@corva/ui 3.77.0-5 → 3.77.0-6

package/cjs-bundle/components/OffsetWellMap/OffsetWellMap.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/defineProperty"),r=require("@babel/runtime/helpers/slicedToArray"),t=require("react"),l=require("lodash"),i=require("classnames"),o=require("@material-ui/core"),u=require("@material-ui/icons");require("mapbox-gl/dist/mapbox-gl.css");var c=require("./effects/usePreviousWells.js"),n=require("./WellTooltip.js"),s=require("./utils.js"),a=require("./OffsetWellMap.module.css.js");require("../../config/mapboxGl/index.js");var d=require("../../config/mapbox/index.js"),f=require("../../utils/index.js"),v=require("../../utils/createAdaptiveRoot.js"),h=require("react/jsx-runtime"),m=require("mapbox-gl");function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=g(e),y=g(r),w=g(i),b=g(m),j=[29.749907,-95.358421],x={type:"FeatureCollection",features:[]},W=["==",["id"],-1],q=function(e){var r=y.default(e,2),t=r[0];return[r[1],t]},F=function(e,r){for(var t=y.default(e,2),l=t[0],i=t[1],o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:64,u=r/(111320*Math.cos(l*Math.PI/180)),c=r/110574,n=[],s=0;s<=o;s+=1){var a=s/o*2*Math.PI;n.push([i+u*Math.cos(a),l+c*Math.sin(a)])}return{type:"Polygon",coordinates:[n]}};module.exports=function(e){var r=e.isViewOnly,i=e.subjectWell,m=void 0===i?null:i,g=e.wells,B=e.offsetWellIds,C=e.radius,E=e.handleChanageOffsetWell,M=e.handleChangeOffsetWell,L=void 0===M?E:M,S=e.activeWellId,D=e.isClickable,O=void 0===D||D,R=e.classes,P=void 0===R?{}:R,k=t.useMemo((function(){return m&&l.get(m,"topHole.coordinates")}),[m]),I=t.useMemo((function(){return s.getAllFormations(g)}),[g]),T=t.useRef(),z=t.useRef(),A=t.useRef(),Z=t.useRef(null),N=t.useRef(null),V=t.useRef(),G=t.useRef(new Map),H=t.useRef(null),_=t.useRef(null),X=t.useRef(null),J=t.useState(!1),K=y.default(J,2),Q=K[0],U=K[1],Y=(null==m?void 0:m.id)===S,$=c.usePreviousWells(g),ee=t.useState(!1),re=y.default(ee,2),te=re[0],le=re[1],ie=t.useState(3),oe=y.default(ie,2),ue=oe[0],ce=oe[1];t.useEffect((function(){if(d.IS_MAPBOX_ENABLED){var e=new b.default.Map({container:T.current,style:"mapbox://styles/mapbox/dark-v9",center:q(j),zoom:3,maxZoom:18,attributionControl:!1,scrollZoom:!1,doubleClickZoom:!1});return z.current=e,e.on("zoomend",(function(){return ce(Math.round(e.getZoom()))})),e.on("load",(function(){e.addSource("radius-circle",{type:"geojson",data:x}),e.addLayer({id:"radius-circle-fill",type:"fill",source:"radius-circle",paint:{"fill-color":"#03BCD4","fill-opacity":.2}}),e.addSource("wells",{type:"geojson",data:x}),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:W,paint:{"circle-radius":["case",["get","isSubjectWell"],5,12],"circle-color":["case",["get","isSubjectWell"],"#63EFFF",["get","color"]],"circle-opacity":.24}}),le(!0)})),function(){var r;null===(r=X.current)||void 0===r||r.unmount(),X.current=null,e.remove(),z.current=null,A.current=null,V.current=null,Z.current=null,N.current=null}}}),[]),t.useEffect((function(){var e,r,t,l,i,o,u;Z.current=k&&C?(e=k,r=1609.34*C,t=y.default(e,2),l=t[0],i=t[1],o=r/(111320*Math.cos(l*Math.PI/180)),[[i-o,l-(u=r/110574)],[i+o,l+u]]):null;var c=z.current;c&&te&&c.getSource("radius-circle").setData(k&&C?{type:"Feature",properties:{},geometry:F(k,1609.34*C)}:x)}),[C,k,te]);var ne=function(e,i,o,u){var c;null===(c=X.current)||void 0===c||c.unmount();var s=document.createElement("div"),a=t.createElement(n.WellTooltip(),{isViewOnly:r,well:e,color:l.get(I,e.formation,"#BDBDBD"),isOffsetWell:i,isSubjectWell:o,isClickable:O});X.current=v.createAdaptiveRoot(s),X.current.render(h.jsx(h.Fragment,{children:a})),A.current||(A.current=new b.default.Popup({closeButton:!1,offset:12})),A.current.setLngLat(q(u)).setDOMContent(s).addTo(z.current)};t.useEffect((function(){var e=z.current;e&&te&&e.setPaintProperty("wells-circle","circle-color",Q?["case",["get","isSubjectWell"],"#63EFFF",["get","color"]]:["get","color"])}),[Q,te]),t.useEffect((function(){var e;if(g&&B){null===(e=A.current)||void 0===e||e.remove();var t=[],i=[];g.forEach((function(e){e.id!==(null==m?void 0:m.id)&&(B.includes(e.id)?t.push(e):i.push(e))}));var o=[].concat(i,t,[m]),u=[],c=new b.default.LngLatBounds;G.current.clear(),H.current=null,o.forEach((function(e,r){var t,i=null==e||null===(t=e.topHole)||void 0===t?void 0:t.coordinates;if(i&&f.mapbox.isValidCoordinates(i)){var o=(null==m?void 0:m.id)===e.id,n=B.includes(e.id)&&!o,s=o?"#03BCD4":l.get(I,e.formation,"#BDBDBD"),a=n?.7:.3;u.push({type:"Feature",id:r,geometry:{type:"Point",coordinates:q(i)},properties:{color:s,opacity:o?1:a,isSubjectWell:o,isOffsetWell:n,isActive:e.id===S&&!Y,order:r}}),G.current.set(r,{well:e,coords:i,isOffsetWell:n,isSubjectWell:o}),o&&(H.current=r),c.extend(q(i))}})),N.current=u.length?c:null;var n=z.current;if(n&&te){n.getSource("wells").setData({type:"FeatureCollection",features:u}),n.setFilter("wells-hover-highlight",W),_.current=null;var s=function(e){var r,t=null===(r=e.features)||void 0===r?void 0:r[0];if(t&&_.current!==t.id){var l=G.current.get(t.id);l&&(_.current=t.id,n.getCanvas().style.cursor="pointer",n.setFilter("wells-hover-highlight",["==",["id"],t.id]),ne(l.well,l.isOffsetWell,l.isSubjectWell,l.coords),l.isSubjectWell&&U(!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===H.current;_.current=null,n.getCanvas().style.cursor="",n.setFilter("wells-hover-highlight",W),null===(r=A.current)||void 0===r||r.remove(),t&&U(!1)}},d=function(e){var t,l;if(!r){var i=G.current.get(null===(t=e.features)||void 0===t||null===(l=t[0])||void 0===l?void 0:l.id);i&&L(i.well,!i.isOffsetWell)}};return n.on("mousemove","wells-circle",s),n.on("mouseleave","wells-circle",a),n.on("mouseleave","wells-hover-highlight",a),n.on("click","wells-circle",d),setTimeout((function(){C<3e3&&z.current&&Z.current&&g!==$&&z.current.fitBounds(Z.current,{padding:5})}),500),function(){n.off("mousemove","wells-circle",s),n.off("mouseleave","wells-circle",a),n.off("mouseleave","wells-hover-highlight",a),n.off("click","wells-circle",d)}}}}),[m,g,B,S,te]),t.useEffect((function(){var e=z.current;if(V.current&&(V.current.remove(),V.current=null),e&&k){var r=Q||Y,t=document.createElement("img");t.src=r?"/static/media/5e9c4959259cb12c11b2c5eaf27eb3ad.svg":"/static/media/9efe5882f31d2f22bd57af92069d0a3e.svg";var l=r?[70,20]:[62,12],i=y.default(l,2),o=i[0],u=i[1],c=r?[35,29]:[31,25],n=y.default(c,2),s=n[0],a=n[1];t.width=o,t.height=u,t.addEventListener("mouseover",(function(){U(!0),null!==H.current&&e.getLayer("wells-hover-highlight")&&(_.current=H.current,e.setFilter("wells-hover-highlight",["==",["id"],H.current])),ne(m,!1,!0,k)})),t.addEventListener("mouseout",(function(){var r;_.current=null,e.getLayer("wells-hover-highlight")&&e.setFilter("wells-hover-highlight",W),null===(r=A.current)||void 0===r||r.remove(),U(!1)})),V.current=new b.default.Marker({element:t,anchor:"center",offset:[o/2-s,u/2-a]}).setLngLat(q(k)).addTo(e)}}),[Q,k,C,m,Y]),t.useEffect((function(){var e;C>3e3?null===(e=z.current)||void 0===e||e.setZoom(1):setTimeout((function(){m?z.current&&Z.current&&C&&z.current.fitBounds(Z.current,{padding:5}):z.current&&N.current&&z.current.fitBounds(N.current),k&&z.current&&z.current.easeTo({center:q(k),duration:700})}),500)}),[C,m,k]);var se=function(){var e;null===(e=z.current)||void 0===e||e.setZoom(ue+1)};return h.jsx("div",{className:w.default(a.mapView,P.root),children:h.jsx("div",{className:w.default(a.mapMain,P.map),ref:T,onDoubleClick:se,children:h.jsxs("div",{className:a.zoomGroup,children:[h.jsx(o.Tooltip,{title:ue<18?"Zoom in":"",placement:"left",children:h.jsx("div",{className:w.default(a.zoomButton,p.default({},a.zoomDisabled,18===ue)),onClick:se,children:h.jsx(u.Add,{className:a.zoomInOutIcon})})}),h.jsx(o.Tooltip,{title:ue>1?"Zoom out":"",placement:"left",children:h.jsx("div",{className:w.default(a.zoomButton,p.default({},a.zoomDisabled,1===ue)),onClick:function(){var e;ue>1&&(null===(e=z.current)||void 0===e||e.setZoom(ue-1))},children:h.jsx(u.Remove,{className:a.zoomInOutIcon})})})]})})})};
+"use strict";var e=require("@babel/runtime/helpers/defineProperty"),r=require("@babel/runtime/helpers/slicedToArray"),t=require("react"),l=require("lodash"),i=require("classnames"),s=require("@material-ui/core"),u=require("@material-ui/icons");require("mapbox-gl/dist/mapbox-gl.css");var o=require("./effects/usePreviousWells.js"),n=require("./WellTooltip.js"),c=require("./utils.js"),a=require("./OffsetWellMap.module.css.js");require("../../config/mapboxGl/index.js");var d=require("../../config/mapbox/index.js");require("../UserMention/utils/index.js"),require("../../utils/convert.js"),require("../../constants/completion.js"),require("moment"),require("../../constants/alerts.js"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../../utils/casing/validation.js"),require("lodash/mean"),require("../../constants/streamSourceType.js"),require("lodash/get"),require("file-saver"),require("query-string"),require("../../constants/goals.js"),require("../../constants/segment.js"),require("../../constants/apps.js"),require("../../constants/drillstring.js"),require("../../constants/appPackages.js"),require("../../constants/notifications.js"),require("../../constants/feed.js"),require("../../constants/bha.js"),require("../../constants/corvaCompanyId.js"),require("../GradientManager/configuration/constants.js"),require("../../utils/drillstring/conversion.js"),require("lodash/set"),require("lodash/cloneDeep"),require("@babel/runtime/helpers/toConsumableArray"),require("lodash/isNumber"),require("lodash/has"),require("../../utils/ga.js"),require("../../utils/goalsConfig/goalsConfig.js"),require("../../utils/lasParser.js"),require("../../utils/main.js");var f=require("../../utils/mapbox.js");require("../../utils/metrics/metricsConfig.js"),require("../../utils/mobileDetect.js"),require("../../utils/feed.js"),require("../../utils/reports.js"),require("moment-timezone"),require("@babel/runtime/helpers/typeof"),require("../../utils/dashboardReports.js"),require("../../utils/env.js"),require("file-extension"),require("image-extensions"),require("video-extensions"),require("../../utils/jsonaDataFormatter.js"),require("../../utils/bha.js"),require("jsona"),require("../../clients/jsonApi/index.js"),require("@babel/runtime/helpers/objectWithoutProperties"),require("../../utils/charts/Styles.scss.js"),require("../../utils/getSingleAsset.js");var v=require("../../utils/createAdaptiveRoot.js"),m=require("react/jsx-runtime"),h=require("mapbox-gl");function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=g(e),q=g(r),j=g(i),y=g(h),b=[29.749907,-95.358421],w={type:"FeatureCollection",features:[]},x=["==",["id"],-1],W=function(e){var r=q.default(e,2),t=r[0];return[r[1],t]},C=function(e,r){for(var t=q.default(e,2),l=t[0],i=t[1],s=arguments.length>2&&void 0!==arguments[2]?arguments[2]:64,u=r/(111320*Math.cos(l*Math.PI/180)),o=r/110574,n=[],c=0;c<=s;c+=1){var a=c/s*2*Math.PI;n.push([i+u*Math.cos(a),l+o*Math.sin(a)])}return{type:"Polygon",coordinates:[n]}};module.exports=function(e){var r=e.isViewOnly,i=e.subjectWell,h=void 0===i?null:i,g=e.wells,F=e.offsetWellIds,M=e.radius,S=e.handleChanageOffsetWell,D=e.handleChangeOffsetWell,B=void 0===D?S:D,E=e.activeWellId,L=e.isClickable,O=void 0===L||L,P=e.classes,R=void 0===P?{}:P,k=t.useMemo((function(){return h&&l.get(h,"topHole.coordinates")}),[h]),A=t.useMemo((function(){return c.getAllFormations(g)}),[g]),T=t.useRef(),I=t.useRef(),z=t.useRef(),N=t.useRef(null),Z=t.useRef(null),G=t.useRef(),V=t.useRef(new Map),H=t.useRef(null),_=t.useRef(null),U=t.useRef(null),X=t.useState(!1),J=q.default(X,2),K=J[0],Q=J[1],Y=(null==h?void 0:h.id)===E,$=o.usePreviousWells(g),ee=t.useState(!1),re=q.default(ee,2),te=re[0],le=re[1],ie=t.useState(3),se=q.default(ie,2),ue=se[0],oe=se[1];t.useEffect((function(){if(d.IS_MAPBOX_ENABLED){var e=new y.default.Map({container:T.current,style:"mapbox://styles/mapbox/dark-v9",center:W(b),zoom:3,maxZoom:18,attributionControl:!1,scrollZoom:!1,doubleClickZoom:!1});return I.current=e,e.on("zoomend",(function(){return oe(Math.round(e.getZoom()))})),e.on("load",(function(){e.addSource("radius-circle",{type:"geojson",data:w}),e.addLayer({id:"radius-circle-fill",type:"fill",source:"radius-circle",paint:{"fill-color":"#03BCD4","fill-opacity":.2}}),e.addSource("wells",{type:"geojson",data:w}),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:x,paint:{"circle-radius":["case",["get","isSubjectWell"],5,12],"circle-color":["case",["get","isSubjectWell"],"#63EFFF",["get","color"]],"circle-opacity":.24}}),le(!0)})),function(){var r;null===(r=U.current)||void 0===r||r.unmount(),U.current=null,e.remove(),I.current=null,z.current=null,G.current=null,N.current=null,Z.current=null}}}),[]),t.useEffect((function(){var e,r,t,l,i,s,u;N.current=k&&M?(e=k,r=1609.34*M,t=q.default(e,2),l=t[0],i=t[1],s=r/(111320*Math.cos(l*Math.PI/180)),[[i-s,l-(u=r/110574)],[i+s,l+u]]):null;var o=I.current;o&&te&&o.getSource("radius-circle").setData(k&&M?{type:"Feature",properties:{},geometry:C(k,1609.34*M)}:w)}),[M,k,te]);var ne=function(e,i,s,u){var o;null===(o=U.current)||void 0===o||o.unmount();var c=document.createElement("div"),a=t.createElement(n.WellTooltip(),{isViewOnly:r,well:e,color:l.get(A,e.formation,"#BDBDBD"),isOffsetWell:i,isSubjectWell:s,isClickable:O});U.current=v.createAdaptiveRoot(c),U.current.render(m.jsx(m.Fragment,{children:a})),z.current||(z.current=new y.default.Popup({closeButton:!1,offset:12})),z.current.setLngLat(W(u)).setDOMContent(c).addTo(I.current)};t.useEffect((function(){var e=I.current;e&&te&&e.setPaintProperty("wells-circle","circle-color",K?["case",["get","isSubjectWell"],"#63EFFF",["get","color"]]:["get","color"])}),[K,te]),t.useEffect((function(){var e;if(g&&F){null===(e=z.current)||void 0===e||e.remove();var t=[],i=[];g.forEach((function(e){e.id!==(null==h?void 0:h.id)&&(F.includes(e.id)?t.push(e):i.push(e))}));var s=[].concat(i,t,[h]),u=[],o=new y.default.LngLatBounds;V.current.clear(),H.current=null,s.forEach((function(e,r){var t,i=null==e||null===(t=e.topHole)||void 0===t?void 0:t.coordinates;if(i&&f.isValidCoordinates(i)){var s=(null==h?void 0:h.id)===e.id,n=F.includes(e.id)&&!s,c=s?"#03BCD4":l.get(A,e.formation,"#BDBDBD"),a=n?.7:.3;u.push({type:"Feature",id:r,geometry:{type:"Point",coordinates:W(i)},properties:{color:c,opacity:s?1:a,isSubjectWell:s,isOffsetWell:n,isActive:e.id===E&&!Y,order:r}}),V.current.set(r,{well:e,coords:i,isOffsetWell:n,isSubjectWell:s}),s&&(H.current=r),o.extend(W(i))}})),Z.current=u.length?o:null;var n=I.current;if(n&&te){n.getSource("wells").setData({type:"FeatureCollection",features:u}),n.setFilter("wells-hover-highlight",x),_.current=null;var c=function(e){var r,t=null===(r=e.features)||void 0===r?void 0:r[0];if(t&&_.current!==t.id){var l=V.current.get(t.id);l&&(_.current=t.id,n.getCanvas().style.cursor="pointer",n.setFilter("wells-hover-highlight",["==",["id"],t.id]),ne(l.well,l.isOffsetWell,l.isSubjectWell,l.coords),l.isSubjectWell&&Q(!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===H.current;_.current=null,n.getCanvas().style.cursor="",n.setFilter("wells-hover-highlight",x),null===(r=z.current)||void 0===r||r.remove(),t&&Q(!1)}},d=function(e){var t,l;if(!r){var i=V.current.get(null===(t=e.features)||void 0===t||null===(l=t[0])||void 0===l?void 0:l.id);i&&B(i.well,!i.isOffsetWell)}};return n.on("mousemove","wells-circle",c),n.on("mouseleave","wells-circle",a),n.on("mouseleave","wells-hover-highlight",a),n.on("click","wells-circle",d),setTimeout((function(){M<3e3&&I.current&&N.current&&g!==$&&I.current.fitBounds(N.current,{padding:5})}),500),function(){n.off("mousemove","wells-circle",c),n.off("mouseleave","wells-circle",a),n.off("mouseleave","wells-hover-highlight",a),n.off("click","wells-circle",d)}}}}),[h,g,F,E,te]),t.useEffect((function(){var e=I.current;if(G.current&&(G.current.remove(),G.current=null),e&&k){var r=K||Y,t=document.createElement("img");t.src=r?"/static/media/5e9c4959259cb12c11b2c5eaf27eb3ad.svg":"/static/media/9efe5882f31d2f22bd57af92069d0a3e.svg";var l=r?[70,20]:[62,12],i=q.default(l,2),s=i[0],u=i[1],o=r?[35,29]:[31,25],n=q.default(o,2),c=n[0],a=n[1];t.width=s,t.height=u,t.addEventListener("mouseover",(function(){Q(!0),null!==H.current&&e.getLayer("wells-hover-highlight")&&(_.current=H.current,e.setFilter("wells-hover-highlight",["==",["id"],H.current])),ne(h,!1,!0,k)})),t.addEventListener("mouseout",(function(){var r;_.current=null,e.getLayer("wells-hover-highlight")&&e.setFilter("wells-hover-highlight",x),null===(r=z.current)||void 0===r||r.remove(),Q(!1)})),G.current=new y.default.Marker({element:t,anchor:"center",offset:[s/2-c,u/2-a]}).setLngLat(W(k)).addTo(e)}}),[K,k,M,h,Y]),t.useEffect((function(){var e;M>3e3?null===(e=I.current)||void 0===e||e.setZoom(1):setTimeout((function(){h?I.current&&N.current&&M&&I.current.fitBounds(N.current,{padding:5}):I.current&&Z.current&&I.current.fitBounds(Z.current),k&&I.current&&I.current.easeTo({center:W(k),duration:700})}),500)}),[M,h,k]);var ce=function(){var e;null===(e=I.current)||void 0===e||e.setZoom(ue+1)};return m.jsx("div",{className:j.default(a.mapView,R.root),children:m.jsx("div",{className:j.default(a.mapMain,R.map),ref:T,onDoubleClick:ce,children:m.jsxs("div",{className:a.zoomGroup,children:[m.jsx(s.Tooltip,{title:ue<18?"Zoom in":"",placement:"left",children:m.jsx("div",{className:j.default(a.zoomButton,p.default({},a.zoomDisabled,18===ue)),onClick:ce,children:m.jsx(u.Add,{className:a.zoomInOutIcon})})}),m.jsx(s.Tooltip,{title:ue>1?"Zoom out":"",placement:"left",children:m.jsx("div",{className:j.default(a.zoomButton,p.default({},a.zoomDisabled,1===ue)),onClick:function(){var e;ue>1&&(null===(e=I.current)||void 0===e||e.setZoom(ue-1))},children:m.jsx(u.Remove,{className:a.zoomInOutIcon})})})]})})})};
 //# sourceMappingURL=OffsetWellMap.js.map

package/cjs-bundle/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 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","_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","_ref5","_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","_ref8","_ref9","iconWidth","iconHeight","_ref10","_ref11","anchorX","anchorY","width","height","addEventListener","getLayer","_popupRef$current3","Marker","element","anchor","_mapRef$current","easeTo","duration","handleZoomIn","_mapRef$current2","className","classNames","styles","mapView","root","jsx","mapMain","ref","onDoubleClick","_jsxs","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","_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","_ref5","_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","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","_ref8","_ref9","iconWidth","iconHeight","_ref10","_ref11","anchorX","anchorY","width","height","addEventListener","getLayer","_popupRef$current3","Marker","element","anchor","_mapRef$current","easeTo","duration","handleZoomIn","_mapRef$current2","className","classNames","styles","mapView","root","jsx","mapMain","ref","onDoubleClick","_jsxs","jsxs","zoomGroup","Tooltip","title","placement","zoomButton","_defineProperty","zoomDisabled","onClick","ZoomInIcon","zoomInOutIcon","_mapRef$current3","ZoomOutIcon"],"mappings":"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"}

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

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

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

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