@corva/ui 0.34.0-rc.3 → 0.34.0

package/components/BICOffsetPickerDialog/index.js

@@ -1,673 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { get, uniq, includes, isEqual } from 'lodash';
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import '../../constants/completion.js';
-import '../../constants/alerts.js';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import '../../constants/goals.js';
-import '../../constants/segment.js';
-import '../../constants/apps.js';
-import '../../constants/drillstring.js';
-import '../../constants/notifications.js';
-import '../../constants/feed.js';
-import '../../constants/bha.js';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/asyncToGenerator';
-import 'query-string';
-import '../../utils/mobileDetect.js';
-import _typeof from '@babel/runtime/helpers/typeof';
-import '../../clients/api/apiCore.js';
-import '../../clients/constants.js';
-import '../../utils/index.js';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { makeStyles, Dialog, DialogTitle, Typography, Tooltip, IconButton, DialogContent, DialogActions, Button } from '@material-ui/core';
-import { useState, useRef, useMemo, useEffect, useCallback } from 'react';
-import 'querystring';
-import 'uuid/v1';
-import '../../clients/subscriptions.js';
-import 'uuid';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import { Close } from '@material-ui/icons';
-import '../Modal/index.js';
-import '../IconMenu/index.js';
-import '../StyledMenuItem/index.js';
-import LoadingIndicator from '../LoadingIndicator/LoadingIndicator.js';
-import '../DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js';
-import '../DevCenter/DevCenterAppContainer/components/DcTooltipsCoordinatorProvider/DcTooltipsCoordinatorProvider.js';
-import '../Tooltip/MuiTooltipDcWrapper.js';
-import '../Avatar/index.js';
-import '../Annotations/AnnotationsContext.js';
-import '../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js';
-import 'react-router';
-import '../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js';
-import '../IconButton/index.js';
-import '../ConfirmationDialog.js';
-import '../Annotations/components/AnnotationsList/index.js';
-import '../Annotations/components/LastAnnotation/index.js';
-import '../PadModeSelect/PadModeSelect.js';
-import '../DevCenter/AppHeader/AppHeader.js';
-import '../Button/index.js';
-import '../DevCenter/AppSideBar/AppSideBar.js';
-import '../DevCenter/AppContext.js';
-import '../DevCenter/AppsDataProvider/AppsDataProvider.js';
-import '@material-ui/icons/Help';
-import '../HelpCenter/ArticleIcon.js';
-import '../HelpCenter/DialogLayout.js';
-import '../HelpCenter/SingleItemHeader.js';
-import '../DocumentViewer/DocumentViewer.js';
-import '../HelpCenter/shapes/index.js';
-import 'slate';
-import '../SlateFormattedText/RenderElements.js';
-import '../SlateFormattedText/SlateFormattedText.js';
-import '../HelpCenter/ItemContent/ItemContent.js';
-import '../HelpCenter/HelpCenterDialog/HelpCenterDialog.js';
-import '../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js';
-import '../EmptyView/EmptyAppView/EmptyAppView.js';
-import '../ErrorBoundary/ErrorBoundary.js';
-import '../Typography.js';
-import '../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js';
-import '../DevCenter/DevCenterAppContainer/components/DisabledSettingsMessage/DisabledSettingsMessage.js';
-import '../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js';
-import '../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js';
-import '../DevCenter/DevCenterAppContainer/components/NonPriorityMenus/NonPriorityMenus.js';
-import '../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js';
-import '../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js';
-import '../EmptyView/EmptyAppView/components/ErrorSubtitleWithIntercomLink.js';
-import '../DevCenter/DevCenterAppContainer/components/DevCenterAppView/components/ChooseAssetButton/index.js';
-import '../DevCenter/DevCenterAppContainer/DevCenterAppContainer.css.js';
-import '../DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js';
-import '../DevCenter/DevCenterAppContainer/components/PriorityMenus/PriorityMenus.css.js';
-import '../DevCenter/NavigationBar/NavigationBar.js';
-import '../DevCenter/SideBar/SideBar.js';
-import '../DevCenter/AppSettingsPopover/AppSettingsPopover.js';
-import '../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js';
-import '../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js';
-import '../DevCenter/IsolatedDevCenterAppContainer/AppsGridDragHandle.js';
-import '../TruncatedText/index.js';
-import '../AssetEditor/SingleAssetEditor.js';
-import '../AssetEditor/AssetEditorAutocomplete.js';
-import '../AssetEditor/index.js';
-import '../AppVersionsSelect/AppVersionsSelect.js';
-import '../CollapsableSidebar.js';
-import '../DateTimePicker/index.js';
-import '../DatePicker/index.js';
-import '../ColorPicker/PaletteChromePicker/PaletteChromePicker.js';
-import '../ColorPicker/ColorPicker.js';
-import '../ParameterCharts/AddEditTrack.js';
-import '../ParameterCharts/ParameterCharts.js';
-import '../ChartActionsList/ChartActionsList.js';
-import '../SettingEditors/ColorEditor/index.js';
-import '../SettingEditors/DropdownEditor/index.js';
-import '../SettingEditors/RadioEditor/index.js';
-import '../SwitchControl/index.js';
-import '../RangeSlider/RangeSlider.js';
-import '../Login/components/Login.js';
-import '../Login/components/PasswordField.js';
-import '../Login/components/Chip.js';
-import '../Login/components/StepFooter.js';
-import '../Login/components/StepContent.js';
-import '../Login/components/StepHeader.js';
-import '../Login/components/Step.js';
-import '../Login/components/OrDivider.js';
-import '../Login/components/HiddenEmailField.js';
-import '../Login/components/EmailField.js';
-import '../Breadcrumbs/index.js';
-import '../VirtualizedTable/index.js';
-import '../EmptyView/EmptyView.js';
-import '../MenuItem/index.js';
-import '../ContextMenuItem/index.js';
-import '../FolderMenuItem/index.js';
-import '../EditableItem/EditableItem/index.js';
-import '../EditableItem/EditableItemWithBadge/index.js';
-import '../Checkbox/index.js';
-import '../FolderMenuItemWithLinks/index.js';
-import '../TextField/index.js';
-import '../Chip/index.js';
-import '../Counter/index.js';
-import '../AnchorsList/AnchorsList.js';
-import '../Select/index.js';
-import '../CustomSelect/index.js';
-import '../Tabs/Tabs.js';
-import '../Tabs/Tab.js';
-import '../ResizableTable/ResizableTable.js';
-import '../Drillstring/BHASchematic.js';
-import '../Drillstring/BHAComponentIcon.js';
-import '../Drillstring/BHATable/index.js';
-import '../Drillstring/BHAComponentDetail/index.js';
-import '../Casing/CasingComponentIcon.js';
-import '../Casing/CasingTable/index.js';
-import '../WellSummary/WellSummaryItemLabel.js';
-import '../WellSummary/WellSummaryItemTitle.js';
-import '../WellSummary/WellSummaryItemValue.js';
-import '../WellSummary/ActivitySummaryChart.js';
-import '../WellSummary/FracWirelineTimeChart.js';
-import { useWells, useFetchBicWellsData } from './effects/index.js';
-import WellsMap from './components/Map/index.js';
-import WellSection from './components/WellSection/index.js';
-import { DEFAULT_WELL_SECTIONS } from './constants.js';
-import OffsetWellPickerV2 from '../OffsetWellPickerV2/OffsetWellPickerDialog.js';
-import '../OffsetWellPickerV3/index.js';
-import '../Notifications/Notifications.js';
-import '../TextLink/index.js';
-import '../Template/TemplatePopover/index.js';
-import '../PinnableFilters/PinnableFilters.js';
-import '../HeaderLayout/HeaderLayout.js';
-import '../PadOffsetsPicker/PadOffsetsPicker.js';
-import '../PadOffsetsPicker/OffsetAssetChip.js';
-import '../PadOffsetsPicker/OffsetAssetsListExpander.js';
-import '../PadOffsetsPicker/StagesSelector.js';
-import '../Table/TableToolbar/TableToolbar.js';
-import '../PriceInput/PriceInput.js';
-import '../LabelsCounter/LabelsCounter.js';
-import '../Stepper/Step.js';
-import '../Stepper/StepsWrapper.js';
-import '../Stepper/Stepper.js';
-import '../Comment/CommentIcon/index.js';
-import '../FilesLoader/Icons/FileIcon.js';
-import '../FilesLoader/FilesLoader.js';
-import '../SearchInput/index.js';
-import '../StageDesignVActual/ComparisonHeader.js';
-import '../StageDesignVActual/ComparisonBar/ComparisonBar.js';
-import '../StageDesignVActual/ComparisonRow.js';
-import '../StageDesignVActual/ElementsComparison/ElementsComparison.js';
-import '../EmbeddedApp/DevCenterEmbeddedApp.js';
-import '../EmbeddedApp/EmbeddedApp.js';
-import '../FeedItem/FeedItem.js';
-import '../KeyboardDateTimePicker.js';
-import '../PostInput/PostInput.js';
-import '../FeedItem/FeedItemEditProvider/FeedItemEditProvider.js';
-import '../AddComment/Popover.js';
-import '../AddComment/Popup.js';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-var useStyles = makeStyles(function (theme) {
-  return {
-    paper: {
-      width: '552px'
-    },
-    dialogTitles: {
-      display: 'flex',
-      flexDirection: 'column'
-    },
-    titleContent: {
-      display: 'flex',
-      flexDirection: 'row',
-      justifyContent: 'space-between',
-      alignItems: 'center'
-    },
-    title: {
-      fontSize: '20px',
-      color: theme.palette.primary.text1
-    },
-    description: {
-      fontSize: '16px',
-      fontWeight: 'normal',
-      color: theme.palette.primary.text6,
-      marginTop: 16
-    },
-    closeIconButton: {
-      fontSize: '20px',
-      padding: 4,
-      '&:hover $closeIcon': {
-        color: '#fff'
-      }
-    },
-    closeIcon: {
-      color: theme.palette.primary.text6
-    },
-    topShadow: {
-      width: '100%',
-      height: '16px',
-      backgroundImage: "linear-gradient(0deg, rgba(65, 65, 65, 0) 0%, ".concat(theme.palette.background.b9, ")"),
-      position: 'absolute',
-      top: '155px',
-      zIndex: 2
-    },
-    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
-    },
-    dialogActions: {
-      display: 'flex',
-      justifyContent: 'flex-end',
-      paddingTop: 8,
-      paddingBottom: 8
-    },
-    dialogActionsSmallScreen: {
-      paddingRight: '100px' // Intercom
-
-    },
-    dialogContent: {
-      display: 'flex',
-      flexDirection: 'column',
-      overflowX: 'hidden'
-    },
-    buttonContainer: {
-      display: 'flex',
-      gap: '16px'
-    }
-  };
-});
-
-function getWellName(wells, wellId) {
-  var well = wells.find(function (item) {
-    return item.id === wellId;
-  });
-  return get(well, 'name') || '-';
-}
-
-function getRigName(wells, wellId) {
-  var well = wells.find(function (item) {
-    return item.id === wellId;
-  });
-  return get(well, 'rigName') || '-';
-}
-
-function getSectionName(area, filterMode) {
-  if (area.value === 'well') return 'Best Wells';else if (area.value === 'area') return 'Area Offsets';else if (filterMode === 'section') return "Best ".concat(area.value, " Wells");
-  return "Best ".concat(area.value, " \" Wells");
-}
-
-function sortWells(sections) {
-  var sortedWells = sections.map(function (section) {
-    return _objectSpread(_objectSpread({}, section), {}, {
-      wells: section.wells.sort(function (a, b) {
-        if (a.name < b.name) return -1;
-        if (a.name > b.name) return 1;
-        return 0;
-      })
-    });
-  });
-  return sortedWells;
-}
-
-function getResultWellIds(offsetSetting) {
-  var bicWellIds = get(offsetSetting, 'bicWellIds') || [];
-  var manualWellIds = get(offsetSetting, 'manualWellIds') || [];
-  var selectedWellIds = get(offsetSetting, 'selectedWellIds') || [];
-  var resultWellIds = uniq(bicWellIds.concat(manualWellIds).concat(selectedWellIds));
-  return resultWellIds;
-}
-
-function BICOffsetPickerDialog(_ref) {
-  var defaultSubjectWell = _ref.defaultSubjectWell,
-      offsetSetting = _ref.offsetSetting,
-      currentUser = _ref.currentUser,
-      isOpen = _ref.isOpen,
-      onClose = _ref.onClose,
-      onSave = _ref.onSave,
-      addWellsUsabilityInfo = _ref.addWellsUsabilityInfo,
-      unusableWellAlarm = _ref.unusableWellAlarm;
-
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      scrolling = _useState2[0],
-      setScrolling = _useState2[1];
-
-  var classes = useStyles({
-    scrolling: scrolling
-  });
-  var dialogContentRef = useRef(null);
-  var loadingRef = useRef(true);
-
-  var _useState3 = useState(get(defaultSubjectWell, 'companyId') || get(offsetSetting, 'companyId') || +get(currentUser, 'company_id')),
-      _useState4 = _slicedToArray(_useState3, 2),
-      companyId = _useState4[0],
-      setCompanyId = _useState4[1];
-
-  var _useState5 = useState(get(defaultSubjectWell, 'asset_id') || get(offsetSetting, 'subjectWellId') || null),
-      _useState6 = _slicedToArray(_useState5, 2),
-      subjectWellId = _useState6[0],
-      setSubjectWellId = _useState6[1];
-
-  var wells = useWells(companyId, isOpen);
-  var bicData = useFetchBicWellsData(subjectWellId, isOpen);
-
-  var _useState7 = useState([]),
-      _useState8 = _slicedToArray(_useState7, 2),
-      wellSections = _useState8[0],
-      setWellSections = _useState8[1];
-
-  var _useState9 = useState(false),
-      _useState10 = _slicedToArray(_useState9, 2),
-      isOpenOffsetDialog = _useState10[0],
-      setIsOpenOffsetsDialog = _useState10[1];
-
-  var _useState11 = useState(offsetSetting),
-      _useState12 = _slicedToArray(_useState11, 2),
-      interimOffsetSetting = _useState12[0],
-      setInterimOffsetSetting = _useState12[1];
-
-  var _useState13 = useState(false),
-      _useState14 = _slicedToArray(_useState13, 2),
-      expandedSearchResult = _useState14[0],
-      setExpandedSearchResult = _useState14[1];
-
-  var offsetWells = useMemo(function () {
-    if (wells) {
-      var resultWellIds = getResultWellIds(interimOffsetSetting);
-      var data = wells.filter(function (well) {
-        return resultWellIds.find(function (id) {
-          return id === get(well, 'id');
-        });
-      });
-      return data;
-    }
-
-    return [];
-  }, [wells, interimOffsetSetting]);
-  useEffect(function () {
-    if (isOpen) {
-      setCompanyId(get(defaultSubjectWell, 'companyId') || get(offsetSetting, 'companyId') || +get(currentUser, 'company_id'));
-      setSubjectWellId(get(defaultSubjectWell, 'asset_id') || get(offsetSetting, 'subjectWellId') || null);
-      setInterimOffsetSetting(offsetSetting);
-      setExpandedSearchResult(false);
-      loadingRef.current = true;
-    }
-  }, [offsetSetting, isOpen]); // NOTE: update well section wells data
-
-  useEffect(function () {
-    if (!isOpen || !wells || !loadingRef.current) return;
-    var selectedWellIds = get(interimOffsetSetting, 'selectedWellIds') || [];
-    var manualWellIds = get(interimOffsetSetting, 'manualWellIds') || [];
-    var bicWellIds = get(interimOffsetSetting, 'bicWellIds') || []; // Make Search Results Tab
-
-    var allManualWellIds = selectedWellIds.concat(manualWellIds);
-    var searchResults = allManualWellIds.filter(function (id) {
-      return wells.find(function (well) {
-        return well.id === id;
-      });
-    }).map(function (id) {
-      return {
-        id: id,
-        checked: true,
-        name: getWellName(wells, id),
-        rigName: getRigName(wells, id),
-        kind: selectedWellIds.includes(id) ? 'advanced' : 'manual'
-      };
-    }); // Make Best Wells Tabs
-
-    var mergedSections;
-
-    if (!bicData || !bicData.filters || !bicData.result) {
-      mergedSections = [{
-        name: 'Search Results',
-        wells: searchResults,
-        expanded: expandedSearchResult
-      }].concat(_toConsumableArray(DEFAULT_WELL_SECTIONS));
-    } else {
-      var _bicData$filters;
-
-      var bestWellIds = [];
-      var filteredTabs = [{
-        name: 'Wells within Area',
-        value: 'area'
-      }].concat(_toConsumableArray(get(bicData, ['filters', 'filterTabs'])));
-      var filterMode = ((_bicData$filters = bicData.filters) === null || _bicData$filters === void 0 ? void 0 : _bicData$filters.filterMode) || 'holeSize';
-      var tabs = uniq(filteredTabs);
-      mergedSections = [{
-        name: 'Search Results',
-        wells: searchResults,
-        expanded: expandedSearchResult
-      }].concat(_toConsumableArray(tabs.map(function (area) {
-        var _bicData$result$area$;
-
-        return {
-          name: getSectionName(area, filterMode),
-          wells: ((_bicData$result$area$ = bicData.result[area.value]) === null || _bicData$result$area$ === void 0 ? void 0 : _bicData$result$area$.filter(function (id) {
-            return wells.find(function (well) {
-              return well.id === id;
-            });
-          }).map(function (item) {
-            var id = _typeof(item) === 'object' ? item.id : item;
-            bestWellIds.push(id);
-            return {
-              id: id,
-              checked: false,
-              name: getWellName(wells, id),
-              rigName: getRigName(wells, id),
-              kind: 'best'
-            };
-          })) || [],
-          expanded: false
-        };
-      })));
-    } // Check if any best well is checked
-
-
-    var sectionsData = mergedSections.map(function (section) {
-      var data = section.wells.map(function (item) {
-        if (includes(bicWellIds, item.id) || includes(allManualWellIds, item.id)) {
-          return _objectSpread(_objectSpread({}, item), {}, {
-            checked: true
-          });
-        } else {
-          return _objectSpread({}, item);
-        }
-      });
-      return _objectSpread(_objectSpread({}, section), {}, {
-        wells: data
-      });
-    }); // Sort by name
-
-    setWellSections(sortWells(sectionsData));
-  }, [isOpen, wells, bicData, interimOffsetSetting]); // NOTE: BIC Wells
-
-  var handleChangeWellSections = function handleChangeWellSections(sections) {
-    var sortedSections = sortWells(sections);
-    setWellSections(sortedSections);
-    setExpandedSearchResult(sortedSections[0].expanded);
-    var newSelectedWellIds = [];
-    var newManualWellIds = [];
-    var newBicWellIds = [];
-    sortedSections.forEach(function (section) {
-      section.wells.forEach(function (well) {
-        if (well.checked && well.kind === 'advanced') newSelectedWellIds.push(well.id);
-        if (well.checked && well.kind === 'manual') newManualWellIds.push(well.id);
-        if (well.checked && well.kind === 'best') newBicWellIds.push(well.id);
-      });
-    });
-    var newResultWellIds = newSelectedWellIds.concat(newManualWellIds).concat(newBicWellIds);
-
-    var newOffsetSetting = _objectSpread(_objectSpread({}, interimOffsetSetting), {}, {
-      selectedWellIds: uniq(newSelectedWellIds),
-      manualWellIds: uniq(newManualWellIds),
-      bicWellIds: uniq(newBicWellIds),
-      resultWellIds: uniq(newResultWellIds)
-    });
-
-    setInterimOffsetSetting(newOffsetSetting);
-    loadingRef.current = false;
-  };
-
-  var handleCloseAdvancedWells = function handleCloseAdvancedWells() {
-    setIsOpenOffsetsDialog(false);
-  };
-
-  var handleAddAdvancedWells = function handleAddAdvancedWells(newOffsetSetting) {
-    var offsetSettings = newOffsetSetting;
-
-    if (!defaultSubjectWell) {
-      if (!isEqual(subjectWellId, get(offsetSettings, 'subjectWellId')) || !isEqual(companyId, get(offsetSettings, 'companyId'))) {
-        offsetSettings = _objectSpread(_objectSpread({}, offsetSettings), {}, {
-          bicWellIds: [],
-          manualWellIds: [],
-          resultWellIds: []
-        });
-      }
-
-      setSubjectWellId(get(offsetSettings, 'subjectWellId'));
-      setCompanyId(get(offsetSettings, 'companyId'));
-    }
-
-    var manualWellIds = get(offsetSettings, 'manualWellIds') || [];
-    var selectedWellIds = get(offsetSettings, 'selectedWellIds') || [];
-    manualWellIds = manualWellIds.filter(function (id) {
-      return !selectedWellIds.includes(id);
-    });
-    offsetSettings = _objectSpread(_objectSpread({}, offsetSettings), {}, {
-      manualWellIds: manualWellIds
-    });
-    setInterimOffsetSetting(offsetSettings);
-    loadingRef.current = true;
-    setExpandedSearchResult(true);
-    setIsOpenOffsetsDialog(false);
-  };
-
-  var handleOpenAdvancedDialog = function handleOpenAdvancedDialog() {
-    setIsOpenOffsetsDialog(true);
-  };
-
-  var handleAdd = function handleAdd() {
-    var resultWellIds = getResultWellIds(interimOffsetSetting);
-    var allOffsetWells = wells.filter(function (well) {
-      return includes(resultWellIds, well.id);
-    });
-
-    var newOffsetSetting = _objectSpread(_objectSpread({}, interimOffsetSetting), {}, {
-      companyId: +companyId,
-      resultWellIds: resultWellIds
-    });
-
-    setIsOpenOffsetsDialog(false);
-    onSave(newOffsetSetting, allOffsetWells);
-  };
-
-  var getResultCount = useCallback(function () {
-    var resultWellIds = getResultWellIds(interimOffsetSetting);
-    return resultWellIds.length;
-  }, [interimOffsetSetting]);
-  var getBestCount = useCallback(function () {
-    var bicWellIds = get(interimOffsetSetting, 'bicWellIds') || [];
-    return bicWellIds.length;
-  });
-  var scrollTimeoutRef = useRef(null);
-
-  var handleScroll = function handleScroll() {
-    setScrolling(true);
-    clearTimeout(scrollTimeoutRef.current);
-    scrollTimeoutRef.current = setTimeout(function () {
-      setScrolling(false);
-    }, 1000);
-  };
-
-  var isLoading = !wells;
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsxs(Dialog, {
-      onBackdropClick: onClose,
-      onEscapeKeyDown: onClose,
-      open: isOpen,
-      classes: {
-        paper: classes.paper
-      },
-      children: [/*#__PURE__*/jsx(DialogTitle, {
-        children: /*#__PURE__*/jsxs("div", {
-          className: classes.dialogTitles,
-          children: [/*#__PURE__*/jsxs("div", {
-            className: classes.titleContent,
-            children: [/*#__PURE__*/jsx(Typography, {
-              className: classes.title,
-              children: "Select Offset Wells"
-            }), /*#__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(Close, {
-                  className: classes.closeIcon
-                })
-              })
-            })]
-          }), /*#__PURE__*/jsx("div", {
-            className: classes.description,
-            children: "Quickly add all of the Best-In-Class Wells per section selected from the Offsets Well Selection Application."
-          })]
-        })
-      }), scrolling && /*#__PURE__*/jsx("div", {
-        className: classes.topShadow
-      }), /*#__PURE__*/jsx(DialogContent, {
-        className: classes.dialogContent,
-        ref: dialogContentRef,
-        onScroll: handleScroll,
-        children: !isLoading ? /*#__PURE__*/jsxs(Fragment, {
-          children: [/*#__PURE__*/jsx(WellsMap, {
-            wells: offsetWells,
-            offsetWells: offsetWells
-          }), /*#__PURE__*/jsx(WellSection, {
-            company: companyId,
-            wellSections: wellSections,
-            getWellName: getWellName,
-            onChangeWellSections: handleChangeWellSections,
-            onExploreMode: handleOpenAdvancedDialog
-          })]
-        }) : /*#__PURE__*/jsx(LoadingIndicator, {
-          fullscreen: false
-        })
-      }), /*#__PURE__*/jsx("div", {
-        className: classes.bottomShadow
-      }), /*#__PURE__*/jsx(DialogActions, {
-        className: classNames(classes.dialogActions),
-        children: /*#__PURE__*/jsxs("div", {
-          className: classes.buttonContainer,
-          children: [/*#__PURE__*/jsx(Button, {
-            onClick: onClose,
-            color: "primary",
-            children: "Cancel"
-          }), /*#__PURE__*/jsxs(Button, {
-            variant: "contained",
-            color: "primary",
-            onClick: handleAdd,
-            children: ["Add (", getResultCount(), ")"]
-          })]
-        })
-      })]
-    }), isOpenOffsetDialog && /*#__PURE__*/jsx(OffsetWellPickerV2, {
-      defaultSubjectWellId: get(defaultSubjectWell, 'asset_id'),
-      companyId: +companyId,
-      offsetSetting: interimOffsetSetting,
-      currentUser: currentUser,
-      addWellsUsabilityInfo: addWellsUsabilityInfo,
-      unusableWellAlarm: unusableWellAlarm,
-      isAdvancedSearch: true,
-      bestCount: getBestCount(),
-      isOpen: isOpenOffsetDialog,
-      onClose: handleCloseAdvancedWells,
-      onSave: handleAddAdvancedWells
-    })]
-  });
-}
-
-BICOffsetPickerDialog.propTypes = {
-  defaultSubjectWell: PropTypes.shape({}),
-  offsetSetting: PropTypes.shape({
-    subjectWellId: PropTypes.number,
-    companyId: PropTypes.number
-  }),
-  currentUser: PropTypes.shape({}),
-  isOpen: PropTypes.bool.isRequired,
-  onClose: PropTypes.func.isRequired,
-  onSave: PropTypes.func.isRequired,
-  addWellsUsabilityInfo: PropTypes.func,
-  // update offset wells usability info in specific apps ("is_usable" field)
-  unusableWellAlarm: PropTypes.string
-};
-BICOffsetPickerDialog.defaultProps = {
-  defaultSubjectWell: null,
-  addWellsUsabilityInfo: null,
-  unusableWellAlarm: 'Unable to add',
-  offsetSetting: {},
-  currentUser: {}
-};
-
-export default BICOffsetPickerDialog;
-//# sourceMappingURL=index.js.map
+import e from"@babel/runtime/helpers/typeof";import t from"@babel/runtime/helpers/toConsumableArray";import r from"@babel/runtime/helpers/slicedToArray";import o from"@babel/runtime/helpers/defineProperty";import{useState as n,useRef as i,useMemo as s,useEffect as p,useCallback as a}from"react";import l from"prop-types";import{get as m,uniq as c,includes as d,isEqual as u}from"lodash";import j from"classnames";import{makeStyles as f,Dialog as C,DialogTitle as b,Typography as v,Tooltip as g,IconButton as A,DialogContent as I,DialogActions as D,Button as h}from"@material-ui/core";import{Close as x}from"@material-ui/icons";import"../Modal/index.js";import"../IconMenu/index.js";import"../StyledMenuItem/index.js";import"../DevCenter/AppHeader/AppHeader.js";import"../DevCenter/AppSideBar/AppSideBar.js";import"../DevCenter/AppsDataProvider/AppsDataProvider.js";import"@material-ui/icons/Help";import"../Annotations/components/AnnotationsList/index.js";import"../Annotations/components/LastAnnotation/index.js";import"../Annotations/AnnotationsContext.js";import"../../utils/mobileDetect.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"querystring";import"uuid/v1";import"../../clients/jsonApi/index.js";import"../../clients/subscriptions.js";import"../../constants/goals.js";import"../../constants/segment.js";import"../../constants/alerts.js";import"../../constants/apps.js";import"../../constants/drillstring.js";import"../../constants/completion.js";import"../../constants/notifications.js";import"../../constants/feed.js";import"../../constants/bha.js";import"../../utils/index.js";import"../HelpCenter/ArticleIcon.js";import"../HelpCenter/DialogLayout.js";import"../HelpCenter/HelpCenterDialog/HelpCenterDialog.js";import"../HelpCenter/ItemContent/ItemContent.js";import"../HelpCenter/SingleItemHeader.js";import"../HelpCenter/shapes/index.js";import"../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import{jsxs as S,Fragment as y,jsx as W}from"react/jsx-runtime";import"../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js";import"../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js";import"../DevCenter/DevCenterAppContainer/components/NonPriorityMenus/NonPriorityMenus.js";import"../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js";import"../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js";import"../ErrorBoundary/ErrorBoundary.js";import"../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js";import P from"../LoadingIndicator/LoadingIndicator.js";import"../EmptyView/EmptyAppView/components/ErrorSubtitleWithIntercomLink.js";import"../DevCenter/DevCenterAppContainer/components/DevCenterAppView/components/ChooseAssetButton/index.js";import"../DevCenter/DevCenterAppContainer/components/DisabledSettingsMessage/DisabledSettingsMessage.js";import"../DevCenter/DevCenterAppContainer/components/DcTooltipsCoordinatorProvider/DcTooltipsCoordinatorProvider.js";import"../DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js";import"../DevCenter/AppContext.js";import"../DevCenter/DevCenterAppContainer/DevCenterAppContainer.css.js";import"../DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js";import"../DevCenter/DevCenterAppContainer/components/PriorityMenus/PriorityMenus.css.js";import"../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"@babel/runtime/helpers/objectWithoutProperties";import"react-router";import"../DevCenter/NavigationBar/NavigationBar.js";import"../DevCenter/SideBar/SideBar.js";import"../DevCenter/AppSettingsPopover/AppSettingsPopover.js";import"../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js";import"../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js";import"../DevCenter/IsolatedDevCenterAppContainer/AppsGridDragHandle.js";import"../AssetEditor/index.js";import"../AppVersionsSelect/AppVersionsSelect.js";import"../Typography.js";import"../CollapsableSidebar.js";import"../DateTimePicker/index.js";import"../DatePicker/index.js";import"../SlateFormattedText/SlateFormattedText.js";import"../SlateFormattedText/RenderElements.js";import"slate";import"../ParameterCharts/ParameterCharts.js";import"../ParameterCharts/AddEditTrack.js";import"../ChartActionsList/ChartActionsList.js";import"../AssetEditor/AssetEditorAutocomplete.js";import"../AssetEditor/SingleAssetEditor.js";import"../SettingEditors/ColorEditor/index.js";import"../SettingEditors/DropdownEditor/index.js";import"../SettingEditors/RadioEditor/index.js";import"../SwitchControl/index.js";import"../ColorPicker/ColorPicker.js";import"../ColorPicker/PaletteChromePicker/PaletteChromePicker.js";import"../TruncatedText/index.js";import"../RangeSlider/RangeSlider.js";import"../Login/components/Login.js";import"../Login/components/PasswordField.js";import"../Login/components/Chip.js";import"../Login/components/StepFooter.js";import"../Login/components/StepContent.js";import"../Login/components/StepHeader.js";import"../Login/components/Step.js";import"../Login/components/OrDivider.js";import"../Login/components/HiddenEmailField.js";import"../Login/components/EmailField.js";import"../Breadcrumbs/index.js";import"../VirtualizedTable/index.js";import"../EmptyView/EmptyView.js";import"../EmptyView/EmptyAppView/EmptyAppView.js";import"../Button/index.js";import"../ContextMenuItem/index.js";import"../FolderMenuItem/index.js";import"../EditableItem/EditableItem/index.js";import"../EditableItem/EditableItemWithBadge/index.js";import"../Checkbox/index.js";import"../FolderMenuItemWithLinks/index.js";import"../IconButton/index.js";import"../TextField/index.js";import"../Chip/index.js";import"../Counter/index.js";import"../AnchorsList/AnchorsList.js";import"../Select/index.js";import"../CustomSelect/index.js";import"../Tabs/Tabs.js";import"../Tabs/Tab.js";import"../ResizableTable/ResizableTable.js";import"../Drillstring/BHASchematic.js";import"../Drillstring/BHATable/index.js";import"../Drillstring/BHAComponentIcon.js";import"../Drillstring/BHAComponentDetail/index.js";import"../Casing/CasingTable/index.js";import"../Casing/CasingComponentIcon.js";import"../WellSummary/WellSummaryItemLabel.js";import"../WellSummary/WellSummaryItemTitle.js";import"../WellSummary/WellSummaryItemValue.js";import"../WellSummary/ActivitySummaryChart.js";import"../WellSummary/FracWirelineTimeChart.js";import E from"../OffsetWellPickerV2/OffsetWellPickerDialog.js";import"../OffsetWellPickerV3/index.js";import"../Notifications/Notifications.js";import"uuid";import"../ConfirmationDialog.js";import"../TextLink/index.js";import"../Avatar/index.js";import"../Template/TemplatePopover/index.js";import"../MenuItem/index.js";import"../PadModeSelect/PadModeSelect.js";import"../PinnableFilters/PinnableFilters.js";import"../HeaderLayout/HeaderLayout.js";import"../PadOffsetsPicker/PadOffsetsPicker.js";import"../PadOffsetsPicker/OffsetAssetChip.js";import"../PadOffsetsPicker/OffsetAssetsListExpander.js";import"../PadOffsetsPicker/StagesSelector.js";import"../Table/TableToolbar/TableToolbar.js";import"../Tooltip/MuiTooltipDcWrapper.js";import"../PriceInput/PriceInput.js";import"../LabelsCounter/LabelsCounter.js";import"../Stepper/Step.js";import"../Stepper/StepsWrapper.js";import"../Stepper/Stepper.js";import"../Comment/CommentIcon/index.js";import"../FilesLoader/FilesLoader.js";import"../FilesLoader/Icons/FileIcon.js";import"../SearchInput/index.js";import"../FeedItem/FeedItem.js";import"../FeedItem/FeedItemEditProvider/FeedItemEditProvider.js";import"../PostInput/PostInput.js";import"../KeyboardDateTimePicker.js";import"../AddComment/Popover.js";import"../AddComment/Popup.js";import"../StageDesignVActual/ComparisonBar/ComparisonBar.js";import"../StageDesignVActual/ElementsComparison/ElementsComparison.js";import"../StageDesignVActual/ComparisonHeader.js";import"../StageDesignVActual/ComparisonRow.js";import"../EmbeddedApp/DevCenterEmbeddedApp.js";import"../EmbeddedApp/EmbeddedApp.js";import"../DocumentViewer/DocumentViewer.js";import k from"./components/Map/index.js";import w from"./components/WellSection/index.js";import{useWells as T,useFetchBicWellsData as L}from"./effects/index.js";import{DEFAULT_WELL_SECTIONS as O}from"./constants.js";function B(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function F(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?B(Object(r),!0).forEach((function(t){o(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):B(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var H=f((function(e){return{paper:{width:"552px"},dialogTitles:{display:"flex",flexDirection:"column"},titleContent:{display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center"},title:{fontSize:"20px",color:e.palette.primary.text1},description:{fontSize:"16px",fontWeight:"normal",color:e.palette.primary.text6,marginTop:16},closeIconButton:{fontSize:"20px",padding:4,"&:hover $closeIcon":{color:"#fff"}},closeIcon:{color:e.palette.primary.text6},topShadow:{width:"100%",height:"16px",backgroundImage:"linear-gradient(0deg, rgba(65, 65, 65, 0) 0%, ".concat(e.palette.background.b9,")"),position:"absolute",top:"155px",zIndex:2},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},dialogActions:{display:"flex",justifyContent:"flex-end",paddingTop:8,paddingBottom:8},dialogActionsSmallScreen:{paddingRight:"100px"},dialogContent:{display:"flex",flexDirection:"column",overflowX:"hidden"},buttonContainer:{display:"flex",gap:"16px"}}}));function V(e,t){var r=e.find((function(e){return e.id===t}));return m(r,"name")||"-"}function M(e,t){var r=e.find((function(e){return e.id===t}));return m(r,"rigName")||"-"}function N(e,t){return"well"===e.value?"Best Wells":"area"===e.value?"Area Offsets":"Best ".concat(e.value,"section"===t?" Wells":' " Wells')}function R(e){return e.map((function(e){return F(F({},e),{},{wells:e.wells.sort((function(e,t){return e.name<t.name?-1:e.name>t.name?1:0}))})}))}function U(e){var t=m(e,"bicWellIds")||[],r=m(e,"manualWellIds")||[],o=m(e,"selectedWellIds")||[];return c(t.concat(r).concat(o))}function z(o){var l=o.defaultSubjectWell,f=o.offsetSetting,B=o.currentUser,z=o.isOpen,_=o.onClose,q=o.onSave,G=o.addWellsUsabilityInfo,K=o.unusableWellAlarm,Q=n(!1),X=r(Q,2),$=X[0],J=X[1],Y=H({scrolling:$}),Z=i(null),ee=i(!0),te=n(m(l,"companyId")||m(f,"companyId")||+m(B,"company_id")),re=r(te,2),oe=re[0],ne=re[1],ie=n(m(l,"asset_id")||m(f,"subjectWellId")||null),se=r(ie,2),pe=se[0],ae=se[1],le=T(oe,z),me=L(pe,z),ce=n([]),de=r(ce,2),ue=de[0],je=de[1],fe=n(!1),Ce=r(fe,2),be=Ce[0],ve=Ce[1],ge=n(f),Ae=r(ge,2),Ie=Ae[0],De=Ae[1],he=n(!1),xe=r(he,2),Se=xe[0],ye=xe[1],We=s((function(){if(le){var e=U(Ie);return le.filter((function(t){return e.find((function(e){return e===m(t,"id")}))}))}return[]}),[le,Ie]);p((function(){z&&(ne(m(l,"companyId")||m(f,"companyId")||+m(B,"company_id")),ae(m(l,"asset_id")||m(f,"subjectWellId")||null),De(f),ye(!1),ee.current=!0)}),[f,z]),p((function(){if(z&&le&&ee.current){var r,o=m(Ie,"selectedWellIds")||[],n=m(Ie,"manualWellIds")||[],i=m(Ie,"bicWellIds")||[],s=o.concat(n),p=s.filter((function(e){return le.find((function(t){return t.id===e}))})).map((function(e){return{id:e,checked:!0,name:V(le,e),rigName:M(le,e),kind:o.includes(e)?"advanced":"manual"}}));if(me&&me.filters&&me.result){var a,l=[],u=[{name:"Wells within Area",value:"area"}].concat(t(m(me,["filters","filterTabs"]))),j=(null===(a=me.filters)||void 0===a?void 0:a.filterMode)||"holeSize",f=c(u);r=[{name:"Search Results",wells:p,expanded:Se}].concat(t(f.map((function(t){var r;return{name:N(t,j),wells:(null===(r=me.result[t.value])||void 0===r?void 0:r.filter((function(e){return le.find((function(t){return t.id===e}))})).map((function(t){var r="object"===e(t)?t.id:t;return l.push(r),{id:r,checked:!1,name:V(le,r),rigName:M(le,r),kind:"best"}})))||[],expanded:!1}}))))}else r=[{name:"Search Results",wells:p,expanded:Se}].concat(t(O));var C=r.map((function(e){var t=e.wells.map((function(e){return d(i,e.id)||d(s,e.id)?F(F({},e),{},{checked:!0}):F({},e)}));return F(F({},e),{},{wells:t})}));je(R(C))}}),[z,le,me,Ie]);var Pe=a((function(){return U(Ie).length}),[Ie]),Ee=a((function(){return(m(Ie,"bicWellIds")||[]).length})),ke=i(null),we=!le;return S(y,{children:[S(C,{onBackdropClick:_,onEscapeKeyDown:_,open:z,classes:{paper:Y.paper},children:[W(b,{children:S("div",{className:Y.dialogTitles,children:[S("div",{className:Y.titleContent,children:[W(v,{className:Y.title,children:"Select Offset Wells"}),W(g,{title:"Close",children:W(A,{"data-not-migrated-muiiconbutton":!0,"aria-label":"close",className:Y.closeIconButton,onClick:_,children:W(x,{className:Y.closeIcon})})})]}),W("div",{className:Y.description,children:"Quickly add all of the Best-In-Class Wells per section selected from the Offsets Well Selection Application."})]})}),$&&W("div",{className:Y.topShadow}),W(I,{className:Y.dialogContent,ref:Z,onScroll:function(){J(!0),clearTimeout(ke.current),ke.current=setTimeout((function(){J(!1)}),1e3)},children:we?W(P,{fullscreen:!1}):S(y,{children:[W(k,{wells:We,offsetWells:We}),W(w,{company:oe,wellSections:ue,getWellName:V,onChangeWellSections:function(e){var t=R(e);je(t),ye(t[0].expanded);var r=[],o=[],n=[];t.forEach((function(e){e.wells.forEach((function(e){e.checked&&"advanced"===e.kind&&r.push(e.id),e.checked&&"manual"===e.kind&&o.push(e.id),e.checked&&"best"===e.kind&&n.push(e.id)}))}));var i=r.concat(o).concat(n),s=F(F({},Ie),{},{selectedWellIds:c(r),manualWellIds:c(o),bicWellIds:c(n),resultWellIds:c(i)});De(s),ee.current=!1},onExploreMode:function(){ve(!0)}})]})}),W("div",{className:Y.bottomShadow}),W(D,{className:j(Y.dialogActions),children:S("div",{className:Y.buttonContainer,children:[W(h,{onClick:_,color:"primary",children:"Cancel"}),S(h,{variant:"contained",color:"primary",onClick:function(){var e=U(Ie),t=le.filter((function(t){return d(e,t.id)})),r=F(F({},Ie),{},{companyId:+oe,resultWellIds:e});ve(!1),q(r,t)},children:["Add (",Pe(),")"]})]})})]}),be&&W(E,{defaultSubjectWellId:m(l,"asset_id"),companyId:+oe,offsetSetting:Ie,currentUser:B,addWellsUsabilityInfo:G,unusableWellAlarm:K,isAdvancedSearch:!0,bestCount:Ee(),isOpen:be,onClose:function(){ve(!1)},onSave:function(e){var t=e;l||(u(pe,m(t,"subjectWellId"))&&u(oe,m(t,"companyId"))||(t=F(F({},t),{},{bicWellIds:[],manualWellIds:[],resultWellIds:[]})),ae(m(t,"subjectWellId")),ne(m(t,"companyId")));var r=m(t,"manualWellIds")||[],o=m(t,"selectedWellIds")||[];r=r.filter((function(e){return!o.includes(e)})),t=F(F({},t),{},{manualWellIds:r}),De(t),ee.current=!0,ye(!0),ve(!1)}})]})}z.propTypes={defaultSubjectWell:l.shape({}),offsetSetting:l.shape({subjectWellId:l.number,companyId:l.number}),currentUser:l.shape({}),isOpen:l.bool.isRequired,onClose:l.func.isRequired,onSave:l.func.isRequired,addWellsUsabilityInfo:l.func,unusableWellAlarm:l.string},z.defaultProps={defaultSubjectWell:null,addWellsUsabilityInfo:null,unusableWellAlarm:"Unable to add",offsetSetting:{},currentUser:{}};export{z as default};