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

package/components/OffsetWellPickerV2/OffsetWellPickerDialog.js

@@ -1 +1,502 @@
-import e from"@babel/runtime/helpers/defineProperty";import n from"@babel/runtime/helpers/slicedToArray";import{memo as t,useState as i,useEffect as o,useMemo as r,useCallback as l}from"react";import s from"prop-types";import{get as c,orderBy as a,uniq as d}from"lodash";import{makeStyles as u,Dialog as f,DialogTitle as m,Typography as p,Tooltip as b,IconButton as g,DialogContent as h,DialogActions as y,Button as S}from"@material-ui/core";import j from"@material-ui/icons/Close";import{useTheme as W}from"@material-ui/core/styles";import v from"@material-ui/core/useMediaQuery";import I from"classnames";import C from"./components/Filter/index.js";import O from"./components/Map/index.js";import N from"./components/Table/index.js";import{useCompanies as x,useWells as A,useCompanyMetricKey as k,useWellsWithCoords as D,useRadiusWells as w,useOffsetWells as P,useMetricsData as T}from"./effects/index.js";import{getFilteredWells as E,getFilteredWellsByNonEngineered as B}from"./utils/index.js";import{DEFAULT_SETTINGS as R}from"./constants.js";import z from"../LoadingIndicator/LoadingIndicator.js";import L from"../../permissions/usePermissions.js";import{PERMISSIONS as U}from"../../permissions/constants/index.js";import"../../permissions/withPermissionsHOC.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../clients/jsonApi/index.js";import"../../permissions/ProvidePermissions.js";import"../../permissions/PermissionsContext.js";import{jsxs as _,jsx as q,Fragment as M}from"react/jsx-runtime";import F from"./effects/biDirectionalFiltering.js";function H(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function K(n){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?H(Object(i),!0).forEach((function(t){e(n,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):H(Object(i)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(i,e))}))}return n}var V=u((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)"}}})),G=function(t){var s=t.isOpen,u=t.defaultSubjectWellId,H=t.companyId,G=t.offsetSetting,Q=t.currentUser,$=t.addWellsUsabilityInfo,J=t.unusableWellAlarm,X=t.isAdvancedSearch,Y=t.bestCount,Z=t.onClose,ee=t.onSave,ne=V(),te=W(),ie=v(te.breakpoints.down("sm")),oe=L([U.companySelectorView]),re=n(oe,1)[0].active,le=i(H||c(G,"companyId")||+c(Q,"company_id")),se=n(le,2),ce=se[0],ae=se[1],de=i(c(G,"subjectWellId")||u),ue=n(de,2),fe=ue[0],me=ue[1],pe=i(c(G,"filters")||R.filters),be=n(pe,2),ge=be[0],he=be[1],ye=i(c(G,"radius")||R.radius),Se=n(ye,2),je=Se[0],We=Se[1],ve=i(c(G,"excludeSideTrack")||!1),Ie=n(ve,2),Ce=Ie[0],Oe=Ie[1],Ne=i(c(G,"includeNonEngineeredWells")||!1),xe=n(Ne,2),Ae=xe[0],ke=xe[1],De=i([]),we=n(De,2),Pe=we[0],Te=we[1],Ee=i(R.sortInfo),Be=n(Ee,2),Re=Be[0],ze=Be[1],Le=i(!1),Ue=n(Le,2),_e=Ue[0],qe=Ue[1],Me=i([]),Fe=n(Me,2),He=Fe[0],Ke=Fe[1];o((function(){s&&(Ke(c(G,"selectedWellIds")||[]),ae(H||c(G,"companyId")||+c(Q,"company_id")),me(c(G,"subjectWellId")||u))}),[s,G]);var Ve=r((function(){return!!fe}),[fe]),Ge=x(re,X&&u,ce),Qe=A(ce,$),$e=k(ce);o((function(){Te((function(e){return $e?[$e]:e}))}),[$e]);var Je=F(ge,Qe),Xe=r((function(){return E(ge,Ce,Qe)}),[ge,Ce,Qe]),Ye=r((function(){return B(Xe,Ae)}),[Xe,Ae]),Ze=r((function(){return Ye&&fe?Ye.find((function(e){return e.id===fe})):null}),[Ye,fe]),en=D(Xe,Ze),nn=r((function(){return B(en,!1)}),[en]),tn=Ae?en:nn,on=en&&en.length!==nn.length;w(je,en,Ke);var rn=P(je,Qe,He),ln=T(ce,tn),sn=n(ln,2),cn=sn[0],an=sn[1],dn=r((function(){return an?a(an,Re.key,1===Re.direction?"asc":"desc"):an}),[Re,an]),un=l((function(e){ae(e),me(null),Ke([]),he(R.filters)}),[]),fn=l((function(e){var n=Ye.find((function(n){return n.id===e}));n&&n.is_usable&&Ke(d(He.concat(e)))}),[He,Ye]),mn=l((function(e){Ke(d(He.filter((function(n){return n!==e}))))}),[He]),pn=l((function(){Ke(Ye.filter((function(e){return e.is_usable})).map((function(e){return e.id})))}),[Ye]),bn=l((function(){Ke([])}),[]),gn=l((function(e){Ke([]),me(e)}),[Qe]),hn=l((function(){Ke([]),me(null)}),[]),yn=l((function(e){We(e)}),[]),Sn=l((function(e){Oe(e)}),[]),jn=l((function(e){e||Ke((function(e){return e.filter((function(e){return nn.map((function(e){return e.id})).includes(e)}))})),ke(e)}),[nn]),Wn=l((function(n,t){he((function(i){return K(K({},i),{},e({},n,t))})),Ke([])}),[]),vn=l((function(){he(K({},R.filters)),Ke([])}),[]),In=l((function(){qe((function(e){return!e}))}),[]),Cn=l((function(e){Te(e)}),[]),On=l((function(e){ze((function(n){return n.key===e?K(K({},n),{},{direction:-1*n.direction}):{key:e,direction:1}}))}),[]),Nn=function(){Z()},xn=!(Qe&&Ye&&tn&&an&&rn&&dn);return _(f,{onBackdropClick:Z,onEscapeKeyDown:Z,maxWidth:"lg",fullWidth:!0,fullScreen:ie,open:s,children:[q(m,{children:_("div",{className:ne.dialogTitles,children:[X?_("div",{className:ne.titleArea,children:[q(p,{className:ne.subTitle,onClick:Nn,children:"Select Offset Wells"}),q(p,{className:ne.subTitleSpace,children:" / "}),q(p,{className:ne.title,children:"Advanced Search"})]}):q(p,{className:ne.title,children:"Select Offset Wells"}),q(b,{title:"Close",children:q(g,{"data-not-migrated-muiiconbutton":!0,"aria-label":"close",className:ne.closeIconButton,onClick:Z,children:q(j,{className:ne.closeIcon})})})]})}),q(h,{className:ne.dialogContent,children:xn?q(z,{fullscreen:!1}):_(M,{children:[q(C,{companyId:ce,companies:Ge,canViewCompanies:re,radius:je,excludeSideTrack:Ce,includeNonEngineeredWells:Ae,wells:Ye,subjectWell:Ze,filters:ge,filtersOptions:Je,mapHidden:_e,isRadiusEditable:Ve,isExistNonEngineeredWells:on,onChangeCompany:un,onSetSubjectWell:gn,onChangeRadius:yn,onChangeSidetrack:Sn,onChangeNonEngineeredWells:jn,onChangeFilters:Wn,onClearFilters:vn,onToggleMap:In}),q(O,{subjectWell:Ze,wells:Ye,offsetWells:rn,radius:je,mapHidden:_e,onSetSubjectWell:gn,onRemoveSubjectWell:hn,onAddOffsetWell:fn,onDeleteOffsetWell:mn}),q(N,{subjectWell:Ze,wells:dn,offsetWells:rn,metricsKeys:Pe,sortInfo:Re,isMetricsLoading:cn,unusableWellAlarm:J,onChangeMetricsKeys:Cn,onSorting:On,onAddOffsetWell:fn,onDeleteOffsetWell:mn,onAddAllOffsetWells:pn,onDeleteAllOffsetWells:bn})]})}),q("div",{className:ne.bottomShadow}),_(y,{className:I(ne.dialogActions,e({},ne.dialogActionsSmallScreen,ie)),children:[X?_("div",{className:ne.selectedWells,children:[q(p,{className:ne.selected,children:"Selected:"}),q(p,{className:ne.selectedLabel,children:"Best:"}),q(p,{className:ne.selectedNumber,children:Y}),q(p,{className:ne.selectedLabel,children:"Advanced Search:"}),q(p,{className:ne.selectedNumber,children:(null==rn?void 0:rn.length)||0})]}):q("div",{}),_("div",{children:[q(S,{"data-testid":"".concat("OffsetsPickerDialog","_cancel"),onClick:Nn,color:"primary",style:{marginRight:16},children:"CANCEL"}),_(S,{"data-testid":"".concat("OffsetsPickerDialog","_add"),variant:"contained",color:"primary",onClick:function(){var e=K(K({},G),{},{companyId:ce,subjectWellId:fe,radius:je,excludeSideTrack:Ce,includeNonEngineeredWells:Ae,filters:ge,selectedWellIds:d(rn.map((function(e){return e.id})))});ee(e,rn)},children:["ADD (",(null==rn?void 0:rn.length)||0,")"]})]})]})]})};G.propTypes={isOpen:s.bool.isRequired,defaultSubjectWellId:s.number,companyId:s.number,offsetSetting:s.shape({}).isRequired,currentUser:s.shape({}).isRequired,addWellsUsabilityInfo:s.func,unusableWellAlarm:s.string,isAdvancedSearch:s.bool,bestCount:s.number,onSave:s.func.isRequired,onClose:s.func.isRequired},G.defaultProps={defaultSubjectWellId:null,companyId:null,addWellsUsabilityInfo:null,unusableWellAlarm:"Unable to add",isAdvancedSearch:!1,bestCount:0};var Q=t(G);export{Q as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { memo, useState, useEffect, useMemo, useCallback } from 'react';
+import PropTypes from 'prop-types';
+import { get, orderBy, uniq } from 'lodash';
+import { makeStyles, Dialog, DialogTitle, Typography, Tooltip, IconButton, DialogContent, DialogActions, Button } from '@material-ui/core';
+import CloseIcon from '@material-ui/icons/Close';
+import { useTheme } from '@material-ui/core/styles';
+import useMediaQuery from '@material-ui/core/useMediaQuery';
+import classNames from 'classnames';
+import Filter from './components/Filter/index.js';
+import WellsMap from './components/Map/index.js';
+import WellsTable from './components/Table/index.js';
+import { useCompanies, useWells, useCompanyMetricKey, useWellsWithCoords, useRadiusWells, useOffsetWells, useMetricsData } from './effects/index.js';
+import { getFilteredWells, getFilteredWellsByNonEngineered } from './utils/index.js';
+import { DEFAULT_SETTINGS } from './constants.js';
+import LoadingIndicator from '../LoadingIndicator/LoadingIndicator.js';
+import usePermissions from '../../permissions/usePermissions.js';
+import { PERMISSIONS } from '../../permissions/constants/index.js';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/regenerator';
+import 'query-string';
+import '../../clients/api/apiCore.js';
+import '../../clients/constants.js';
+import '../../permissions/ProvidePermissions.js';
+import '../../permissions/PermissionsContext.js';
+import useBidirectionalFiltering from './effects/biDirectionalFiltering.js';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var PAGE_NAME = 'OffsetsPickerDialog';
+var useStyles = makeStyles(function (theme) {
+  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(theme.palette.background.b9, ")"),
+      position: 'absolute',
+      bottom: '52px',
+      zIndex: 2
+    },
+    dialogActionsSmallScreen: {
+      paddingRight: '100px' // Intercom
+    },
+
+    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)'
+    }
+  };
+});
+var OffsetsPickerDialog = function OffsetsPickerDialog(_ref) {
+  var isOpen = _ref.isOpen,
+    defaultSubjectWellId = _ref.defaultSubjectWellId,
+    companyId = _ref.companyId,
+    offsetSetting = _ref.offsetSetting,
+    currentUser = _ref.currentUser,
+    addWellsUsabilityInfo = _ref.addWellsUsabilityInfo,
+    unusableWellAlarm = _ref.unusableWellAlarm,
+    isAdvancedSearch = _ref.isAdvancedSearch,
+    bestCount = _ref.bestCount,
+    onClose = _ref.onClose,
+    onSave = _ref.onSave;
+  var classes = useStyles();
+  var theme = useTheme();
+  var isFullScreen = useMediaQuery(theme.breakpoints.down('sm'));
+  var _usePermissions = usePermissions([PERMISSIONS.companySelectorView]),
+    _usePermissions2 = _slicedToArray(_usePermissions, 1),
+    canViewCompanies = _usePermissions2[0].active;
+  var _useState = useState(companyId || get(offsetSetting, 'companyId') || +get(currentUser, 'company_id')),
+    _useState2 = _slicedToArray(_useState, 2),
+    assetCompanyId = _useState2[0],
+    setAssetCompanyId = _useState2[1];
+  var _useState3 = useState(get(offsetSetting, 'subjectWellId') || defaultSubjectWellId),
+    _useState4 = _slicedToArray(_useState3, 2),
+    subjectWellId = _useState4[0],
+    setSubjectWellId = _useState4[1];
+  var _useState5 = useState(get(offsetSetting, 'filters') || DEFAULT_SETTINGS.filters),
+    _useState6 = _slicedToArray(_useState5, 2),
+    filters = _useState6[0],
+    setFilters = _useState6[1];
+  var _useState7 = useState(get(offsetSetting, 'radius') || DEFAULT_SETTINGS.radius),
+    _useState8 = _slicedToArray(_useState7, 2),
+    radius = _useState8[0],
+    setRadius = _useState8[1];
+  var _useState9 = useState(get(offsetSetting, 'excludeSideTrack') || false),
+    _useState10 = _slicedToArray(_useState9, 2),
+    excludeSideTrack = _useState10[0],
+    setExcludeSideTrack = _useState10[1];
+  var _useState11 = useState(get(offsetSetting, 'includeNonEngineeredWells') || false),
+    _useState12 = _slicedToArray(_useState11, 2),
+    includeNonEngineeredWells = _useState12[0],
+    setIncludeNonEngineeredWells = _useState12[1];
+  var _useState13 = useState([]),
+    _useState14 = _slicedToArray(_useState13, 2),
+    metricsKeys = _useState14[0],
+    setMetricsKeys = _useState14[1];
+  var _useState15 = useState(DEFAULT_SETTINGS.sortInfo),
+    _useState16 = _slicedToArray(_useState15, 2),
+    sortInfo = _useState16[0],
+    setSortInfo = _useState16[1];
+  var _useState17 = useState(false),
+    _useState18 = _slicedToArray(_useState17, 2),
+    mapHidden = _useState18[0],
+    setMapHidden = _useState18[1];
+  var _useState19 = useState([]),
+    _useState20 = _slicedToArray(_useState19, 2),
+    selectedWellIds = _useState20[0],
+    setSelectedWellIds = _useState20[1];
+  useEffect(function () {
+    if (isOpen) {
+      setSelectedWellIds(get(offsetSetting, 'selectedWellIds') || []);
+      setAssetCompanyId(companyId || get(offsetSetting, 'companyId') || +get(currentUser, 'company_id'));
+      setSubjectWellId(get(offsetSetting, 'subjectWellId') || defaultSubjectWellId);
+    }
+  }, [isOpen, offsetSetting]);
+  var isRadiusEditable = useMemo(function () {
+    return !!subjectWellId;
+  }, [subjectWellId]);
+
+  // NOTE: Fetch all companies
+  var companies = useCompanies(canViewCompanies, isAdvancedSearch && defaultSubjectWellId, assetCompanyId);
+
+  // NOTE: fetch all wells for the currently selected company
+  var wells = useWells(assetCompanyId, addWellsUsabilityInfo);
+
+  // Note: fetch company metric key
+  var companyMetricKey = useCompanyMetricKey(assetCompanyId);
+  useEffect(function () {
+    setMetricsKeys(function (prev) {
+      return companyMetricKey ? [companyMetricKey] : prev;
+    });
+  }, [companyMetricKey]);
+
+  // NOTE: Get available options for every filters
+  var filtersOptions = useBidirectionalFiltering(filters, wells);
+
+  // NOTE: Filter wells by target formation, string design, program, basin, county, area
+  var initialFilteredWells = useMemo(function () {
+    return getFilteredWells(filters, excludeSideTrack, wells);
+  }, [filters, excludeSideTrack, wells]);
+  var filteredWells = useMemo(function () {
+    return getFilteredWellsByNonEngineered(initialFilteredWells, includeNonEngineeredWells);
+  }, [initialFilteredWells, includeNonEngineeredWells]);
+
+  // NOTE: get subject well from id
+  var subjectWell = useMemo(function () {
+    return filteredWells && subjectWellId ? filteredWells.find(function (well) {
+      return well.id === subjectWellId;
+    }) : null;
+  }, [filteredWells, subjectWellId]);
+
+  // NOTE: All matched wells regardless of is_usable field
+  var filteredWellsWithCoords = useWellsWithCoords(initialFilteredWells, subjectWell);
+  var engineeredWells = useMemo(function () {
+    return getFilteredWellsByNonEngineered(filteredWellsWithCoords, false);
+  }, [filteredWellsWithCoords]);
+  var filteredWellsByNonEngineered = includeNonEngineeredWells ? filteredWellsWithCoords : engineeredWells;
+  var isExistNonEngineeredWells = filteredWellsWithCoords && filteredWellsWithCoords.length !== engineeredWells.length;
+
+  // NOTE: Update selectedWellIds by radius
+  useRadiusWells(radius, filteredWellsWithCoords, setSelectedWellIds);
+
+  // NOTE: Get offset wells (only usable wells)
+  var offsetWells = useOffsetWells(radius, wells, selectedWellIds);
+
+  // NOTE: Fetch metrics for all filtered wells
+  var _useMetricsData = useMetricsData(assetCompanyId, filteredWellsByNonEngineered),
+    _useMetricsData2 = _slicedToArray(_useMetricsData, 2),
+    isMetricsLoading = _useMetricsData2[0],
+    filteredWellsWithMetric = _useMetricsData2[1];
+
+  // NOTE: Sort wells by focused metric
+  var sortedFilteredWells = useMemo(function () {
+    if (!filteredWellsWithMetric) {
+      return filteredWellsWithMetric;
+    }
+    return orderBy(filteredWellsWithMetric, sortInfo.key, sortInfo.direction === 1 ? 'asc' : 'desc');
+  }, [sortInfo, filteredWellsWithMetric]);
+  var handleChangeCompany = useCallback(function (newCompanyId) {
+    setAssetCompanyId(newCompanyId);
+    setSubjectWellId(null);
+    setSelectedWellIds([]);
+    setFilters(DEFAULT_SETTINGS.filters);
+  }, []);
+  var handleAddOffsetWell = useCallback(function (targetId) {
+    // Do not allow to add unusuable wells
+    var currentWell = filteredWells.find(function (well) {
+      return well.id === targetId;
+    });
+    if (!currentWell || !currentWell.is_usable) {
+      return;
+    }
+    setSelectedWellIds(uniq(selectedWellIds.concat(targetId)));
+  }, [selectedWellIds, filteredWells]);
+  var handleDeleteOffsetWell = useCallback(function (targetId) {
+    setSelectedWellIds(uniq(selectedWellIds.filter(function (wellId) {
+      return wellId !== targetId;
+    })));
+  }, [selectedWellIds]);
+  var handleAddAllOffsetWells = useCallback(function () {
+    setSelectedWellIds(filteredWells.filter(function (well) {
+      return well.is_usable;
+    }).map(function (well) {
+      return well.id;
+    }));
+  }, [filteredWells]);
+  var handleDeleteAllOffsetWells = useCallback(function () {
+    setSelectedWellIds([]);
+  }, []);
+  var handleSetSubjectWell = useCallback(function (targetId) {
+    setSelectedWellIds([]);
+    setSubjectWellId(targetId);
+  }, [wells]);
+  var handleRemoveSubjectWell = useCallback(function () {
+    setSelectedWellIds([]);
+    setSubjectWellId(null);
+  }, []);
+  var handleChangeRadius = useCallback(function (newRadius) {
+    setRadius(newRadius);
+  }, []);
+  var handleChangeSidetrack = useCallback(function (checked) {
+    setExcludeSideTrack(checked);
+  }, []);
+  var handleChangeNonEngineeredWells = useCallback(function (checked) {
+    if (!checked) setSelectedWellIds(function (prev) {
+      return prev.filter(function (item) {
+        return engineeredWells.map(function (well) {
+          return well.id;
+        }).includes(item);
+      });
+    });
+    setIncludeNonEngineeredWells(checked);
+  }, [engineeredWells]);
+  var handleChangeFilters = useCallback(function (key, newValues) {
+    setFilters(function (prev) {
+      return _objectSpread(_objectSpread({}, prev), {}, _defineProperty({}, key, newValues));
+    });
+    setSelectedWellIds([]);
+  }, []);
+  var handleClearFilters = useCallback(function () {
+    setFilters(_objectSpread({}, DEFAULT_SETTINGS.filters));
+    setSelectedWellIds([]);
+  }, []);
+  var handleToggleMap = useCallback(function () {
+    setMapHidden(function (value) {
+      return !value;
+    });
+  }, []);
+  var handleChangeMetricsKeys = useCallback(function (newMetricsKeys) {
+    setMetricsKeys(newMetricsKeys);
+  }, []);
+
+  // NOTE: Use column index to determine which metric is used for sorting
+  var handleSorting = useCallback(function (newKey) {
+    setSortInfo(function (prevInfo) {
+      return prevInfo.key === newKey ? _objectSpread(_objectSpread({}, prevInfo), {}, {
+        direction: prevInfo.direction * -1
+      }) : {
+        key: newKey,
+        direction: 1
+      };
+    });
+  }, []);
+  var handleClose = function handleClose() {
+    onClose();
+  };
+  var handleSave = function handleSave() {
+    var setting = _objectSpread(_objectSpread({}, offsetSetting), {}, {
+      companyId: assetCompanyId,
+      subjectWellId: subjectWellId,
+      radius: radius,
+      excludeSideTrack: excludeSideTrack,
+      includeNonEngineeredWells: includeNonEngineeredWells,
+      filters: filters,
+      selectedWellIds: uniq(offsetWells.map(function (offsetWell) {
+        return offsetWell.id;
+      }))
+    });
+    onSave(setting, offsetWells);
+  };
+  var isLoading = !wells || !filteredWells || !filteredWellsByNonEngineered || !filteredWellsWithMetric || !offsetWells || !sortedFilteredWells;
+  return /*#__PURE__*/jsxs(Dialog, {
+    onBackdropClick: onClose,
+    onEscapeKeyDown: onClose,
+    maxWidth: "lg",
+    fullWidth: true,
+    fullScreen: isFullScreen,
+    open: isOpen,
+    children: [/*#__PURE__*/jsx(DialogTitle, {
+      children: /*#__PURE__*/jsxs("div", {
+        className: classes.dialogTitles,
+        children: [!isAdvancedSearch ? /*#__PURE__*/jsx(Typography, {
+          className: classes.title,
+          children: "Select Offset Wells"
+        }) : /*#__PURE__*/jsxs("div", {
+          className: classes.titleArea,
+          children: [/*#__PURE__*/jsx(Typography, {
+            className: classes.subTitle,
+            onClick: handleClose,
+            children: "Select Offset Wells"
+          }), /*#__PURE__*/jsx(Typography, {
+            className: classes.subTitleSpace,
+            children: "\xA0/\xA0"
+          }), /*#__PURE__*/jsx(Typography, {
+            className: classes.title,
+            children: "Advanced Search"
+          })]
+        }), /*#__PURE__*/jsx(Tooltip, {
+          title: "Close",
+          children: /*#__PURE__*/jsx(IconButton, {
+            "data-not-migrated-muiiconbutton": true,
+            "aria-label": "close",
+            className: classes.closeIconButton,
+            onClick: onClose,
+            children: /*#__PURE__*/jsx(CloseIcon, {
+              className: classes.closeIcon
+            })
+          })
+        })]
+      })
+    }), /*#__PURE__*/jsx(DialogContent, {
+      className: classes.dialogContent,
+      children: !isLoading ? /*#__PURE__*/jsxs(Fragment, {
+        children: [/*#__PURE__*/jsx(Filter, {
+          companyId: assetCompanyId,
+          companies: companies,
+          canViewCompanies: canViewCompanies,
+          radius: radius,
+          excludeSideTrack: excludeSideTrack,
+          includeNonEngineeredWells: includeNonEngineeredWells,
+          wells: filteredWells,
+          subjectWell: subjectWell,
+          filters: filters,
+          filtersOptions: filtersOptions,
+          mapHidden: mapHidden,
+          isRadiusEditable: isRadiusEditable,
+          isExistNonEngineeredWells: isExistNonEngineeredWells,
+          onChangeCompany: handleChangeCompany,
+          onSetSubjectWell: handleSetSubjectWell,
+          onChangeRadius: handleChangeRadius,
+          onChangeSidetrack: handleChangeSidetrack,
+          onChangeNonEngineeredWells: handleChangeNonEngineeredWells,
+          onChangeFilters: handleChangeFilters,
+          onClearFilters: handleClearFilters,
+          onToggleMap: handleToggleMap
+        }), /*#__PURE__*/jsx(WellsMap, {
+          subjectWell: subjectWell,
+          wells: filteredWells,
+          offsetWells: offsetWells,
+          radius: radius,
+          mapHidden: mapHidden,
+          onSetSubjectWell: handleSetSubjectWell,
+          onRemoveSubjectWell: handleRemoveSubjectWell,
+          onAddOffsetWell: handleAddOffsetWell,
+          onDeleteOffsetWell: handleDeleteOffsetWell
+        }), /*#__PURE__*/jsx(WellsTable, {
+          subjectWell: subjectWell,
+          wells: sortedFilteredWells,
+          offsetWells: offsetWells,
+          metricsKeys: metricsKeys,
+          sortInfo: sortInfo,
+          isMetricsLoading: isMetricsLoading,
+          unusableWellAlarm: unusableWellAlarm,
+          onChangeMetricsKeys: handleChangeMetricsKeys,
+          onSorting: handleSorting,
+          onAddOffsetWell: handleAddOffsetWell,
+          onDeleteOffsetWell: handleDeleteOffsetWell,
+          onAddAllOffsetWells: handleAddAllOffsetWells,
+          onDeleteAllOffsetWells: handleDeleteAllOffsetWells
+        })]
+      }) : /*#__PURE__*/jsx(LoadingIndicator, {
+        fullscreen: false
+      })
+    }), /*#__PURE__*/jsx("div", {
+      className: classes.bottomShadow
+    }), /*#__PURE__*/jsxs(DialogActions, {
+      className: classNames(classes.dialogActions, _defineProperty({}, classes.dialogActionsSmallScreen, isFullScreen)),
+      children: [isAdvancedSearch ? /*#__PURE__*/jsxs("div", {
+        className: classes.selectedWells,
+        children: [/*#__PURE__*/jsx(Typography, {
+          className: classes.selected,
+          children: "Selected:"
+        }), /*#__PURE__*/jsx(Typography, {
+          className: classes.selectedLabel,
+          children: "Best:"
+        }), /*#__PURE__*/jsx(Typography, {
+          className: classes.selectedNumber,
+          children: bestCount
+        }), /*#__PURE__*/jsx(Typography, {
+          className: classes.selectedLabel,
+          children: "Advanced Search:"
+        }), /*#__PURE__*/jsx(Typography, {
+          className: classes.selectedNumber,
+          children: (offsetWells === null || offsetWells === void 0 ? void 0 : offsetWells.length) || 0
+        })]
+      }) : /*#__PURE__*/jsx("div", {}), /*#__PURE__*/jsxs("div", {
+        children: [/*#__PURE__*/jsx(Button, {
+          "data-testid": "".concat(PAGE_NAME, "_cancel"),
+          onClick: handleClose,
+          color: "primary",
+          style: {
+            marginRight: 16
+          },
+          children: "CANCEL"
+        }), /*#__PURE__*/jsxs(Button, {
+          "data-testid": "".concat(PAGE_NAME, "_add"),
+          variant: "contained",
+          color: "primary",
+          onClick: handleSave,
+          children: ["ADD (", (offsetWells === null || offsetWells === void 0 ? void 0 : offsetWells.length) || 0, ")"]
+        })]
+      })]
+    })]
+  });
+};
+OffsetsPickerDialog.propTypes = {
+  isOpen: PropTypes.bool.isRequired,
+  defaultSubjectWellId: PropTypes.number,
+  companyId: PropTypes.number,
+  offsetSetting: PropTypes.shape({}).isRequired,
+  currentUser: PropTypes.shape({}).isRequired,
+  addWellsUsabilityInfo: PropTypes.func,
+  // update offset wells usability info in specific apps ("is_usable" field)
+  unusableWellAlarm: PropTypes.string,
+  isAdvancedSearch: PropTypes.bool,
+  bestCount: PropTypes.number,
+  onSave: PropTypes.func.isRequired,
+  onClose: PropTypes.func.isRequired
+};
+OffsetsPickerDialog.defaultProps = {
+  defaultSubjectWellId: null,
+  companyId: null,
+  addWellsUsabilityInfo: null,
+  unusableWellAlarm: 'Unable to add',
+  isAdvancedSearch: false,
+  bestCount: 0
+};
+var OffsetWellPickerV2 = memo(OffsetsPickerDialog);
+
+export { OffsetWellPickerV2 as default };
+//# sourceMappingURL=OffsetWellPickerDialog.js.map

