@corva/ui 3.75.0-13 → 3.75.0-14

package/components/Drillstring/BHAComponentsTable/components/shared/ConfirmationPopup.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmationPopup.js","sources":["../../../../../../src/components/Drillstring/BHAComponentsTable/components/shared/ConfirmationPopup.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { Button, withStyles, makeStyles } from '@material-ui/core';\n\nimport { isMobileDetected } from '~/utils/mobileDetect';\nimport { Modal, Typography } from '~/components';\n\nconst StyledButton = withStyles({ root: { height: '36px' } })(Button);\nconst ClearAllButton = withStyles({ root: { margin: '0 16px 0 auto' } })(StyledButton);\nconst StyledText = withStyles({ root: { color: '#bdbdbd' } })(Typography.Regular16);\n\nexport const useStyles = makeStyles(theme => ({\n  paper: {\n    minWidth: ({ isMobile }) => (isMobile ? 0 : '416px'),\n    minHeight: ({ isMobile }) => isMobile && '240px !important',\n    maxWidth: ({ isMobile }) => isMobile && 'calc(100% - 24px)',\n  },\n  content: {\n    width: ({ isMobile }) => (isMobile ? 'auto' : '300px'),\n    color: theme.palette.primary.text6,\n  },\n}));\n\nexport const ConfirmationPopup = ({ title, text, okText, handleClose, handleOk }) => {\n  const styles = useStyles({ isMobile: isMobileDetected });\n\n  return (\n    <Modal\n      open\n      onClose={handleClose}\n      title={title}\n      isMobile={false}\n      actions={\n        <>\n          <ClearAllButton color=\"primary\" onClick={handleClose}>\n            Cancel\n          </ClearAllButton>\n\n          <StyledButton variant=\"contained\" color=\"primary\" onClick={handleOk}>\n            {okText || 'OK'}\n          </StyledButton>\n        </>\n      }\n      contentContainerClassName={styles.paper}\n    >\n      <div className={styles.content}>\n        <StyledText>{text}</StyledText>\n      </div>\n    </Modal>\n  );\n};\n\nConfirmationPopup.propTypes = {\n  title: PropTypes.string.isRequired,\n  okText: PropTypes.string.isRequired,\n  text: PropTypes.string.isRequired,\n  handleClose: PropTypes.func.isRequired,\n  handleOk: PropTypes.func.isRequired,\n};\n"],"names":["StyledButton","withStyles","root","height","Button","ClearAllButton","margin","StyledText","color","Typography","useStyles","makeStyles","theme","paper","minWidth","_ref","isMobile","minHeight","_ref2","maxWidth","_ref3","content","width","_ref4","palette","primary","text6","ConfirmationPopup","_ref5","title","text","okText","handleClose","handleOk","styles","isMobileDetected","_jsx","Modal","open","onClose","actions","_jsxs","_Fragment","children","onClick","variant","contentContainerClassName","className","propTypes","PropTypes","string","isRequired","func"],"mappings":"2k+BAMA,IAAMA,EAAeC,EAAW,CAAEC,KAAM,CAAEC,OAAQ,SAA7BF,CAAyCG,GACxDC,EAAiBJ,EAAW,CAAEC,KAAM,CAAEI,OAAQ,kBAA7BL,CAAkDD,GACnEO,EAAaN,EAAW,CAAEC,KAAM,CAAEM,MAAO,YAA5BP,CAA2CQ,GAEjDC,EAAYC,GAAW,SAAAC,GAAK,MAAK,CAC5CC,MAAO,CACLC,SAAU,SAAAC,GAAW,SAARC,SAA2B,EAAI,OAAQ,EACpDC,UAAW,SAAAC,GAAW,SAARF,UAA2B,kBAAkB,EAC3DG,SAAU,SAAAC,GAAW,SAARJ,UAA2B,mBAAmB,GAE7DK,QAAS,CACPC,MAAO,SAAAC,GAAW,SAARP,SAA2B,OAAS,OAAQ,EACtDR,MAAOI,EAAMY,QAAQC,QAAQC,OAEhC,IAEYC,EAAoB,SAAoDC,GAAA,IAAjDC,IAAAA,MAAOC,IAAAA,KAAMC,IAAAA,OAAQC,IAAAA,YAAaC,IAAAA,SAC9DC,EAASxB,EAAU,CAAEM,SAAUmB,IAErC,OACEC,EAACC,EAAK,CACJC,MAAI,EACJC,QAASP,EACTH,MAAOA,EACPb,UAAU,EACVwB,QACEC,EAAAC,EAAA,CAAAC,SAAA,CACEP,EAAC/B,EAAc,CAACG,MAAM,UAAUoC,QAASZ,EAAYW,SAAA,WAIrDP,EAACpC,EAAY,CAAC6C,QAAQ,YAAYrC,MAAM,UAAUoC,QAASX,EAASU,SACjEZ,GAAU,UAIjBe,0BAA2BZ,EAAOrB,MAAM8B,SAExCP,EAAA,MAAA,CAAKW,UAAWb,EAAOb,QAAQsB,SAC7BP,EAAC7B,EAAU,CAAAoC,SAAEb,OAIrB,EAEAH,EAAkBqB,UAAY,CAC5BnB,MAAOoB,EAAUC,OAAOC,WACxBpB,OAAQkB,EAAUC,OAAOC,WACzBrB,KAAMmB,EAAUC,OAAOC,WACvBnB,YAAaiB,EAAUG,KAAKD,WAC5BlB,SAAUgB,EAAUG,KAAKD"}
+{"version":3,"file":"ConfirmationPopup.js","sources":["../../../../../../src/components/Drillstring/BHAComponentsTable/components/shared/ConfirmationPopup.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { Button, withStyles, makeStyles } from '@material-ui/core';\n\nimport { isMobileDetected } from '~/utils/mobileDetect';\nimport { Modal, Typography } from '~/components';\n\nconst StyledButton = withStyles({ root: { height: '36px' } })(Button);\nconst ClearAllButton = withStyles({ root: { margin: '0 16px 0 auto' } })(StyledButton);\nconst StyledText = withStyles({ root: { color: '#bdbdbd' } })(Typography.Regular16);\n\nexport const useStyles = makeStyles(theme => ({\n  paper: {\n    minWidth: ({ isMobile }) => (isMobile ? 0 : '416px'),\n    minHeight: ({ isMobile }) => isMobile && '240px !important',\n    maxWidth: ({ isMobile }) => isMobile && 'calc(100% - 24px)',\n  },\n  content: {\n    width: ({ isMobile }) => (isMobile ? 'auto' : '300px'),\n    color: theme.palette.primary.text6,\n  },\n}));\n\nexport const ConfirmationPopup = ({ title, text, okText, handleClose, handleOk }) => {\n  const styles = useStyles({ isMobile: isMobileDetected });\n\n  return (\n    <Modal\n      open\n      onClose={handleClose}\n      title={title}\n      isMobile={false}\n      actions={\n        <>\n          <ClearAllButton color=\"primary\" onClick={handleClose}>\n            Cancel\n          </ClearAllButton>\n\n          <StyledButton variant=\"contained\" color=\"primary\" onClick={handleOk}>\n            {okText || 'OK'}\n          </StyledButton>\n        </>\n      }\n      contentContainerClassName={styles.paper}\n    >\n      <div className={styles.content}>\n        <StyledText>{text}</StyledText>\n      </div>\n    </Modal>\n  );\n};\n\nConfirmationPopup.propTypes = {\n  title: PropTypes.string.isRequired,\n  okText: PropTypes.string.isRequired,\n  text: PropTypes.string.isRequired,\n  handleClose: PropTypes.func.isRequired,\n  handleOk: PropTypes.func.isRequired,\n};\n"],"names":["StyledButton","withStyles","root","height","Button","ClearAllButton","margin","StyledText","color","Typography","useStyles","makeStyles","theme","paper","minWidth","_ref","isMobile","minHeight","_ref2","maxWidth","_ref3","content","width","_ref4","palette","primary","text6","ConfirmationPopup","_ref5","title","text","okText","handleClose","handleOk","styles","isMobileDetected","_jsx","Modal","open","onClose","actions","_jsxs","_Fragment","children","onClick","variant","contentContainerClassName","className","propTypes","PropTypes","string","isRequired","func"],"mappings":"w2+BAMA,IAAMA,EAAeC,EAAW,CAAEC,KAAM,CAAEC,OAAQ,SAA7BF,CAAyCG,GACxDC,EAAiBJ,EAAW,CAAEC,KAAM,CAAEI,OAAQ,kBAA7BL,CAAkDD,GACnEO,EAAaN,EAAW,CAAEC,KAAM,CAAEM,MAAO,YAA5BP,CAA2CQ,GAEjDC,EAAYC,GAAW,SAAAC,GAAK,MAAK,CAC5CC,MAAO,CACLC,SAAU,SAAAC,GAAW,SAARC,SAA2B,EAAI,OAAQ,EACpDC,UAAW,SAAAC,GAAW,SAARF,UAA2B,kBAAkB,EAC3DG,SAAU,SAAAC,GAAW,SAARJ,UAA2B,mBAAmB,GAE7DK,QAAS,CACPC,MAAO,SAAAC,GAAW,SAARP,SAA2B,OAAS,OAAQ,EACtDR,MAAOI,EAAMY,QAAQC,QAAQC,OAEhC,IAEYC,EAAoB,SAAoDC,GAAA,IAAjDC,IAAAA,MAAOC,IAAAA,KAAMC,IAAAA,OAAQC,IAAAA,YAAaC,IAAAA,SAC9DC,EAASxB,EAAU,CAAEM,SAAUmB,IAErC,OACEC,EAACC,EAAK,CACJC,MAAI,EACJC,QAASP,EACTH,MAAOA,EACPb,UAAU,EACVwB,QACEC,EAAAC,EAAA,CAAAC,SAAA,CACEP,EAAC/B,EAAc,CAACG,MAAM,UAAUoC,QAASZ,EAAYW,SAAA,WAIrDP,EAACpC,EAAY,CAAC6C,QAAQ,YAAYrC,MAAM,UAAUoC,QAASX,EAASU,SACjEZ,GAAU,UAIjBe,0BAA2BZ,EAAOrB,MAAM8B,SAExCP,EAAA,MAAA,CAAKW,UAAWb,EAAOb,QAAQsB,SAC7BP,EAAC7B,EAAU,CAAAoC,SAAEb,OAIrB,EAEAH,EAAkBqB,UAAY,CAC5BnB,MAAOoB,EAAUC,OAAOC,WACxBpB,OAAQkB,EAAUC,OAAOC,WACzBrB,KAAMmB,EAAUC,OAAOC,WACvBnB,YAAaiB,EAAUG,KAAKD,WAC5BlB,SAAUgB,EAAUG,KAAKD"}

package/components/OffsetWellMap/OffsetWellMap.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OffsetWellMap.d.ts","sourceRoot":"","sources":["../../../src/components/OffsetWellMap/OffsetWellMap.js"],"names":[],"mappings":"AAKA,OAAO,8BAA8B,CAAC;AA8DtC,0EAA0E;AAC1E,QAAA,MAAM,aAAa,EADR,KAAK,CAAC,EAAE,CAAC,OAAO,sBAAsB,EAAE,kBAAkB,CAwcpE,CAAC;eAEa,aAAa"}
+{"version":3,"file":"OffsetWellMap.d.ts","sourceRoot":"","sources":["../../../src/components/OffsetWellMap/OffsetWellMap.js"],"names":[],"mappings":"AAKA,OAAO,8BAA8B,CAAC;AA6DtC,0EAA0E;AAC1E,QAAA,MAAM,aAAa,EADR,KAAK,CAAC,EAAE,CAAC,OAAO,sBAAsB,EAAE,kBAAkB,CAwcpE,CAAC;eAEa,aAAa"}

package/components/OffsetWellMap/OffsetWellMap.js

@@ -1,2 +1,2 @@
-import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/slicedToArray";import{useMemo as t,useRef as l,useState as o,useEffect as i,createElement as n}from"react";import{get as c}from"lodash";import u from"classnames";import{Tooltip as a}from"@material-ui/core";import{Add as s,Remove as d}from"@material-ui/icons";import"mapbox-gl/dist/mapbox-gl.css";import{usePreviousWells as f}from"./effects/usePreviousWells.js";import{WellTooltip as m}from"./WellTooltip.js";import{getAllFormations as v}from"./utils.js";import h from"./OffsetWellMap.module.css.js";import"../../config/mapboxGl/index.js";import{IS_MAPBOX_ENABLED as p}from"../../config/mapbox/index.js";import{mapbox as g}from"../../utils/index.js";import{createAdaptiveRoot as y}from"../../utils/createAdaptiveRoot.js";import{jsx as w,jsxs as b,Fragment as W}from"react/jsx-runtime";import j from"mapbox-gl";var C=g.isValidCoordinates,F=[29.749907,-95.358421],B={type:"FeatureCollection",features:[]},L=["==",["id"],-1],x=function(e){var t=r(e,2),l=t[0];return[t[1],l]},D=function(e,t){for(var l=r(e,2),o=l[0],i=l[1],n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:64,c=t/(111320*Math.cos(o*Math.PI/180)),u=t/110574,a=[],s=0;s<=n;s+=1){var d=s/n*2*Math.PI;a.push([i+c*Math.cos(d),o+u*Math.sin(d)])}return{type:"Polygon",coordinates:[a]}},M=function(g){var M=g.isViewOnly,O=g.subjectWell,S=void 0===O?null:O,k=g.wells,P=g.offsetWellIds,z=g.radius,I=g.handleChanageOffsetWell,Z=g.handleChangeOffsetWell,E=void 0===Z?I:Z,N=g.activeWellId,T=g.isClickable,A=void 0===T||T,V=g.classes,G=void 0===V?{}:V,H=t((function(){return S&&c(S,"topHole.coordinates")}),[S]),R=t((function(){return v(k)}),[k]),q=l(),J=l(),K=l(),Q=l(null),U=l(null),X=l(),Y=l(new Map),$=l(null),_=l(null),ee=l(null),re=o(!1),te=r(re,2),le=te[0],oe=te[1],ie=(null==S?void 0:S.id)===N,ne=f(k),ce=o(!1),ue=r(ce,2),ae=ue[0],se=ue[1],de=o(3),fe=r(de,2),me=fe[0],ve=fe[1];i((function(){if(p){var e=new j.Map({container:q.current,style:"mapbox://styles/mapbox/dark-v9",center:x(F),zoom:3,maxZoom:18,attributionControl:!1,scrollZoom:!1,doubleClickZoom:!1});return J.current=e,e.on("zoomend",(function(){return ve(Math.round(e.getZoom()))})),e.on("load",(function(){e.addSource("radius-circle",{type:"geojson",data:B}),e.addLayer({id:"radius-circle-fill",type:"fill",source:"radius-circle",paint:{"fill-color":"#03BCD4","fill-opacity":.2}}),e.addSource("wells",{type:"geojson",data:B}),e.addLayer({id:"wells-halo",type:"circle",source:"wells",filter:["==",["get","isOffsetWell"],!0],paint:{"circle-radius":12,"circle-color":["get","color"],"circle-opacity":.08}}),e.addLayer({id:"wells-circle",type:"circle",source:"wells",layout:{"circle-sort-key":["get","order"]},paint:{"circle-radius":5,"circle-color":["get","color"],"circle-opacity":["get","opacity"]}}),e.addLayer({id:"wells-active-highlight",type:"circle",source:"wells",filter:["==",["get","isActive"],!0],paint:{"circle-radius":12,"circle-color":["get","color"],"circle-opacity":.24}}),e.addLayer({id:"wells-hover-highlight",type:"circle",source:"wells",filter:L,paint:{"circle-radius":["case",["get","isSubjectWell"],5,12],"circle-color":["case",["get","isSubjectWell"],"#63EFFF",["get","color"]],"circle-opacity":.24}}),se(!0)})),function(){var r;null===(r=ee.current)||void 0===r||r.unmount(),ee.current=null,e.remove(),J.current=null,K.current=null,X.current=null,Q.current=null,U.current=null}}}),[]),i((function(){var e,t,l,o,i,n;Q.current=H&&z?(e=1609.34*z,t=r(H,2),l=t[0],o=t[1],i=e/(111320*Math.cos(l*Math.PI/180)),[[o-i,l-(n=e/110574)],[o+i,l+n]]):null;var c=J.current;c&&ae&&c.getSource("radius-circle").setData(H&&z?{type:"Feature",properties:{},geometry:D(H,1609.34*z)}:B)}),[z,H,ae]);var he=function(e,r,t,l){var o;null===(o=ee.current)||void 0===o||o.unmount();var i=document.createElement("div"),u=n(m(),{isViewOnly:M,well:e,color:c(R,e.formation,"#BDBDBD"),isOffsetWell:r,isSubjectWell:t,isClickable:A});ee.current=y(i),ee.current.render(w(W,{children:u})),K.current||(K.current=new j.Popup({closeButton:!1,offset:12})),K.current.setLngLat(x(l)).setDOMContent(i).addTo(J.current)};i((function(){var e=J.current;e&&ae&&e.setPaintProperty("wells-circle","circle-color",le?["case",["get","isSubjectWell"],"#63EFFF",["get","color"]]:["get","color"])}),[le,ae]),i((function(){var e;if(k&&P){null===(e=K.current)||void 0===e||e.remove();var r=[],t=[];k.forEach((function(e){e.id!==(null==S?void 0:S.id)&&(P.includes(e.id)?r.push(e):t.push(e))}));var l=[].concat(t,r,[S]),o=[],i=new j.LngLatBounds;Y.current.clear(),$.current=null,l.forEach((function(e,r){var t,l=null==e||null===(t=e.topHole)||void 0===t?void 0:t.coordinates;if(l&&C(l)){var n=(null==S?void 0:S.id)===e.id,u=P.includes(e.id)&&!n,a=n?"#03BCD4":c(R,e.formation,"#BDBDBD"),s=u?.7:.3;o.push({type:"Feature",id:r,geometry:{type:"Point",coordinates:x(l)},properties:{color:a,opacity:n?1:s,isSubjectWell:n,isOffsetWell:u,isActive:e.id===N&&!ie,order:r}}),Y.current.set(r,{well:e,coords:l,isOffsetWell:u,isSubjectWell:n}),n&&($.current=r),i.extend(x(l))}})),U.current=o.length?i:null;var n=J.current;if(n&&ae){n.getSource("wells").setData({type:"FeatureCollection",features:o}),n.setFilter("wells-hover-highlight",L),_.current=null;var u=function(e){var r,t=null===(r=e.features)||void 0===r?void 0:r[0];if(t&&_.current!==t.id){var l=Y.current.get(t.id);l&&(_.current=t.id,n.getCanvas().style.cursor="pointer",n.setFilter("wells-hover-highlight",["==",["id"],t.id]),he(l.well,l.isOffsetWell,l.isSubjectWell,l.coords),l.isSubjectWell&&oe(!0))}},a=function(e){var r;if(null==e||!e.point||!n.queryRenderedFeatures(e.point,{layers:["wells-circle","wells-hover-highlight"]}).length){var t=null!==_.current&&_.current===$.current;_.current=null,n.getCanvas().style.cursor="",n.setFilter("wells-hover-highlight",L),null===(r=K.current)||void 0===r||r.remove(),t&&oe(!1)}},s=function(e){var r,t;if(!M){var l=Y.current.get(null===(r=e.features)||void 0===r||null===(t=r[0])||void 0===t?void 0:t.id);l&&E(l.well,!l.isOffsetWell)}};return n.on("mousemove","wells-circle",u),n.on("mouseleave","wells-circle",a),n.on("mouseleave","wells-hover-highlight",a),n.on("click","wells-circle",s),setTimeout((function(){z<3e3&&J.current&&Q.current&&k!==ne&&J.current.fitBounds(Q.current,{padding:5})}),500),function(){n.off("mousemove","wells-circle",u),n.off("mouseleave","wells-circle",a),n.off("mouseleave","wells-hover-highlight",a),n.off("click","wells-circle",s)}}}}),[S,k,P,N,ae]),i((function(){var e=J.current;if(X.current&&(X.current.remove(),X.current=null),e&&H){var t=le||ie,l=document.createElement("img");l.src=t?"/static/media/5e9c4959259cb12c11b2c5eaf27eb3ad.svg":"/static/media/9efe5882f31d2f22bd57af92069d0a3e.svg";var o=r(t?[70,20]:[62,12],2),i=o[0],n=o[1],c=r(t?[35,29]:[31,25],2),u=c[0],a=c[1];l.width=i,l.height=n,l.addEventListener("mouseover",(function(){oe(!0),null!==$.current&&e.getLayer("wells-hover-highlight")&&(_.current=$.current,e.setFilter("wells-hover-highlight",["==",["id"],$.current])),he(S,!1,!0,H)})),l.addEventListener("mouseout",(function(){var r;_.current=null,e.getLayer("wells-hover-highlight")&&e.setFilter("wells-hover-highlight",L),null===(r=K.current)||void 0===r||r.remove(),oe(!1)})),X.current=new j.Marker({element:l,anchor:"center",offset:[i/2-u,n/2-a]}).setLngLat(x(H)).addTo(e)}}),[le,H,z,S,ie]),i((function(){var e;z>3e3?null===(e=J.current)||void 0===e||e.setZoom(1):setTimeout((function(){S?J.current&&Q.current&&z&&J.current.fitBounds(Q.current,{padding:5}):J.current&&U.current&&J.current.fitBounds(U.current),H&&J.current&&J.current.easeTo({center:x(H),duration:700})}),500)}),[z,S,H]);var pe=function(){var e;null===(e=J.current)||void 0===e||e.setZoom(me+1)};return w("div",{className:u(h.mapView,G.root),children:w("div",{className:u(h.mapMain,G.map),ref:q,onDoubleClick:pe,children:b("div",{className:h.zoomGroup,children:[w(a,{title:me<18?"Zoom in":"",placement:"left",children:w("div",{className:u(h.zoomButton,e({},h.zoomDisabled,18===me)),onClick:pe,children:w(s,{className:h.zoomInOutIcon})})}),w(a,{title:me>1?"Zoom out":"",placement:"left",children:w("div",{className:u(h.zoomButton,e({},h.zoomDisabled,1===me)),onClick:function(){var e;me>1&&(null===(e=J.current)||void 0===e||e.setZoom(me-1))},children:w(d,{className:h.zoomInOutIcon})})})]})})})};export{M as default};
+import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/slicedToArray";import{useMemo as t,useRef as l,useState as o,useEffect as i,createElement as n}from"react";import{get as c}from"lodash";import u from"classnames";import{Tooltip as a}from"@material-ui/core";import{Add as s,Remove as d}from"@material-ui/icons";import"mapbox-gl/dist/mapbox-gl.css";import{usePreviousWells as f}from"./effects/usePreviousWells.js";import{WellTooltip as m}from"./WellTooltip.js";import{getAllFormations as v}from"./utils.js";import h from"./OffsetWellMap.module.css.js";import"../../config/mapboxGl/index.js";import{IS_MAPBOX_ENABLED as p}from"../../config/mapbox/index.js";import{mapbox as g}from"../../utils/index.js";import{createAdaptiveRoot as y}from"../../utils/createAdaptiveRoot.js";import{jsx as w,jsxs as b,Fragment as W}from"react/jsx-runtime";import j from"mapbox-gl";var C=[29.749907,-95.358421],F={type:"FeatureCollection",features:[]},B=["==",["id"],-1],L=function(e){var t=r(e,2),l=t[0];return[t[1],l]},x=function(e,t){for(var l=r(e,2),o=l[0],i=l[1],n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:64,c=t/(111320*Math.cos(o*Math.PI/180)),u=t/110574,a=[],s=0;s<=n;s+=1){var d=s/n*2*Math.PI;a.push([i+c*Math.cos(d),o+u*Math.sin(d)])}return{type:"Polygon",coordinates:[a]}},D=function(D){var M=D.isViewOnly,O=D.subjectWell,S=void 0===O?null:O,k=D.wells,P=D.offsetWellIds,z=D.radius,I=D.handleChanageOffsetWell,Z=D.handleChangeOffsetWell,E=void 0===Z?I:Z,N=D.activeWellId,T=D.isClickable,A=void 0===T||T,V=D.classes,G=void 0===V?{}:V,H=t((function(){return S&&c(S,"topHole.coordinates")}),[S]),R=t((function(){return v(k)}),[k]),q=l(),J=l(),K=l(),Q=l(null),U=l(null),X=l(),Y=l(new Map),$=l(null),_=l(null),ee=l(null),re=o(!1),te=r(re,2),le=te[0],oe=te[1],ie=(null==S?void 0:S.id)===N,ne=f(k),ce=o(!1),ue=r(ce,2),ae=ue[0],se=ue[1],de=o(3),fe=r(de,2),me=fe[0],ve=fe[1];i((function(){if(p){var e=new j.Map({container:q.current,style:"mapbox://styles/mapbox/dark-v9",center:L(C),zoom:3,maxZoom:18,attributionControl:!1,scrollZoom:!1,doubleClickZoom:!1});return J.current=e,e.on("zoomend",(function(){return ve(Math.round(e.getZoom()))})),e.on("load",(function(){e.addSource("radius-circle",{type:"geojson",data:F}),e.addLayer({id:"radius-circle-fill",type:"fill",source:"radius-circle",paint:{"fill-color":"#03BCD4","fill-opacity":.2}}),e.addSource("wells",{type:"geojson",data:F}),e.addLayer({id:"wells-halo",type:"circle",source:"wells",filter:["==",["get","isOffsetWell"],!0],paint:{"circle-radius":12,"circle-color":["get","color"],"circle-opacity":.08}}),e.addLayer({id:"wells-circle",type:"circle",source:"wells",layout:{"circle-sort-key":["get","order"]},paint:{"circle-radius":5,"circle-color":["get","color"],"circle-opacity":["get","opacity"]}}),e.addLayer({id:"wells-active-highlight",type:"circle",source:"wells",filter:["==",["get","isActive"],!0],paint:{"circle-radius":12,"circle-color":["get","color"],"circle-opacity":.24}}),e.addLayer({id:"wells-hover-highlight",type:"circle",source:"wells",filter:B,paint:{"circle-radius":["case",["get","isSubjectWell"],5,12],"circle-color":["case",["get","isSubjectWell"],"#63EFFF",["get","color"]],"circle-opacity":.24}}),se(!0)})),function(){var r;null===(r=ee.current)||void 0===r||r.unmount(),ee.current=null,e.remove(),J.current=null,K.current=null,X.current=null,Q.current=null,U.current=null}}}),[]),i((function(){var e,t,l,o,i,n;Q.current=H&&z?(e=1609.34*z,t=r(H,2),l=t[0],o=t[1],i=e/(111320*Math.cos(l*Math.PI/180)),[[o-i,l-(n=e/110574)],[o+i,l+n]]):null;var c=J.current;c&&ae&&c.getSource("radius-circle").setData(H&&z?{type:"Feature",properties:{},geometry:x(H,1609.34*z)}:F)}),[z,H,ae]);var he=function(e,r,t,l){var o;null===(o=ee.current)||void 0===o||o.unmount();var i=document.createElement("div"),u=n(m(),{isViewOnly:M,well:e,color:c(R,e.formation,"#BDBDBD"),isOffsetWell:r,isSubjectWell:t,isClickable:A});ee.current=y(i),ee.current.render(w(W,{children:u})),K.current||(K.current=new j.Popup({closeButton:!1,offset:12})),K.current.setLngLat(L(l)).setDOMContent(i).addTo(J.current)};i((function(){var e=J.current;e&&ae&&e.setPaintProperty("wells-circle","circle-color",le?["case",["get","isSubjectWell"],"#63EFFF",["get","color"]]:["get","color"])}),[le,ae]),i((function(){var e;if(k&&P){null===(e=K.current)||void 0===e||e.remove();var r=[],t=[];k.forEach((function(e){e.id!==(null==S?void 0:S.id)&&(P.includes(e.id)?r.push(e):t.push(e))}));var l=[].concat(t,r,[S]),o=[],i=new j.LngLatBounds;Y.current.clear(),$.current=null,l.forEach((function(e,r){var t,l=null==e||null===(t=e.topHole)||void 0===t?void 0:t.coordinates;if(l&&g.isValidCoordinates(l)){var n=(null==S?void 0:S.id)===e.id,u=P.includes(e.id)&&!n,a=n?"#03BCD4":c(R,e.formation,"#BDBDBD"),s=u?.7:.3;o.push({type:"Feature",id:r,geometry:{type:"Point",coordinates:L(l)},properties:{color:a,opacity:n?1:s,isSubjectWell:n,isOffsetWell:u,isActive:e.id===N&&!ie,order:r}}),Y.current.set(r,{well:e,coords:l,isOffsetWell:u,isSubjectWell:n}),n&&($.current=r),i.extend(L(l))}})),U.current=o.length?i:null;var n=J.current;if(n&&ae){n.getSource("wells").setData({type:"FeatureCollection",features:o}),n.setFilter("wells-hover-highlight",B),_.current=null;var u=function(e){var r,t=null===(r=e.features)||void 0===r?void 0:r[0];if(t&&_.current!==t.id){var l=Y.current.get(t.id);l&&(_.current=t.id,n.getCanvas().style.cursor="pointer",n.setFilter("wells-hover-highlight",["==",["id"],t.id]),he(l.well,l.isOffsetWell,l.isSubjectWell,l.coords),l.isSubjectWell&&oe(!0))}},a=function(e){var r;if(null==e||!e.point||!n.queryRenderedFeatures(e.point,{layers:["wells-circle","wells-hover-highlight"]}).length){var t=null!==_.current&&_.current===$.current;_.current=null,n.getCanvas().style.cursor="",n.setFilter("wells-hover-highlight",B),null===(r=K.current)||void 0===r||r.remove(),t&&oe(!1)}},s=function(e){var r,t;if(!M){var l=Y.current.get(null===(r=e.features)||void 0===r||null===(t=r[0])||void 0===t?void 0:t.id);l&&E(l.well,!l.isOffsetWell)}};return n.on("mousemove","wells-circle",u),n.on("mouseleave","wells-circle",a),n.on("mouseleave","wells-hover-highlight",a),n.on("click","wells-circle",s),setTimeout((function(){z<3e3&&J.current&&Q.current&&k!==ne&&J.current.fitBounds(Q.current,{padding:5})}),500),function(){n.off("mousemove","wells-circle",u),n.off("mouseleave","wells-circle",a),n.off("mouseleave","wells-hover-highlight",a),n.off("click","wells-circle",s)}}}}),[S,k,P,N,ae]),i((function(){var e=J.current;if(X.current&&(X.current.remove(),X.current=null),e&&H){var t=le||ie,l=document.createElement("img");l.src=t?"/static/media/5e9c4959259cb12c11b2c5eaf27eb3ad.svg":"/static/media/9efe5882f31d2f22bd57af92069d0a3e.svg";var o=r(t?[70,20]:[62,12],2),i=o[0],n=o[1],c=r(t?[35,29]:[31,25],2),u=c[0],a=c[1];l.width=i,l.height=n,l.addEventListener("mouseover",(function(){oe(!0),null!==$.current&&e.getLayer("wells-hover-highlight")&&(_.current=$.current,e.setFilter("wells-hover-highlight",["==",["id"],$.current])),he(S,!1,!0,H)})),l.addEventListener("mouseout",(function(){var r;_.current=null,e.getLayer("wells-hover-highlight")&&e.setFilter("wells-hover-highlight",B),null===(r=K.current)||void 0===r||r.remove(),oe(!1)})),X.current=new j.Marker({element:l,anchor:"center",offset:[i/2-u,n/2-a]}).setLngLat(L(H)).addTo(e)}}),[le,H,z,S,ie]),i((function(){var e;z>3e3?null===(e=J.current)||void 0===e||e.setZoom(1):setTimeout((function(){S?J.current&&Q.current&&z&&J.current.fitBounds(Q.current,{padding:5}):J.current&&U.current&&J.current.fitBounds(U.current),H&&J.current&&J.current.easeTo({center:L(H),duration:700})}),500)}),[z,S,H]);var pe=function(){var e;null===(e=J.current)||void 0===e||e.setZoom(me+1)};return w("div",{className:u(h.mapView,G.root),children:w("div",{className:u(h.mapMain,G.map),ref:q,onDoubleClick:pe,children:b("div",{className:h.zoomGroup,children:[w(a,{title:me<18?"Zoom in":"",placement:"left",children:w("div",{className:u(h.zoomButton,e({},h.zoomDisabled,18===me)),onClick:pe,children:w(s,{className:h.zoomInOutIcon})})}),w(a,{title:me>1?"Zoom out":"",placement:"left",children:w("div",{className:u(h.zoomButton,e({},h.zoomDisabled,1===me)),onClick:function(){var e;me>1&&(null===(e=J.current)||void 0===e||e.setZoom(me-1))},children:w(d,{className:h.zoomInOutIcon})})})]})})})};export{D as default};
 //# sourceMappingURL=OffsetWellMap.js.map

package/components/OffsetWellMap/OffsetWellMap.js.map

@@ -1 +1 @@
-{"version":3,"file":"OffsetWellMap.js","sources":["../../../src/components/OffsetWellMap/OffsetWellMap.js"],"sourcesContent":["import { createElement, useRef, useEffect, useState, useMemo } from 'react';\nimport { get } from 'lodash';\nimport classNames from 'classnames';\nimport { Tooltip } from '@material-ui/core';\nimport { Add as ZoomInIcon, Remove as ZoomOutIcon } from '@material-ui/icons';\nimport 'mapbox-gl/dist/mapbox-gl.css';\n\nimport SubjectWellIcon from './CustomIcon/SubjectWellIcon.svg';\nimport SubjectHighlightWellIcon from './CustomIcon/SubjectHighlightWellIcon.svg';\nimport { usePreviousWells } from './effects';\nimport { WellTooltip } from './WellTooltip';\nimport { getAllFormations } from './utils';\n\nimport styles from './OffsetWellMap.module.css';\n\nimport mapboxgl from '~/config/mapboxGl';\nimport { IS_MAPBOX_ENABLED } from '~/config/mapbox';\nimport { mapbox } from '~/utils';\nimport { createAdaptiveRoot } from '~/utils/createAdaptiveRoot';\n\nconst { isValidCoordinates } = mapbox;\nconst DEFAULT_COORDS = [29.749907, -95.358421];\nconst WELL_MARKER_SIZE = 5;\nconst HIGHLIGHT_MARKER_SIZE = 12;\nconst OFFSET_WELL_COLOR = '#03BCD4';\nconst RADIUS_CIRCLE_COLOR = '#03BCD4';\nconst HIGHLIGHT_WELL_COLOR = '#63EFFF';\nconst METERS_IN_MILE = 1609.34;\nconst ZOOM_INIT_VALUE = 3;\nconst ZOOM_MAX_VALUE = 18;\nconst ZOOM_MIN_VALUE = 1;\nconst MAX_RADIUS = 3000;\n\nconst RADIUS_SOURCE_ID = 'radius-circle';\nconst RADIUS_LAYER_ID = 'radius-circle-fill';\nconst WELLS_SOURCE_ID = 'wells';\nconst WELLS_HALO_LAYER_ID = 'wells-halo';\nconst WELLS_LAYER_ID = 'wells-circle';\nconst WELLS_ACTIVE_LAYER_ID = 'wells-active-highlight';\nconst WELLS_HOVER_LAYER_ID = 'wells-hover-highlight';\nconst EMPTY_FEATURE_COLLECTION = { type: 'FeatureCollection', features: [] };\nconst NO_HOVER_FILTER = ['==', ['id'], -1];\n\n// NOTE: Props keep the Leaflet [lat, lng] convention; mapbox-gl expects [lng, lat]\nconst toLngLat = ([lat, lng]) => [lng, lat];\n\n// NOTE: mapbox-gl circle layers are pixel-radius, so approximate the meter radius with a polygon\nconst makeCirclePolygon = ([lat, lng], radiusMeters, points = 64) => {\n  const degreesLng = radiusMeters / (111320 * Math.cos((lat * Math.PI) / 180));\n  const degreesLat = radiusMeters / 110574;\n  const ring = [];\n  for (let i = 0; i <= points; i += 1) {\n    const theta = (i / points) * 2 * Math.PI;\n    ring.push([lng + degreesLng * Math.cos(theta), lat + degreesLat * Math.sin(theta)]);\n  }\n  return { type: 'Polygon', coordinates: [ring] };\n};\n\nconst getCircleBounds = ([lat, lng], radiusMeters) => {\n  const degreesLng = radiusMeters / (111320 * Math.cos((lat * Math.PI) / 180));\n  const degreesLat = radiusMeters / 110574;\n  return [\n    [lng - degreesLng, lat - degreesLat],\n    [lng + degreesLng, lat + degreesLat],\n  ];\n};\n\n/** @type {React.FC<import('./OffsetWellMapProps').OffsetWellMapProps>} */\nconst OffsetWellMap = ({\n  isViewOnly,\n  subjectWell = null,\n  wells,\n  offsetWellIds,\n  radius,\n  handleChanageOffsetWell,\n  handleChangeOffsetWell = handleChanageOffsetWell,\n  activeWellId,\n  isClickable = true,\n  classes = {},\n}) => {\n  const subjectWellCoords = useMemo(() => {\n    return subjectWell && get(subjectWell, 'topHole.coordinates');\n  }, [subjectWell]);\n  const formationColors = useMemo(() => getAllFormations(wells), [wells]);\n\n  const containerRef = useRef();\n  const mapRef = useRef();\n  const popupRef = useRef();\n  const radiusBoundsRef = useRef(null);\n  const wellsBoundsRef = useRef(null);\n  const subjectIconRef = useRef();\n  const wellByFeatureIdRef = useRef(new Map());\n  const subjectFeatureIdRef = useRef(null);\n  const hoveredFeatureIdRef = useRef(null);\n  const tooltipRootRef = useRef(null);\n  const [isSubjectWellHovered, setIsSubjectWellHovered] = useState(false);\n  const isActiveWellIsSubjectWell = subjectWell?.id === activeWellId;\n  const prevWells = usePreviousWells(wells);\n  const [isMapReady, setIsMapReady] = useState(false);\n  const [zoom, setZoom] = useState(ZOOM_INIT_VALUE);\n\n  // NOTE: Initialize map\n  useEffect(() => {\n    if (!IS_MAPBOX_ENABLED) return undefined;\n\n    const map = new mapboxgl.Map({\n      container: containerRef.current,\n      style: 'mapbox://styles/mapbox/dark-v9',\n      center: toLngLat(DEFAULT_COORDS),\n      zoom: ZOOM_INIT_VALUE,\n      // NOTE: keep the zoom buttons' disable logic (zoom === ZOOM_MAX_VALUE) reachable\n      maxZoom: ZOOM_MAX_VALUE,\n      attributionControl: false,\n      scrollZoom: false,\n      doubleClickZoom: false,\n    });\n    mapRef.current = map;\n\n    // NOTE: GL zoom is fractional where Leaflet was integer\n    map.on('zoomend', () => setZoom(Math.round(map.getZoom())));\n\n    // NOTE: Sources/layers can only be added after the style loads\n    map.on('load', () => {\n      map.addSource(RADIUS_SOURCE_ID, { type: 'geojson', data: EMPTY_FEATURE_COLLECTION });\n      map.addLayer({\n        id: RADIUS_LAYER_ID,\n        type: 'fill',\n        source: RADIUS_SOURCE_ID,\n        paint: {\n          'fill-color': RADIUS_CIRCLE_COLOR,\n          'fill-opacity': 0.2,\n        },\n      });\n\n      map.addSource(WELLS_SOURCE_ID, { type: 'geojson', data: EMPTY_FEATURE_COLLECTION });\n      map.addLayer({\n        id: WELLS_HALO_LAYER_ID,\n        type: 'circle',\n        source: WELLS_SOURCE_ID,\n        filter: ['==', ['get', 'isOffsetWell'], true],\n        paint: {\n          'circle-radius': HIGHLIGHT_MARKER_SIZE,\n          'circle-color': ['get', 'color'],\n          'circle-opacity': 0.08,\n        },\n      });\n      map.addLayer({\n        id: WELLS_LAYER_ID,\n        type: 'circle',\n        source: WELLS_SOURCE_ID,\n        layout: {\n          'circle-sort-key': ['get', 'order'],\n        },\n        paint: {\n          'circle-radius': WELL_MARKER_SIZE,\n          'circle-color': ['get', 'color'],\n          'circle-opacity': ['get', 'opacity'],\n        },\n      });\n      map.addLayer({\n        id: WELLS_ACTIVE_LAYER_ID,\n        type: 'circle',\n        source: WELLS_SOURCE_ID,\n        filter: ['==', ['get', 'isActive'], true],\n        paint: {\n          'circle-radius': HIGHLIGHT_MARKER_SIZE,\n          'circle-color': ['get', 'color'],\n          'circle-opacity': 0.24,\n        },\n      });\n      map.addLayer({\n        id: WELLS_HOVER_LAYER_ID,\n        type: 'circle',\n        source: WELLS_SOURCE_ID,\n        filter: NO_HOVER_FILTER,\n        paint: {\n          'circle-radius': [\n            'case',\n            ['get', 'isSubjectWell'],\n            WELL_MARKER_SIZE,\n            HIGHLIGHT_MARKER_SIZE,\n          ],\n          'circle-color': [\n            'case',\n            ['get', 'isSubjectWell'],\n            HIGHLIGHT_WELL_COLOR,\n            ['get', 'color'],\n          ],\n          'circle-opacity': 0.24,\n        },\n      });\n\n      setIsMapReady(true);\n    });\n\n    return () => {\n      tooltipRootRef.current?.unmount();\n      tooltipRootRef.current = null;\n\n      map.remove();\n      mapRef.current = null;\n      popupRef.current = null;\n      subjectIconRef.current = null;\n      radiusBoundsRef.current = null;\n      wellsBoundsRef.current = null;\n    };\n  }, []);\n\n  // NOTE: Radius circle\n  useEffect(() => {\n    radiusBoundsRef.current =\n      subjectWellCoords && radius\n        ? getCircleBounds(subjectWellCoords, radius * METERS_IN_MILE)\n        : null;\n\n    const map = mapRef.current;\n    if (!map || !isMapReady) {\n      return;\n    }\n\n    map.getSource(RADIUS_SOURCE_ID).setData(\n      subjectWellCoords && radius\n        ? {\n            type: 'Feature',\n            properties: {},\n            geometry: makeCirclePolygon(subjectWellCoords, radius * METERS_IN_MILE),\n          }\n        : EMPTY_FEATURE_COLLECTION\n    );\n  }, [radius, subjectWellCoords, isMapReady]);\n\n  const showTooltip = (well, isOffsetWell, isSubjectWell, coords) => {\n    tooltipRootRef.current?.unmount();\n\n    const popUpContainer = document.createElement('div');\n    const popUpContent = createElement(WellTooltip(), {\n      isViewOnly,\n      well,\n      color: get(formationColors, well.formation, '#BDBDBD'),\n      isOffsetWell,\n      isSubjectWell,\n      isClickable,\n    });\n    tooltipRootRef.current = createAdaptiveRoot(popUpContainer);\n    tooltipRootRef.current.render(<>{popUpContent}</>);\n    if (!popupRef.current) {\n      popupRef.current = new mapboxgl.Popup({\n        closeButton: false,\n        offset: HIGHLIGHT_MARKER_SIZE,\n      });\n    }\n    popupRef.current\n      .setLngLat(toLngLat(coords))\n      .setDOMContent(popUpContainer)\n      .addTo(mapRef.current);\n  };\n\n  // NOTE: Subject well hover swaps the subject marker color\n  useEffect(() => {\n    const map = mapRef.current;\n    if (!map || !isMapReady) {\n      return;\n    }\n\n    map.setPaintProperty(\n      WELLS_LAYER_ID,\n      'circle-color',\n      isSubjectWellHovered\n        ? ['case', ['get', 'isSubjectWell'], HIGHLIGHT_WELL_COLOR, ['get', 'color']]\n        : ['get', 'color']\n    );\n  }, [isSubjectWellHovered, isMapReady]);\n\n  // NOTE: Well markers\n  useEffect(() => {\n    if (!wells || !offsetWellIds) {\n      return undefined;\n    }\n\n    popupRef.current?.remove();\n\n    const offsetWells = [];\n    const unSelectedWells = [];\n    wells.forEach(well => {\n      if (well.id !== subjectWell?.id) {\n        if (offsetWellIds.includes(well.id)) {\n          offsetWells.push(well);\n        } else {\n          unSelectedWells.push(well);\n        }\n      }\n    });\n    const sortedWells = [...unSelectedWells, ...offsetWells, subjectWell];\n\n    const features = [];\n    const wellsBounds = new mapboxgl.LngLatBounds();\n    wellByFeatureIdRef.current.clear();\n    subjectFeatureIdRef.current = null;\n    sortedWells.forEach((well, index) => {\n      const coords = well?.topHole?.coordinates;\n\n      if (coords && isValidCoordinates(coords)) {\n        const isSubjectWell = subjectWell?.id === well.id;\n        const isOffsetWell = offsetWellIds.includes(well.id) && !isSubjectWell;\n        const color = isSubjectWell\n          ? OFFSET_WELL_COLOR\n          : get(formationColors, well.formation, '#BDBDBD');\n        const opacity = isOffsetWell ? 0.7 : 0.3;\n\n        features.push({\n          type: 'Feature',\n          id: index,\n          geometry: { type: 'Point', coordinates: toLngLat(coords) },\n          properties: {\n            color,\n            opacity: isSubjectWell ? 1 : opacity,\n            isSubjectWell,\n            isOffsetWell,\n            isActive: well.id === activeWellId && !isActiveWellIsSubjectWell,\n            order: index,\n          },\n        });\n        wellByFeatureIdRef.current.set(index, { well, coords, isOffsetWell, isSubjectWell });\n        if (isSubjectWell) {\n          subjectFeatureIdRef.current = index;\n        }\n        wellsBounds.extend(toLngLat(coords));\n      }\n    });\n    wellsBoundsRef.current = features.length ? wellsBounds : null;\n\n    const map = mapRef.current;\n    if (!map || !isMapReady) {\n      return undefined;\n    }\n\n    map.getSource(WELLS_SOURCE_ID).setData({ type: 'FeatureCollection', features });\n    map.setFilter(WELLS_HOVER_LAYER_ID, NO_HOVER_FILTER);\n    hoveredFeatureIdRef.current = null;\n\n    const handleMouseMove = e => {\n      const feature = e.features?.[0];\n      if (!feature || hoveredFeatureIdRef.current === feature.id) {\n        return;\n      }\n      const entry = wellByFeatureIdRef.current.get(feature.id);\n      if (!entry) {\n        return;\n      }\n\n      hoveredFeatureIdRef.current = feature.id;\n      map.getCanvas().style.cursor = 'pointer';\n\n      // Highlight\n      map.setFilter(WELLS_HOVER_LAYER_ID, ['==', ['id'], feature.id]);\n      showTooltip(entry.well, entry.isOffsetWell, entry.isSubjectWell, entry.coords);\n      if (entry.isSubjectWell) {\n        setIsSubjectWellHovered(true);\n      }\n    };\n\n    const handleMouseLeave = e => {\n      // NOTE: Leaflet cleared hover on leaving the ENLARGED highlight marker, so keep the\n      // hover while the cursor is still over the hover halo (or another well marker)\n      if (\n        e?.point &&\n        map.queryRenderedFeatures(e.point, { layers: [WELLS_LAYER_ID, WELLS_HOVER_LAYER_ID] })\n          .length\n      ) {\n        return;\n      }\n      const wasSubjectWell =\n        hoveredFeatureIdRef.current !== null &&\n        hoveredFeatureIdRef.current === subjectFeatureIdRef.current;\n      hoveredFeatureIdRef.current = null;\n      map.getCanvas().style.cursor = '';\n      map.setFilter(WELLS_HOVER_LAYER_ID, NO_HOVER_FILTER);\n      popupRef.current?.remove();\n      if (wasSubjectWell) {\n        setIsSubjectWellHovered(false);\n      }\n    };\n\n    const handleClick = e => {\n      if (isViewOnly) return;\n      const entry = wellByFeatureIdRef.current.get(e.features?.[0]?.id);\n      if (!entry) {\n        return;\n      }\n      handleChangeOffsetWell(entry.well, !entry.isOffsetWell);\n    };\n\n    map.on('mousemove', WELLS_LAYER_ID, handleMouseMove);\n    map.on('mouseleave', WELLS_LAYER_ID, handleMouseLeave);\n    map.on('mouseleave', WELLS_HOVER_LAYER_ID, handleMouseLeave);\n    map.on('click', WELLS_LAYER_ID, handleClick);\n\n    setTimeout(() => {\n      if (radius < MAX_RADIUS && mapRef.current && radiusBoundsRef.current && wells !== prevWells) {\n        mapRef.current.fitBounds(radiusBoundsRef.current, { padding: 5 });\n      }\n    }, 500);\n\n    return () => {\n      map.off('mousemove', WELLS_LAYER_ID, handleMouseMove);\n      map.off('mouseleave', WELLS_LAYER_ID, handleMouseLeave);\n      map.off('mouseleave', WELLS_HOVER_LAYER_ID, handleMouseLeave);\n      map.off('click', WELLS_LAYER_ID, handleClick);\n    };\n  }, [subjectWell, wells, offsetWellIds, activeWellId, isMapReady]);\n\n  // NOTE: Subject Well Icon\n\n  useEffect(() => {\n    const map = mapRef.current;\n\n    if (subjectIconRef.current) {\n      subjectIconRef.current.remove();\n      subjectIconRef.current = null;\n    }\n\n    if (!map || !subjectWellCoords) return;\n\n    const isHighlighted = isSubjectWellHovered || isActiveWellIsSubjectWell;\n    const icon = document.createElement('img');\n    icon.src = isHighlighted ? SubjectHighlightWellIcon : SubjectWellIcon;\n    const [iconWidth, iconHeight] = isHighlighted ? [70, 20] : [62, 12];\n    const [anchorX, anchorY] = isHighlighted ? [35, 29] : [31, 25];\n    icon.width = iconWidth;\n    icon.height = iconHeight;\n\n    icon.addEventListener('mouseover', () => {\n      setIsSubjectWellHovered(true);\n\n      // Highlight\n      if (subjectFeatureIdRef.current !== null && map.getLayer(WELLS_HOVER_LAYER_ID)) {\n        hoveredFeatureIdRef.current = subjectFeatureIdRef.current;\n        map.setFilter(WELLS_HOVER_LAYER_ID, ['==', ['id'], subjectFeatureIdRef.current]);\n      }\n      showTooltip(subjectWell, false, true, subjectWellCoords);\n    });\n\n    icon.addEventListener('mouseout', () => {\n      hoveredFeatureIdRef.current = null;\n      if (map.getLayer(WELLS_HOVER_LAYER_ID)) {\n        map.setFilter(WELLS_HOVER_LAYER_ID, NO_HOVER_FILTER);\n      }\n      popupRef.current?.remove();\n      setIsSubjectWellHovered(false);\n    });\n\n    subjectIconRef.current = new mapboxgl.Marker({\n      element: icon,\n      anchor: 'center',\n      // NOTE: Leaflet anchored the icon at [anchorX, anchorY] from its top-left corner\n      offset: [iconWidth / 2 - anchorX, iconHeight / 2 - anchorY],\n    })\n      .setLngLat(toLngLat(subjectWellCoords))\n      .addTo(map);\n  }, [isSubjectWellHovered, subjectWellCoords, radius, subjectWell, isActiveWellIsSubjectWell]);\n\n  // NOTE: Map Update\n  useEffect(() => {\n    if (radius > MAX_RADIUS) {\n      mapRef.current?.setZoom(1);\n      return;\n    }\n    setTimeout(() => {\n      if (subjectWell) {\n        if (mapRef.current && radiusBoundsRef.current && radius) {\n          mapRef.current.fitBounds(radiusBoundsRef.current, { padding: 5 });\n        }\n      } else if (mapRef.current && wellsBoundsRef.current) {\n        mapRef.current.fitBounds(wellsBoundsRef.current);\n      }\n      if (subjectWellCoords && mapRef.current) {\n        mapRef.current.easeTo({ center: toLngLat(subjectWellCoords), duration: 700 });\n      }\n    }, 500);\n  }, [radius, subjectWell, subjectWellCoords]);\n\n  const handleZoomIn = () => {\n    mapRef.current?.setZoom(zoom + 1);\n  };\n\n  const handleZoomOut = () => {\n    if (zoom > 1) {\n      mapRef.current?.setZoom(zoom - 1);\n    }\n  };\n\n  return (\n    <div className={classNames(styles.mapView, classes.root)}>\n      <div\n        className={classNames(styles.mapMain, classes.map)}\n        ref={containerRef}\n        onDoubleClick={handleZoomIn}\n      >\n        <div className={styles.zoomGroup}>\n          <Tooltip title={zoom < ZOOM_MAX_VALUE ? 'Zoom in' : ''} placement=\"left\">\n            <div\n              className={classNames(styles.zoomButton, {\n                [styles.zoomDisabled]: zoom === ZOOM_MAX_VALUE,\n              })}\n              onClick={handleZoomIn}\n            >\n              <ZoomInIcon className={styles.zoomInOutIcon} />\n            </div>\n          </Tooltip>\n          <Tooltip title={zoom > ZOOM_MIN_VALUE ? 'Zoom out' : ''} placement=\"left\">\n            <div\n              className={classNames(styles.zoomButton, {\n                [styles.zoomDisabled]: zoom === ZOOM_MIN_VALUE,\n              })}\n              onClick={handleZoomOut}\n            >\n              <ZoomOutIcon className={styles.zoomInOutIcon} />\n            </div>\n          </Tooltip>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default OffsetWellMap;\n"],"names":["isValidCoordinates","mapbox","DEFAULT_COORDS","EMPTY_FEATURE_COLLECTION","type","features","NO_HOVER_FILTER","toLngLat","_ref","_ref2","_slicedToArray","lat","makeCirclePolygon","_ref3","radiusMeters","_ref4","lng","points","degreesLng","Math","cos","PI","degreesLat","ring","i","theta","push","sin","coordinates","OffsetWellMap","_ref7","isViewOnly","_ref7$subjectWell","subjectWell","wells","offsetWellIds","radius","handleChanageOffsetWell","_ref7$handleChangeOff","handleChangeOffsetWell","activeWellId","_ref7$isClickable","isClickable","_ref7$classes","classes","subjectWellCoords","useMemo","get","formationColors","getAllFormations","containerRef","useRef","mapRef","popupRef","radiusBoundsRef","wellsBoundsRef","subjectIconRef","wellByFeatureIdRef","Map","subjectFeatureIdRef","hoveredFeatureIdRef","tooltipRootRef","useState","_useState2","_useState","isSubjectWellHovered","setIsSubjectWellHovered","isActiveWellIsSubjectWell","id","prevWells","usePreviousWells","_useState4","_useState3","isMapReady","setIsMapReady","_useState6","_useState5","zoom","setZoom","useEffect","IS_MAPBOX_ENABLED","map","mapboxgl","container","current","style","center","maxZoom","attributionControl","scrollZoom","doubleClickZoom","on","round","getZoom","addSource","data","addLayer","source","paint","filter","layout","_tooltipRootRef$curre","unmount","remove","_ref6","getSource","setData","properties","geometry","showTooltip","well","isOffsetWell","isSubjectWell","coords","_tooltipRootRef$curre2","popUpContainer","document","createElement","popUpContent","WellTooltip","color","formation","createAdaptiveRoot","render","_jsx","_Fragment","children","Popup","closeButton","offset","setLngLat","setDOMContent","addTo","setPaintProperty","_popupRef$current","offsetWells","unSelectedWells","forEach","includes","sortedWells","wellsBounds","LngLatBounds","clear","index","_well$topHole","topHole","opacity","isActive","order","set","extend","length","setFilter","handleMouseMove","e","_e$features","feature","entry","getCanvas","cursor","handleMouseLeave","_popupRef$current2","point","queryRenderedFeatures","layers","wasSubjectWell","handleClick","_e$features2","_e$features2$","setTimeout","fitBounds","padding","off","isHighlighted","icon","src","_ref9","iconWidth","iconHeight","_ref11","anchorX","anchorY","width","height","addEventListener","getLayer","_popupRef$current3","Marker","element","anchor","_mapRef$current","easeTo","duration","handleZoomIn","_mapRef$current2","className","classNames","styles","mapView","root","mapMain","ref","onDoubleClick","_jsxs","zoomGroup","Tooltip","title","placement","zoomButton","_defineProperty","zoomDisabled","onClick","ZoomInIcon","zoomInOutIcon","_mapRef$current3","ZoomOutIcon"],"mappings":"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"}
+{"version":3,"file":"OffsetWellMap.js","sources":["../../../src/components/OffsetWellMap/OffsetWellMap.js"],"sourcesContent":["import { createElement, useRef, useEffect, useState, useMemo } from 'react';\nimport { get } from 'lodash';\nimport classNames from 'classnames';\nimport { Tooltip } from '@material-ui/core';\nimport { Add as ZoomInIcon, Remove as ZoomOutIcon } from '@material-ui/icons';\nimport 'mapbox-gl/dist/mapbox-gl.css';\n\nimport SubjectWellIcon from './CustomIcon/SubjectWellIcon.svg';\nimport SubjectHighlightWellIcon from './CustomIcon/SubjectHighlightWellIcon.svg';\nimport { usePreviousWells } from './effects';\nimport { WellTooltip } from './WellTooltip';\nimport { getAllFormations } from './utils';\n\nimport styles from './OffsetWellMap.module.css';\n\nimport mapboxgl from '~/config/mapboxGl';\nimport { IS_MAPBOX_ENABLED } from '~/config/mapbox';\nimport { mapbox } from '~/utils';\nimport { createAdaptiveRoot } from '~/utils/createAdaptiveRoot';\n\nconst DEFAULT_COORDS = [29.749907, -95.358421];\nconst WELL_MARKER_SIZE = 5;\nconst HIGHLIGHT_MARKER_SIZE = 12;\nconst OFFSET_WELL_COLOR = '#03BCD4';\nconst RADIUS_CIRCLE_COLOR = '#03BCD4';\nconst HIGHLIGHT_WELL_COLOR = '#63EFFF';\nconst METERS_IN_MILE = 1609.34;\nconst ZOOM_INIT_VALUE = 3;\nconst ZOOM_MAX_VALUE = 18;\nconst ZOOM_MIN_VALUE = 1;\nconst MAX_RADIUS = 3000;\n\nconst RADIUS_SOURCE_ID = 'radius-circle';\nconst RADIUS_LAYER_ID = 'radius-circle-fill';\nconst WELLS_SOURCE_ID = 'wells';\nconst WELLS_HALO_LAYER_ID = 'wells-halo';\nconst WELLS_LAYER_ID = 'wells-circle';\nconst WELLS_ACTIVE_LAYER_ID = 'wells-active-highlight';\nconst WELLS_HOVER_LAYER_ID = 'wells-hover-highlight';\nconst EMPTY_FEATURE_COLLECTION = { type: 'FeatureCollection', features: [] };\nconst NO_HOVER_FILTER = ['==', ['id'], -1];\n\n// NOTE: Props keep the Leaflet [lat, lng] convention; mapbox-gl expects [lng, lat]\nconst toLngLat = ([lat, lng]) => [lng, lat];\n\n// NOTE: mapbox-gl circle layers are pixel-radius, so approximate the meter radius with a polygon\nconst makeCirclePolygon = ([lat, lng], radiusMeters, points = 64) => {\n  const degreesLng = radiusMeters / (111320 * Math.cos((lat * Math.PI) / 180));\n  const degreesLat = radiusMeters / 110574;\n  const ring = [];\n  for (let i = 0; i <= points; i += 1) {\n    const theta = (i / points) * 2 * Math.PI;\n    ring.push([lng + degreesLng * Math.cos(theta), lat + degreesLat * Math.sin(theta)]);\n  }\n  return { type: 'Polygon', coordinates: [ring] };\n};\n\nconst getCircleBounds = ([lat, lng], radiusMeters) => {\n  const degreesLng = radiusMeters / (111320 * Math.cos((lat * Math.PI) / 180));\n  const degreesLat = radiusMeters / 110574;\n  return [\n    [lng - degreesLng, lat - degreesLat],\n    [lng + degreesLng, lat + degreesLat],\n  ];\n};\n\n/** @type {React.FC<import('./OffsetWellMapProps').OffsetWellMapProps>} */\nconst OffsetWellMap = ({\n  isViewOnly,\n  subjectWell = null,\n  wells,\n  offsetWellIds,\n  radius,\n  handleChanageOffsetWell,\n  handleChangeOffsetWell = handleChanageOffsetWell,\n  activeWellId,\n  isClickable = true,\n  classes = {},\n}) => {\n  const subjectWellCoords = useMemo(() => {\n    return subjectWell && get(subjectWell, 'topHole.coordinates');\n  }, [subjectWell]);\n  const formationColors = useMemo(() => getAllFormations(wells), [wells]);\n\n  const containerRef = useRef();\n  const mapRef = useRef();\n  const popupRef = useRef();\n  const radiusBoundsRef = useRef(null);\n  const wellsBoundsRef = useRef(null);\n  const subjectIconRef = useRef();\n  const wellByFeatureIdRef = useRef(new Map());\n  const subjectFeatureIdRef = useRef(null);\n  const hoveredFeatureIdRef = useRef(null);\n  const tooltipRootRef = useRef(null);\n  const [isSubjectWellHovered, setIsSubjectWellHovered] = useState(false);\n  const isActiveWellIsSubjectWell = subjectWell?.id === activeWellId;\n  const prevWells = usePreviousWells(wells);\n  const [isMapReady, setIsMapReady] = useState(false);\n  const [zoom, setZoom] = useState(ZOOM_INIT_VALUE);\n\n  // NOTE: Initialize map\n  useEffect(() => {\n    if (!IS_MAPBOX_ENABLED) return undefined;\n\n    const map = new mapboxgl.Map({\n      container: containerRef.current,\n      style: 'mapbox://styles/mapbox/dark-v9',\n      center: toLngLat(DEFAULT_COORDS),\n      zoom: ZOOM_INIT_VALUE,\n      // NOTE: keep the zoom buttons' disable logic (zoom === ZOOM_MAX_VALUE) reachable\n      maxZoom: ZOOM_MAX_VALUE,\n      attributionControl: false,\n      scrollZoom: false,\n      doubleClickZoom: false,\n    });\n    mapRef.current = map;\n\n    // NOTE: GL zoom is fractional where Leaflet was integer\n    map.on('zoomend', () => setZoom(Math.round(map.getZoom())));\n\n    // NOTE: Sources/layers can only be added after the style loads\n    map.on('load', () => {\n      map.addSource(RADIUS_SOURCE_ID, { type: 'geojson', data: EMPTY_FEATURE_COLLECTION });\n      map.addLayer({\n        id: RADIUS_LAYER_ID,\n        type: 'fill',\n        source: RADIUS_SOURCE_ID,\n        paint: {\n          'fill-color': RADIUS_CIRCLE_COLOR,\n          'fill-opacity': 0.2,\n        },\n      });\n\n      map.addSource(WELLS_SOURCE_ID, { type: 'geojson', data: EMPTY_FEATURE_COLLECTION });\n      map.addLayer({\n        id: WELLS_HALO_LAYER_ID,\n        type: 'circle',\n        source: WELLS_SOURCE_ID,\n        filter: ['==', ['get', 'isOffsetWell'], true],\n        paint: {\n          'circle-radius': HIGHLIGHT_MARKER_SIZE,\n          'circle-color': ['get', 'color'],\n          'circle-opacity': 0.08,\n        },\n      });\n      map.addLayer({\n        id: WELLS_LAYER_ID,\n        type: 'circle',\n        source: WELLS_SOURCE_ID,\n        layout: {\n          'circle-sort-key': ['get', 'order'],\n        },\n        paint: {\n          'circle-radius': WELL_MARKER_SIZE,\n          'circle-color': ['get', 'color'],\n          'circle-opacity': ['get', 'opacity'],\n        },\n      });\n      map.addLayer({\n        id: WELLS_ACTIVE_LAYER_ID,\n        type: 'circle',\n        source: WELLS_SOURCE_ID,\n        filter: ['==', ['get', 'isActive'], true],\n        paint: {\n          'circle-radius': HIGHLIGHT_MARKER_SIZE,\n          'circle-color': ['get', 'color'],\n          'circle-opacity': 0.24,\n        },\n      });\n      map.addLayer({\n        id: WELLS_HOVER_LAYER_ID,\n        type: 'circle',\n        source: WELLS_SOURCE_ID,\n        filter: NO_HOVER_FILTER,\n        paint: {\n          'circle-radius': [\n            'case',\n            ['get', 'isSubjectWell'],\n            WELL_MARKER_SIZE,\n            HIGHLIGHT_MARKER_SIZE,\n          ],\n          'circle-color': [\n            'case',\n            ['get', 'isSubjectWell'],\n            HIGHLIGHT_WELL_COLOR,\n            ['get', 'color'],\n          ],\n          'circle-opacity': 0.24,\n        },\n      });\n\n      setIsMapReady(true);\n    });\n\n    return () => {\n      tooltipRootRef.current?.unmount();\n      tooltipRootRef.current = null;\n\n      map.remove();\n      mapRef.current = null;\n      popupRef.current = null;\n      subjectIconRef.current = null;\n      radiusBoundsRef.current = null;\n      wellsBoundsRef.current = null;\n    };\n  }, []);\n\n  // NOTE: Radius circle\n  useEffect(() => {\n    radiusBoundsRef.current =\n      subjectWellCoords && radius\n        ? getCircleBounds(subjectWellCoords, radius * METERS_IN_MILE)\n        : null;\n\n    const map = mapRef.current;\n    if (!map || !isMapReady) {\n      return;\n    }\n\n    map.getSource(RADIUS_SOURCE_ID).setData(\n      subjectWellCoords && radius\n        ? {\n            type: 'Feature',\n            properties: {},\n            geometry: makeCirclePolygon(subjectWellCoords, radius * METERS_IN_MILE),\n          }\n        : EMPTY_FEATURE_COLLECTION\n    );\n  }, [radius, subjectWellCoords, isMapReady]);\n\n  const showTooltip = (well, isOffsetWell, isSubjectWell, coords) => {\n    tooltipRootRef.current?.unmount();\n\n    const popUpContainer = document.createElement('div');\n    const popUpContent = createElement(WellTooltip(), {\n      isViewOnly,\n      well,\n      color: get(formationColors, well.formation, '#BDBDBD'),\n      isOffsetWell,\n      isSubjectWell,\n      isClickable,\n    });\n    tooltipRootRef.current = createAdaptiveRoot(popUpContainer);\n    tooltipRootRef.current.render(<>{popUpContent}</>);\n    if (!popupRef.current) {\n      popupRef.current = new mapboxgl.Popup({\n        closeButton: false,\n        offset: HIGHLIGHT_MARKER_SIZE,\n      });\n    }\n    popupRef.current\n      .setLngLat(toLngLat(coords))\n      .setDOMContent(popUpContainer)\n      .addTo(mapRef.current);\n  };\n\n  // NOTE: Subject well hover swaps the subject marker color\n  useEffect(() => {\n    const map = mapRef.current;\n    if (!map || !isMapReady) {\n      return;\n    }\n\n    map.setPaintProperty(\n      WELLS_LAYER_ID,\n      'circle-color',\n      isSubjectWellHovered\n        ? ['case', ['get', 'isSubjectWell'], HIGHLIGHT_WELL_COLOR, ['get', 'color']]\n        : ['get', 'color']\n    );\n  }, [isSubjectWellHovered, isMapReady]);\n\n  // NOTE: Well markers\n  useEffect(() => {\n    if (!wells || !offsetWellIds) {\n      return undefined;\n    }\n\n    popupRef.current?.remove();\n\n    const offsetWells = [];\n    const unSelectedWells = [];\n    wells.forEach(well => {\n      if (well.id !== subjectWell?.id) {\n        if (offsetWellIds.includes(well.id)) {\n          offsetWells.push(well);\n        } else {\n          unSelectedWells.push(well);\n        }\n      }\n    });\n    const sortedWells = [...unSelectedWells, ...offsetWells, subjectWell];\n\n    const features = [];\n    const wellsBounds = new mapboxgl.LngLatBounds();\n    wellByFeatureIdRef.current.clear();\n    subjectFeatureIdRef.current = null;\n    sortedWells.forEach((well, index) => {\n      const coords = well?.topHole?.coordinates;\n\n      if (coords && mapbox.isValidCoordinates(coords)) {\n        const isSubjectWell = subjectWell?.id === well.id;\n        const isOffsetWell = offsetWellIds.includes(well.id) && !isSubjectWell;\n        const color = isSubjectWell\n          ? OFFSET_WELL_COLOR\n          : get(formationColors, well.formation, '#BDBDBD');\n        const opacity = isOffsetWell ? 0.7 : 0.3;\n\n        features.push({\n          type: 'Feature',\n          id: index,\n          geometry: { type: 'Point', coordinates: toLngLat(coords) },\n          properties: {\n            color,\n            opacity: isSubjectWell ? 1 : opacity,\n            isSubjectWell,\n            isOffsetWell,\n            isActive: well.id === activeWellId && !isActiveWellIsSubjectWell,\n            order: index,\n          },\n        });\n        wellByFeatureIdRef.current.set(index, { well, coords, isOffsetWell, isSubjectWell });\n        if (isSubjectWell) {\n          subjectFeatureIdRef.current = index;\n        }\n        wellsBounds.extend(toLngLat(coords));\n      }\n    });\n    wellsBoundsRef.current = features.length ? wellsBounds : null;\n\n    const map = mapRef.current;\n    if (!map || !isMapReady) {\n      return undefined;\n    }\n\n    map.getSource(WELLS_SOURCE_ID).setData({ type: 'FeatureCollection', features });\n    map.setFilter(WELLS_HOVER_LAYER_ID, NO_HOVER_FILTER);\n    hoveredFeatureIdRef.current = null;\n\n    const handleMouseMove = e => {\n      const feature = e.features?.[0];\n      if (!feature || hoveredFeatureIdRef.current === feature.id) {\n        return;\n      }\n      const entry = wellByFeatureIdRef.current.get(feature.id);\n      if (!entry) {\n        return;\n      }\n\n      hoveredFeatureIdRef.current = feature.id;\n      map.getCanvas().style.cursor = 'pointer';\n\n      // Highlight\n      map.setFilter(WELLS_HOVER_LAYER_ID, ['==', ['id'], feature.id]);\n      showTooltip(entry.well, entry.isOffsetWell, entry.isSubjectWell, entry.coords);\n      if (entry.isSubjectWell) {\n        setIsSubjectWellHovered(true);\n      }\n    };\n\n    const handleMouseLeave = e => {\n      // NOTE: Leaflet cleared hover on leaving the ENLARGED highlight marker, so keep the\n      // hover while the cursor is still over the hover halo (or another well marker)\n      if (\n        e?.point &&\n        map.queryRenderedFeatures(e.point, { layers: [WELLS_LAYER_ID, WELLS_HOVER_LAYER_ID] })\n          .length\n      ) {\n        return;\n      }\n      const wasSubjectWell =\n        hoveredFeatureIdRef.current !== null &&\n        hoveredFeatureIdRef.current === subjectFeatureIdRef.current;\n      hoveredFeatureIdRef.current = null;\n      map.getCanvas().style.cursor = '';\n      map.setFilter(WELLS_HOVER_LAYER_ID, NO_HOVER_FILTER);\n      popupRef.current?.remove();\n      if (wasSubjectWell) {\n        setIsSubjectWellHovered(false);\n      }\n    };\n\n    const handleClick = e => {\n      if (isViewOnly) return;\n      const entry = wellByFeatureIdRef.current.get(e.features?.[0]?.id);\n      if (!entry) {\n        return;\n      }\n      handleChangeOffsetWell(entry.well, !entry.isOffsetWell);\n    };\n\n    map.on('mousemove', WELLS_LAYER_ID, handleMouseMove);\n    map.on('mouseleave', WELLS_LAYER_ID, handleMouseLeave);\n    map.on('mouseleave', WELLS_HOVER_LAYER_ID, handleMouseLeave);\n    map.on('click', WELLS_LAYER_ID, handleClick);\n\n    setTimeout(() => {\n      if (radius < MAX_RADIUS && mapRef.current && radiusBoundsRef.current && wells !== prevWells) {\n        mapRef.current.fitBounds(radiusBoundsRef.current, { padding: 5 });\n      }\n    }, 500);\n\n    return () => {\n      map.off('mousemove', WELLS_LAYER_ID, handleMouseMove);\n      map.off('mouseleave', WELLS_LAYER_ID, handleMouseLeave);\n      map.off('mouseleave', WELLS_HOVER_LAYER_ID, handleMouseLeave);\n      map.off('click', WELLS_LAYER_ID, handleClick);\n    };\n  }, [subjectWell, wells, offsetWellIds, activeWellId, isMapReady]);\n\n  // NOTE: Subject Well Icon\n\n  useEffect(() => {\n    const map = mapRef.current;\n\n    if (subjectIconRef.current) {\n      subjectIconRef.current.remove();\n      subjectIconRef.current = null;\n    }\n\n    if (!map || !subjectWellCoords) return;\n\n    const isHighlighted = isSubjectWellHovered || isActiveWellIsSubjectWell;\n    const icon = document.createElement('img');\n    icon.src = isHighlighted ? SubjectHighlightWellIcon : SubjectWellIcon;\n    const [iconWidth, iconHeight] = isHighlighted ? [70, 20] : [62, 12];\n    const [anchorX, anchorY] = isHighlighted ? [35, 29] : [31, 25];\n    icon.width = iconWidth;\n    icon.height = iconHeight;\n\n    icon.addEventListener('mouseover', () => {\n      setIsSubjectWellHovered(true);\n\n      // Highlight\n      if (subjectFeatureIdRef.current !== null && map.getLayer(WELLS_HOVER_LAYER_ID)) {\n        hoveredFeatureIdRef.current = subjectFeatureIdRef.current;\n        map.setFilter(WELLS_HOVER_LAYER_ID, ['==', ['id'], subjectFeatureIdRef.current]);\n      }\n      showTooltip(subjectWell, false, true, subjectWellCoords);\n    });\n\n    icon.addEventListener('mouseout', () => {\n      hoveredFeatureIdRef.current = null;\n      if (map.getLayer(WELLS_HOVER_LAYER_ID)) {\n        map.setFilter(WELLS_HOVER_LAYER_ID, NO_HOVER_FILTER);\n      }\n      popupRef.current?.remove();\n      setIsSubjectWellHovered(false);\n    });\n\n    subjectIconRef.current = new mapboxgl.Marker({\n      element: icon,\n      anchor: 'center',\n      // NOTE: Leaflet anchored the icon at [anchorX, anchorY] from its top-left corner\n      offset: [iconWidth / 2 - anchorX, iconHeight / 2 - anchorY],\n    })\n      .setLngLat(toLngLat(subjectWellCoords))\n      .addTo(map);\n  }, [isSubjectWellHovered, subjectWellCoords, radius, subjectWell, isActiveWellIsSubjectWell]);\n\n  // NOTE: Map Update\n  useEffect(() => {\n    if (radius > MAX_RADIUS) {\n      mapRef.current?.setZoom(1);\n      return;\n    }\n    setTimeout(() => {\n      if (subjectWell) {\n        if (mapRef.current && radiusBoundsRef.current && radius) {\n          mapRef.current.fitBounds(radiusBoundsRef.current, { padding: 5 });\n        }\n      } else if (mapRef.current && wellsBoundsRef.current) {\n        mapRef.current.fitBounds(wellsBoundsRef.current);\n      }\n      if (subjectWellCoords && mapRef.current) {\n        mapRef.current.easeTo({ center: toLngLat(subjectWellCoords), duration: 700 });\n      }\n    }, 500);\n  }, [radius, subjectWell, subjectWellCoords]);\n\n  const handleZoomIn = () => {\n    mapRef.current?.setZoom(zoom + 1);\n  };\n\n  const handleZoomOut = () => {\n    if (zoom > 1) {\n      mapRef.current?.setZoom(zoom - 1);\n    }\n  };\n\n  return (\n    <div className={classNames(styles.mapView, classes.root)}>\n      <div\n        className={classNames(styles.mapMain, classes.map)}\n        ref={containerRef}\n        onDoubleClick={handleZoomIn}\n      >\n        <div className={styles.zoomGroup}>\n          <Tooltip title={zoom < ZOOM_MAX_VALUE ? 'Zoom in' : ''} placement=\"left\">\n            <div\n              className={classNames(styles.zoomButton, {\n                [styles.zoomDisabled]: zoom === ZOOM_MAX_VALUE,\n              })}\n              onClick={handleZoomIn}\n            >\n              <ZoomInIcon className={styles.zoomInOutIcon} />\n            </div>\n          </Tooltip>\n          <Tooltip title={zoom > ZOOM_MIN_VALUE ? 'Zoom out' : ''} placement=\"left\">\n            <div\n              className={classNames(styles.zoomButton, {\n                [styles.zoomDisabled]: zoom === ZOOM_MIN_VALUE,\n              })}\n              onClick={handleZoomOut}\n            >\n              <ZoomOutIcon className={styles.zoomInOutIcon} />\n            </div>\n          </Tooltip>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default OffsetWellMap;\n"],"names":["DEFAULT_COORDS","EMPTY_FEATURE_COLLECTION","type","features","NO_HOVER_FILTER","toLngLat","_ref","_ref2","_slicedToArray","lat","makeCirclePolygon","_ref3","radiusMeters","_ref4","lng","points","degreesLng","Math","cos","PI","degreesLat","ring","i","theta","push","sin","coordinates","OffsetWellMap","_ref7","isViewOnly","_ref7$subjectWell","subjectWell","wells","offsetWellIds","radius","handleChanageOffsetWell","_ref7$handleChangeOff","handleChangeOffsetWell","activeWellId","_ref7$isClickable","isClickable","_ref7$classes","classes","subjectWellCoords","useMemo","get","formationColors","getAllFormations","containerRef","useRef","mapRef","popupRef","radiusBoundsRef","wellsBoundsRef","subjectIconRef","wellByFeatureIdRef","Map","subjectFeatureIdRef","hoveredFeatureIdRef","tooltipRootRef","useState","_useState2","_useState","isSubjectWellHovered","setIsSubjectWellHovered","isActiveWellIsSubjectWell","id","prevWells","usePreviousWells","_useState4","_useState3","isMapReady","setIsMapReady","_useState6","_useState5","zoom","setZoom","useEffect","IS_MAPBOX_ENABLED","map","mapboxgl","container","current","style","center","maxZoom","attributionControl","scrollZoom","doubleClickZoom","on","round","getZoom","addSource","data","addLayer","source","paint","filter","layout","_tooltipRootRef$curre","unmount","remove","_ref6","getSource","setData","properties","geometry","showTooltip","well","isOffsetWell","isSubjectWell","coords","_tooltipRootRef$curre2","popUpContainer","document","createElement","popUpContent","WellTooltip","color","formation","createAdaptiveRoot","render","_jsx","_Fragment","children","Popup","closeButton","offset","setLngLat","setDOMContent","addTo","setPaintProperty","_popupRef$current","offsetWells","unSelectedWells","forEach","includes","sortedWells","wellsBounds","LngLatBounds","clear","index","_well$topHole","topHole","mapbox","isValidCoordinates","opacity","isActive","order","set","extend","length","setFilter","handleMouseMove","e","_e$features","feature","entry","getCanvas","cursor","handleMouseLeave","_popupRef$current2","point","queryRenderedFeatures","layers","wasSubjectWell","handleClick","_e$features2","_e$features2$","setTimeout","fitBounds","padding","off","isHighlighted","icon","src","_ref9","iconWidth","iconHeight","_ref11","anchorX","anchorY","width","height","addEventListener","getLayer","_popupRef$current3","Marker","element","anchor","_mapRef$current","easeTo","duration","handleZoomIn","_mapRef$current2","className","classNames","styles","mapView","root","mapMain","ref","onDoubleClick","_jsxs","zoomGroup","Tooltip","title","placement","zoomButton","_defineProperty","zoomDisabled","onClick","ZoomInIcon","zoomInOutIcon","_mapRef$current3","ZoomOutIcon"],"mappings":"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"}

package/components/OffsetWellPickerV2/components/Filter/ToggleMapButton.js

@@ -1,2 +1,2 @@
-import{memo as e}from"react";import o from"prop-types";import{makeStyles as t}from"@material-ui/core";import"@babel/runtime/helpers/defineProperty";import"../../../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider.js";import"../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"@babel/runtime/helpers/objectWithoutProperties";import"classnames";import"lodash";import"../../../Modal/CorvaModal.scss.js";import"@icon-park/react/es/all";import{jsx as s,jsxs as i}from"react/jsx-runtime";import"../../../../icons/IconParkProvider.js";import"../../../../icons/customIcons/icons/AddMessage.js";import"../../../../icons/customIcons/icons/DragOne.js";import"../../../../icons/customIcons/icons/Attention.js";import"../../../../icons/customIcons/icons/Collapse.js";import"../../../../icons/customIcons/icons/Dashboard.js";import"../../../../icons/customIcons/icons/Expand.js";import"../../../../icons/customIcons/icons/FolderClosed.js";import"../../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../../icons/customIcons/icons/FolderOpened.js";import"../../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../../icons/customIcons/icons/LessOrEqual.js";import"../../../../icons/customIcons/icons/Search.js";import"../../../../icons/customIcons/icons/SearchOne.js";import"../../../../icons/customIcons/icons/Wellhub.js";import"../../../../icons/customIcons/icons/MultiRuler.js";import"../../../../icons/customIcons/icons/Checkbox.js";import"../../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../../icons/customIcons/icons/Radio.js";import"../../../../icons/customIcons/icons/RadioChecked.js";import"../../../../icons/customIcons/icons/SimulFrac.js";import"../../../../icons/customIcons/icons/ZipperFrac.js";import"../../../../icons/customIcons/icons/CautionFilled.js";import"../../../../icons/customIcons/icons/InfoRounded.js";import"../../../../icons/customIcons/icons/FlameFilled.js";import"../../../../icons/customIcons/icons/MoreApp.js";import"../../../../icons/customIcons/icons/Pad.js";import"../../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../../icons/customIcons/icons/FracFleet.js";import"../../../../icons/customIcons/icons/Global.js";import"../../../../icons/customIcons/icons/Program.js";import"../../../../icons/customIcons/icons/Rig.js";import"../../../../icons/customIcons/icons/Well.js";import"../../../../icons/customIcons/icons/Gap.js";import"../../../../icons/customIcons/icons/Pin.js";import"../../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../../icons/customIcons/icons/AttentionFilled.js";import"../../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../../icons/customIcons/icons/Archive.js";import"../../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../../icons/customIcons/icons/Unarchive.js";import"../../../../icons/customIcons/icons/Archived.js";import"../../../../icons/customIcons/icons/InterventionUnit.js";import"../../../../icons/customIcons/icons/CloudDelete.js";import"../../../../icons/customIcons/icons/Lasso.js";import"../../../../icons/customIcons/icons/Radius.js";import"../../../../icons/customIcons/icons/ErrorOps.js";import"../../../../icons/customIcons/icons/DataTypeOps.js";import"../../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../../icons/customIcons/icons/CalibrationOps.js";import"../../../../icons/customIcons/icons/CriticalOps.js";import"../../../../icons/customIcons/icons/Company.js";import"../../../../icons/customIcons/icons/ArchiveOne.js";import"../../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../../icons/customIcons/icons/Connect.js";import"../../../../icons/customIcons/icons/PuzzleOne.js";import"../../../../icons/customIcons/icons/Feed.js";import"../../../../icons/customIcons/icons/Prompt.js";import"../../../../icons/customIcons/icons/Companies.js";import"../../../../icons/customIcons/icons/ClipboardAi.js";import"../../../../icons/customIcons/icons/Key.js";import"../../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../../icons/customIcons/icons/MappingManual.js";import"../../../../icons/customIcons/icons/Mapping.js";import"../../../../icons/customIcons/icons/Metrics.js";import"../../../../icons/customIcons/icons/Drops.js";import"../../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../../icons/customIcons/icons/Template.js";import"../../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../../icons/customIcons/icons/UnitConversion.js";import"../../../../icons/customIcons/icons/NPT.js";import"../../../../icons/customIcons/icons/GuidedFrac.js";import"../../../../utils/mobileDetect.js";import n from"../../../IconButton/index.js";import"../../../../constants/goals.js";import"../../../../constants/segment.js";import"../../../../constants/alerts.js";import"../../../../constants/apps.js";import"../../../../constants/drillstring.js";import"../../../../constants/completion.js";import"../../../../constants/appPackages.js";import"../../../../constants/notifications.js";import"../../../../constants/feed.js";import"../../../../constants/bha.js";import"../../../../constants/corvaCompanyId.js";import"../../../GradientManager/configuration/constants.js";import"@babel/runtime/helpers/slicedToArray";import"uuid";import"../../../IconMenu/index.js";import"../../../StyledMenuItem/index.js";import"../../../AppIcon/AppIcon.js";import"../../../DevCenter/AppHeader/AppHeader.js";import"../../../DevCenter/AppSideBar/AppSideBar.js";import"../../../DevCenter/AppsDataProvider/AppsDataProvider.js";import"../../../DevCenter/AppContext.js";import"../../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"react-router-dom";import"query-string";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../../../utils/index.js";import"@material-ui/icons";import"../../../EmptyState/EmptyState.js";import"../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js";import"../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js";import"../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/styles.js";import"@material-ui/pickers";import"@date-io/moment";import"moment";import"../../../../config/theme/index.js";import"../../../../hocs/withAssetEditorLockHOC.js";import"../../../ErrorBoundary/ErrorBoundary.js";import"../../../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js";import"../../../Button/components/Button/index.js";import"moment-timezone";import"../../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../../../Button/components/LiveButton/styles.js";import"../../../AssetEditorV2/index.js";import"../../../AppVersionsSelect/AppVersionsSelect.js";import"../../../DisabledSettingsMessage/DisabledSettingsMessage.js";import"../../../ConfirmationDialog.js";import"immutable";import"../../../../permissions/PermissionsContext.js";import"../../../../permissions/constants/index.js";import"../../../../permissions/withPermissionsHOC.js";import"../../../../clients/jsonApi/index.js";import"../../../../permissions/ProvidePermissions.js";import"../../../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.constants.js";import"../../../Annotations/components/AnnotationsList/index.js";import"../../../Annotations/components/LastAnnotation/index.js";import"../../../Annotations/AnnotationsContext.js";import"../../../../componentsV2/AppContainer/AppContainer.js";import"../../../../componentsV2/AppContainer/AppContainer.constants.js";import"../../../../componentsV2/Text/Text.js";import"../../../../componentsV2/Header/Header.scss.js";import"../../../../componentsV2/Tooltip/Tooltip.scss.js";import"../../../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js";import"../../../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import"../../../../componentsV2/AppHeader/AppHeader.constants.js";import"../../../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js";import"../../../../componentsV2/Chip/Chip.js";import"../../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js";import"../../../../componentsV2/AppHeader/AppAssets/utils.js";import"../../../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js";import"../../../PadModeSelect/PadModeSelect.js";import"../../../../componentsV2/AppHeader/PadMode/PadMode.scss.js";import"../../../../constants/streamSourceType.js";import"../../../../componentsV2/PadModeSelect/PadModeSelect.js";import"../../../../componentsV2/PadModeSelect/PadModeSelect.constants.js";import"../../../../componentsV2/AppCommonsProvider/AppCommonsProvider.js";import"../../../../componentsV2/utils.js";import"../../../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js";import"../../../../componentsV2/UniversalLink/UniversalLink.scss.js";import"../../../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js";import"../../../../componentsV2/Button/Button.js";import"../../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js";import"../../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js";import"../../../../componentsV2/Popover/Popover.js";import"@babel/runtime/helpers/toConsumableArray";import"../../../../componentsV2/Accordion/Accordion.scss.js";import"../../../../componentsV2/ButtonIcon/ButtonIcon.js";import"../../../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js";import"../../../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js";import"../../../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js";import"../../../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js";import"../../../../componentsV2/AppDqPopover/AppDqPopover.scss.js";import"../../../../componentsV2/Menu/Menu.js";import"../../../../componentsV2/ModalWindow/ModalWindow.js";import"../../../../componentsV2/Modal/Modal.scss.js";import"../../../../componentsV2/LoaderLogo/LoaderLogo.constants.js";import"../../../../componentsV2/LoaderLogo/LoaderLogo.scss.js";import"../../../../utils/getSingleAsset.js";import"../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js";import"../../../../componentsV2/TextInput/TextInput.js";import"../../../../componentsV2/AppHeader/V3/AssetSelector/constants.js";import"../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js";import"../../../../componentsV2/ChipIndicator/ChipIndicator.js";import"../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js";import"../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js";import"../../../../clients/subscriptions/constants.js";import"querystring";import"uuid/v1";import"../../../../clients/subscriptions.v1.js";import"../../../../clients/subscriptions/subscriptions-client.factory.js";import"jsona";import"../../../../utils/env.js";import"../../../StatusBadge/constants.js";import"lodash/set";import"lodash/get";import"lodash/unset";import"../../../../clients/api/apiCore.js";import"../../../../clients/constants.js";import"../../../../clients/sso/auth0.js";import"../../../../clients/sso/oauth2.js";import"../../../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../../../componentsV2/AppSettings/AppSettingsPinningContext.js";import"../../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js";import"../../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js";import"../../../../componentsV2/AppHeader/V3/constants.scss.js";import"@babel/runtime/helpers/typeof";import"../../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.js";import"../../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js";import"../../../../componentsV2/AppSettings/AppSettings.js";import"../../../../componentsV2/AppSettings/AppSettings.constants.js";import"../../../../componentsV2/AppSizeProvider/AppSizeProvider.js";import"../../../../componentsV2/AppHeader/V3/Actions/Actions.constants.js";import"../../../../componentsV2/AppHeader/V3/Actions/Actions.scss.js";import"../../../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js";import"../../../../componentsV2/AppHeader/AppHeader.scss.js";import"../../../../componentsV2/EmptyState/EmptyState.scss.js";import"../../../DevCenter/DevCenterAppContainer/components/DevCenterAppView/components/ChooseAssetButton.js";import"../../../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.scss.js";import"../../../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import"../../../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchButton.scss.js";import"../../../../componentsV2/Grid/Grid.js";import"../../../../componentsV2/Grid/Cell.js";import"../../../../componentsV2/PopoverPanel/PopoverPanel.js";import"../../../../componentsV2/Radio/Radio.js";import"../../../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import"../../../../componentsV2/Checkbox/Checkbox.js";import"../../../../componentsV2/TextInputNext/TextInputNext.js";import"../../../../componentsV2/TextArea/TextArea.js";import"../../../../componentsV2/Label/Label.js";import"../../../../componentsV2/TextLink/TextLink.js";import"../../../../componentsV2/ChipAlert/ChipAlert.js";import"../../../../componentsV2/Avatar/Avatar.js";import"../../../../componentsV2/AvatarGroup/AvatarGroup.js";import"@material-ui/lab";import"../../../../componentsV2/ToggleButtons/ToggleButtons.scss.js";import"../../../../componentsV2/Paper/Paper.js";import"../../../../componentsV2/Hint/Hint.scss.js";import"../../../../componentsV2/Counter/Counter.js";import"../../../../componentsV2/BadgeBase/BadgeBase.scss.js";import"../../../../componentsV2/TemplatesControl/TemplatesControl.js";import"zustand";import"../../../../componentsV2/TemplatesControl/utils.js";import"../../../../componentsV2/TemplatesControl/icons/folder/index.js";import"../../../../componentsV2/TemplatesControl/Store/utils.js";import"../../../../componentsV2/TemplatesControl/types.js";import"../../../../componentsV2/BadgeDot/BadgeDot.scss.js";import"../../../../componentsV2/LoaderLinear/LoaderLinear.scss.js";import"../../../../componentsV2/Switch/Switch.js";import"../../../../componentsV2/Tabs/Tabs.js";import"../../../../componentsV2/FileIcon/FileIcon.js";import"../../../../componentsV2/Tag/Tag.js";import"react-dropzone";import"../../../../componentsV2/FilesDropzone/FilesDropzone.scss.js";import"../../../../componentsV2/FilesLoader/FilesLoader.scss.js";import"file-extension";import"image-extensions";import"video-extensions";import"../../../../componentsV2/FilesProcessor/FilesProcessor.scss.js";import"../../../../componentsV2/Skeleton/Skeleton.scss.js";import"../../../../utils/main.js";import"../../../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js";import"../../../../componentsV2/Stepper/Step/Step.scss.js";import"../../../../componentsV2/Stepper/Stepper.scss.js";import"../../../../componentsV2/ButtonLive/ButtonLive.js";import"../../../../componentsV2/ButtonText/ButtonText.js";import"../../../../componentsV2/IndicatorLive/IndicatorLive.js";import"../../../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js";import"../../../../componentsV2/BadgeComment/BadgeComment.js";import"../../../../componentsV2/AppFooter/AppFooter.js";import"../../../../componentsV2/OffsetWellsButton/OffsetWellsButton.js";import"../../../../componentsV2/ChartAxisExtreme/ChartAxisExtreme.scss.js";import"highcharts";import"../../../../componentsV2/ChartAxisExtreme/ChartAxisExtremeDragTracker.js";import"../../../../componentsV2/Autocomplete/Autocomplete.js";import"../../../../componentsV2/Select/Select.js";import"../../../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js";import"../../../../componentsV2/WellArchivedMessage/WellArchivedMessage.js";import"../../../../componentsV2/DatePicker/DatePicker.js";import"../../../../componentsV2/DragHandle/DragHandle.js";import"../../../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js";import"../../../../componentsV2/Slider/constants.js";import"../../../../componentsV2/Slider/components/SliderThumb.js";import"../../../../componentsV2/Slider/Slider.scss.js";import"../../../../componentsV2/SliderAdvanced/SliderAdvanced.js";import"react-color";import"../../../../componentsV2/ColorPicker/Swatches/Swatches.scss.js";import"../../../../componentsV2/ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js";import"../../../../componentsV2/ColorPicker/ColorPicker.scss.js";import"../../../../componentsV2/ChartHelper/ChartHelper.scss.js";import"../../../../componentsV2/Hotkey/Hotkey.js";import"@tanstack/react-query";import"../../../../componentsV2/InterventionEventSelector/useInterventionUnitEvents.js";import"../../../../componentsV2/InterventionEventSelector/InterventionEventSelector.scss.js";import"../../../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.css.js";import"../../../Icons/AnnotationIcon.js";import"../../../HelpCenter/HelpCenterIcon.js";import"../../../DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/RestoreAppSizeButton.css.js";import"../../../DevCenter/DevCenterAppContainer/DevCenterAppContainer.scss.js";import"../../../Toaster/Toaster.js";import"../../../DevCenter/NavigationBar/NavigationBar.js";import"../../../DevCenter/SideBar/SideBar.js";import"../../../DevCenter/AppSettingsPopover/AppSettingsPopover.js";import"../../../DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js";import"../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js";import"../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js";import"../../../AssetEditor/index.js";import"../../../LoadingIndicator/LoadingIndicator.js";import"../../../Typography.js";import"../../../RealTimeValuesSidebar/RealTimeSidebar.js";import"../../../CollapsableSidebar.js";import"../../../DateTimePicker/index.js";import"../../../DatePicker/index.js";import"../../../SlateFormattedText/SlateFormattedText.js";import"../../../SlateFormattedText/RenderElements.js";import"slate";import"../../../ParameterCharts/ParameterCharts.js";import"../../../ParameterCharts/AddEditTrack.js";import"../../../ChartActionsList/ChartActionsList.js";import"../../../CopyToClipboard/CopyToClipboard.js";import"../../../AssetEditor/AssetEditorAutocomplete.js";import"../../../AssetEditor/SingleAssetEditor.js";import"../../../SettingEditors/ColorEditor/style.css.js";import"../../../SettingEditors/DropdownEditor/index.js";import"../../../SwitchControl/index.js";import"../../../ColorPicker/ColorPicker.js";import"../../../Chart/components/ChartButton.js";import"../../../Chart/components/ChartButtons.js";import"../../../Chart/components/ChartWrapper.js";import"../../../Chart/components/AxisDropdown.js";import"../../../Chart/components/ChartSelect.js";import"../../../Chart/ChartWrapperContext.js";import"../../../Chart/effects/useChartModifier.js";import"../../../Chart/components/buttons/HideAxesButton.js";import"../../../Chart/components/buttons/ChartTypeButton.js";import"../../../ColorPicker/PaletteChromePicker/PaletteChromePicker.js";import"../../../TruncatedText/index.js";import"../../../MiddleTruncatedText/MiddleTruncatedText.js";import"../../../RangeSlider/constants.js";import"../../../RangeSlider/Input.css.js";import"../../../RangeSlider/RangeSlider.css.js";import"../../../AdvancedSlider/AdvancedSlider.js";import"../../../Breadcrumbs/index.js";import"../../../VirtualizedTable/index.js";import"../../../EmptyView/EmptyView.js";import"../../../EmptyView/EmptyAppView/EmptyAppView.js";import"../../../ContextMenuItem/index.js";import"../../../FolderMenuItem/index.js";import"../../../EditableItem/EditableItem/index.js";import"../../../EditableItem/EditableItemWithBadge/index.js";import"../../../Checkbox/index.js";import"../../../FolderMenuItemWithLinks/index.js";import"../../../TextField/index.js";import"../../../Chip/index.js";import"../../../Counter/index.js";import"../../../AnchorsList/AnchorsList.js";import"../../../Select/index.js";import"../../../Select/SelectFilterBy.js";import"../../../CustomSelect/index.js";import"../../../Tabs/Tabs.js";import"../../../Tabs/Tab.js";import"../../../ResizableTable/ResizableTable.js";import"../../../GradientPicker/GradientPicker.js";import"@babel/runtime/helpers/classCallCheck";import"@babel/runtime/helpers/createClass";import"../../../GradientManager/GradientPreview/GradientPreview.js";import"../../../GradientManager/GradientSelect.scss.js";import"../../../GradientManager/GradientManager.styles.js";import"../../../Drillstring/BHASchematic.js";import"../../../Drillstring/BHATable/index.js";import"../../../Drillstring/BHAComponentIcon.js";import"../../../Drillstring/BHAComponentDetail/index.js";import"../../../Drillstring/BHATileIcon.js";import"../../../Drillstring/BHATile/BHATile.js";import"../../../Drillstring/BHAList/BHAList.js";import"../../../Drillstring/BHAComponentsTable/BHAComponentsTable.js";import"../../../Casing/CasingTable/index.js";import"../../../Casing/CasingComponentIcon.js";import"../../../Casing/CasingTileIcon.js";import"../../../Casing/CasingTableV2/CasingTableV2.js";import"../../../Casing/CasingTile/CasingTile.js";import"../../../WellSummary/WellSummaryItemLabel.js";import"../../../WellSummary/WellSummaryItemTitle.js";import"../../../WellSummary/WellSummaryItemValue.js";import"../../../WellSummary/ActivitySummaryChart.js";import"../../../WellSummary/FracWirelineTimeChart.js";import"../../../BICOffsetPickerDialog/index.js";import"../../../OffsetWellButton/OffsetWellButton.js";import"../../OffsetWellPickerDialog.js";import"../../../OffsetWellPickerV3/index.js";import"../../../OffsetWellChips/Chip.js";import"../../../OffsetWellChips/ChipsContainer.js";import"../../../OffsetWellPickerV5/components/OffsetWellPickerV5WithStore/OffsetWellPickerV5WithStore.js";import"../../../OffsetWellMap/OffsetWellMap.js";import"@material-ui/core/Snackbar";import"../../../Notifications/Toast.js";import"../../../Notifications/Notifications.scss.js";import"../../../TextLink/index.js";import"../../../Avatar/index.js";import"../../../Template/TemplatePopover/index.js";import"../../../Template/TemplateSharingDialog/index.js";import"../../../MenuItem/index.js";import"../../../MiddleTruncate/MiddleTruncate.js";import"../../../PinnableFilters/PinnableFilters.js";import"../../../HeaderLayout/HeaderLayout.js";import"../../../PadOffsetsPicker/PadOffsetsPicker.js";import"../../../PadOffsetsPicker/OffsetAssetChip.js";import"../../../PadOffsetsPicker/OffsetAssetsListExpander.js";import"../../../PadOffsetsPicker/StagesSelector.js";import"../../../PadOffsetsPickerV2/PadOffsetsPickerV2.js";import"../../../Table/TableToolbar/TableToolbar.js";import"../../../Table/TableContainer/TableContainer.js";import"../../../Table/TableCell/TableCell.js";import"../../../Table/TablePagination/TablePagination.js";import"../../../Table/TablePaginationActions/TablePaginationActions.js";import"../../../Tooltip/ScrollableTooltip.js";import"../../../PriceInput/PriceInput.js";import"../../../LabelsCounter/LabelsCounter.js";import"../../../Stepper/Stepper.js";import"../../../Stepper/Step/Step.js";import"../../../Stepper/StepsWrapper.js";import"../../../Comment/CommentIcon/index.js";import"../../../FilesLoader/FilesLoader.js";import"../../../../componentsV2/FileIcon/icons/ArchiveFileIcon.js";import"../../../../componentsV2/FileIcon/icons/CSVFileIcon.js";import"../../../../componentsV2/FileIcon/icons/DocFileIcon.js";import"../../../../componentsV2/FileIcon/icons/EDMFileIcon.js";import"../../../../componentsV2/FileIcon/icons/ExcelFileIcon.js";import"../../../../componentsV2/FileIcon/icons/ImageFileIcon.js";import"../../../../componentsV2/FileIcon/icons/JsonFileIcon.js";import"../../../../componentsV2/FileIcon/icons/LasFileIcon.js";import"../../../../componentsV2/FileIcon/icons/OtherFileIcon.js";import"../../../../componentsV2/FileIcon/icons/PdfFileIcon.js";import"../../../../componentsV2/FileIcon/icons/PowerPointFileIcon.js";import"../../../../componentsV2/FileIcon/icons/TxtFileIcon.js";import"../../../../componentsV2/FileIcon/icons/UnknownFileIcon.js";import"../../../../componentsV2/FileIcon/icons/VideoFileIcon.js";import"../../../../componentsV2/FileIcon/icons/XmlFileIcon.js";import"../../../SearchInput/index.js";import"../../../FeedItem/FeedItem.js";import"../../../FeedItem/FeedItemEditProvider/FeedItemEditProvider.js";import"../../../PostInput/PostInput.js";import"../../../KeyboardDateTimePicker.js";import"../../../AddComment/Popover.js";import"../../../AddComment/Popup.js";import"../../../StageDesignVActual/ComparisonBar/ComparisonBar.js";import"../../../StageDesignVActual/ElementsComparison/ElementsComparison.js";import"../../../StageDesignVActual/ComparisonHeader.js";import"../../../StageDesignVActual/ComparisonRow.js";import"../../../EmbeddedApp/DevCenterEmbeddedApp.js";import"../../../EmbeddedApp/EmbeddedApp.js";import"../../../Autocomplete/Autocomplete.js";import"../../../DocumentViewer/DocumentViewer.js";import"../../../ColorPickerPalette/ColorPickerPalette.js";import"../../../Search/Search.js";import"../../../Search/components/Listbox.js";import"../../../Search/components/Paper.js";import"../../../Search/components/RecentSearches.js";import"../../../Search/components/Groups.js";import"../../../Search/components/SelectAllListItem.js";import"../../../StatusBadge/index.js";import"../../../Attachment/index.js";import"../../../EmojiIconButton.js";import"../../../FileUploadIconButton.js";import"../../../FilePreview/index.js";import"../../../FailedFileUploading.js";import"../../../UserMention/index.js";import"../../../CommentsInfo/index.js";import"../../../CommentInput/index.js";import"../../../Comment/index.js";import"../../../CommentLoader.js";import"../../../AssetNameLabel/AssetStatusBadge.js";import"../../../AssetEditorV2/components/PrimaryAssetSelect.js";import"../../../AssetEditorV2/components/SecondaryAssetSelect.js";import"../../../AssetEditorV2/components/SelectItem.js";import"../../../AssetEditorV2/components/MultipleAssetsToggle.js";import"../../../AssetEditorV2/components/PrimaryAssetSelectV2.js";import"../../../EChartsWrapper/EChartsWrapper.js";import"../../../AssetsMultipleSelector/AssetsMultipleSelector.js";import"@material-ui/icons/Close";import"@material-ui/icons/GetApp";import"../../../GoogleDocsViewer/index.js";import"../../../NewDocumentViewer/effects/useFileContent.js";import"../../../NewDocumentViewer/styles.js";import"../../../FilesLoaderV2/styles.js";import"../../../FilesDropzone/styles.js";import"../../../FilesProcessor/styles.js";import"../../../Hint/styles.js";import"@babel/runtime/helpers/taggedTemplateLiteral";import"fparser";import"../../../Formula/useFormulaStyles.js";import"../../../Formula/RootXIcon.js";import"../../../Formula/FormulaTextEditor.js";import"../../../Formula/CloseSuggestion.js";import"../../../Formula/SuggestionsMenu.js";import"../../../CommentCard/CommentCard.js";import"@material-ui/icons/AlternateEmail";import"../../../AttachFileButton/AttachFileButton.scss.js";import"../../../CommentInputNext/CommentInputNext.js";import"../../../UserMention/utils/index.js";import"react-s3-uploader/s3upload";import"../../../CommentComposer/CommentMetaLine.scss.js";import"../../../CommentComposer/ChatChannelSelector.scss.js";import"../../../CommentComposer/ShareToChatRow.scss.js";import"../../../CommentComposer/CommentComposer.scss.js";import"../../../AttachmentPreview/AttachmentPreview.js";import"../../../AttachmentPreview/AttachmentImage.js";import"../../../AttachmentPreview/AttachmentPreview.scss.js";import"../../../CommentPin/CommentPin.js";import"../../../FeedCard/FeedCard.js";import"../../../FeedItemCard/FeedItemCard.js";import"../../../NewCommentCursor/NewCommentCursor.js";import"../../../LinkedText/LinkedText.js";import"../../../FeedItem/feedItemTypes/AlertFeedItem.js";import"../../../FeedItem/feedItemTypes/PostFeedItem.js";import"../../../FeedItem/feedItemTypes/GeosteeringFeedItem.js";import"../../../FeedItem/feedItemTypes/DrillingOperationalNoteFeedItem.js";import"../../../FeedItem/feedItemTypes/DrillingOperationSummaryFeedItem.js";import"../../../FeedItem/feedItemTypes/DrillingDailyCostFeedItem.js";import"../../../FeedItem/feedItemTypes/DocumentFeedItem.js";import"../../../FeedItem/feedItemTypes/DrillerMemoFeedItem.js";import"../../../FeedItem/feedItemTypes/NptFeedItem.js";import"../../../FeedItem/feedItemTypes/SurveyStationFeedItem/index.js";import"../../../FeedItem/feedItemTypes/LessonsLearnedFeedItem/index.js";import"../../../FeedItem/feedItemTypes/TracesMemoFeedItem.js";import"../../../FeedItem/feedItemTypes/DepthCommentFeedItem.js";import"../../../FeedItem/feedItemTypes/CompletionOperationalNoteFeedItem.js";import"../../../FeedItem/feedItemTypes/CompletionOperationSummaryFeedItem.js";import"../../../FeedItem/feedItemTypes/CompletionDailyCostFeedItem.js";import"../../../FeedItem/feedItemTypes/CompletionDocumentFeedItem.js";import"../../../FeedItem/feedItemTypes/CompletionNptFeedItem.js";import"../../../FeedItem/feedItemTypes/StageOverviewFeedItem/index.js";import"../../../FeedItem/feedItemTypes/AppAnnotationFeedItem/index.js";import"../../../FeedItem/feedItemTypes/WellPlanFeedItem/index.js";import"../../../FeedItem/feedItemTypes/FluidReportFeedItem.js";import"../../../FeedItem/feedItemTypes/BhaFeedItem/BhaFeedItem.js";import"../../../FeedItem/feedItemTypes/DvDCommentFeedItem.js";import"../../../FeedItem/feedItemTypes/PCCommentFeedItem.js";import"../../../FeedItem/feedItemTypes/HookloadCommentFeedItem.js";import"../../../FeedItem/feedItemTypes/NptLessonsCommentFeedItem.js";import"../../../FeedItem/feedItemTypes/GenericDataCommentFeedItem.js";import r from'./../../../../ext-esm/@material-ui/icons/esm/Map.js';import p from'./../../../../ext-esm/@material-ui/icons/esm/UnfoldMore.js';import m from'./../../../../ext-esm/@material-ui/icons/esm/UnfoldLess.js';var c=t({iconButtonWrapper:{marginTop:5,width:"40px"},mapExpandIconGroup:{display:"flex",flexDirection:"column",height:"26px",width:"26px",alignItems:"center",justifyContent:"center"}}),a=function(e){var o=e.mapHidden,t=e.onToggleMap,a=c();return s("div",{className:a.iconButtonWrapper,children:s(n,{"data-testid":"".concat("ToggleMapButton","_expandCollapseMap"),size:"small",variant:"contained",tooltipProps:{title:o?"Expand Map":"Collapse Map"},onClick:function(){t()},children:i("div",{className:a.mapExpandIconGroup,children:[s(r,{fontSize:"inherit"}),s(o?p:m,{fontSize:"inherit"})]})})})};a.propTypes={mapHidden:o.bool.isRequired,onToggleMap:o.func.isRequired};var l=e(a);export{l as default};
+import{memo as e}from"react";import o from"prop-types";import{makeStyles as t}from"@material-ui/core";import"@babel/runtime/helpers/defineProperty";import"../../../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider.js";import"../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"@babel/runtime/helpers/objectWithoutProperties";import"classnames";import"lodash";import"../../../Modal/CorvaModal.scss.js";import"@icon-park/react/es/all";import{jsx as s,jsxs as i}from"react/jsx-runtime";import"../../../../icons/IconParkProvider.js";import"../../../../icons/customIcons/icons/AddMessage.js";import"../../../../icons/customIcons/icons/DragOne.js";import"../../../../icons/customIcons/icons/Attention.js";import"../../../../icons/customIcons/icons/Collapse.js";import"../../../../icons/customIcons/icons/Dashboard.js";import"../../../../icons/customIcons/icons/Expand.js";import"../../../../icons/customIcons/icons/FolderClosed.js";import"../../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../../icons/customIcons/icons/FolderOpened.js";import"../../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../../icons/customIcons/icons/LessOrEqual.js";import"../../../../icons/customIcons/icons/Search.js";import"../../../../icons/customIcons/icons/SearchOne.js";import"../../../../icons/customIcons/icons/Wellhub.js";import"../../../../icons/customIcons/icons/MultiRuler.js";import"../../../../icons/customIcons/icons/Checkbox.js";import"../../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../../icons/customIcons/icons/Radio.js";import"../../../../icons/customIcons/icons/RadioChecked.js";import"../../../../icons/customIcons/icons/SimulFrac.js";import"../../../../icons/customIcons/icons/ZipperFrac.js";import"../../../../icons/customIcons/icons/CautionFilled.js";import"../../../../icons/customIcons/icons/InfoRounded.js";import"../../../../icons/customIcons/icons/FlameFilled.js";import"../../../../icons/customIcons/icons/MoreApp.js";import"../../../../icons/customIcons/icons/Pad.js";import"../../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../../icons/customIcons/icons/FracFleet.js";import"../../../../icons/customIcons/icons/Global.js";import"../../../../icons/customIcons/icons/Program.js";import"../../../../icons/customIcons/icons/Rig.js";import"../../../../icons/customIcons/icons/Well.js";import"../../../../icons/customIcons/icons/Gap.js";import"../../../../icons/customIcons/icons/Pin.js";import"../../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../../icons/customIcons/icons/AttentionFilled.js";import"../../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../../icons/customIcons/icons/Archive.js";import"../../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../../icons/customIcons/icons/Unarchive.js";import"../../../../icons/customIcons/icons/Archived.js";import"../../../../icons/customIcons/icons/InterventionUnit.js";import"../../../../icons/customIcons/icons/CloudDelete.js";import"../../../../icons/customIcons/icons/Lasso.js";import"../../../../icons/customIcons/icons/Radius.js";import"../../../../icons/customIcons/icons/ErrorOps.js";import"../../../../icons/customIcons/icons/DataTypeOps.js";import"../../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../../icons/customIcons/icons/CalibrationOps.js";import"../../../../icons/customIcons/icons/CriticalOps.js";import"../../../../icons/customIcons/icons/Company.js";import"../../../../icons/customIcons/icons/ArchiveOne.js";import"../../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../../icons/customIcons/icons/Connect.js";import"../../../../icons/customIcons/icons/PuzzleOne.js";import"../../../../icons/customIcons/icons/Feed.js";import"../../../../icons/customIcons/icons/Prompt.js";import"../../../../icons/customIcons/icons/Companies.js";import"../../../../icons/customIcons/icons/ClipboardAi.js";import"../../../../icons/customIcons/icons/Key.js";import"../../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../../icons/customIcons/icons/MappingManual.js";import"../../../../icons/customIcons/icons/Mapping.js";import"../../../../icons/customIcons/icons/Metrics.js";import"../../../../icons/customIcons/icons/Drops.js";import"../../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../../icons/customIcons/icons/Template.js";import"../../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../../icons/customIcons/icons/UnitConversion.js";import"../../../../icons/customIcons/icons/NPT.js";import"../../../../icons/customIcons/icons/GuidedFrac.js";import"../../../../utils/mobileDetect.js";import n from"../../../IconButton/index.js";import"../../../../constants/goals.js";import"../../../../constants/segment.js";import"../../../../constants/alerts.js";import"../../../../constants/apps.js";import"../../../../constants/drillstring.js";import"../../../../constants/completion.js";import"../../../../constants/appPackages.js";import"../../../../constants/notifications.js";import"../../../../constants/feed.js";import"../../../../constants/bha.js";import"../../../../constants/corvaCompanyId.js";import"../../../GradientManager/configuration/constants.js";import"@babel/runtime/helpers/slicedToArray";import"uuid";import"../../../IconMenu/index.js";import"../../../StyledMenuItem/index.js";import"../../../AppIcon/AppIcon.js";import"../../../DevCenter/AppHeader/AppHeader.js";import"../../../DevCenter/AppSideBar/AppSideBar.js";import"../../../DevCenter/AppsDataProvider/AppsDataProvider.js";import"../../../DevCenter/AppContext.js";import"../../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"react-router-dom";import"query-string";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../../../utils/index.js";import"@material-ui/icons";import"../../../EmptyState/EmptyState.js";import"../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js";import"../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js";import"../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/styles.js";import"@material-ui/pickers";import"@date-io/moment";import"moment";import"../../../../config/theme/index.js";import"../../../../hocs/withAssetEditorLockHOC.js";import"../../../ErrorBoundary/ErrorBoundary.js";import"../../../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js";import"../../../Button/components/Button/index.js";import"moment-timezone";import"../../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../../../Button/components/LiveButton/styles.js";import"../../../AssetEditorV2/index.js";import"../../../AppVersionsSelect/AppVersionsSelect.js";import"../../../DisabledSettingsMessage/DisabledSettingsMessage.js";import"../../../ConfirmationDialog.js";import"immutable";import"../../../../permissions/PermissionsContext.js";import"../../../../permissions/constants/index.js";import"../../../../permissions/withPermissionsHOC.js";import"../../../../clients/jsonApi/index.js";import"../../../../permissions/ProvidePermissions.js";import"../../../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.constants.js";import"../../../Annotations/components/AnnotationsList/index.js";import"../../../Annotations/components/LastAnnotation/index.js";import"../../../Annotations/AnnotationsContext.js";import"../../../../componentsV2/AppContainer/AppContainer.js";import"../../../../componentsV2/AppContainer/AppContainer.constants.js";import"../../../../componentsV2/Text/Text.js";import"../../../../componentsV2/Header/Header.scss.js";import"../../../../componentsV2/Tooltip/Tooltip.scss.js";import"../../../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js";import"../../../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import"../../../../componentsV2/AppHeader/AppHeader.constants.js";import"../../../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js";import"../../../../componentsV2/Chip/Chip.js";import"../../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js";import"../../../../componentsV2/AppHeader/AppAssets/utils.js";import"../../../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js";import"../../../PadModeSelect/PadModeSelect.js";import"../../../../componentsV2/AppHeader/PadMode/PadMode.scss.js";import"../../../../constants/streamSourceType.js";import"../../../../componentsV2/PadModeSelect/PadModeSelect.js";import"../../../../componentsV2/PadModeSelect/PadModeSelect.constants.js";import"../../../../componentsV2/AppCommonsProvider/AppCommonsProvider.js";import"../../../../componentsV2/utils.js";import"../../../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js";import"../../../../componentsV2/UniversalLink/UniversalLink.scss.js";import"../../../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js";import"../../../../componentsV2/Button/Button.js";import"../../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js";import"../../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js";import"../../../../componentsV2/Popover/Popover.js";import"@babel/runtime/helpers/toConsumableArray";import"../../../../componentsV2/Accordion/Accordion.scss.js";import"../../../../componentsV2/ButtonIcon/ButtonIcon.js";import"../../../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js";import"../../../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js";import"../../../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js";import"../../../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js";import"../../../../componentsV2/AppDqPopover/AppDqPopover.scss.js";import"../../../../componentsV2/Menu/Menu.js";import"../../../../componentsV2/ModalWindow/ModalWindow.js";import"../../../../componentsV2/Modal/Modal.scss.js";import"../../../../componentsV2/LoaderLogo/LoaderLogo.constants.js";import"../../../../componentsV2/LoaderLogo/LoaderLogo.scss.js";import"../../../../utils/getSingleAsset.js";import"../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js";import"../../../../componentsV2/TextInput/TextInput.js";import"../../../../componentsV2/AppHeader/V3/AssetSelector/constants.js";import"../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js";import"../../../../componentsV2/ChipIndicator/ChipIndicator.js";import"../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js";import"../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js";import"../../../../clients/subscriptions/constants.js";import"querystring";import"uuid/v1";import"../../../../clients/subscriptions.v1.js";import"../../../../clients/subscriptions/subscriptions-client.factory.js";import"jsona";import"../../../../utils/env.js";import"../../../StatusBadge/constants.js";import"lodash/set";import"lodash/get";import"lodash/unset";import"../../../../clients/api/apiCore.js";import"../../../../clients/constants.js";import"../../../../clients/sso/auth0.js";import"../../../../clients/sso/oauth2.js";import"../../../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../../../componentsV2/AppSettings/AppSettingsPinningContext.js";import"../../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js";import"../../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js";import"../../../../componentsV2/AppHeader/V3/constants.scss.js";import"@babel/runtime/helpers/typeof";import"../../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.js";import"../../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js";import"../../../../componentsV2/AppSettings/AppSettings.js";import"../../../../componentsV2/AppSettings/AppSettings.constants.js";import"../../../../componentsV2/AppSizeProvider/AppSizeProvider.js";import"../../../../componentsV2/AppHeader/V3/Actions/Actions.constants.js";import"../../../../componentsV2/AppHeader/V3/Actions/Actions.scss.js";import"../../../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js";import"../../../../componentsV2/AppHeader/AppHeader.scss.js";import"../../../../componentsV2/EmptyState/EmptyState.scss.js";import"../../../DevCenter/DevCenterAppContainer/components/DevCenterAppView/components/ChooseAssetButton.js";import"../../../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.scss.js";import"../../../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import"../../../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchButton.scss.js";import"../../../../componentsV2/Grid/Grid.js";import"../../../../componentsV2/Grid/Cell.js";import"../../../../componentsV2/PopoverPanel/PopoverPanel.js";import"../../../../componentsV2/Radio/Radio.js";import"../../../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import"../../../../componentsV2/Checkbox/Checkbox.js";import"../../../../componentsV2/TextInputNext/TextInputNext.js";import"../../../../componentsV2/TextArea/TextArea.js";import"../../../../componentsV2/Label/Label.js";import"../../../../componentsV2/TextLink/TextLink.js";import"../../../../componentsV2/ChipAlert/ChipAlert.js";import"../../../../componentsV2/Avatar/Avatar.js";import"../../../../componentsV2/AvatarGroup/AvatarGroup.js";import"@material-ui/lab";import"../../../../componentsV2/ToggleButtons/ToggleButtons.scss.js";import"../../../../componentsV2/Paper/Paper.js";import"../../../../componentsV2/Hint/Hint.scss.js";import"../../../../componentsV2/Counter/Counter.js";import"../../../../componentsV2/BadgeBase/BadgeBase.scss.js";import"../../../../componentsV2/TemplatesControl/TemplatesControl.js";import"zustand";import"../../../../componentsV2/TemplatesControl/utils.js";import"../../../../componentsV2/TemplatesControl/icons/folder/index.js";import"../../../../componentsV2/TemplatesControl/Store/utils.js";import"../../../../componentsV2/TemplatesControl/types.js";import"../../../../componentsV2/BadgeDot/BadgeDot.scss.js";import"../../../../componentsV2/LoaderLinear/LoaderLinear.scss.js";import"../../../../componentsV2/Switch/Switch.js";import"../../../../componentsV2/Tabs/Tabs.js";import"../../../../componentsV2/FileIcon/FileIcon.js";import"../../../../componentsV2/Tag/Tag.js";import"react-dropzone";import"../../../../componentsV2/FilesDropzone/FilesDropzone.scss.js";import"../../../../componentsV2/FilesLoader/FilesLoader.scss.js";import"file-extension";import"image-extensions";import"video-extensions";import"../../../../componentsV2/FilesProcessor/FilesProcessor.scss.js";import"../../../../componentsV2/Skeleton/Skeleton.scss.js";import"../../../../utils/main.js";import"../../../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js";import"../../../../componentsV2/Stepper/Step/Step.scss.js";import"../../../../componentsV2/Stepper/Stepper.scss.js";import"../../../../componentsV2/ButtonLive/ButtonLive.js";import"../../../../componentsV2/ButtonText/ButtonText.js";import"../../../../componentsV2/IndicatorLive/IndicatorLive.js";import"../../../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js";import"../../../../componentsV2/BadgeComment/BadgeComment.js";import"../../../../componentsV2/AppFooter/AppFooter.js";import"../../../../componentsV2/OffsetWellsButton/OffsetWellsButton.js";import"../../../../componentsV2/ChartAxisExtreme/ChartAxisExtreme.scss.js";import"highcharts";import"../../../../componentsV2/ChartAxisExtreme/ChartAxisExtremeDragTracker.js";import"../../../../componentsV2/Autocomplete/Autocomplete.js";import"../../../../componentsV2/Select/Select.js";import"../../../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js";import"../../../../componentsV2/WellArchivedMessage/WellArchivedMessage.js";import"../../../../componentsV2/DatePicker/DatePicker.js";import"../../../../componentsV2/DragHandle/DragHandle.js";import"../../../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js";import"../../../../componentsV2/Slider/constants.js";import"../../../../componentsV2/Slider/components/SliderThumb.js";import"../../../../componentsV2/Slider/Slider.scss.js";import"../../../../componentsV2/SliderAdvanced/SliderAdvanced.js";import"react-color";import"../../../../componentsV2/ColorPicker/Swatches/Swatches.scss.js";import"../../../../componentsV2/ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js";import"../../../../componentsV2/ColorPicker/ColorPicker.scss.js";import"../../../../componentsV2/ChartHelper/ChartHelper.scss.js";import"../../../../componentsV2/Hotkey/Hotkey.js";import"@tanstack/react-query";import"../../../../componentsV2/InterventionEventSelector/useInterventionUnitEvents.js";import"../../../../componentsV2/InterventionEventSelector/InterventionEventSelector.scss.js";import"../../../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.css.js";import"../../../Icons/AnnotationIcon.js";import"../../../HelpCenter/HelpCenterIcon.js";import"../../../DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/RestoreAppSizeButton.css.js";import"../../../DevCenter/DevCenterAppContainer/DevCenterAppContainer.scss.js";import"../../../Toaster/Toaster.js";import"../../../DevCenter/NavigationBar/NavigationBar.js";import"../../../DevCenter/SideBar/SideBar.js";import"../../../DevCenter/AppSettingsPopover/AppSettingsPopover.js";import"../../../DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js";import"../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js";import"../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js";import"../../../AssetEditor/index.js";import"../../../LoadingIndicator/LoadingIndicator.js";import"../../../Typography.js";import"../../../RealTimeValuesSidebar/RealTimeSidebar.js";import"../../../CollapsableSidebar.js";import"../../../DateTimePicker/index.js";import"../../../DatePicker/index.js";import"../../../SlateFormattedText/SlateFormattedText.js";import"../../../SlateFormattedText/RenderElements.js";import"slate";import"../../../ParameterCharts/ParameterCharts.js";import"../../../ParameterCharts/AddEditTrack.js";import"../../../ChartActionsList/ChartActionsList.js";import"../../../CopyToClipboard/CopyToClipboard.js";import"../../../AssetEditor/AssetEditorAutocomplete.js";import"../../../AssetEditor/SingleAssetEditor.js";import"../../../SettingEditors/ColorEditor/style.css.js";import"../../../SettingEditors/DropdownEditor/index.js";import"../../../SwitchControl/index.js";import"../../../ColorPicker/ColorPicker.js";import"../../../Chart/components/ChartButton.js";import"../../../Chart/components/ChartButtons.js";import"../../../Chart/components/ChartWrapper.js";import"../../../Chart/components/AxisDropdown.js";import"../../../Chart/components/ChartSelect.js";import"../../../Chart/ChartWrapperContext.js";import"../../../Chart/effects/useChartModifier.js";import"../../../Chart/components/buttons/HideAxesButton.js";import"../../../Chart/components/buttons/ChartTypeButton.js";import"../../../ColorPicker/PaletteChromePicker/PaletteChromePicker.js";import"../../../TruncatedText/index.js";import"../../../MiddleTruncatedText/MiddleTruncatedText.js";import"../../../RangeSlider/constants.js";import"../../../RangeSlider/Input.css.js";import"../../../RangeSlider/RangeSlider.css.js";import"../../../AdvancedSlider/AdvancedSlider.js";import"../../../Breadcrumbs/index.js";import"../../../VirtualizedTable/index.js";import"../../../EmptyView/EmptyView.js";import"../../../EmptyView/EmptyAppView/EmptyAppView.js";import"../../../ContextMenuItem/index.js";import"../../../FolderMenuItem/index.js";import"../../../EditableItem/EditableItem/index.js";import"../../../EditableItem/EditableItemWithBadge/index.js";import"../../../Checkbox/index.js";import"../../../FolderMenuItemWithLinks/index.js";import"../../../TextField/index.js";import"../../../Chip/index.js";import"../../../Counter/index.js";import"../../../AnchorsList/AnchorsList.js";import"../../../Select/index.js";import"../../../Select/SelectFilterBy.js";import"../../../CustomSelect/index.js";import"../../../Tabs/Tabs.js";import"../../../Tabs/Tab.js";import"../../../ResizableTable/ResizableTable.js";import"../../../GradientPicker/GradientPicker.js";import"@babel/runtime/helpers/classCallCheck";import"@babel/runtime/helpers/createClass";import"../../../GradientManager/GradientPreview/GradientPreview.js";import"../../../GradientManager/GradientSelect.scss.js";import"../../../GradientManager/GradientManager.styles.js";import"../../../Drillstring/BHASchematic.js";import"../../../Drillstring/BHATable/index.js";import"../../../Drillstring/BHAComponentIcon.js";import"../../../Drillstring/BHAComponentDetail/index.js";import"../../../Drillstring/BHATileIcon.js";import"../../../Drillstring/BHATile/BHATile.js";import"../../../Drillstring/BHAList/BHAList.js";import"../../../Drillstring/BHAComponentsTable/BHAComponentsTable.js";import"../../../Casing/CasingTable/index.js";import"../../../Casing/CasingComponentIcon.js";import"../../../Casing/CasingTileIcon.js";import"../../../Casing/CasingTableV2/CasingTableV2.js";import"../../../Casing/CasingTile/CasingTile.js";import"../../../WellSummary/WellSummaryItemLabel.js";import"../../../WellSummary/WellSummaryItemTitle.js";import"../../../WellSummary/WellSummaryItemValue.js";import"../../../WellSummary/ActivitySummaryChart.js";import"../../../WellSummary/FracWirelineTimeChart.js";import"../../../BICOffsetPickerDialog/index.js";import"../../../OffsetWellButton/OffsetWellButton.js";import"../../OffsetWellPickerDialog.js";import"../../../OffsetWellPickerV3/index.js";import"../../../OffsetWellChips/Chip.js";import"../../../OffsetWellChips/ChipsContainer.js";import"../../../OffsetWellPickerV5/components/OffsetWellPickerV5WithStore/OffsetWellPickerV5WithStore.js";import"mapbox-gl/dist/mapbox-gl.css";import"@material-ui/icons/Info";import"@material-ui/icons/Block";import"../../../OffsetWellMap/WellTooltip.module.css.js";import"../../../OffsetWellMap/OffsetWellMap.module.css.js";import"../../../../config/mapboxGl/index.js";import"../../../../config/mapbox/index.js";import"react-dom";import"@material-ui/core/Snackbar";import"../../../Notifications/Toast.js";import"../../../Notifications/Notifications.scss.js";import"../../../TextLink/index.js";import"../../../Avatar/index.js";import"../../../Template/TemplatePopover/index.js";import"../../../Template/TemplateSharingDialog/index.js";import"../../../MenuItem/index.js";import"../../../MiddleTruncate/MiddleTruncate.js";import"../../../PinnableFilters/PinnableFilters.js";import"../../../HeaderLayout/HeaderLayout.js";import"../../../PadOffsetsPicker/PadOffsetsPicker.js";import"../../../PadOffsetsPicker/OffsetAssetChip.js";import"../../../PadOffsetsPicker/OffsetAssetsListExpander.js";import"../../../PadOffsetsPicker/StagesSelector.js";import"../../../PadOffsetsPickerV2/PadOffsetsPickerV2.js";import"../../../Table/TableToolbar/TableToolbar.js";import"../../../Table/TableContainer/TableContainer.js";import"../../../Table/TableCell/TableCell.js";import"../../../Table/TablePagination/TablePagination.js";import"../../../Table/TablePaginationActions/TablePaginationActions.js";import"../../../Tooltip/ScrollableTooltip.js";import"../../../PriceInput/PriceInput.js";import"../../../LabelsCounter/LabelsCounter.js";import"../../../Stepper/Stepper.js";import"../../../Stepper/Step/Step.js";import"../../../Stepper/StepsWrapper.js";import"../../../Comment/CommentIcon/index.js";import"../../../FilesLoader/FilesLoader.js";import"../../../../componentsV2/FileIcon/icons/ArchiveFileIcon.js";import"../../../../componentsV2/FileIcon/icons/CSVFileIcon.js";import"../../../../componentsV2/FileIcon/icons/DocFileIcon.js";import"../../../../componentsV2/FileIcon/icons/EDMFileIcon.js";import"../../../../componentsV2/FileIcon/icons/ExcelFileIcon.js";import"../../../../componentsV2/FileIcon/icons/ImageFileIcon.js";import"../../../../componentsV2/FileIcon/icons/JsonFileIcon.js";import"../../../../componentsV2/FileIcon/icons/LasFileIcon.js";import"../../../../componentsV2/FileIcon/icons/OtherFileIcon.js";import"../../../../componentsV2/FileIcon/icons/PdfFileIcon.js";import"../../../../componentsV2/FileIcon/icons/PowerPointFileIcon.js";import"../../../../componentsV2/FileIcon/icons/TxtFileIcon.js";import"../../../../componentsV2/FileIcon/icons/UnknownFileIcon.js";import"../../../../componentsV2/FileIcon/icons/VideoFileIcon.js";import"../../../../componentsV2/FileIcon/icons/XmlFileIcon.js";import"../../../SearchInput/index.js";import"../../../FeedItem/FeedItem.js";import"../../../FeedItem/FeedItemEditProvider/FeedItemEditProvider.js";import"../../../PostInput/PostInput.js";import"../../../KeyboardDateTimePicker.js";import"../../../AddComment/Popover.js";import"../../../AddComment/Popup.js";import"../../../StageDesignVActual/ComparisonBar/ComparisonBar.js";import"../../../StageDesignVActual/ElementsComparison/ElementsComparison.js";import"../../../StageDesignVActual/ComparisonHeader.js";import"../../../StageDesignVActual/ComparisonRow.js";import"../../../EmbeddedApp/DevCenterEmbeddedApp.js";import"../../../EmbeddedApp/EmbeddedApp.js";import"../../../Autocomplete/Autocomplete.js";import"../../../DocumentViewer/DocumentViewer.js";import"../../../ColorPickerPalette/ColorPickerPalette.js";import"../../../Search/Search.js";import"../../../Search/components/Listbox.js";import"../../../Search/components/Paper.js";import"../../../Search/components/RecentSearches.js";import"../../../Search/components/Groups.js";import"../../../Search/components/SelectAllListItem.js";import"../../../StatusBadge/index.js";import"../../../Attachment/index.js";import"../../../EmojiIconButton.js";import"../../../FileUploadIconButton.js";import"../../../FilePreview/index.js";import"../../../FailedFileUploading.js";import"../../../UserMention/index.js";import"../../../CommentsInfo/index.js";import"../../../CommentInput/index.js";import"../../../Comment/index.js";import"../../../CommentLoader.js";import"../../../AssetNameLabel/AssetStatusBadge.js";import"../../../AssetEditorV2/components/PrimaryAssetSelect.js";import"../../../AssetEditorV2/components/SecondaryAssetSelect.js";import"../../../AssetEditorV2/components/SelectItem.js";import"../../../AssetEditorV2/components/MultipleAssetsToggle.js";import"../../../AssetEditorV2/components/PrimaryAssetSelectV2.js";import"../../../EChartsWrapper/EChartsWrapper.js";import"../../../AssetsMultipleSelector/AssetsMultipleSelector.js";import"@material-ui/icons/Close";import"@material-ui/icons/GetApp";import"../../../GoogleDocsViewer/index.js";import"../../../NewDocumentViewer/effects/useFileContent.js";import"../../../NewDocumentViewer/styles.js";import"../../../FilesLoaderV2/styles.js";import"../../../FilesDropzone/styles.js";import"../../../FilesProcessor/styles.js";import"../../../Hint/styles.js";import"@babel/runtime/helpers/taggedTemplateLiteral";import"fparser";import"../../../Formula/useFormulaStyles.js";import"../../../Formula/RootXIcon.js";import"../../../Formula/FormulaTextEditor.js";import"../../../Formula/CloseSuggestion.js";import"../../../Formula/SuggestionsMenu.js";import"../../../CommentCard/CommentCard.js";import"@material-ui/icons/AlternateEmail";import"../../../AttachFileButton/AttachFileButton.scss.js";import"../../../CommentInputNext/CommentInputNext.js";import"../../../UserMention/utils/index.js";import"react-s3-uploader/s3upload";import"../../../CommentComposer/CommentMetaLine.scss.js";import"../../../CommentComposer/ChatChannelSelector.scss.js";import"../../../CommentComposer/ShareToChatRow.scss.js";import"../../../CommentComposer/CommentComposer.scss.js";import"../../../AttachmentPreview/AttachmentPreview.js";import"../../../AttachmentPreview/AttachmentImage.js";import"../../../AttachmentPreview/AttachmentPreview.scss.js";import"../../../CommentPin/CommentPin.js";import"../../../FeedCard/FeedCard.js";import"../../../FeedItemCard/FeedItemCard.js";import"../../../NewCommentCursor/NewCommentCursor.js";import"../../../LinkedText/LinkedText.js";import"../../../FeedItem/feedItemTypes/AlertFeedItem.js";import"../../../FeedItem/feedItemTypes/PostFeedItem.js";import"../../../FeedItem/feedItemTypes/GeosteeringFeedItem.js";import"../../../FeedItem/feedItemTypes/DrillingOperationalNoteFeedItem.js";import"../../../FeedItem/feedItemTypes/DrillingOperationSummaryFeedItem.js";import"../../../FeedItem/feedItemTypes/DrillingDailyCostFeedItem.js";import"../../../FeedItem/feedItemTypes/DocumentFeedItem.js";import"../../../FeedItem/feedItemTypes/DrillerMemoFeedItem.js";import"../../../FeedItem/feedItemTypes/NptFeedItem.js";import"../../../FeedItem/feedItemTypes/SurveyStationFeedItem/index.js";import"../../../FeedItem/feedItemTypes/LessonsLearnedFeedItem/index.js";import"../../../FeedItem/feedItemTypes/TracesMemoFeedItem.js";import"../../../FeedItem/feedItemTypes/DepthCommentFeedItem.js";import"../../../FeedItem/feedItemTypes/CompletionOperationalNoteFeedItem.js";import"../../../FeedItem/feedItemTypes/CompletionOperationSummaryFeedItem.js";import"../../../FeedItem/feedItemTypes/CompletionDailyCostFeedItem.js";import"../../../FeedItem/feedItemTypes/CompletionDocumentFeedItem.js";import"../../../FeedItem/feedItemTypes/CompletionNptFeedItem.js";import"../../../FeedItem/feedItemTypes/StageOverviewFeedItem/index.js";import"../../../FeedItem/feedItemTypes/AppAnnotationFeedItem/index.js";import"../../../FeedItem/feedItemTypes/WellPlanFeedItem/index.js";import"../../../FeedItem/feedItemTypes/FluidReportFeedItem.js";import"../../../FeedItem/feedItemTypes/BhaFeedItem/BhaFeedItem.js";import"../../../FeedItem/feedItemTypes/DvDCommentFeedItem.js";import"../../../FeedItem/feedItemTypes/PCCommentFeedItem.js";import"../../../FeedItem/feedItemTypes/HookloadCommentFeedItem.js";import"../../../FeedItem/feedItemTypes/NptLessonsCommentFeedItem.js";import"../../../FeedItem/feedItemTypes/GenericDataCommentFeedItem.js";import r from'./../../../../ext-esm/@material-ui/icons/esm/Map.js';import p from'./../../../../ext-esm/@material-ui/icons/esm/UnfoldMore.js';import m from'./../../../../ext-esm/@material-ui/icons/esm/UnfoldLess.js';var c=t({iconButtonWrapper:{marginTop:5,width:"40px"},mapExpandIconGroup:{display:"flex",flexDirection:"column",height:"26px",width:"26px",alignItems:"center",justifyContent:"center"}}),a=function(e){var o=e.mapHidden,t=e.onToggleMap,a=c();return s("div",{className:a.iconButtonWrapper,children:s(n,{"data-testid":"".concat("ToggleMapButton","_expandCollapseMap"),size:"small",variant:"contained",tooltipProps:{title:o?"Expand Map":"Collapse Map"},onClick:function(){t()},children:i("div",{className:a.mapExpandIconGroup,children:[s(r,{fontSize:"inherit"}),s(o?p:m,{fontSize:"inherit"})]})})})};a.propTypes={mapHidden:o.bool.isRequired,onToggleMap:o.func.isRequired};var l=e(a);export{l as default};
 //# sourceMappingURL=ToggleMapButton.js.map

package/components/OffsetWellPickerV2/components/Filter/ToggleMapButton.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wq7BAAwq7B,qDAAwD,cAAc,4DAA+D,cAAc,4DAA+D;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,477BAA477B,qDAAwD,cAAc,4DAA+D,cAAc,4DAA+D;"}

package/components/OffsetWellPickerV2/components/Map/Map.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Map.d.ts","sourceRoot":"","sources":["../../../../../src/components/OffsetWellPickerV2/components/Map/Map.js"],"names":[],"mappings":"AAYA,OAAO,8BAA8B,CAAC;AA4CtC,iBAAS,QAAQ,CAAC,EAChB,WAAkB,EAClB,KAAK,EACL,WAAkB,EAClB,MAAM,EACN,qBAAkE,EAClE,cAAmD,EACnD,cAAqB,EACrB,cAAgD,GACjD;;;;;;;;;CAAA,+BAqRA"}
+{"version":3,"file":"Map.d.ts","sourceRoot":"","sources":["../../../../../src/components/OffsetWellPickerV2/components/Map/Map.js"],"names":[],"mappings":"AAYA,OAAO,8BAA8B,CAAC;AA0CtC,iBAAS,QAAQ,CAAC,EAChB,WAAkB,EAClB,KAAK,EACL,WAAkB,EAClB,MAAM,EACN,qBAAkE,EAClE,cAAmD,EACnD,cAAqB,EACrB,cAAgD,GACjD;;;;;;;;;CAAA,+BAqRA"}

package/components/OffsetWellPickerV2/components/Map/Map.js

@@ -1,2 +1,2 @@
-import r from"@babel/runtime/helpers/defineProperty";import e from"@babel/runtime/helpers/slicedToArray";import{memo as t,useRef as o,useState as n,useMemo as i,useEffect as l,createElement as a}from"react";import u from"prop-types";import{get as s,sortBy as c}from"lodash";import{MuiThemeProvider as m}from"@material-ui/core/styles";import p from"./Map.css.js";import{mapbox as d}from"../../../../utils/index.js";import{createAdaptiveRoot as f}from"../../../../utils/createAdaptiveRoot.js";import{darkTheme as h}from"../../../../config/theme/index.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/helpers/typeof";import"@babel/runtime/regenerator";import"highcharts";import"highcharts/highcharts-more";import"highcharts/modules/solid-gauge";import"highcharts/modules/heatmap";import"highcharts/modules/boost";import"highcharts/modules/exporting";import"highcharts/modules/xrange";import"highcharts/modules/dumbbell";import"highcharts/modules/pattern-fill";import"highcharts/modules/annotations";import"highcharts-multicolor-series";import"dompurify";import{IS_MAPBOX_ENABLED as b}from"../../../../config/mapbox/index.js";import"@babel/runtime/helpers/createClass";import"@babel/runtime/helpers/classCallCheck";import"@babel/runtime/helpers/assertThisInitialized";import"@babel/runtime/helpers/inherits";import"@babel/runtime/helpers/possibleConstructorReturn";import"@babel/runtime/helpers/getPrototypeOf";import"@babel/runtime/helpers/toArray";import"@babel/runtime/helpers/toConsumableArray";import"../../../../clients/subscriptions/constants.js";import"../../../../clients/subscriptions.v1.js";import"../../../../clients/subscriptions/subscriptions-client.factory.js";import"../../../../config/extendNative.js";import"../../../../config/mapboxGl/index.js";import"mapbox-gl/dist/mapbox-gl.css";import{jsxs as g,jsx as v}from"react/jsx-runtime";import y from"mapbox-gl";function F(r,e){var t=Object.keys(r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(r);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),t.push.apply(t,o)}return t}function j(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?F(Object(o),!0).forEach((function(t){r(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):F(Object(o)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(o,r))}))}return e}var w=d.isValidCoordinates,O=["#FF00FF","#F5BD80","#FF0000","#0080FF","#FF8000","#58ACFA","#FA58F4","#40FF00","#4B8A08","#40FF00","#D8F781"],x=[29.749907,-95.358421],C={type:"FeatureCollection",features:[]},P=function(r){var t=e(r,2),o=t[0];return[t[1],o]};function N(t){var u=t.subjectWell,d=void 0===u?null:u,F=t.wells,N=t.offsetWells,M=void 0===N?null:N,I=t.radius,L=t.subjectWellMarkerSize,k=void 0===L?S:L,B=t.wellMarkerSize,A=void 0===B?D:B,W=t.popUpFormatter,T=void 0===W?null:W,z=t.coordsDataPath,E=void 0===z?"settings.top_hole.coordinates":z,q=o(null),R=o(null),G=o(null),U=o(null),V=o(null),Z=o(null),_=o(null),H=o(),J=n(!1),K=e(J,2),Q=K[0],X=K[1],Y=i((function(){return F.filter((function(r){return!d||d.id!==r.id}))}),[d,F]),$=i((function(){return d&&s(d,E)}),[d,E]),rr=i((function(){var e=[],t=!1;Y.forEach((function(r){"Null"===r.formation?t=!0:d&&d.formation===r.formation||e.includes(r.formation)||e.push(r.formation)}));var o=d?[d.formation].concat(c(e)):c(e);t&&!o.includes("Null")&&o.push("Null");var n=o.reduce((function(e,t,o){return j(j({},e),{},r({},t,O[o%O.length]))}),{});return[o,n]}),[d,Y]),er=e(rr,2),tr=er[0],or=er[1];return l((function(){if(b){R.current=new y.Map({container:q.current,style:"mapbox://styles/mapbox/dark-v9",center:P(x),zoom:1,attributionControl:!1,scrollZoom:!1}),R.current.addControl(new y.NavigationControl({showCompass:!1}),"bottom-right"),R.current.on("load",(function(){R.current.addSource("radius-circle",{type:"geojson",data:C}),R.current.addLayer({id:"radius-circle",type:"fill",source:"radius-circle",paint:{"fill-color":"#03BCD4","fill-opacity":.2}}),R.current.addSource("wells",{type:"geojson",data:C}),R.current.addLayer({id:"wells",type:"circle",source:"wells",paint:{"circle-radius":["get","radius"],"circle-color":["get","color"],"circle-opacity":["get","opacity"]}}),X(!0)}));var r=R.current;return function(){var e;null===(e=Z.current)||void 0===e||e.unmount(),Z.current=null,_.current=null,r.remove(),R.current=null,G.current=null,U.current=null}}}),[]),l((function(){if(R.current&&Q){if(!$)return R.current.getSource("radius-circle").setData(C),void(G.current=null);var r=function(r,t){for(var o=e(r,2),n=o[0],i=o[1],l=arguments.length>2&&void 0!==arguments[2]?arguments[2]:64,a=[],u=t/(111320*Math.cos(n*Math.PI/180)),s=t/110574,c=0;c<=l;c+=1){var m=c/l*(2*Math.PI);a.push([i+u*Math.cos(m),n+s*Math.sin(m)])}return a}($,1609.34*I);R.current.getSource("radius-circle").setData({type:"Feature",geometry:{type:"Polygon",coordinates:[r]}}),G.current=r.reduce((function(r,e){return r.extend(e)}),new y.LngLatBounds)}}),[I,$,Q]),l((function(){var r;if(R.current&&Q){var e=H.current;H.current=F,null===(r=V.current)||void 0===r||r.remove();var t=M.map((function(r){return r.id})),o=[],n={},i=new y.LngLatBounds;F.forEach((function(r){var e=s(r,E);if(e&&w(e)){var l=d&&d.id===r.id,a=t.includes(r.id),u=l?k:A,c=l||a?"#00FFFF":or[r.formation],m=l||a?1:.3;n[r.id]=r,i.extend(P(e)),o.push({type:"Feature",geometry:{type:"Point",coordinates:P(e)},properties:{wellId:r.id,radius:u,color:c,opacity:m}})}})),R.current.getSource("wells").setData({type:"FeatureCollection",features:o}),U.current=o.length?i:null;var l=R.current,u=null,c=function(r){l.getCanvas().style.cursor="pointer";var e=n[r.features[0].properties.wellId];if(e&&e.id!==u&&(u=e.id,T)){var t=a(T,{well:e,color:or[e.formation]});_.current||(_.current=document.createElement("div"),Z.current=f(_.current)),Z.current.render(v(m,{theme:h,children:t})),V.current||(V.current=new y.Popup({closeButton:!1,maxWidth:"none"})),V.current.setLngLat(P(s(e,E))).setDOMContent(_.current).addTo(l)}},p=function(){u=null,l.getCanvas().style.cursor=""};return l.on("mousemove","wells",c),l.on("mouseleave","wells",p),setTimeout((function(){R.current&&G.current&&F!==e&&R.current.fitBounds(G.current,{padding:5})}),500),function(){l.off("mousemove","wells",c),l.off("mouseleave","wells",p)}}}),[d,F,M,or,Q]),l((function(){setTimeout((function(){d?R.current&&G.current&&R.current.fitBounds(G.current,{padding:5}):R.current&&U.current&&R.current.fitBounds(U.current)}),500)}),[I,d,Q]),g("div",{className:p.map,children:[v("div",{className:p.mapMain,ref:q}),g("div",{className:p.mapFooter,children:[M&&g("div",{className:p.mapFooterItem,children:[v("div",{className:p.mapFooterItemSquare,style:{backgroundColor:"#00FFFF"}}),v("div",{className:p.mapFooterItemLabel,children:"Selected Offset Wells"})]}),tr.map((function(r){return g("div",{className:p.mapFooterItem,children:[v("div",{className:p.mapFooterItemSquare,style:{backgroundColor:or[r]}}),v("div",{className:p.mapFooterItemLabel,children:r})]},r)}))]})]})}N.propTypes={subjectWell:u.shape({id:u.number,formation:u.string}),wells:u.arrayOf(u.shape({})).isRequired,offsetWells:u.arrayOf(u.shape({})),radius:u.number.isRequired,subjectWellMarkerSize:u.number,wellMarkerSize:u.number,popUpFormatter:u.func,coordsDataPath:u.string};var S=10,D=5,M=t(N);export{M as default};
+import r from"@babel/runtime/helpers/defineProperty";import e from"@babel/runtime/helpers/slicedToArray";import{memo as t,useRef as o,useState as n,useMemo as i,useEffect as l,createElement as a}from"react";import u from"prop-types";import{get as s,sortBy as c}from"lodash";import{MuiThemeProvider as m}from"@material-ui/core/styles";import p from"./Map.css.js";import{mapbox as d}from"../../../../utils/index.js";import{createAdaptiveRoot as f}from"../../../../utils/createAdaptiveRoot.js";import{darkTheme as h}from"../../../../config/theme/index.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/helpers/typeof";import"@babel/runtime/regenerator";import"highcharts";import"highcharts/highcharts-more";import"highcharts/modules/solid-gauge";import"highcharts/modules/heatmap";import"highcharts/modules/boost";import"highcharts/modules/exporting";import"highcharts/modules/xrange";import"highcharts/modules/dumbbell";import"highcharts/modules/pattern-fill";import"highcharts/modules/annotations";import"highcharts-multicolor-series";import"dompurify";import{IS_MAPBOX_ENABLED as b}from"../../../../config/mapbox/index.js";import"@babel/runtime/helpers/createClass";import"@babel/runtime/helpers/classCallCheck";import"@babel/runtime/helpers/assertThisInitialized";import"@babel/runtime/helpers/inherits";import"@babel/runtime/helpers/possibleConstructorReturn";import"@babel/runtime/helpers/getPrototypeOf";import"@babel/runtime/helpers/toArray";import"@babel/runtime/helpers/toConsumableArray";import"../../../../clients/subscriptions/constants.js";import"../../../../clients/subscriptions.v1.js";import"../../../../clients/subscriptions/subscriptions-client.factory.js";import"../../../../config/extendNative.js";import"../../../../config/mapboxGl/index.js";import"mapbox-gl/dist/mapbox-gl.css";import{jsxs as g,jsx as v}from"react/jsx-runtime";import y from"mapbox-gl";function F(r,e){var t=Object.keys(r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(r);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),t.push.apply(t,o)}return t}function j(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?F(Object(o),!0).forEach((function(t){r(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):F(Object(o)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(o,r))}))}return e}var w=["#FF00FF","#F5BD80","#FF0000","#0080FF","#FF8000","#58ACFA","#FA58F4","#40FF00","#4B8A08","#40FF00","#D8F781"],O=[29.749907,-95.358421],x={type:"FeatureCollection",features:[]},C=function(r){var t=e(r,2),o=t[0];return[t[1],o]};function P(t){var u=t.subjectWell,F=void 0===u?null:u,P=t.wells,D=t.offsetWells,M=void 0===D?null:D,I=t.radius,L=t.subjectWellMarkerSize,k=void 0===L?N:L,B=t.wellMarkerSize,A=void 0===B?S:B,W=t.popUpFormatter,T=void 0===W?null:W,z=t.coordsDataPath,E=void 0===z?"settings.top_hole.coordinates":z,q=o(null),R=o(null),G=o(null),U=o(null),V=o(null),Z=o(null),_=o(null),H=o(),J=n(!1),K=e(J,2),Q=K[0],X=K[1],Y=i((function(){return P.filter((function(r){return!F||F.id!==r.id}))}),[F,P]),$=i((function(){return F&&s(F,E)}),[F,E]),rr=i((function(){var e=[],t=!1;Y.forEach((function(r){"Null"===r.formation?t=!0:F&&F.formation===r.formation||e.includes(r.formation)||e.push(r.formation)}));var o=F?[F.formation].concat(c(e)):c(e);t&&!o.includes("Null")&&o.push("Null");var n=o.reduce((function(e,t,o){return j(j({},e),{},r({},t,w[o%w.length]))}),{});return[o,n]}),[F,Y]),er=e(rr,2),tr=er[0],or=er[1];return l((function(){if(b){R.current=new y.Map({container:q.current,style:"mapbox://styles/mapbox/dark-v9",center:C(O),zoom:1,attributionControl:!1,scrollZoom:!1}),R.current.addControl(new y.NavigationControl({showCompass:!1}),"bottom-right"),R.current.on("load",(function(){R.current.addSource("radius-circle",{type:"geojson",data:x}),R.current.addLayer({id:"radius-circle",type:"fill",source:"radius-circle",paint:{"fill-color":"#03BCD4","fill-opacity":.2}}),R.current.addSource("wells",{type:"geojson",data:x}),R.current.addLayer({id:"wells",type:"circle",source:"wells",paint:{"circle-radius":["get","radius"],"circle-color":["get","color"],"circle-opacity":["get","opacity"]}}),X(!0)}));var r=R.current;return function(){var e;null===(e=Z.current)||void 0===e||e.unmount(),Z.current=null,_.current=null,r.remove(),R.current=null,G.current=null,U.current=null}}}),[]),l((function(){if(R.current&&Q){if(!$)return R.current.getSource("radius-circle").setData(x),void(G.current=null);var r=function(r,t){for(var o=e(r,2),n=o[0],i=o[1],l=arguments.length>2&&void 0!==arguments[2]?arguments[2]:64,a=[],u=t/(111320*Math.cos(n*Math.PI/180)),s=t/110574,c=0;c<=l;c+=1){var m=c/l*(2*Math.PI);a.push([i+u*Math.cos(m),n+s*Math.sin(m)])}return a}($,1609.34*I);R.current.getSource("radius-circle").setData({type:"Feature",geometry:{type:"Polygon",coordinates:[r]}}),G.current=r.reduce((function(r,e){return r.extend(e)}),new y.LngLatBounds)}}),[I,$,Q]),l((function(){var r;if(R.current&&Q){var e=H.current;H.current=P,null===(r=V.current)||void 0===r||r.remove();var t=M.map((function(r){return r.id})),o=[],n={},i=new y.LngLatBounds;P.forEach((function(r){var e=s(r,E);if(e&&d.isValidCoordinates(e)){var l=F&&F.id===r.id,a=t.includes(r.id),u=l?k:A,c=l||a?"#00FFFF":or[r.formation],m=l||a?1:.3;n[r.id]=r,i.extend(C(e)),o.push({type:"Feature",geometry:{type:"Point",coordinates:C(e)},properties:{wellId:r.id,radius:u,color:c,opacity:m}})}})),R.current.getSource("wells").setData({type:"FeatureCollection",features:o}),U.current=o.length?i:null;var l=R.current,u=null,c=function(r){l.getCanvas().style.cursor="pointer";var e=n[r.features[0].properties.wellId];if(e&&e.id!==u&&(u=e.id,T)){var t=a(T,{well:e,color:or[e.formation]});_.current||(_.current=document.createElement("div"),Z.current=f(_.current)),Z.current.render(v(m,{theme:h,children:t})),V.current||(V.current=new y.Popup({closeButton:!1,maxWidth:"none"})),V.current.setLngLat(C(s(e,E))).setDOMContent(_.current).addTo(l)}},p=function(){u=null,l.getCanvas().style.cursor=""};return l.on("mousemove","wells",c),l.on("mouseleave","wells",p),setTimeout((function(){R.current&&G.current&&P!==e&&R.current.fitBounds(G.current,{padding:5})}),500),function(){l.off("mousemove","wells",c),l.off("mouseleave","wells",p)}}}),[F,P,M,or,Q]),l((function(){setTimeout((function(){F?R.current&&G.current&&R.current.fitBounds(G.current,{padding:5}):R.current&&U.current&&R.current.fitBounds(U.current)}),500)}),[I,F,Q]),g("div",{className:p.map,children:[v("div",{className:p.mapMain,ref:q}),g("div",{className:p.mapFooter,children:[M&&g("div",{className:p.mapFooterItem,children:[v("div",{className:p.mapFooterItemSquare,style:{backgroundColor:"#00FFFF"}}),v("div",{className:p.mapFooterItemLabel,children:"Selected Offset Wells"})]}),tr.map((function(r){return g("div",{className:p.mapFooterItem,children:[v("div",{className:p.mapFooterItemSquare,style:{backgroundColor:or[r]}}),v("div",{className:p.mapFooterItemLabel,children:r})]},r)}))]})]})}P.propTypes={subjectWell:u.shape({id:u.number,formation:u.string}),wells:u.arrayOf(u.shape({})).isRequired,offsetWells:u.arrayOf(u.shape({})),radius:u.number.isRequired,subjectWellMarkerSize:u.number,wellMarkerSize:u.number,popUpFormatter:u.func,coordsDataPath:u.string};var N=10,S=5,D=t(P);export{D as default};
 //# sourceMappingURL=Map.js.map