package/components/OffsetWellPickerV2/OffsetWellPickerDialog.js.map

@@ -0,0 +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';\n\nconst PAGE_NAME = 'OffsetsPickerDialog';\n\nconst useStyles = makeStyles(theme => ({\n  dialogTitles: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n  },\n  title: {\n    fontSize: 20,\n  },\n  subTitle: {\n    fontSize: 14,\n    color: '#03BCD4',\n    '&:hover': {\n      cursor: 'pointer',\n      textDecoration: 'underline',\n    },\n  },\n  subTitleSpace: {\n    fontSize: 14,\n    color: '#03BCD4',\n  },\n  titleArea: {\n    display: 'flex',\n    alignItems: 'center',\n  },\n  closeIconButton: {\n    fontSize: 20,\n    padding: 4,\n    '&:hover $closeIcon': {\n      color: '#fff',\n    },\n  },\n  closeIcon: {\n    color: '#BDBDBD',\n  },\n  dialogActions: {\n    justifyContent: 'space-between',\n    paddingTop: 8,\n    paddingBottom: 8,\n  },\n  bottomShadow: {\n    width: '100%',\n    height: '16px',\n    backgroundImage: `linear-gradient(180deg, rgba(65, 65, 65, 0) 0%, ${theme.palette.background.b9})`,\n    position: 'absolute',\n    bottom: '52px',\n    zIndex: 2,\n  },\n  dialogActionsSmallScreen: {\n    paddingRight: '100px', // Intercom\n  },\n  dialogContent: {\n    display: 'flex',\n    flexDirection: 'column',\n  },\n  tabs: {\n    background: '#414141',\n  },\n  selectedWells: {\n    display: 'flex',\n    alignItems: 'center',\n  },\n  selected: {\n    fontSize: 16,\n  },\n  selectedLabel: {\n    fontSize: 12,\n    marginLeft: 14,\n    color: 'rgba(255, 255, 255, 0.54)',\n  },\n  selectedNumber: {\n    fontSize: 12,\n    margin: 4,\n    color: 'rgba(255, 255, 255, 0.8)',\n  },\n}));\n\nconst OffsetsPickerDialog = ({\n  isOpen,\n  defaultSubjectWellId,\n  companyId,\n  offsetSetting,\n  currentUser,\n  addWellsUsabilityInfo,\n  unusableWellAlarm,\n  isAdvancedSearch,\n  bestCount,\n  onClose,\n  onSave,\n}) => {\n  const classes = useStyles();\n  const theme = useTheme();\n  const isFullScreen = useMediaQuery(theme.breakpoints.down('sm'));\n\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  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, // update offset wells usability info in specific apps (\"is_usable\" field)\n  unusableWellAlarm: PropTypes.string,\n  isAdvancedSearch: PropTypes.bool,\n  bestCount: PropTypes.number,\n  onSave: PropTypes.func.isRequired,\n  onClose: PropTypes.func.isRequired,\n};\n\nOffsetsPickerDialog.defaultProps = {\n  defaultSubjectWellId: null,\n  companyId: null,\n  addWellsUsabilityInfo: null,\n  unusableWellAlarm: 'Unable to add',\n  isAdvancedSearch: false,\n  bestCount: 0,\n};\n\nexport default memo(OffsetsPickerDialog);\n"],"names":["PAGE_NAME","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","palette","background","b9","position","bottom","zIndex","dialogActionsSmallScreen","paddingRight","dialogContent","flexDirection","tabs","selectedWells","selected","selectedLabel","marginLeft","selectedNumber","margin","OffsetsPickerDialog","isOpen","defaultSubjectWellId","companyId","offsetSetting","currentUser","addWellsUsabilityInfo","unusableWellAlarm","isAdvancedSearch","bestCount","onClose","onSave","classes","useTheme","isFullScreen","useMediaQuery","breakpoints","down","usePermissions","PERMISSIONS","companySelectorView","canViewCompanies","active","useState","get","assetCompanyId","setAssetCompanyId","subjectWellId","setSubjectWellId","DEFAULT_SETTINGS","filters","setFilters","radius","setRadius","excludeSideTrack","setExcludeSideTrack","includeNonEngineeredWells","setIncludeNonEngineeredWells","metricsKeys","setMetricsKeys","sortInfo","setSortInfo","mapHidden","setMapHidden","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","isMetricsLoading","filteredWellsWithMetric","sortedFilteredWells","orderBy","key","direction","handleChangeCompany","useCallback","newCompanyId","handleAddOffsetWell","targetId","currentWell","is_usable","uniq","concat","handleDeleteOffsetWell","filter","wellId","handleAddAllOffsetWells","map","handleDeleteAllOffsetWells","handleSetSubjectWell","handleRemoveSubjectWell","handleChangeRadius","newRadius","handleChangeSidetrack","checked","handleChangeNonEngineeredWells","item","includes","handleChangeFilters","newValues","handleClearFilters","handleToggleMap","value","handleChangeMetricsKeys","newMetricsKeys","handleSorting","newKey","prevInfo","handleClose","handleSave","setting","offsetWell","isLoading","_jsxs","_jsx","_Fragment","classnames","marginRight","propTypes","PropTypes","bool","isRequired","number","shape","func","string","defaultProps","memo"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCA,IAAMA,SAAS,GAAG,qBAAqB,CAAA;AAEvC,IAAMC,SAAS,GAAGC,UAAU,CAAC,UAAAC,KAAK,EAAA;EAAA,OAAK;AACrCC,IAAAA,YAAY,EAAE;AACZC,MAAAA,OAAO,EAAE,MAAM;AACfC,MAAAA,cAAc,EAAE,eAAe;AAC/BC,MAAAA,UAAU,EAAE,QAAA;KACb;AACDC,IAAAA,KAAK,EAAE;AACLC,MAAAA,QAAQ,EAAE,EAAA;KACX;AACDC,IAAAA,QAAQ,EAAE;AACRD,MAAAA,QAAQ,EAAE,EAAE;AACZE,MAAAA,KAAK,EAAE,SAAS;AAChB,MAAA,SAAS,EAAE;AACTC,QAAAA,MAAM,EAAE,SAAS;AACjBC,QAAAA,cAAc,EAAE,WAAA;AAClB,OAAA;KACD;AACDC,IAAAA,aAAa,EAAE;AACbL,MAAAA,QAAQ,EAAE,EAAE;AACZE,MAAAA,KAAK,EAAE,SAAA;KACR;AACDI,IAAAA,SAAS,EAAE;AACTV,MAAAA,OAAO,EAAE,MAAM;AACfE,MAAAA,UAAU,EAAE,QAAA;KACb;AACDS,IAAAA,eAAe,EAAE;AACfP,MAAAA,QAAQ,EAAE,EAAE;AACZQ,MAAAA,OAAO,EAAE,CAAC;AACV,MAAA,oBAAoB,EAAE;AACpBN,QAAAA,KAAK,EAAE,MAAA;AACT,OAAA;KACD;AACDO,IAAAA,SAAS,EAAE;AACTP,MAAAA,KAAK,EAAE,SAAA;KACR;AACDQ,IAAAA,aAAa,EAAE;AACbb,MAAAA,cAAc,EAAE,eAAe;AAC/Bc,MAAAA,UAAU,EAAE,CAAC;AACbC,MAAAA,aAAa,EAAE,CAAA;KAChB;AACDC,IAAAA,YAAY,EAAE;AACZC,MAAAA,KAAK,EAAE,MAAM;AACbC,MAAAA,MAAM,EAAE,MAAM;MACdC,eAAe,EAAA,kDAAA,CAAA,MAAA,CAAqDtB,KAAK,CAACuB,OAAO,CAACC,UAAU,CAACC,EAAE,EAAG,GAAA,CAAA;AAClGC,MAAAA,QAAQ,EAAE,UAAU;AACpBC,MAAAA,MAAM,EAAE,MAAM;AACdC,MAAAA,MAAM,EAAE,CAAA;KACT;AACDC,IAAAA,wBAAwB,EAAE;MACxBC,YAAY,EAAE,OAAO;KACtB;;AACDC,IAAAA,aAAa,EAAE;AACb7B,MAAAA,OAAO,EAAE,MAAM;AACf8B,MAAAA,aAAa,EAAE,QAAA;KAChB;AACDC,IAAAA,IAAI,EAAE;AACJT,MAAAA,UAAU,EAAE,SAAA;KACb;AACDU,IAAAA,aAAa,EAAE;AACbhC,MAAAA,OAAO,EAAE,MAAM;AACfE,MAAAA,UAAU,EAAE,QAAA;KACb;AACD+B,IAAAA,QAAQ,EAAE;AACR7B,MAAAA,QAAQ,EAAE,EAAA;KACX;AACD8B,IAAAA,aAAa,EAAE;AACb9B,MAAAA,QAAQ,EAAE,EAAE;AACZ+B,MAAAA,UAAU,EAAE,EAAE;AACd7B,MAAAA,KAAK,EAAE,2BAAA;KACR;AACD8B,IAAAA,cAAc,EAAE;AACdhC,MAAAA,QAAQ,EAAE,EAAE;AACZiC,MAAAA,MAAM,EAAE,CAAC;AACT/B,MAAAA,KAAK,EAAE,0BAAA;AACT,KAAA;GACD,CAAA;AAAA,CAAC,CAAC,CAAA;AAEH,IAAMgC,mBAAmB,GAAG,SAAtBA,mBAAmB,CAYnB,IAAA,EAAA;EAAA,IAXJC,MAAM,QAANA,MAAM;AACNC,IAAAA,oBAAoB,QAApBA,oBAAoB;AACpBC,IAAAA,SAAS,QAATA,SAAS;AACTC,IAAAA,aAAa,QAAbA,aAAa;AACbC,IAAAA,WAAW,QAAXA,WAAW;AACXC,IAAAA,qBAAqB,QAArBA,qBAAqB;AACrBC,IAAAA,iBAAiB,QAAjBA,iBAAiB;AACjBC,IAAAA,gBAAgB,QAAhBA,gBAAgB;AAChBC,IAAAA,SAAS,QAATA,SAAS;AACTC,IAAAA,OAAO,QAAPA,OAAO;AACPC,IAAAA,MAAM,QAANA,MAAM,CAAA;EAEN,IAAMC,OAAO,GAAGtD,SAAS,EAAE,CAAA;EAC3B,IAAME,KAAK,GAAGqD,QAAQ,EAAE,CAAA;AACxB,EAAA,IAAMC,YAAY,GAAGC,aAAa,CAACvD,KAAK,CAACwD,WAAW,CAACC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;AAEhE,EAAA,IAAA,eAAA,GAAuCC,cAAc,CAAC,CAACC,WAAW,CAACC,mBAAmB,CAAC,CAAC;AAAA,IAAA,gBAAA,GAAA,cAAA,CAAA,eAAA,EAAA,CAAA,CAAA;AAAvEC,IAAAA,gBAAgB,uBAAxBC,MAAM,CAAA;AAEf,EAAA,IAAA,SAAA,GAA4CC,QAAQ,CAClDpB,SAAS,IAAIqB,GAAG,CAACpB,aAAa,EAAE,WAAW,CAAC,IAAI,CAACoB,GAAG,CAACnB,WAAW,EAAE,YAAY,CAAC,CAChF;AAAA,IAAA,UAAA,GAAA,cAAA,CAAA,SAAA,EAAA,CAAA,CAAA;IAFMoB,cAAc,GAAA,UAAA,CAAA,CAAA,CAAA;IAAEC,iBAAiB,GAAA,UAAA,CAAA,CAAA,CAAA,CAAA;EAGxC,IAA0CH,UAAAA,GAAAA,QAAQ,CAChDC,GAAG,CAACpB,aAAa,EAAE,eAAe,CAAC,IAAIF,oBAAoB,CAC5D;AAAA,IAAA,UAAA,GAAA,cAAA,CAAA,UAAA,EAAA,CAAA,CAAA;IAFMyB,aAAa,GAAA,UAAA,CAAA,CAAA,CAAA;IAAEC,gBAAgB,GAAA,UAAA,CAAA,CAAA,CAAA,CAAA;AAGtC,EAAA,IAAA,UAAA,GAA8BL,QAAQ,CAACC,GAAG,CAACpB,aAAa,EAAE,SAAS,CAAC,IAAIyB,gBAAgB,CAACC,OAAO,CAAC;AAAA,IAAA,UAAA,GAAA,cAAA,CAAA,UAAA,EAAA,CAAA,CAAA;IAA1FA,OAAO,GAAA,UAAA,CAAA,CAAA,CAAA;IAAEC,UAAU,GAAA,UAAA,CAAA,CAAA,CAAA,CAAA;AAC1B,EAAA,IAAA,UAAA,GAA4BR,QAAQ,CAACC,GAAG,CAACpB,aAAa,EAAE,QAAQ,CAAC,IAAIyB,gBAAgB,CAACG,MAAM,CAAC;AAAA,IAAA,UAAA,GAAA,cAAA,CAAA,UAAA,EAAA,CAAA,CAAA;IAAtFA,MAAM,GAAA,UAAA,CAAA,CAAA,CAAA;IAAEC,SAAS,GAAA,UAAA,CAAA,CAAA,CAAA,CAAA;EACxB,IAAgDV,UAAAA,GAAAA,QAAQ,CACtDC,GAAG,CAACpB,aAAa,EAAE,kBAAkB,CAAC,IAAI,KAAK,CAChD;AAAA,IAAA,WAAA,GAAA,cAAA,CAAA,UAAA,EAAA,CAAA,CAAA;IAFM8B,gBAAgB,GAAA,WAAA,CAAA,CAAA,CAAA;IAAEC,mBAAmB,GAAA,WAAA,CAAA,CAAA,CAAA,CAAA;EAG5C,IAAkEZ,WAAAA,GAAAA,QAAQ,CACxEC,GAAG,CAACpB,aAAa,EAAE,2BAA2B,CAAC,IAAI,KAAK,CACzD;AAAA,IAAA,WAAA,GAAA,cAAA,CAAA,WAAA,EAAA,CAAA,CAAA;IAFMgC,yBAAyB,GAAA,WAAA,CAAA,CAAA,CAAA;IAAEC,4BAA4B,GAAA,WAAA,CAAA,CAAA,CAAA,CAAA;EAG9D,IAAsCd,WAAAA,GAAAA,QAAQ,CAAC,EAAE,CAAC;AAAA,IAAA,WAAA,GAAA,cAAA,CAAA,WAAA,EAAA,CAAA,CAAA;IAA3Ce,WAAW,GAAA,WAAA,CAAA,CAAA,CAAA;IAAEC,cAAc,GAAA,WAAA,CAAA,CAAA,CAAA,CAAA;AAClC,EAAA,IAAA,WAAA,GAAgChB,QAAQ,CAACM,gBAAgB,CAACW,QAAQ,CAAC;AAAA,IAAA,WAAA,GAAA,cAAA,CAAA,WAAA,EAAA,CAAA,CAAA;IAA5DA,QAAQ,GAAA,WAAA,CAAA,CAAA,CAAA;IAAEC,WAAW,GAAA,WAAA,CAAA,CAAA,CAAA,CAAA;EAC5B,IAAkClB,WAAAA,GAAAA,QAAQ,CAAC,KAAK,CAAC;AAAA,IAAA,WAAA,GAAA,cAAA,CAAA,WAAA,EAAA,CAAA,CAAA;IAA1CmB,SAAS,GAAA,WAAA,CAAA,CAAA,CAAA;IAAEC,YAAY,GAAA,WAAA,CAAA,CAAA,CAAA,CAAA;EAC9B,IAA8CpB,WAAAA,GAAAA,QAAQ,CAAC,EAAE,CAAC;AAAA,IAAA,WAAA,GAAA,cAAA,CAAA,WAAA,EAAA,CAAA,CAAA;IAAnDqB,eAAe,GAAA,WAAA,CAAA,CAAA,CAAA;IAAEC,kBAAkB,GAAA,WAAA,CAAA,CAAA,CAAA,CAAA;AAE1CC,EAAAA,SAAS,CAAC,YAAM;AACd,IAAA,IAAI7C,MAAM,EAAE;MACV4C,kBAAkB,CAACrB,GAAG,CAACpB,aAAa,EAAE,iBAAiB,CAAC,IAAI,EAAE,CAAC,CAAA;AAC/DsB,MAAAA,iBAAiB,CACfvB,SAAS,IAAIqB,GAAG,CAACpB,aAAa,EAAE,WAAW,CAAC,IAAI,CAACoB,GAAG,CAACnB,WAAW,EAAE,YAAY,CAAC,CAChF,CAAA;MACDuB,gBAAgB,CAACJ,GAAG,CAACpB,aAAa,EAAE,eAAe,CAAC,IAAIF,oBAAoB,CAAC,CAAA;AAC/E,KAAA;AACF,GAAC,EAAE,CAACD,MAAM,EAAEG,aAAa,CAAC,CAAC,CAAA;AAE3B,EAAA,IAAM2C,gBAAgB,GAAGC,OAAO,CAAC,YAAM;IACrC,OAAO,CAAC,CAACrB,aAAa,CAAA;AACxB,GAAC,EAAE,CAACA,aAAa,CAAC,CAAC,CAAA;;AAEnB;EACA,IAAMsB,SAAS,GAAGC,YAAY,CAC5B7B,gBAAgB,EAChBb,gBAAgB,IAAIN,oBAAoB,EACxCuB,cAAc,CACf,CAAA;;AAED;AACA,EAAA,IAAM0B,KAAK,GAAGC,QAAQ,CAAC3B,cAAc,EAAEnB,qBAAqB,CAAC,CAAA;;AAE7D;AACA,EAAA,IAAM+C,gBAAgB,GAAGC,mBAAmB,CAAC7B,cAAc,CAAC,CAAA;AAE5DqB,EAAAA,SAAS,CAAC,YAAM;IACdP,cAAc,CAAC,UAAAgB,IAAI,EAAI;AACrB,MAAA,OAAOF,gBAAgB,GAAG,CAACA,gBAAgB,CAAC,GAAGE,IAAI,CAAA;AACrD,KAAC,CAAC,CAAA;AACJ,GAAC,EAAE,CAACF,gBAAgB,CAAC,CAAC,CAAA;;AAEtB;AACA,EAAA,IAAMG,cAAc,GAAGC,yBAAyB,CAAC3B,OAAO,EAAEqB,KAAK,CAAC,CAAA;;AAEhE;EACA,IAAMO,oBAAoB,GAAGV,OAAO,CAClC,YAAA;AAAA,IAAA,OAAMW,gBAAgB,CAAC7B,OAAO,EAAEI,gBAAgB,EAAEiB,KAAK,CAAC,CAAA;AAAA,GAAA,EACxD,CAACrB,OAAO,EAAEI,gBAAgB,EAAEiB,KAAK,CAAC,CACnC,CAAA;EAED,IAAMS,aAAa,GAAGZ,OAAO,CAC3B,YAAA;AAAA,IAAA,OAAMa,+BAA+B,CAACH,oBAAoB,EAAEtB,yBAAyB,CAAC,CAAA;AAAA,GAAA,EACtF,CAACsB,oBAAoB,EAAEtB,yBAAyB,CAAC,CAClD,CAAA;;AAED;AACA,EAAA,IAAM0B,WAAW,GAAGd,OAAO,CAAC,YAAM;IAChC,OAAOY,aAAa,IAAIjC,aAAa,GACjCiC,aAAa,CAACG,IAAI,CAAC,UAAAC,IAAI,EAAA;AAAA,MAAA,OAAIA,IAAI,CAACC,EAAE,KAAKtC,aAAa,CAAA;AAAA,KAAA,CAAC,GACrD,IAAI,CAAA;AACV,GAAC,EAAE,CAACiC,aAAa,EAAEjC,aAAa,CAAC,CAAC,CAAA;;AAElC;AACA,EAAA,IAAMuC,uBAAuB,GAAGC,kBAAkB,CAACT,oBAAoB,EAAEI,WAAW,CAAC,CAAA;EAErF,IAAMM,eAAe,GAAGpB,OAAO,CAC7B,YAAA;AAAA,IAAA,OAAMa,+BAA+B,CAACK,uBAAuB,EAAE,KAAK,CAAC,CAAA;GACrE,EAAA,CAACA,uBAAuB,CAAC,CAC1B,CAAA;AACD,EAAA,IAAMG,4BAA4B,GAAGjC,yBAAyB,GAC1D8B,uBAAuB,GACvBE,eAAe,CAAA;EACnB,IAAME,yBAAyB,GAC7BJ,uBAAuB,IAAIA,uBAAuB,CAACK,MAAM,KAAKH,eAAe,CAACG,MAAM,CAAA;;AAEtF;AACAC,EAAAA,cAAc,CAACxC,MAAM,EAAEkC,uBAAuB,EAAErB,kBAAkB,CAAC,CAAA;;AAEnE;EACA,IAAM4B,WAAW,GAAGC,cAAc,CAAC1C,MAAM,EAAEmB,KAAK,EAAEP,eAAe,CAAC,CAAA;;AAElE;AACA,EAAA,IAAA,eAAA,GAAoD+B,cAAc,CAChElD,cAAc,EACd4C,4BAA4B,CAC7B;AAAA,IAAA,gBAAA,GAAA,cAAA,CAAA,eAAA,EAAA,CAAA,CAAA;IAHMO,gBAAgB,GAAA,gBAAA,CAAA,CAAA,CAAA;IAAEC,uBAAuB,GAAA,gBAAA,CAAA,CAAA,CAAA,CAAA;;AAKhD;AACA,EAAA,IAAMC,mBAAmB,GAAG9B,OAAO,CAAC,YAAM;IACxC,IAAI,CAAC6B,uBAAuB,EAAE;AAC5B,MAAA,OAAOA,uBAAuB,CAAA;AAChC,KAAA;AAEA,IAAA,OAAOE,OAAO,CACZF,uBAAuB,EACvBrC,QAAQ,CAACwC,GAAG,EACZxC,QAAQ,CAACyC,SAAS,KAAK,CAAC,GAAG,KAAK,GAAG,MAAM,CAC1C,CAAA;AACH,GAAC,EAAE,CAACzC,QAAQ,EAAEqC,uBAAuB,CAAC,CAAC,CAAA;AAEvC,EAAA,IAAMK,mBAAmB,GAAGC,WAAW,CAAC,UAAAC,YAAY,EAAI;IACtD1D,iBAAiB,CAAC0D,YAAY,CAAC,CAAA;IAC/BxD,gBAAgB,CAAC,IAAI,CAAC,CAAA;IACtBiB,kBAAkB,CAAC,EAAE,CAAC,CAAA;AACtBd,IAAAA,UAAU,CAACF,gBAAgB,CAACC,OAAO,CAAC,CAAA;GACrC,EAAE,EAAE,CAAC,CAAA;AAEN,EAAA,IAAMuD,mBAAmB,GAAGF,WAAW,CACrC,UAAAG,QAAQ,EAAI;AACV;AACA,IAAA,IAAMC,WAAW,GAAG3B,aAAa,CAACG,IAAI,CAAC,UAAAC,IAAI,EAAA;AAAA,MAAA,OAAIA,IAAI,CAACC,EAAE,KAAKqB,QAAQ,CAAA;KAAC,CAAA,CAAA;AACpE,IAAA,IAAI,CAACC,WAAW,IAAI,CAACA,WAAW,CAACC,SAAS,EAAE;AAC1C,MAAA,OAAA;AACF,KAAA;IAEA3C,kBAAkB,CAAC4C,IAAI,CAAC7C,eAAe,CAAC8C,MAAM,CAACJ,QAAQ,CAAC,CAAC,CAAC,CAAA;AAC5D,GAAC,EACD,CAAC1C,eAAe,EAAEgB,aAAa,CAAC,CACjC,CAAA;AAED,EAAA,IAAM+B,sBAAsB,GAAGR,WAAW,CACxC,UAAAG,QAAQ,EAAI;IACVzC,kBAAkB,CAAC4C,IAAI,CAAC7C,eAAe,CAACgD,MAAM,CAAC,UAAAC,MAAM,EAAA;MAAA,OAAIA,MAAM,KAAKP,QAAQ,CAAA;AAAA,KAAA,CAAC,CAAC,CAAC,CAAA;AACjF,GAAC,EACD,CAAC1C,eAAe,CAAC,CAClB,CAAA;AAED,EAAA,IAAMkD,uBAAuB,GAAGX,WAAW,CAAC,YAAM;AAChDtC,IAAAA,kBAAkB,CAACe,aAAa,CAACgC,MAAM,CAAC,UAAA5B,IAAI,EAAA;MAAA,OAAIA,IAAI,CAACwB,SAAS,CAAA;AAAA,KAAA,CAAC,CAACO,GAAG,CAAC,UAAA/B,IAAI,EAAA;MAAA,OAAIA,IAAI,CAACC,EAAE,CAAA;AAAA,KAAA,CAAC,CAAC,CAAA;AACvF,GAAC,EAAE,CAACL,aAAa,CAAC,CAAC,CAAA;AAEnB,EAAA,IAAMoC,0BAA0B,GAAGb,WAAW,CAAC,YAAM;IACnDtC,kBAAkB,CAAC,EAAE,CAAC,CAAA;GACvB,EAAE,EAAE,CAAC,CAAA;AAEN,EAAA,IAAMoD,oBAAoB,GAAGd,WAAW,CACtC,UAAAG,QAAQ,EAAI;IACVzC,kBAAkB,CAAC,EAAE,CAAC,CAAA;IACtBjB,gBAAgB,CAAC0D,QAAQ,CAAC,CAAA;AAC5B,GAAC,EACD,CAACnC,KAAK,CAAC,CACR,CAAA;AAED,EAAA,IAAM+C,uBAAuB,GAAGf,WAAW,CAAC,YAAM;IAChDtC,kBAAkB,CAAC,EAAE,CAAC,CAAA;IACtBjB,gBAAgB,CAAC,IAAI,CAAC,CAAA;GACvB,EAAE,EAAE,CAAC,CAAA;AAEN,EAAA,IAAMuE,kBAAkB,GAAGhB,WAAW,CAAC,UAAAiB,SAAS,EAAI;IAClDnE,SAAS,CAACmE,SAAS,CAAC,CAAA;GACrB,EAAE,EAAE,CAAC,CAAA;AAEN,EAAA,IAAMC,qBAAqB,GAAGlB,WAAW,CAAC,UAAAmB,OAAO,EAAI;IACnDnE,mBAAmB,CAACmE,OAAO,CAAC,CAAA;GAC7B,EAAE,EAAE,CAAC,CAAA;AAEN,EAAA,IAAMC,8BAA8B,GAAGpB,WAAW,CAChD,UAAAmB,OAAO,EAAI;AACT,IAAA,IAAI,CAACA,OAAO,EACVzD,kBAAkB,CAAC,UAAAU,IAAI,EAAA;AAAA,MAAA,OACrBA,IAAI,CAACqC,MAAM,CAAC,UAAAY,IAAI,EAAA;AAAA,QAAA,OAAIpC,eAAe,CAAC2B,GAAG,CAAC,UAAA/B,IAAI,EAAA;UAAA,OAAIA,IAAI,CAACC,EAAE,CAAA;AAAA,SAAA,CAAC,CAACwC,QAAQ,CAACD,IAAI,CAAC,CAAA;OAAC,CAAA,CAAA;KACzE,CAAA,CAAA;IACHnE,4BAA4B,CAACiE,OAAO,CAAC,CAAA;AACvC,GAAC,EACD,CAAClC,eAAe,CAAC,CAClB,CAAA;EAED,IAAMsC,mBAAmB,GAAGvB,WAAW,CAAC,UAACH,GAAG,EAAE2B,SAAS,EAAK;IAC1D5E,UAAU,CAAC,UAAAwB,IAAI,EAAA;AAAA,MAAA,OAAA,aAAA,CAAA,aAAA,CAAA,EAAA,EAAUA,IAAI,CAAA,EAAA,EAAA,EAAA,eAAA,CAAA,EAAA,EAAGyB,GAAG,EAAG2B,SAAS,CAAA,CAAA,CAAA;AAAA,KAAG,CAAC,CAAA;IACnD9D,kBAAkB,CAAC,EAAE,CAAC,CAAA;GACvB,EAAE,EAAE,CAAC,CAAA;AAEN,EAAA,IAAM+D,kBAAkB,GAAGzB,WAAW,CAAC,YAAM;AAC3CpD,IAAAA,UAAU,CAAMF,aAAAA,CAAAA,EAAAA,EAAAA,gBAAgB,CAACC,OAAO,CAAG,CAAA,CAAA;IAC3Ce,kBAAkB,CAAC,EAAE,CAAC,CAAA;GACvB,EAAE,EAAE,CAAC,CAAA;AAEN,EAAA,IAAMgE,eAAe,GAAG1B,WAAW,CAAC,YAAM;IACxCxC,YAAY,CAAC,UAAAmE,KAAK,EAAA;AAAA,MAAA,OAAI,CAACA,KAAK,CAAA;KAAC,CAAA,CAAA;GAC9B,EAAE,EAAE,CAAC,CAAA;AAEN,EAAA,IAAMC,uBAAuB,GAAG5B,WAAW,CAAC,UAAA6B,cAAc,EAAI;IAC5DzE,cAAc,CAACyE,cAAc,CAAC,CAAA;GAC/B,EAAE,EAAE,CAAC,CAAA;;AAEN;AACA,EAAA,IAAMC,aAAa,GAAG9B,WAAW,CAAC,UAAA+B,MAAM,EAAI;IAC1CzE,WAAW,CAAC,UAAA0E,QAAQ,EAAI;AACtB,MAAA,OAAOA,QAAQ,CAACnC,GAAG,KAAKkC,MAAM,mCAErBC,QAAQ,CAAA,EAAA,EAAA,EAAA;AACXlC,QAAAA,SAAS,EAAEkC,QAAQ,CAAClC,SAAS,GAAG,CAAC,CAAA;OAEnC,CAAA,GAAA;AACED,QAAAA,GAAG,EAAEkC,MAAM;AACXjC,QAAAA,SAAS,EAAE,CAAA;OACZ,CAAA;AACP,KAAC,CAAC,CAAA;GACH,EAAE,EAAE,CAAC,CAAA;AAEN,EAAA,IAAMmC,WAAW,GAAG,SAAdA,WAAW,GAAS;AACxB1G,IAAAA,OAAO,EAAE,CAAA;GACV,CAAA;AAED,EAAA,IAAM2G,UAAU,GAAG,SAAbA,UAAU,GAAS;IACvB,IAAMC,OAAO,mCACRlH,aAAa,CAAA,EAAA,EAAA,EAAA;AAChBD,MAAAA,SAAS,EAAEsB,cAAc;AACzBE,MAAAA,aAAa,EAAbA,aAAa;AACbK,MAAAA,MAAM,EAANA,MAAM;AACNE,MAAAA,gBAAgB,EAAhBA,gBAAgB;AAChBE,MAAAA,yBAAyB,EAAzBA,yBAAyB;AACzBN,MAAAA,OAAO,EAAPA,OAAO;MACPc,eAAe,EAAE6C,IAAI,CAAChB,WAAW,CAACsB,GAAG,CAAC,UAAAwB,UAAU,EAAA;QAAA,OAAIA,UAAU,CAACtD,EAAE,CAAA;OAAC,CAAA,CAAA;KACnE,CAAA,CAAA;AAEDtD,IAAAA,MAAM,CAAC2G,OAAO,EAAE7C,WAAW,CAAC,CAAA;GAC7B,CAAA;AAED,EAAA,IAAM+C,SAAS,GACb,CAACrE,KAAK,IACN,CAACS,aAAa,IACd,CAACS,4BAA4B,IAC7B,CAACQ,uBAAuB,IACxB,CAACJ,WAAW,IACZ,CAACK,mBAAmB,CAAA;AAEtB,EAAA,oBACE2C,KAAC,MAAM,EAAA;AACL,IAAA,eAAe,EAAE/G,OAAQ;AACzB,IAAA,eAAe,EAAEA,OAAQ;AACzB,IAAA,QAAQ,EAAC,IAAI;IACb,SAAS,EAAA,IAAA;AACT,IAAA,UAAU,EAAEI,YAAa;AACzB,IAAA,IAAI,EAAEb,MAAO;AAAA,IAAA,QAAA,EAAA,cAEbyH,IAAC,WAAW,EAAA;MAAA,QACV,eAAAD,IAAA,CAAA,KAAA,EAAA;QAAK,SAAS,EAAE7G,OAAO,CAACnD,YAAa;AAAA,QAAA,QAAA,EAAA,CAClC,CAAC+C,gBAAgB,gBAChBkH,GAAA,CAAC,UAAU,EAAA;UAAC,SAAS,EAAE9G,OAAO,CAAC/C,KAAM;AAAA,UAAA,QAAA,EAAA,qBAAA;AAAA,SAAA,CAAiC,gBAEtE4J,IAAA,CAAA,KAAA,EAAA;UAAK,SAAS,EAAE7G,OAAO,CAACxC,SAAU;AAAA,UAAA,QAAA,EAAA,cAChCsJ,IAAC,UAAU,EAAA;YAAC,SAAS,EAAE9G,OAAO,CAAC7C,QAAS;AAAC,YAAA,OAAO,EAAEqJ,WAAY;AAAA,YAAA,QAAA,EAAA,qBAAA;WAEjD,CAAA,eACbM,IAAC,UAAU,EAAA;YAAC,SAAS,EAAE9G,OAAO,CAACzC,aAAc;AAAA,YAAA,QAAA,EAAA,WAAA;WAA2B,CAAA,eACxEuJ,IAAC,UAAU,EAAA;YAAC,SAAS,EAAE9G,OAAO,CAAC/C,KAAM;AAAA,YAAA,QAAA,EAAA,iBAAA;WAA6B,CAAA,CAAA;SAErE,CAAA,eACD6J,IAAC,OAAO,EAAA;AAAC,UAAA,KAAK,EAAC,OAAO;AAAA,UAAA,QAAA,eACpBA,IAAC,UAAU,EAAA;YACT,iCAA+B,EAAA,IAAA;AAC/B,YAAA,YAAA,EAAW,OAAO;YAClB,SAAS,EAAE9G,OAAO,CAACvC,eAAgB;AACnC,YAAA,OAAO,EAAEqC,OAAQ;AAAA,YAAA,QAAA,eAEjBgH,IAAC,SAAS,EAAA;cAAC,SAAS,EAAE9G,OAAO,CAACrC,SAAAA;AAAU,aAAA,CAAA;AAAG,WAAA,CAAA;SAErC,CAAA,CAAA;AAAA,OAAA,CAAA;KAEA,CAAA,eACdmJ,IAAC,aAAa,EAAA;MAAC,SAAS,EAAE9G,OAAO,CAACrB,aAAc;MAAA,QAC7C,EAAA,CAACiI,SAAS,gBACTC,IAAA,CAAAE,QAAA,EAAA;AAAA,QAAA,QAAA,EAAA,cACED,IAAC,MAAM,EAAA;AACL,UAAA,SAAS,EAAEjG,cAAe;AAC1B,UAAA,SAAS,EAAEwB,SAAU;AACrB,UAAA,gBAAgB,EAAE5B,gBAAiB;AACnC,UAAA,MAAM,EAAEW,MAAO;AACf,UAAA,gBAAgB,EAAEE,gBAAiB;AACnC,UAAA,yBAAyB,EAAEE,yBAA0B;AACrD,UAAA,KAAK,EAAEwB,aAAc;AACrB,UAAA,WAAW,EAAEE,WAAY;AACzB,UAAA,OAAO,EAAEhC,OAAQ;AACjB,UAAA,cAAc,EAAE0B,cAAe;AAC/B,UAAA,SAAS,EAAEd,SAAU;AACrB,UAAA,gBAAgB,EAAEK,gBAAiB;AACnC,UAAA,yBAAyB,EAAEuB,yBAA0B;AACrD,UAAA,eAAe,EAAEY,mBAAoB;AACrC,UAAA,gBAAgB,EAAEe,oBAAqB;AACvC,UAAA,cAAc,EAAEE,kBAAmB;AACnC,UAAA,iBAAiB,EAAEE,qBAAsB;AACzC,UAAA,0BAA0B,EAAEE,8BAA+B;AAC3D,UAAA,eAAe,EAAEG,mBAAoB;AACrC,UAAA,cAAc,EAAEE,kBAAmB;AACnC,UAAA,WAAW,EAAEC,eAAAA;SACb,CAAA,eACFa,IAAC,QAAQ,EAAA;AACP,UAAA,WAAW,EAAE5D,WAAY;AACzB,UAAA,KAAK,EAAEF,aAAc;AACrB,UAAA,WAAW,EAAEa,WAAY;AACzB,UAAA,MAAM,EAAEzC,MAAO;AACf,UAAA,SAAS,EAAEU,SAAU;AACrB,UAAA,gBAAgB,EAAEuD,oBAAqB;AACvC,UAAA,mBAAmB,EAAEC,uBAAwB;AAC7C,UAAA,eAAe,EAAEb,mBAAoB;AACrC,UAAA,kBAAkB,EAAEM,sBAAAA;SACpB,CAAA,eAEF+B,IAAC,UAAU,EAAA;AACT,UAAA,WAAW,EAAE5D,WAAY;AACzB,UAAA,KAAK,EAAEgB,mBAAoB;AAC3B,UAAA,WAAW,EAAEL,WAAY;AACzB,UAAA,WAAW,EAAEnC,WAAY;AACzB,UAAA,QAAQ,EAAEE,QAAS;AACnB,UAAA,gBAAgB,EAAEoC,gBAAiB;AACnC,UAAA,iBAAiB,EAAErE,iBAAkB;AACrC,UAAA,mBAAmB,EAAEwG,uBAAwB;AAC7C,UAAA,SAAS,EAAEE,aAAc;AACzB,UAAA,eAAe,EAAE5B,mBAAoB;AACrC,UAAA,kBAAkB,EAAEM,sBAAuB;AAC3C,UAAA,mBAAmB,EAAEG,uBAAwB;AAC7C,UAAA,sBAAsB,EAAEE,0BAAAA;SACxB,CAAA,CAAA;OACD,CAAA,gBAEH0B,IAAC,gBAAgB,EAAA;AAAC,QAAA,UAAU,EAAE,KAAA;AAAM,OAAA,CAAA;AACrC,KAAA,CACa,eAChBA,GAAA,CAAA,KAAA,EAAA;MAAK,SAAS,EAAE9G,OAAO,CAACjC,YAAAA;KAAgB,CAAA,eACxC8I,KAAC,aAAa,EAAA;AACZ,MAAA,SAAS,EAAEG,UAAU,CAAChH,OAAO,CAACpC,aAAa,EACxCoC,eAAAA,CAAAA,EAAAA,EAAAA,OAAO,CAACvB,wBAAwB,EAAGyB,YAAY,CAC/C,CAAA;AAAA,MAAA,QAAA,EAAA,CAEFN,gBAAgB,gBACfiH,IAAA,CAAA,KAAA,EAAA;QAAK,SAAS,EAAE7G,OAAO,CAAClB,aAAc;AAAA,QAAA,QAAA,EAAA,cACpCgI,IAAC,UAAU,EAAA;UAAC,SAAS,EAAE9G,OAAO,CAACjB,QAAS;AAAA,UAAA,QAAA,EAAA,WAAA;SAAuB,CAAA,eAC/D+H,IAAC,UAAU,EAAA;UAAC,SAAS,EAAE9G,OAAO,CAAChB,aAAc;AAAA,UAAA,QAAA,EAAA,OAAA;SAAmB,CAAA,eAChE8H,IAAC,UAAU,EAAA;UAAC,SAAS,EAAE9G,OAAO,CAACd,cAAe;UAAA,QAAEW,EAAAA,SAAAA;SAAuB,CAAA,eACvEiH,IAAC,UAAU,EAAA;UAAC,SAAS,EAAE9G,OAAO,CAAChB,aAAc;AAAA,UAAA,QAAA,EAAA,kBAAA;SAA8B,CAAA,eAC3E8H,IAAC,UAAU,EAAA;UAAC,SAAS,EAAE9G,OAAO,CAACd,cAAe;UAAA,QAAE,EAAA,CAAA2E,WAAW,KAAXA,IAAAA,IAAAA,WAAW,uBAAXA,WAAW,CAAEF,MAAM,KAAI,CAAA;SAAe,CAAA,CAAA;OAClF,CAAA,gBAENmD,cACD,eACDD,IAAA,CAAA,KAAA,EAAA;AAAA,QAAA,QAAA,EAAA,cACEC,IAAC,MAAM,EAAA;AACL,UAAA,aAAA,EAAA,EAAA,CAAA,MAAA,CAAgBrK,SAAS,EAAU,SAAA,CAAA;AACnC,UAAA,OAAO,EAAE+J,WAAY;AACrB,UAAA,KAAK,EAAC,SAAS;AACf,UAAA,KAAK,EAAE;AAAES,YAAAA,WAAW,EAAE,EAAA;WAAK;AAAA,UAAA,QAAA,EAAA,QAAA;SAGpB,CAAA,eACTJ,KAAC,MAAM,EAAA;AACL,UAAA,aAAA,EAAA,EAAA,CAAA,MAAA,CAAgBpK,SAAS,EAAO,MAAA,CAAA;AAChC,UAAA,OAAO,EAAC,WAAW;AACnB,UAAA,KAAK,EAAC,SAAS;AACf,UAAA,OAAO,EAAEgK,UAAW;UAAA,QAEd,EAAA,CAAA,OAAA,EAAA,CAAA5C,WAAW,KAAXA,IAAAA,IAAAA,WAAW,uBAAXA,WAAW,CAAEF,MAAM,KAAI,CAAC,EAAA,GAAA,CAAA;SACvB,CAAA,CAAA;OACL,CAAA,CAAA;KACQ,CAAA,CAAA;GACT,CAAA,CAAA;AAEb,CAAC,CAAA;AAEDvE,mBAAmB,CAAC8H,SAAS,GAAG;AAC9B7H,EAAAA,MAAM,EAAE8H,SAAS,CAACC,IAAI,CAACC,UAAU;EACjC/H,oBAAoB,EAAE6H,SAAS,CAACG,MAAM;EACtC/H,SAAS,EAAE4H,SAAS,CAACG,MAAM;EAC3B9H,aAAa,EAAE2H,SAAS,CAACI,KAAK,CAAC,EAAE,CAAC,CAACF,UAAU;EAC7C5H,WAAW,EAAE0H,SAAS,CAACI,KAAK,CAAC,EAAE,CAAC,CAACF,UAAU;EAC3C3H,qBAAqB,EAAEyH,SAAS,CAACK,IAAI;AAAE;EACvC7H,iBAAiB,EAAEwH,SAAS,CAACM,MAAM;EACnC7H,gBAAgB,EAAEuH,SAAS,CAACC,IAAI;EAChCvH,SAAS,EAAEsH,SAAS,CAACG,MAAM;AAC3BvH,EAAAA,MAAM,EAAEoH,SAAS,CAACK,IAAI,CAACH,UAAU;AACjCvH,EAAAA,OAAO,EAAEqH,SAAS,CAACK,IAAI,CAACH,UAAAA;AAC1B,CAAC,CAAA;AAEDjI,mBAAmB,CAACsI,YAAY,GAAG;AACjCpI,EAAAA,oBAAoB,EAAE,IAAI;AAC1BC,EAAAA,SAAS,EAAE,IAAI;AACfG,EAAAA,qBAAqB,EAAE,IAAI;AAC3BC,EAAAA,iBAAiB,EAAE,eAAe;AAClCC,EAAAA,gBAAgB,EAAE,KAAK;AACvBC,EAAAA,SAAS,EAAE,CAAA;AACb,CAAC,CAAA;AAED,yBAAe8H,IAAI,CAACvI,mBAAmB,CAAC;;;;"}