@corva/ui 0.65.0-1-test → 0.65.0-2

package/components/OffsetWellPickerV4/OffsetWellPickerV4.js

@@ -1,1025 +1 @@
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { useState, useRef, useEffect, useCallback, useMemo } from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import { uniqBy, sortBy, isEmpty } from 'lodash';
-import { Replay, InfoOutlined } from '@material-ui/icons';
-import Modal from '../Modal/Modal.js';
-import '../IconMenu/index.js';
-import '../StyledMenuItem/index.js';
-import '../AppIcon/AppIcon.js';
-import '../DevCenter/AppHeader/AppHeader.js';
-import '../DevCenter/AppSideBar/AppSideBar.js';
-import '../DevCenter/AppsDataProvider/AppsDataProvider.js';
-import '@material-ui/core';
-import 'moment-timezone';
-import '../Icons/AnnotationIcon.js';
-import '../Annotations/components/AnnotationsList/index.js';
-import '../Annotations/components/LastAnnotation/index.js';
-import '../Annotations/AnnotationsContext.js';
-import { isMobileDetected, isNativeDetected } from '../../utils/mobileDetect.js';
-import 'querystring';
-import 'uuid/v1';
-import 'query-string';
-import '../../clients/api/apiCore.js';
-import '../../clients/constants.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/env.js';
-import '../GradientManager/configuration/constants.js';
-import '../../utils/index.js';
-import 'uuid';
-import 'jsona';
-import '../StatusBadge/constants.js';
-import 'lodash/set';
-import 'lodash/get';
-import 'lodash/unset';
-import 'moment';
-import '../HelpCenter/HelpCenterIcon.js';
-import '../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import '../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js';
-import '../DevCenter/DevCenterAppContainer/components/AppSettingsDialogV2/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 '../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js';
-import '../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js';
-import '../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.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 'rollbar';
-import '@rollbar/react';
-import '../DevCenter/NavigationBar/NavigationBar.js';
-import '../DevCenter/SideBar/SideBar.js';
-import '../DevCenter/AppSettingsPopover/AppSettingsPopover.js';
-import '../DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js';
-import '../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js';
-import '../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js';
-import '../AssetEditor/index.js';
-import '../AssetEditorV2/index.js';
-import '../AppVersionsSelect/AppVersionsSelect.js';
-import LoadingIndicator from '../LoadingIndicator/LoadingIndicator.js';
-import { Regular14, Regular12 } from '../Typography.js';
-import '../RealTimeValuesSidebar/RealTimeSidebar.js';
-import '../CollapsableSidebar.js';
-import '../DateTimePicker/index.js';
-import '../DatePicker/index.js';
-import '../ErrorBoundary/ErrorBoundary.js';
-import '../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js';
-import '../SlateFormattedText/SlateFormattedText.js';
-import '../SlateFormattedText/RenderElements.js';
-import '@babel/runtime/helpers/typeof';
-import 'slate';
-import '../EmptyState/EmptyState.js';
-import '../ParameterCharts/ParameterCharts.js';
-import '../ParameterCharts/AddEditTrack.js';
-import '../ChartActionsList/ChartActionsList.js';
-import '../CopyToClipboard/CopyToClipboard.js';
-import '../AssetEditor/AssetEditorAutocomplete.js';
-import '../AssetEditor/SingleAssetEditor.js';
-import '../SettingEditors/ColorEditor/index.js';
-import '../SettingEditors/DropdownEditor/index.js';
-import '../SettingEditors/RadioEditor/index.js';
-import '../SwitchControl/index.js';
-import '../ColorPicker/ColorPicker.js';
-import '../Chart/components/ChartButton.js';
-import '../Chart/components/ChartButtons.js';
-import '../Chart/components/ChartWrapper.js';
-import '../Chart/components/AxisDropdown.js';
-import '../Chart/components/ChartSelect.js';
-import '../Chart/components/buttons/DragToZoomButton.js';
-import '../Chart/components/buttons/ZoomInButton.js';
-import '../Chart/components/buttons/ZoomOutButton.js';
-import '../Chart/components/buttons/PanButton.js';
-import '../Chart/components/buttons/ResetZoomButton.js';
-import '../Chart/components/buttons/HideAxesButton.js';
-import '../Chart/components/buttons/ChartTypeButton.js';
-import '../ColorPicker/PaletteChromePicker/PaletteChromePicker.js';
-import '../TruncatedText/index.js';
-import '../RangeSlider/RangeSlider.js';
-import '../AdvancedSlider/AdvancedSlider.js';
-import '../Breadcrumbs/index.js';
-import '../VirtualizedTable/index.js';
-import '../EmptyView/EmptyView.js';
-import '../EmptyView/EmptyAppView/EmptyAppView.js';
-import Button from '../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 '../Select/SelectFilterBy.js';
-import '../CustomSelect/index.js';
-import '../Tabs/Tabs.js';
-import '../Tabs/Tab.js';
-import '../ResizableTable/ResizableTable.js';
-import '@material-ui/icons/Check';
-import '@material-ui/icons/Close';
-import '@material-ui/icons/Edit';
-import '@material-ui/icons/Delete';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@material-ui/icons/AddCircle';
-import '../GradientManager/GradientPreview/GradientPreview.js';
-import '../GradientManager/GradientSelect.styles.js';
-import '../GradientPicker/GradientPicker.js';
-import '../GradientManager/GradientManager.styles.js';
-import '../Drillstring/BHASchematic.js';
-import '../Drillstring/BHATable/index.js';
-import '../Drillstring/BHAComponentIcon.js';
-import '../Drillstring/BHAComponentDetail/index.js';
-import '../Drillstring/BHATileIcon.js';
-import '../Drillstring/BHATile/BHATile.js';
-import '../Drillstring/BHAList/BHAList.js';
-import '../Drillstring/BHAComponentsTable/BHAComponentsTable.js';
-import '../Casing/CasingTable/index.js';
-import '../Casing/CasingComponentIcon.js';
-import '../Casing/CasingTileIcon.js';
-import '../Casing/CasingTableV2/CasingTableV2.js';
-import '../Casing/CasingTile/CasingTile.js';
-import '../DisabledSettingsMessage/DisabledSettingsMessage.js';
-import '../WellSummary/WellSummaryItemLabel.js';
-import '../WellSummary/WellSummaryItemTitle.js';
-import '../WellSummary/WellSummaryItemValue.js';
-import '../WellSummary/ActivitySummaryChart.js';
-import '../WellSummary/FracWirelineTimeChart.js';
-import '../BICOffsetPickerDialog/index.js';
-import '../OffsetWellButton/OffsetWellButton.js';
-import '../OffsetWellPickerV2/OffsetWellPickerDialog.js';
-import '../OffsetWellPickerV3/index.js';
-import '../OffsetWellChips/Chip.js';
-import '../OffsetWellChips/ChipsContainer.js';
-import '../OffsetWellMap/OffsetWellMap.js';
-import '@material-ui/core/Snackbar';
-import '../Notifications/Toast.js';
-import '../Toaster/Toaster.js';
-import '../ConfirmationDialog.js';
-import '../TextLink/index.js';
-import '../Avatar/index.js';
-import '../Template/TemplatePopover/index.js';
-import '../Template/TemplateSharingDialog/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 '../PadOffsetsPickerV2/PadOffsetsPickerV2.js';
-import '../Table/TableToolbar/TableToolbar.js';
-import '../Table/TableContainer/TableContainer.js';
-import '../Table/TableCell/TableCell.js';
-import { Tooltip } from '../Tooltip/Tooltip.js';
-import '../Tooltip/ScrollableTooltip.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 '../Autocomplete/Autocomplete.js';
-import '../DocumentViewer/DocumentViewer.js';
-import '../ColorPickerPalette/ColorPickerPalette.js';
-import '../Search/Search.js';
-import '../Search/components/Listbox.js';
-import '../Search/components/Paper.js';
-import '../Search/components/RecentSearches.js';
-import '../Search/components/InputAdornmentLeft.js';
-import '../Search/components/Groups.js';
-import '../StatusBadge/index.js';
-import '../Attachment/index.js';
-import '../EmojiIconButton.js';
-import '../FileUploadIconButton.js';
-import '../FilePreview/index.js';
-import '../FailedFileUploading.js';
-import '../UserMention/index.js';
-import '../CommentsInfo/index.js';
-import '../CommentInput/index.js';
-import '../Comment/index.js';
-import '../CommentLoader.js';
-import '../AssetNameLabel/AssetStatusBadge.js';
-import '../AssetEditorV2/components/PrimaryAssetSelect.js';
-import '../AssetEditorV2/components/SecondaryAssetSelect.js';
-import '../AssetEditorV2/components/SelectItem.js';
-import '../AssetEditorV2/components/MultipleAssetsToggle.js';
-import typography from '../../styles/typography/index.js';
-import '../../styles/counter/counter.module.scss.js';
-import { useFetchWells } from './effects/useFetchWells.js';
-import { useAdvancedWells } from './effects/useAdvancedWells.js';
-import { useBicWells } from './effects/useBicWells.js';
-import { useCompanyMetricKey } from './effects/useCompanyMetricKey.js';
-import { useFilterOptions } from './effects/useFilterOptions.js';
-import { useFilteredWells } from './effects/useFilteredWells.js';
-import { useSortedWells } from './effects/useSortedWells.js';
-import './effects/useAssetsData.js';
-import { useTableColumns } from './effects/useTableColumns.js';
-import { AppHeader } from './components/AppHeader/AppHeader.js';
-import { Toolbar } from './components/Toolbar/Toolbar.js';
-import { Filter } from './components/Filter/Filter.js';
-import { WellsMap } from './components/Map/WellsMap.js';
-import OffsetWellsTable from './components/OffsetWellsTable/OffsetWellsTable.js';
-import styles from './OffsetWellPickerV4.module.css.js';
-import { ALL_SECTION_KEY, ViewType, TOP_GRADIENT_MAP, ColumnType, FilterType, ROWS_PER_PAGE, LEAVE_TOUCH_DELAY, IOS_DEVICE, DEFAULT_BIC_OFFSET_SIZE, DEFAULT_LOCAL_OFFSET_SIZE, MAX_OFFSET_SIZE, SMALL_SCREEN_WIDTH, SMALL_SCREEN_HEIGHT } from './constants.js';
-import { SEARCH_CATEGORIES } from './components/OffsetWellsTable/AdvancedSearch/constants.js';
-import { getMobileOperatingSystem, getCoordinatedWells } from './utils/index.js';
-import { showInfoNotification } from '../../utils/notificationToasts.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 = 'OffsetWellPickerV4';
-var OffsetWellPickerV4 = function OffsetWellPickerV4(_ref) {
-  var _wells$length, _classNames, _classNames3;
-  var open = _ref.open,
-    isWDUser = _ref.isWDUser,
-    defaultSubjectWell = _ref.defaultSubjectWell,
-    currentUser = _ref.currentUser,
-    offsetSettings = _ref.offsetSettings,
-    addWellsUsabilityInfo = _ref.addWellsUsabilityInfo,
-    isViewOnly = _ref.isViewOnly,
-    onClose = _ref.onClose,
-    onSave = _ref.onSave,
-    offsetSize = _ref.maxOffsetSize,
-    localMaxOffsetSize = _ref.localMaxOffsetSize,
-    syncAutoEnabled = _ref.syncAutoEnabled;
-  var _useState = useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    activeWellId = _useState2[0],
-    setActiveWellId = _useState2[1];
-  var maxOffsetSize = Math.min(offsetSize + 1, localMaxOffsetSize + 1, MAX_OFFSET_SIZE + 1);
-  var maxOffsetwellNumber = Math.min(Math.max(maxOffsetSize, localMaxOffsetSize + 1), MAX_OFFSET_SIZE + 1);
-  var _useState3 = useState(offsetSettings === null || offsetSettings === void 0 ? void 0 : offsetSettings.filterExpanded),
-    _useState4 = _slicedToArray(_useState3, 2),
-    isFilterExpanded = _useState4[0],
-    setIsFilterExpanded = _useState4[1];
-  var _useState5 = useState(offsetSettings === null || offsetSettings === void 0 ? void 0 : offsetSettings.mapHidden),
-    _useState6 = _slicedToArray(_useState5, 2),
-    isMapHidden = _useState6[0],
-    setIsMapHidden = _useState6[1];
-  var assetCompanyId = +(defaultSubjectWell === null || defaultSubjectWell === void 0 ? void 0 : defaultSubjectWell.companyId) || +(currentUser === null || currentUser === void 0 ? void 0 : currentUser.company_id);
-  var subjectWellId = defaultSubjectWell === null || defaultSubjectWell === void 0 ? void 0 : defaultSubjectWell.asset_id;
-  var _useState7 = useState((offsetSettings === null || offsetSettings === void 0 ? void 0 : offsetSettings.filters) || {}),
-    _useState8 = _slicedToArray(_useState7, 2),
-    filters = _useState8[0],
-    setFilters = _useState8[1];
-  var _useState9 = useState((offsetSettings === null || offsetSettings === void 0 ? void 0 : offsetSettings.wellSection) || ALL_SECTION_KEY),
-    _useState10 = _slicedToArray(_useState9, 2),
-    selectedWellSection = _useState10[0],
-    setSelectedWellSection = _useState10[1];
-  var initLoading = useRef(true);
-  var _useState11 = useState([]),
-    _useState12 = _slicedToArray(_useState11, 2),
-    selectedWells = _useState12[0],
-    setSelectedWells = _useState12[1];
-  var _useState13 = useState(null),
-    _useState14 = _slicedToArray(_useState13, 2),
-    subjectWell = _useState14[0],
-    setSubjectWell = _useState14[1];
-  var _useState15 = useState(true),
-    _useState16 = _slicedToArray(_useState15, 2),
-    isTableLoading = _useState16[0],
-    setIsTableLoading = _useState16[1];
-  var _useState17 = useState(false),
-    _useState18 = _slicedToArray(_useState17, 2),
-    isWellNameExpand = _useState18[0],
-    setIsWellNameExpand = _useState18[1];
-  var _useState19 = useState(false),
-    _useState20 = _slicedToArray(_useState19, 2),
-    isAdvancedSearchHidden = _useState20[0],
-    setIsAdvancedSearchHidden = _useState20[1];
-  var contentRef = useRef();
-  var _useState21 = useState(ViewType.none),
-    _useState22 = _slicedToArray(_useState21, 2),
-    viewType = _useState22[0],
-    setViewType = _useState22[1];
-  var prevViewType = useRef();
-  var _useState23 = useState(false),
-    _useState24 = _slicedToArray(_useState23, 2),
-    isTopGradientShow = _useState24[0],
-    setIsTopGradientShow = _useState24[1];
-  var isLimitedOffsetwells = maxOffsetwellNumber <= (selectedWells === null || selectedWells === void 0 ? void 0 : selectedWells.length);
-  var topGradientTop = TOP_GRADIENT_MAP[viewType];
-  var prevSelectedWellIds = useRef();
-  var _useState25 = useState(true),
-    _useState26 = _slicedToArray(_useState25, 2),
-    appLoading = _useState26[0],
-    setAppLoading = _useState26[1];
-  useEffect(function () {
-    if (open && isLimitedOffsetwells) {
-      showInfoNotification("App can\u2019t process more than (".concat(maxOffsetwellNumber - 1, ") Offset Wells."));
-    }
-    // NOTE: Refresh when the offset well changes externally
-    if (!open) {
-      var _offsetSettings$selec, _prevSelectedWellIds$, _offsetSettings$selec2;
-      var isNotChanged = (offsetSettings === null || offsetSettings === void 0 ? void 0 : (_offsetSettings$selec = offsetSettings.selectedWellIds) === null || _offsetSettings$selec === void 0 ? void 0 : _offsetSettings$selec.length) === ((_prevSelectedWellIds$ = prevSelectedWellIds.current) === null || _prevSelectedWellIds$ === void 0 ? void 0 : _prevSelectedWellIds$.length) && (offsetSettings === null || offsetSettings === void 0 ? void 0 : (_offsetSettings$selec2 = offsetSettings.selectedWellIds) === null || _offsetSettings$selec2 === void 0 ? void 0 : _offsetSettings$selec2.every(function (id) {
-        var _prevSelectedWellIds$2;
-        return (_prevSelectedWellIds$2 = prevSelectedWellIds.current) === null || _prevSelectedWellIds$2 === void 0 ? void 0 : _prevSelectedWellIds$2.includes(id);
-      }));
-      if (!isNotChanged) {
-        initLoading.current = true;
-      }
-      prevSelectedWellIds.current = offsetSettings === null || offsetSettings === void 0 ? void 0 : offsetSettings.selectedWellIds;
-    }
-  }, [isLimitedOffsetwells, open, offsetSettings]);
-  useEffect(function () {
-    function handleResize() {
-      if (window.innerWidth <= SMALL_SCREEN_WIDTH || isMobileDetected || isNativeDetected) {
-        setViewType(ViewType.mobile);
-      } else if (window.innerHeight <= SMALL_SCREEN_HEIGHT) {
-        setViewType(ViewType.small);
-      } else {
-        setViewType(ViewType.normal);
-      }
-    }
-    handleResize();
-    window.addEventListener('resize', handleResize);
-    return function () {
-      window.removeEventListener('resize', handleResize);
-    };
-  }, [open]);
-  useEffect(function () {
-    if (prevViewType.current && viewType === prevViewType.current) return;
-    prevViewType.current = viewType;
-    if (viewType === ViewType.small || viewType === ViewType.mobile) {
-      setIsMapHidden(true);
-      setIsFilterExpanded(false);
-    } else {
-      setIsFilterExpanded(!isViewOnly && (offsetSettings === null || offsetSettings === void 0 ? void 0 : offsetSettings.filterExpanded));
-      setIsMapHidden(!isViewOnly && (offsetSettings === null || offsetSettings === void 0 ? void 0 : offsetSettings.mapHidden));
-    }
-    setFilters((offsetSettings === null || offsetSettings === void 0 ? void 0 : offsetSettings.filters) || {});
-    setSelectedWellSection((offsetSettings === null || offsetSettings === void 0 ? void 0 : offsetSettings.wellSection) || ALL_SECTION_KEY);
-  }, [offsetSettings, isViewOnly, viewType]);
-
-  // NOTE: Fetch all wells
-  var rawWells = useFetchWells(assetCompanyId, addWellsUsabilityInfo);
-  var _useBicWells = useBicWells(isWDUser, subjectWellId, rawWells),
-    _useBicWells2 = _slicedToArray(_useBicWells, 4),
-    wellSections = _useBicWells2[0],
-    setWellSections = _useBicWells2[1],
-    bicWells = _useBicWells2[2],
-    setBicWells = _useBicWells2[3];
-
-  // NOTE: Sync with Wellhub & Offset Selection App
-
-  useEffect(function () {
-    setAppLoading(true);
-    setWellSections(null);
-    setBicWells(null);
-  }, [subjectWellId]);
-  useEffect(function () {
-    var syncOffsetWells = /*#__PURE__*/function () {
-      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-        var isSynced, offsetWellsChanged, _offsetSettings$selec3, bicWellIds, isMatched, wellsByDistance, selectedWellIds, newOffsetSetting, offsetWells, _offsetWells;
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                isSynced = typeof offsetSettings.isSynced === 'undefined' || offsetSettings.isSynced;
-                offsetWellsChanged = true;
-                if (!isSynced) {
-                  _context.next = 19;
-                  break;
-                }
-                bicWellIds = bicWells[ALL_SECTION_KEY];
-                isMatched = ((offsetSettings === null || offsetSettings === void 0 ? void 0 : offsetSettings.selectedWellIds) || []).every(function (wellId) {
-                  return bicWellIds.includes(wellId);
-                }); // if wellhub or offset selection app be changed
-                if (!(bicWellIds.length !== ((_offsetSettings$selec3 = offsetSettings.selectedWellIds) === null || _offsetSettings$selec3 === void 0 ? void 0 : _offsetSettings$selec3.length) || !isMatched)) {
-                  _context.next = 16;
-                  break;
-                }
-                _context.next = 8;
-                return getCoordinatedWells(bicWellIds, subjectWellId);
-              case 8:
-                wellsByDistance = _context.sent;
-                selectedWellIds = wellsByDistance.slice(0, maxOffsetSize + 1).map(function (well) {
-                  return well.id;
-                });
-                selectedWellIds = wellsByDistance.slice(0, localMaxOffsetSize + 1).map(function (well) {
-                  return well.id;
-                });
-                newOffsetSetting = _objectSpread(_objectSpread({}, offsetSettings), {}, {
-                  subjectWellId: subjectWellId,
-                  selectedWellIds: selectedWellIds,
-                  offsetWellsLimited: maxOffsetwellNumber <= selectedWellIds.length
-                });
-                offsetWells = wellsByDistance.filter(function (well) {
-                  return selectedWellIds.includes(well.id);
-                });
-                onSave(newOffsetSetting, offsetWells);
-                _context.next = 17;
-                break;
-              case 16:
-                offsetWellsChanged = false;
-              case 17:
-                _context.next = 20;
-                break;
-              case 19:
-                offsetWellsChanged = false;
-              case 20:
-                if (offsetWellsChanged) {
-                  _context.next = 25;
-                  break;
-                }
-                _context.next = 23;
-                return getCoordinatedWells((offsetSettings === null || offsetSettings === void 0 ? void 0 : offsetSettings.selectedWellIds) || [], subjectWellId);
-              case 23:
-                _offsetWells = _context.sent;
-                onSave(offsetSettings, _offsetWells);
-              case 25:
-              case "end":
-                return _context.stop();
-            }
-          }
-        }, _callee);
-      }));
-      return function syncOffsetWells() {
-        return _ref2.apply(this, arguments);
-      };
-    }();
-    if (syncAutoEnabled && appLoading && offsetSettings && bicWells) {
-      syncOffsetWells();
-      setAppLoading(false);
-    }
-  }, [offsetSettings, bicWells, subjectWellId, maxOffsetwellNumber, syncAutoEnabled]);
-  var _useCompanyMetricKey = useCompanyMetricKey(assetCompanyId, offsetSettings === null || offsetSettings === void 0 ? void 0 : offsetSettings.metricsKeys),
-    _useCompanyMetricKey2 = _slicedToArray(_useCompanyMetricKey, 2),
-    metricsKeys = _useCompanyMetricKey2[0],
-    setMetricsKeys = _useCompanyMetricKey2[1];
-
-  // NOTE: Calculate wells with coordinates, metrics and well section name
-  var wells = useAdvancedWells(assetCompanyId, rawWells, wellSections, bicWells, subjectWellId, metricsKeys);
-  var filterOptions = useFilterOptions(wells);
-
-  // NOTE: Subject well
-  useEffect(function () {
-    if (wells && wellSections) {
-      var _defaultSubjectWell = wells.find(function (well) {
-        return well.id === subjectWellId;
-      });
-      if (_defaultSubjectWell) {
-        var allSectionNames = wellSections.filter(function (item) {
-          return item.value !== ALL_SECTION_KEY;
-        }).map(function (_ref3) {
-          var label = _ref3.label;
-          return label;
-        });
-        var subjectWellWithSection = _objectSpread(_objectSpread({}, _defaultSubjectWell), allSectionNames.length > 0 && _defineProperty({}, ColumnType.wellSection, allSectionNames));
-        setSubjectWell(subjectWellWithSection);
-      } else {
-        setSubjectWell(null);
-      }
-    }
-  }, [wellSections, wells]);
-
-  // NOTE: Table columns with metrics
-  var columnsWithDict = useTableColumns(metricsKeys);
-
-  // NOTE: Filter wells
-  var filteredWells = useFilteredWells(wells, filters);
-
-  // Update selected wells after filter changes
-  useEffect(function () {
-    if (!filteredWells) return;
-    if (initLoading.current) {
-      var data = wells.filter(function (well) {
-        return ((offsetSettings === null || offsetSettings === void 0 ? void 0 : offsetSettings.selectedWellIds) || []).includes(well.id);
-      });
-      if (subjectWell) data = data.concat(subjectWell);
-      setSelectedWells(uniqBy(data, 'id'));
-      initLoading.current = false;
-    } else {
-      setSelectedWells(function (prev) {
-        var newSelectedWells = (filteredWells || []).filter(function (well) {
-          return !!prev.find(function (_ref5) {
-            var id = _ref5.id;
-            return well.id === id;
-          });
-        });
-        if (subjectWell) newSelectedWells = newSelectedWells.concat(subjectWell);
-        return uniqBy(newSelectedWells, 'id');
-      });
-    }
-  }, [wells, filteredWells, offsetSettings === null || offsetSettings === void 0 ? void 0 : offsetSettings.selectedWellIds]);
-
-  // NOTE: Sort wells
-  var _useSortedWells = useSortedWells(subjectWell, filteredWells, selectedWells, setIsTableLoading, initLoading.current),
-    _useSortedWells2 = _slicedToArray(_useSortedWells, 5),
-    sortBy$1 = _useSortedWells2[0],
-    setSortBy = _useSortedWells2[1],
-    sortDirection = _useSortedWells2[2],
-    setSortDirection = _useSortedWells2[3],
-    sortedWells = _useSortedWells2[4];
-
-  // NOTE: Add advanced wells
-  var handleAddRemoveAssets = useCallback(function (isAdding, newAssets, assetType) {
-    var addingWellIds;
-    if (assetType === SEARCH_CATEGORIES.well.name) {
-      addingWellIds = newAssets;
-    } else {
-      addingWellIds = newAssets.reduce(function (acc, assetId) {
-        var _wells$find;
-        var rigName = (_wells$find = wells.find(function (well) {
-          return well.id === assetId;
-        })) === null || _wells$find === void 0 ? void 0 : _wells$find.rigName;
-        var rigWellIds = wells.filter(function (well) {
-          return well.rigName === rigName;
-        }).map(function (well) {
-          return well.id;
-        });
-        return acc.concat(rigWellIds);
-      }, []);
-    }
-    var addingWells = wells.filter(function (_ref6) {
-      var id = _ref6.id;
-      return addingWellIds.includes(id);
-    });
-    if (isAdding) {
-      addingWells = addingWells.slice(0, Math.min(addingWells.length, maxOffsetwellNumber - selectedWells.length));
-      setSelectedWells(function (selectedWells) {
-        return uniqBy(selectedWells.concat(addingWells), 'id');
-      });
-    } else {
-      setSelectedWells(function (selectedWells) {
-        return uniqBy(selectedWells.filter(function (_ref7) {
-          var id = _ref7.id;
-          return !addingWells.find(function (well) {
-            return well.id === id;
-          });
-        }));
-      });
-    }
-  }, [wells, selectedWells]);
-  var handleHideAdvancedSearch = useCallback(function () {
-    setIsAdvancedSearchHidden(true);
-  }, []);
-
-  // NOTE: Change metrics keys
-  var handleChangeMetricsKeys = useCallback(function (newMetricsKeys) {
-    setMetricsKeys(newMetricsKeys);
-  }, []);
-
-  // NOTE: Check and Uncheck one offset well
-  var handleChanageOffsetWell = useCallback(function (well, checked) {
-    if (checked) {
-      setSelectedWells(function (prevWells) {
-        return [].concat(_toConsumableArray(prevWells), [well]);
-      });
-    } else {
-      setSelectedWells(function (prevWells) {
-        return prevWells.filter(function (item) {
-          return item.id !== well.id;
-        });
-      });
-    }
-  }, []);
-
-  // NOTE: Select and Unselect All wells
-  var handleChangeAllOffsetWells = useCallback(function (checked) {
-    if (checked) {
-      var data = subjectWell ? filteredWells.concat(subjectWell) : filteredWells;
-      var sortedData = sortBy(uniqBy(data, 'id'), 'distance');
-      setSelectedWells(sortedData.slice(0, maxOffsetwellNumber));
-    } else {
-      setSelectedWells(subjectWell ? [subjectWell] : []);
-    }
-  }, [filteredWells, subjectWell, maxOffsetwellNumber]);
-
-  // NOTE: Well Section change filter
-  var updateSelectedWellsBySection = function updateSelectedWellsBySection(section) {
-    if (bicWells) {
-      var sectionWells = wells.filter(function (well) {
-        return bicWells[section].includes(well.id);
-      });
-      var limitedWells = sortBy(sectionWells, 'distance');
-      setSelectedWells(limitedWells.slice(0, maxOffsetSize));
-    } else {
-      setSelectedWells(subjectWell ? [subjectWell] : []);
-    }
-  };
-  var handleChangeWellSection = useCallback(function (section) {
-    setSelectedWellSection(section);
-    updateSelectedWellsBySection(section);
-  }, [updateSelectedWellsBySection]);
-
-  // NOTE: Get Selected wells count
-  var selectedWellsCount = useMemo(function () {
-    if (selectedWells.find(function (well) {
-      return well.id === subjectWellId;
-    })) {
-      return selectedWells.length - 1;
-    }
-    return selectedWells.length;
-  }, [selectedWells, subjectWellId]);
-
-  // NOTE: Save offset setting
-  var isSynced = useMemo(function () {
-    if (!bicWells) return false;
-    var selectedWellIds = selectedWells.map(function (_ref8) {
-      var id = _ref8.id;
-      return id;
-    });
-    var synced;
-    var owsWellIds = bicWells[selectedWellSection] || []; // hodan 222
-    var owsWellIdsLength = Math.min(owsWellIds.length, maxOffsetSize);
-    if (owsWellIdsLength !== selectedWellIds.length) {
-      synced = false;
-    } else {
-      synced = selectedWellIds.every(function (id) {
-        return owsWellIds.includes(id);
-      });
-    }
-    return synced;
-  }, [bicWells, selectedWells, selectedWellSection, maxOffsetSize]);
-  var handleSave = function handleSave() {
-    onClose();
-    var newOffsetSetting = _objectSpread(_objectSpread({}, offsetSettings), {}, {
-      companyId: assetCompanyId,
-      subjectWellId: subjectWellId,
-      selectedWellIds: selectedWells.map(function (_ref9) {
-        var id = _ref9.id;
-        return id;
-      }),
-      filters: filters,
-      metricsKeys: metricsKeys,
-      wellSection: selectedWellSection,
-      isSynced: isSynced,
-      mapHidden: isMapHidden,
-      filterExpanded: isFilterExpanded,
-      offsetWellsLimited: isLimitedOffsetwells
-    });
-    onSave(newOffsetSetting, selectedWells);
-  };
-  var handleCancel = function handleCancel() {
-    var data = (wells || []).filter(function (well) {
-      return ((offsetSettings === null || offsetSettings === void 0 ? void 0 : offsetSettings.selectedWellIds) || []).includes(well.id);
-    });
-    if (subjectWell) data = data.concat(subjectWell);
-    setSelectedWells(uniqBy(data, 'id'));
-    var newOffsetSetting = _objectSpread(_objectSpread({}, offsetSettings), {}, {
-      mapHidden: isMapHidden,
-      filterExpanded: isFilterExpanded
-    });
-    onSave(newOffsetSetting);
-    setFilters((offsetSettings === null || offsetSettings === void 0 ? void 0 : offsetSettings.filters) || {});
-    setSelectedWellSection((offsetSettings === null || offsetSettings === void 0 ? void 0 : offsetSettings.wellSection) || ALL_SECTION_KEY);
-    onClose();
-  };
-
-  // NOTE: Reset processing
-  var isResetVisible = useMemo(function () {
-    if (!isSynced) return true;
-    if (!isEmpty(filters) && filters[FilterType.sideTracks]) return true;
-    if (selectedWellSection !== ALL_SECTION_KEY) return true;
-    return false;
-  }, [isSynced, filters, selectedWellSection]);
-  var handleReset = function handleReset() {
-    setFilters({});
-    setSelectedWellSection(ALL_SECTION_KEY);
-    updateSelectedWellsBySection(ALL_SECTION_KEY);
-  };
-  var isLoading = !wells || !wellSections || !sortedWells || viewType === ViewType.none;
-
-  // NOTE: Well Name shadow
-  var _useState27 = useState(false),
-    _useState28 = _slicedToArray(_useState27, 2),
-    isHscrollMoved = _useState28[0],
-    setIsHscrollMoved = _useState28[1];
-  var _useState29 = useState(ROWS_PER_PAGE),
-    _useState30 = _slicedToArray(_useState29, 2),
-    tableRowsCount = _useState30[0],
-    setTableRowsCount = _useState30[1];
-  var _useState31 = useState([]),
-    _useState32 = _slicedToArray(_useState31, 2),
-    tableWells = _useState32[0],
-    setTableWells = _useState32[1];
-  useEffect(function () {
-    if (!sortedWells) return;
-    var wells = sortedWells.slice(0, tableRowsCount);
-    setTableWells(wells);
-  }, [sortedWells, tableRowsCount, subjectWell]);
-  var handleScroll = function handleScroll(e) {
-    if (!e.target) return;
-    if (isAdvancedSearchHidden) {
-      e.target.scrollLeft = 0;
-      setIsAdvancedSearchHidden(false);
-    }
-
-    // Check if H-Scroll is visible
-    if (e.target.scrollLeft <= 5 && isHscrollMoved) {
-      setIsHscrollMoved(false);
-    }
-    if (e.target.scrollLeft > 5 && !isHscrollMoved) {
-      setIsHscrollMoved(true);
-    }
-    if (e.target.scrollTop <= 5 && isTopGradientShow) {
-      setIsTopGradientShow(false);
-    }
-    if (e.target.scrollTop > 5 && !isTopGradientShow) {
-      setIsTopGradientShow(true);
-    }
-
-    // Check if scroll has reached top or bottom
-    if (e.target.scrollHeight === e.target.offsetHeight) return;
-    var currentScrollBottom = Math.round(e.target.scrollTop + e.target.offsetHeight + 2);
-    if (currentScrollBottom >= e.target.scrollHeight && tableRowsCount < sortedWells.length) {
-      setTableRowsCount(function (count) {
-        return count + ROWS_PER_PAGE;
-      });
-    }
-  };
-  var tooltipContainer = function tooltipContainer() {
-    return /*#__PURE__*/jsxs("div", {
-      children: [/*#__PURE__*/jsx("span", {
-        className: classNames(typography.regular12, typography.colors.t1),
-        children: "The offset list is being automatically populated by\xA0"
-      }), /*#__PURE__*/jsx("span", {
-        className: classNames(typography.medium12, typography.colors.t1),
-        children: isWDUser ? 'Offset Selection App.' : 'WellHub.'
-      })]
-    });
-  };
-  return /*#__PURE__*/jsx(Modal, {
-    open: open,
-    onClose: handleCancel,
-    title: /*#__PURE__*/jsx(AppHeader, {
-      isWDUser: isWDUser,
-      viewType: viewType,
-      totalCount: (_wells$length = wells === null || wells === void 0 ? void 0 : wells.length) !== null && _wells$length !== void 0 ? _wells$length : 0,
-      selectedCount: selectedWellsCount,
-      isViewOnly: isViewOnly,
-      maxOffsetwellNumber: maxOffsetwellNumber
-    }),
-    isMobile: viewType === ViewType.mobile,
-    contentContainerClassName: classNames(styles.offsetWellDialog),
-    contentClassName: classNames(styles.contentContainer, (_classNames = {}, _defineProperty(_classNames, styles.smallContainer, viewType === ViewType.small), _defineProperty(_classNames, styles.contentContainerMobile, viewType === ViewType.mobile), _classNames)),
-    actionsClassName: styles.modalActions,
-    actions: !isViewOnly && /*#__PURE__*/jsxs("div", {
-      className: styles.actionsWrapper,
-      children: [!isLoading && isResetVisible ? /*#__PURE__*/jsx(Tooltip, {
-        placement: "bottom-start",
-        title: "Reset to Synced Offsets in ".concat(isWDUser ? 'Offset App' : 'Wellhub'),
-        children: /*#__PURE__*/jsx("div", {
-          children: /*#__PURE__*/jsx(Button, {
-            "data-testid": "".concat(PAGE_NAME, "_reset"),
-            onClick: handleReset,
-            color: "primary",
-            startIcon: viewType !== ViewType.mobile && /*#__PURE__*/jsx(Replay, {}),
-            classes: viewType === ViewType.mobile && {
-              root: styles.resetButtonMobile
-            },
-            children: viewType !== ViewType.mobile ? 'Reset' : /*#__PURE__*/jsx(Replay, {})
-          })
-        })
-      }) : /*#__PURE__*/jsx("div", {
-        className: viewType === ViewType.mobile && styles.infoIconContainer,
-        children: viewType !== ViewType.mobile ? /*#__PURE__*/jsxs(Fragment, {
-          children: [/*#__PURE__*/jsx("span", {
-            className: classNames(typography.regular12, typography.colors.t6),
-            children: "The offset list is being automatically populated by\xA0"
-          }), /*#__PURE__*/jsx("span", {
-            className: classNames(typography.medium12, typography.colors.t6),
-            children: isWDUser ? 'Offset Selection App.' : 'WellHub.'
-          })]
-        }) : /*#__PURE__*/jsx(Tooltip, {
-          title: tooltipContainer(),
-          enterTouchDelay: 0,
-          leaveTouchDelay: LEAVE_TOUCH_DELAY,
-          children: /*#__PURE__*/jsx(InfoOutlined, {
-            className: styles.infoIcon
-          })
-        })
-      }), /*#__PURE__*/jsxs("div", {
-        className: styles.buttonGap,
-        children: [/*#__PURE__*/jsx(Button, {
-          "data-testid": "".concat(PAGE_NAME, "_cancel"),
-          onClick: handleCancel,
-          color: "primary",
-          children: "Cancel"
-        }), /*#__PURE__*/jsxs(Button, {
-          "data-testid": "".concat(PAGE_NAME, "_selectedWells"),
-          variant: "contained",
-          color: "primary",
-          onClick: handleSave,
-          children: ["Select (", selectedWellsCount, ")"]
-        })]
-      })]
-    }),
-    children: !isLoading ? /*#__PURE__*/jsxs("div", {
-      className: classNames(styles.contentWrapper),
-      ref: contentRef,
-      children: [viewType === ViewType.mobile && /*#__PURE__*/jsxs("div", {
-        className: classNames(styles.countContainer, _defineProperty({}, styles.countContainerMobile, viewType === ViewType.mobile)),
-        children: [/*#__PURE__*/jsx(Regular14, {
-          className: styles.totalLabel,
-          children: "Total:"
-        }), /*#__PURE__*/jsx(Regular14, {
-          "data-testid": "".concat(PAGE_NAME, "_totalWells"),
-          className: styles.countValue,
-          children: wells.length
-        }), /*#__PURE__*/jsx(Regular14, {
-          className: styles.selectedLabel,
-          children: "Selected:"
-        }), /*#__PURE__*/jsx(Regular14, {
-          "data-testid": "".concat(PAGE_NAME, "_selected"),
-          className: styles.countValue,
-          children: selectedWellsCount
-        }), /*#__PURE__*/jsx(Tooltip, {
-          title: "App can\u2019t process more than (".concat(maxOffsetwellNumber - 1, ") Offset Wells."),
-          placement: "right",
-          children: /*#__PURE__*/jsxs(Regular12, {
-            "data-testid": "".concat(PAGE_NAME, "_maxOffsetSize"),
-            className: styles.maxOffsetSize,
-            children: ["/", maxOffsetwellNumber - 1]
-          })
-        })]
-      }), viewType === ViewType.normal && /*#__PURE__*/jsx(Toolbar, {
-        isViewOnly: isViewOnly,
-        viewType: viewType,
-        filters: filters,
-        setFilters: setFilters,
-        isFilterExpanded: isFilterExpanded,
-        setIsFilterExpanded: setIsFilterExpanded,
-        isMapHidden: isMapHidden,
-        setIsMapHidden: setIsMapHidden
-      }), isTopGradientShow && /*#__PURE__*/jsx("div", {
-        className: styles.topGradient,
-        style: {
-          top: topGradientTop
-        }
-      }), /*#__PURE__*/jsxs("div", {
-        className: classNames(styles.content, (_classNames3 = {}, _defineProperty(_classNames3, styles.contentMobile, viewType === ViewType.mobile), _defineProperty(_classNames3, styles.contentiOSMobile, getMobileOperatingSystem() === IOS_DEVICE), _classNames3)),
-        onScroll: function onScroll(e) {
-          return handleScroll(e);
-        },
-        children: [viewType !== ViewType.normal && /*#__PURE__*/jsx(Toolbar, {
-          isViewOnly: isViewOnly,
-          viewType: viewType,
-          filters: filters,
-          setFilters: setFilters,
-          isFilterExpanded: isFilterExpanded,
-          setIsFilterExpanded: setIsFilterExpanded,
-          isMapHidden: isMapHidden,
-          setIsMapHidden: setIsMapHidden
-        }), !isMapHidden && open && /*#__PURE__*/jsx(WellsMap, {
-          isViewOnly: isViewOnly,
-          mapHidden: isMapHidden,
-          companyId: assetCompanyId,
-          subjectWell: subjectWell,
-          offsetWellIds: selectedWells.map(function (_ref10) {
-            var id = _ref10.id;
-            return id;
-          }),
-          wells: filteredWells,
-          radius: filters[FilterType.radius],
-          handleChanageOffsetWell: handleChanageOffsetWell,
-          activeWellId: activeWellId,
-          viewType: viewType
-        }), /*#__PURE__*/jsx(Filter, {
-          isHidden: !isFilterExpanded,
-          isWDUser: isWDUser,
-          filterOptions: filterOptions,
-          filters: filters,
-          wellSections: wellSections,
-          selectedWellSection: selectedWellSection,
-          subjectWell: subjectWell,
-          onChangeFilters: function onChangeFilters(value) {
-            setIsTableLoading(true);
-            setTimeout(function () {
-              return setFilters(value);
-            }, 0);
-          },
-          onChangeBicWells: handleChangeWellSection
-        }), /*#__PURE__*/jsx(OffsetWellsTable, {
-          open: open,
-          isTableLoading: isTableLoading,
-          companyId: assetCompanyId,
-          subjectWellId: subjectWellId,
-          sortBy: sortBy$1,
-          setSortBy: setSortBy,
-          sortDirection: sortDirection,
-          setSortDirection: setSortDirection,
-          columnsWithDict: columnsWithDict,
-          wells: tableWells,
-          metricsKeys: metricsKeys,
-          setMetricsKeys: handleChangeMetricsKeys,
-          handleChanageOffsetWell: handleChanageOffsetWell,
-          handleChangeAllOffsetWells: handleChangeAllOffsetWells,
-          handleAddRemoveAssets: handleAddRemoveAssets,
-          isWellNameExpand: isWellNameExpand,
-          setIsWellNameExpand: setIsWellNameExpand,
-          isHscrollMoved: isHscrollMoved,
-          onHideAdvancedSearch: handleHideAdvancedSearch,
-          isViewOnly: isViewOnly,
-          isLastWell: sortedWells.length <= tableRowsCount,
-          contentRef: contentRef,
-          isLimitedOffsetwells: isLimitedOffsetwells,
-          maxOffsetwellNumber: maxOffsetwellNumber,
-          wellSections: wellSections,
-          setActiveWellId: setActiveWellId,
-          viewType: viewType,
-          isWDUser: isWDUser
-        })]
-      }), isViewOnly && /*#__PURE__*/jsxs("div", {
-        className: styles.viewOnlyInfoContainer,
-        children: [/*#__PURE__*/jsx("span", {
-          className: classNames(typography.regular12, typography.colors.t6),
-          children: "The offset list is being automatically populated by\xA0"
-        }), /*#__PURE__*/jsx("span", {
-          className: classNames(typography.medium12, typography.colors.t6),
-          children: isWDUser ? 'Offset Selection App.' : 'WellHub.'
-        })]
-      })]
-    }) : /*#__PURE__*/jsx(LoadingIndicator, {
-      fullscreen: false
-    })
-  });
-};
-OffsetWellPickerV4.propTypes = {
-  isWDUser: PropTypes.bool,
-  defaultSubjectWell: PropTypes.shape({
-    asset_id: PropTypes.number,
-    companyId: PropTypes.number
-  }),
-  offsetSettings: PropTypes.shape({
-    isSynced: PropTypes.bool,
-    selectedWellIds: PropTypes.arrayOf(PropTypes.number),
-    manualWellIds: PropTypes.arrayOf(PropTypes.number),
-    filters: PropTypes.shape({}),
-    metricsKeys: PropTypes.arrayOf(PropTypes.string),
-    wellSection: PropTypes.string,
-    companyId: PropTypes.number,
-    subjectWellId: PropTypes.number,
-    mapHidden: PropTypes.bool,
-    filterExpanded: PropTypes.bool,
-    hintPopupClosed: PropTypes.bool
-  }),
-  currentUser: PropTypes.shape({
-    company_id: PropTypes.number
-  }).isRequired,
-  open: PropTypes.bool.isRequired,
-  addWellsUsabilityInfo: PropTypes.func,
-  isViewOnly: PropTypes.bool,
-  onSave: PropTypes.func.isRequired,
-  onClose: PropTypes.func.isRequired,
-  maxOffsetSize: PropTypes.number,
-  localMaxOffsetSize: PropTypes.number,
-  syncAutoEnabled: PropTypes.bool
-};
-OffsetWellPickerV4.defaultProps = {
-  isWDUser: false,
-  defaultSubjectWell: null,
-  offsetSettings: {},
-  addWellsUsabilityInfo: undefined,
-  isViewOnly: false,
-  maxOffsetSize: DEFAULT_BIC_OFFSET_SIZE,
-  localMaxOffsetSize: DEFAULT_LOCAL_OFFSET_SIZE,
-  syncAutoEnabled: false
-};
-
-export { OffsetWellPickerV4 as default };
-//# sourceMappingURL=OffsetWellPickerV4.js.map
+import e from"@babel/runtime/helpers/toConsumableArray";import t from"@babel/runtime/helpers/defineProperty";import i from"@babel/runtime/helpers/asyncToGenerator";import r from"@babel/runtime/helpers/slicedToArray";import o from"@babel/runtime/regenerator";import{useState as n,useRef as s,useEffect as l,useCallback as a,useMemo as p}from"react";import m from"prop-types";import c from"classnames";import{uniqBy as d,sortBy as u,isEmpty as f}from"lodash";import{Replay as j,InfoOutlined as C}from"@material-ui/icons";import v from"../Modal/Modal.js";import"../IconMenu/index.js";import"../StyledMenuItem/index.js";import"../AppIcon/AppIcon.js";import"../DevCenter/AppHeader/AppHeader.js";import"../DevCenter/AppSideBar/AppSideBar.js";import"../DevCenter/AppsDataProvider/AppsDataProvider.js";import"@material-ui/core";import"../Icons/AnnotationIcon.js";import"../Annotations/components/AnnotationsList/index.js";import"../Annotations/components/LastAnnotation/index.js";import"../Annotations/AnnotationsContext.js";import{isMobileDetected as b,isNativeDetected as h}from"../../utils/mobileDetect.js";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/env.js";import"../GradientManager/configuration/constants.js";import"../../utils/index.js";import"uuid";import"jsona";import"../StatusBadge/constants.js";import"lodash/set";import"lodash/get";import"lodash/unset";import"moment";import"../../clients/api/apiCore.js";import"../../clients/constants.js";import"../HelpCenter/HelpCenterIcon.js";import"../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import{jsx as g,jsxs as A,Fragment as S}from"react/jsx-runtime";import"../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js";import"../DevCenter/DevCenterAppContainer/components/AppSettingsDialogV2/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"../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.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"rollbar";import"@rollbar/react";import"../DevCenter/NavigationBar/NavigationBar.js";import"../DevCenter/SideBar/SideBar.js";import"../DevCenter/AppSettingsPopover/AppSettingsPopover.js";import"../DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js";import"../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js";import"../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js";import"../AssetEditor/index.js";import"../AssetEditorV2/index.js";import"../AppVersionsSelect/AppVersionsSelect.js";import y from"../LoadingIndicator/LoadingIndicator.js";import{Regular14 as D,Regular12 as x}from"../Typography.js";import"../RealTimeValuesSidebar/RealTimeSidebar.js";import"../CollapsableSidebar.js";import"../DateTimePicker/index.js";import"../DatePicker/index.js";import"../ErrorBoundary/ErrorBoundary.js";import"../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js";import"../SlateFormattedText/SlateFormattedText.js";import"../SlateFormattedText/RenderElements.js";import"@babel/runtime/helpers/typeof";import"slate";import"../EmptyState/EmptyState.js";import"../ParameterCharts/ParameterCharts.js";import"../ParameterCharts/AddEditTrack.js";import"../ChartActionsList/ChartActionsList.js";import"../CopyToClipboard/CopyToClipboard.js";import"../AssetEditor/AssetEditorAutocomplete.js";import"../AssetEditor/SingleAssetEditor.js";import"../SettingEditors/ColorEditor/index.js";import"../SettingEditors/DropdownEditor/index.js";import"../SettingEditors/RadioEditor/index.js";import"../SwitchControl/index.js";import"../ColorPicker/ColorPicker.js";import"../Chart/components/ChartButton.js";import"../Chart/components/ChartButtons.js";import"../Chart/components/ChartWrapper.js";import"../Chart/components/AxisDropdown.js";import"../Chart/components/ChartSelect.js";import"../Chart/components/buttons/DragToZoomButton.js";import"../Chart/components/buttons/ZoomInButton.js";import"../Chart/components/buttons/ZoomOutButton.js";import"../Chart/components/buttons/PanButton.js";import"../Chart/components/buttons/ResetZoomButton.js";import"../Chart/components/buttons/HideAxesButton.js";import"../Chart/components/buttons/ChartTypeButton.js";import"../ColorPicker/PaletteChromePicker/PaletteChromePicker.js";import"../TruncatedText/index.js";import"../RangeSlider/RangeSlider.js";import"../AdvancedSlider/AdvancedSlider.js";import"../Breadcrumbs/index.js";import"../VirtualizedTable/index.js";import"../EmptyView/EmptyView.js";import"../EmptyView/EmptyAppView/EmptyAppView.js";import I from"../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"../Select/SelectFilterBy.js";import"../CustomSelect/index.js";import"../Tabs/Tabs.js";import"../Tabs/Tab.js";import"../ResizableTable/ResizableTable.js";import"@material-ui/icons/Check";import"@material-ui/icons/Close";import"@material-ui/icons/Edit";import"@material-ui/icons/Delete";import"../GradientManager/GradientList.js";import"@material-ui/icons/AddCircle";import"../GradientManager/GradientPreview/GradientPreview.js";import"../GradientManager/GradientSelect.styles.js";import"../GradientPicker/GradientPicker.js";import"../GradientManager/GradientManager.styles.js";import"../Drillstring/BHASchematic.js";import"../Drillstring/BHATable/index.js";import"../Drillstring/BHAComponentIcon.js";import"../Drillstring/BHAComponentDetail/index.js";import"../Drillstring/BHATileIcon.js";import"../Drillstring/BHATile/BHATile.js";import"../Drillstring/BHAList/BHAList.js";import"../Drillstring/BHAComponentsTable/BHAComponentsTable.js";import"../Casing/CasingTable/index.js";import"../Casing/CasingComponentIcon.js";import"../Casing/CasingTileIcon.js";import"../Casing/CasingTableV2/CasingTableV2.js";import"../Casing/CasingTile/CasingTile.js";import"../DisabledSettingsMessage/DisabledSettingsMessage.js";import"../WellSummary/WellSummaryItemLabel.js";import"../WellSummary/WellSummaryItemTitle.js";import"../WellSummary/WellSummaryItemValue.js";import"../WellSummary/ActivitySummaryChart.js";import"../WellSummary/FracWirelineTimeChart.js";import"../BICOffsetPickerDialog/index.js";import"../OffsetWellButton/OffsetWellButton.js";import"../OffsetWellPickerV2/OffsetWellPickerDialog.js";import"../OffsetWellPickerV3/index.js";import"../OffsetWellChips/Chip.js";import"../OffsetWellChips/ChipsContainer.js";import"../OffsetWellMap/OffsetWellMap.js";import"@material-ui/core/Snackbar";import"../Notifications/Toast.js";import"../Toaster/Toaster.js";import"../ConfirmationDialog.js";import"../TextLink/index.js";import"../Avatar/index.js";import"../Template/TemplatePopover/index.js";import"../Template/TemplateSharingDialog/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"../PadOffsetsPickerV2/PadOffsetsPickerV2.js";import"../Table/TableToolbar/TableToolbar.js";import"../Table/TableContainer/TableContainer.js";import"../Table/TableCell/TableCell.js";import{Tooltip as W}from"../Tooltip/Tooltip.js";import"../Tooltip/ScrollableTooltip.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"../Autocomplete/Autocomplete.js";import"../DocumentViewer/DocumentViewer.js";import"../ColorPickerPalette/ColorPickerPalette.js";import"../Search/Search.js";import"../Search/components/Listbox.js";import"../Search/components/Paper.js";import"../Search/components/RecentSearches.js";import"../Search/components/InputAdornmentLeft.js";import"../Search/components/Groups.js";import"../StatusBadge/index.js";import"../Attachment/index.js";import"../EmojiIconButton.js";import"../FileUploadIconButton.js";import"../FilePreview/index.js";import"../FailedFileUploading.js";import"../UserMention/index.js";import"../CommentsInfo/index.js";import"../CommentInput/index.js";import"../Comment/index.js";import"../CommentLoader.js";import"../AssetNameLabel/AssetStatusBadge.js";import"../AssetEditorV2/components/PrimaryAssetSelect.js";import"../AssetEditorV2/components/SecondaryAssetSelect.js";import"../AssetEditorV2/components/SelectItem.js";import"../AssetEditorV2/components/MultipleAssetsToggle.js";import T from"../../styles/typography/index.js";import"../../styles/counter/counter.module.scss.js";import{useFetchWells as P}from"./effects/useFetchWells.js";import{useAdvancedWells as O}from"./effects/useAdvancedWells.js";import{useBicWells as E}from"./effects/useBicWells.js";import{useCompanyMetricKey as w}from"./effects/useCompanyMetricKey.js";import{useFilterOptions as B}from"./effects/useFilterOptions.js";import{useFilteredWells as M}from"./effects/useFilteredWells.js";import{useSortedWells as k}from"./effects/useSortedWells.js";import"./effects/useAssetsData.js";import{useTableColumns as V}from"./effects/useTableColumns.js";import{AppHeader as F}from"./components/AppHeader/AppHeader.js";import{Toolbar as H}from"./components/Toolbar/Toolbar.js";import{Filter as L}from"./components/Filter/Filter.js";import{WellsMap as N}from"./components/Map/WellsMap.js";import R from"./components/OffsetWellsTable/OffsetWellsTable.js";import G from"./OffsetWellPickerV4.module.css.js";import{ALL_SECTION_KEY as U,ViewType as z,TOP_GRADIENT_MAP as _,ColumnType as K,FilterType as q,ROWS_PER_PAGE as Z,LEAVE_TOUCH_DELAY as J,IOS_DEVICE as Q,DEFAULT_BIC_OFFSET_SIZE as X,DEFAULT_LOCAL_OFFSET_SIZE as Y,MAX_OFFSET_SIZE as $,SMALL_SCREEN_WIDTH as ee,SMALL_SCREEN_HEIGHT as te}from"./constants.js";import{SEARCH_CATEGORIES as ie}from"./components/OffsetWellsTable/AdvancedSearch/constants.js";import{getCoordinatedWells as re,getMobileOperatingSystem as oe}from"./utils/index.js";import{showInfoNotification as ne}from"../../utils/notificationToasts.js";function se(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),i.push.apply(i,r)}return i}function le(e){for(var i=1;i<arguments.length;i++){var r=null!=arguments[i]?arguments[i]:{};i%2?se(Object(r),!0).forEach((function(i){t(e,i,r[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):se(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var ae="OffsetWellPickerV4",pe=function(m){var X,Y,se,pe=m.open,me=m.isWDUser,ce=m.defaultSubjectWell,de=m.currentUser,ue=m.offsetSettings,fe=m.addWellsUsabilityInfo,je=m.isViewOnly,Ce=m.onClose,ve=m.onSave,be=m.maxOffsetSize,he=m.localMaxOffsetSize,ge=m.syncAutoEnabled,Ae=n(null),Se=r(Ae,2),ye=Se[0],De=Se[1],xe=Math.min(be+1,he+1,$+1),Ie=Math.min(Math.max(xe,he+1),$+1),We=n(null==ue?void 0:ue.filterExpanded),Te=r(We,2),Pe=Te[0],Oe=Te[1],Ee=n(null==ue?void 0:ue.mapHidden),we=r(Ee,2),Be=we[0],Me=we[1],ke=+(null==ce?void 0:ce.companyId)||+(null==de?void 0:de.company_id),Ve=null==ce?void 0:ce.asset_id,Fe=n((null==ue?void 0:ue.filters)||{}),He=r(Fe,2),Le=He[0],Ne=He[1],Re=n((null==ue?void 0:ue.wellSection)||U),Ge=r(Re,2),Ue=Ge[0],ze=Ge[1],_e=s(!0),Ke=n([]),qe=r(Ke,2),Ze=qe[0],Je=qe[1],Qe=n(null),Xe=r(Qe,2),Ye=Xe[0],$e=Xe[1],et=n(!0),tt=r(et,2),it=tt[0],rt=tt[1],ot=n(!1),nt=r(ot,2),st=nt[0],lt=nt[1],at=n(!1),pt=r(at,2),mt=pt[0],ct=pt[1],dt=s(),ut=n(z.none),ft=r(ut,2),jt=ft[0],Ct=ft[1],vt=s(),bt=n(!1),ht=r(bt,2),gt=ht[0],At=ht[1],St=Ie<=(null==Ze?void 0:Ze.length),yt=_[jt],Dt=s(),xt=n(!0),It=r(xt,2),Wt=It[0],Tt=It[1];l((function(){var e,t,i;(pe&&St&&ne("App can’t process more than (".concat(Ie-1,") Offset Wells.")),pe)||((null==ue||null===(e=ue.selectedWellIds)||void 0===e?void 0:e.length)===(null===(t=Dt.current)||void 0===t?void 0:t.length)&&(null==ue||null===(i=ue.selectedWellIds)||void 0===i?void 0:i.every((function(e){var t;return null===(t=Dt.current)||void 0===t?void 0:t.includes(e)})))||(_e.current=!0),Dt.current=null==ue?void 0:ue.selectedWellIds)}),[St,pe,ue]),l((function(){function e(){window.innerWidth<=ee||b||h?Ct(z.mobile):window.innerHeight<=te?Ct(z.small):Ct(z.normal)}return e(),window.addEventListener("resize",e),function(){window.removeEventListener("resize",e)}}),[pe]),l((function(){vt.current&&jt===vt.current||(vt.current=jt,jt===z.small||jt===z.mobile?(Me(!0),Oe(!1)):(Oe(!je&&(null==ue?void 0:ue.filterExpanded)),Me(!je&&(null==ue?void 0:ue.mapHidden))),Ne((null==ue?void 0:ue.filters)||{}),ze((null==ue?void 0:ue.wellSection)||U))}),[ue,je,jt]);var Pt=P(ke,fe),Ot=E(me,Ve,Pt),Et=r(Ot,4),wt=Et[0],Bt=Et[1],Mt=Et[2],kt=Et[3];l((function(){Tt(!0),Bt(null),kt(null)}),[Ve]),l((function(){var e,t=(e=i(o.mark((function e(){var t,i,r,n,s,l,a,p,m,c;return o.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(t=void 0===ue.isSynced||ue.isSynced,i=!0,!t){e.next=19;break}if(n=Mt[U],s=((null==ue?void 0:ue.selectedWellIds)||[]).every((function(e){return n.includes(e)})),n.length===(null===(r=ue.selectedWellIds)||void 0===r?void 0:r.length)&&s){e.next=16;break}return e.next=8,re(n,Ve);case 8:l=e.sent,a=l.slice(0,xe+1).map((function(e){return e.id})),a=l.slice(0,he+1).map((function(e){return e.id})),p=le(le({},ue),{},{subjectWellId:Ve,selectedWellIds:a,offsetWellsLimited:Ie<=a.length}),m=l.filter((function(e){return a.includes(e.id)})),ve(p,m),e.next=17;break;case 16:i=!1;case 17:e.next=20;break;case 19:i=!1;case 20:if(i){e.next=25;break}return e.next=23,re((null==ue?void 0:ue.selectedWellIds)||[],Ve);case 23:c=e.sent,ve(ue,c);case 25:case"end":return e.stop()}}),e)}))),function(){return e.apply(this,arguments)});ge&&Wt&&ue&&Mt&&(t(),Tt(!1))}),[ue,Mt,Ve,Ie,ge]);var Vt=w(ke,null==ue?void 0:ue.metricsKeys),Ft=r(Vt,2),Ht=Ft[0],Lt=Ft[1],Nt=O(ke,Pt,wt,Mt,Ve,Ht),Rt=B(Nt);l((function(){if(Nt&&wt){var e=Nt.find((function(e){return e.id===Ve}));if(e){var i=wt.filter((function(e){return e.value!==U})).map((function(e){return e.label})),r=le(le({},e),i.length>0&&t({},K.wellSection,i));$e(r)}else $e(null)}}),[wt,Nt]);var Gt=V(Ht),Ut=M(Nt,Le);l((function(){if(Ut)if(_e.current){var e=Nt.filter((function(e){return((null==ue?void 0:ue.selectedWellIds)||[]).includes(e.id)}));Ye&&(e=e.concat(Ye)),Je(d(e,"id")),_e.current=!1}else Je((function(e){var t=(Ut||[]).filter((function(t){return!!e.find((function(e){var i=e.id;return t.id===i}))}));return Ye&&(t=t.concat(Ye)),d(t,"id")}))}),[Nt,Ut,null==ue?void 0:ue.selectedWellIds]);var zt=k(Ye,Ut,Ze,rt,_e.current),_t=r(zt,5),Kt=_t[0],qt=_t[1],Zt=_t[2],Jt=_t[3],Qt=_t[4],Xt=a((function(e,t,i){var r;r=i===ie.well.name?t:t.reduce((function(e,t){var i,r=null===(i=Nt.find((function(e){return e.id===t})))||void 0===i?void 0:i.rigName,o=Nt.filter((function(e){return e.rigName===r})).map((function(e){return e.id}));return e.concat(o)}),[]);var o=Nt.filter((function(e){var t=e.id;return r.includes(t)}));e?(o=o.slice(0,Math.min(o.length,Ie-Ze.length)),Je((function(e){return d(e.concat(o),"id")}))):Je((function(e){return d(e.filter((function(e){var t=e.id;return!o.find((function(e){return e.id===t}))})))}))}),[Nt,Ze]),Yt=a((function(){ct(!0)}),[]),$t=a((function(e){Lt(e)}),[]),ei=a((function(t,i){Je(i?function(i){return[].concat(e(i),[t])}:function(e){return e.filter((function(e){return e.id!==t.id}))})}),[]),ti=a((function(e){if(e){var t=Ye?Ut.concat(Ye):Ut,i=u(d(t,"id"),"distance");Je(i.slice(0,Ie))}else Je(Ye?[Ye]:[])}),[Ut,Ye,Ie]),ii=function(e){if(Mt){var t=Nt.filter((function(t){return Mt[e].includes(t.id)})),i=u(t,"distance");Je(i.slice(0,xe))}else Je(Ye?[Ye]:[])},ri=a((function(e){ze(e),ii(e)}),[ii]),oi=p((function(){return Ze.find((function(e){return e.id===Ve}))?Ze.length-1:Ze.length}),[Ze,Ve]),ni=p((function(){if(!Mt)return!1;var e=Ze.map((function(e){return e.id})),t=Mt[Ue]||[];return Math.min(t.length,xe)===e.length&&e.every((function(e){return t.includes(e)}))}),[Mt,Ze,Ue,xe]),si=function(){var e=(Nt||[]).filter((function(e){return((null==ue?void 0:ue.selectedWellIds)||[]).includes(e.id)}));Ye&&(e=e.concat(Ye)),Je(d(e,"id"));var t=le(le({},ue),{},{mapHidden:Be,filterExpanded:Pe});ve(t),Ne((null==ue?void 0:ue.filters)||{}),ze((null==ue?void 0:ue.wellSection)||U),Ce()},li=p((function(){return!ni||(!(f(Le)||!Le[q.sideTracks])||Ue!==U)}),[ni,Le,Ue]),ai=!Nt||!wt||!Qt||jt===z.none,pi=n(!1),mi=r(pi,2),ci=mi[0],di=mi[1],ui=n(Z),fi=r(ui,2),ji=fi[0],Ci=fi[1],vi=n([]),bi=r(vi,2),hi=bi[0],gi=bi[1];l((function(){if(Qt){var e=Qt.slice(0,ji);gi(e)}}),[Qt,ji,Ye]);return g(v,{open:pe,onClose:si,title:g(F,{isWDUser:me,viewType:jt,totalCount:null!==(X=null==Nt?void 0:Nt.length)&&void 0!==X?X:0,selectedCount:oi,isViewOnly:je,maxOffsetwellNumber:Ie}),isMobile:jt===z.mobile,contentContainerClassName:c(G.offsetWellDialog),contentClassName:c(G.contentContainer,(Y={},t(Y,G.smallContainer,jt===z.small),t(Y,G.contentContainerMobile,jt===z.mobile),Y)),actionsClassName:G.modalActions,actions:!je&&A("div",{className:G.actionsWrapper,children:[!ai&&li?g(W,{placement:"bottom-start",title:"Reset to Synced Offsets in ".concat(me?"Offset App":"Wellhub"),children:g("div",{children:g(I,{"data-testid":"".concat(ae,"_reset"),onClick:function(){Ne({}),ze(U),ii(U)},color:"primary",startIcon:jt!==z.mobile&&g(j,{}),classes:jt===z.mobile&&{root:G.resetButtonMobile},children:jt!==z.mobile?"Reset":g(j,{})})})}):g("div",{className:jt===z.mobile&&G.infoIconContainer,children:jt!==z.mobile?A(S,{children:[g("span",{className:c(T.regular12,T.colors.t6),children:"The offset list is being automatically populated by "}),g("span",{className:c(T.medium12,T.colors.t6),children:me?"Offset Selection App.":"WellHub."})]}):g(W,{title:A("div",{children:[g("span",{className:c(T.regular12,T.colors.t1),children:"The offset list is being automatically populated by "}),g("span",{className:c(T.medium12,T.colors.t1),children:me?"Offset Selection App.":"WellHub."})]}),enterTouchDelay:0,leaveTouchDelay:J,children:g(C,{className:G.infoIcon})})}),A("div",{className:G.buttonGap,children:[g(I,{"data-testid":"".concat(ae,"_cancel"),onClick:si,color:"primary",children:"Cancel"}),A(I,{"data-testid":"".concat(ae,"_selectedWells"),variant:"contained",color:"primary",onClick:function(){Ce();var e=le(le({},ue),{},{companyId:ke,subjectWellId:Ve,selectedWellIds:Ze.map((function(e){return e.id})),filters:Le,metricsKeys:Ht,wellSection:Ue,isSynced:ni,mapHidden:Be,filterExpanded:Pe,offsetWellsLimited:St});ve(e,Ze)},children:["Select (",oi,")"]})]})]}),children:ai?g(y,{fullscreen:!1}):A("div",{className:c(G.contentWrapper),ref:dt,children:[jt===z.mobile&&A("div",{className:c(G.countContainer,t({},G.countContainerMobile,jt===z.mobile)),children:[g(D,{className:G.totalLabel,children:"Total:"}),g(D,{"data-testid":"".concat(ae,"_totalWells"),className:G.countValue,children:Nt.length}),g(D,{className:G.selectedLabel,children:"Selected:"}),g(D,{"data-testid":"".concat(ae,"_selected"),className:G.countValue,children:oi}),g(W,{title:"App can’t process more than (".concat(Ie-1,") Offset Wells."),placement:"right",children:A(x,{"data-testid":"".concat(ae,"_maxOffsetSize"),className:G.maxOffsetSize,children:["/",Ie-1]})})]}),jt===z.normal&&g(H,{isViewOnly:je,viewType:jt,filters:Le,setFilters:Ne,isFilterExpanded:Pe,setIsFilterExpanded:Oe,isMapHidden:Be,setIsMapHidden:Me}),gt&&g("div",{className:G.topGradient,style:{top:yt}}),A("div",{className:c(G.content,(se={},t(se,G.contentMobile,jt===z.mobile),t(se,G.contentiOSMobile,oe()===Q),se)),onScroll:function(e){return function(e){e.target&&(mt&&(e.target.scrollLeft=0,ct(!1)),e.target.scrollLeft<=5&&ci&&di(!1),e.target.scrollLeft>5&&!ci&&di(!0),e.target.scrollTop<=5&&gt&&At(!1),e.target.scrollTop>5&&!gt&&At(!0),e.target.scrollHeight!==e.target.offsetHeight&&Math.round(e.target.scrollTop+e.target.offsetHeight+2)>=e.target.scrollHeight&&ji<Qt.length&&Ci((function(e){return e+Z})))}(e)},children:[jt!==z.normal&&g(H,{isViewOnly:je,viewType:jt,filters:Le,setFilters:Ne,isFilterExpanded:Pe,setIsFilterExpanded:Oe,isMapHidden:Be,setIsMapHidden:Me}),!Be&&pe&&g(N,{isViewOnly:je,mapHidden:Be,companyId:ke,subjectWell:Ye,offsetWellIds:Ze.map((function(e){return e.id})),wells:Ut,radius:Le[q.radius],handleChanageOffsetWell:ei,activeWellId:ye,viewType:jt}),g(L,{isHidden:!Pe,isWDUser:me,filterOptions:Rt,filters:Le,wellSections:wt,selectedWellSection:Ue,subjectWell:Ye,onChangeFilters:function(e){rt(!0),setTimeout((function(){return Ne(e)}),0)},onChangeBicWells:ri}),g(R,{open:pe,isTableLoading:it,companyId:ke,subjectWellId:Ve,sortBy:Kt,setSortBy:qt,sortDirection:Zt,setSortDirection:Jt,columnsWithDict:Gt,wells:hi,metricsKeys:Ht,setMetricsKeys:$t,handleChanageOffsetWell:ei,handleChangeAllOffsetWells:ti,handleAddRemoveAssets:Xt,isWellNameExpand:st,setIsWellNameExpand:lt,isHscrollMoved:ci,onHideAdvancedSearch:Yt,isViewOnly:je,isLastWell:Qt.length<=ji,contentRef:dt,isLimitedOffsetwells:St,maxOffsetwellNumber:Ie,wellSections:wt,setActiveWellId:De,viewType:jt,isWDUser:me})]}),je&&A("div",{className:G.viewOnlyInfoContainer,children:[g("span",{className:c(T.regular12,T.colors.t6),children:"The offset list is being automatically populated by "}),g("span",{className:c(T.medium12,T.colors.t6),children:me?"Offset Selection App.":"WellHub."})]})]})})};pe.propTypes={isWDUser:m.bool,defaultSubjectWell:m.shape({asset_id:m.number,companyId:m.number}),offsetSettings:m.shape({isSynced:m.bool,selectedWellIds:m.arrayOf(m.number),manualWellIds:m.arrayOf(m.number),filters:m.shape({}),metricsKeys:m.arrayOf(m.string),wellSection:m.string,companyId:m.number,subjectWellId:m.number,mapHidden:m.bool,filterExpanded:m.bool,hintPopupClosed:m.bool}),currentUser:m.shape({company_id:m.number}).isRequired,open:m.bool.isRequired,addWellsUsabilityInfo:m.func,isViewOnly:m.bool,onSave:m.func.isRequired,onClose:m.func.isRequired,maxOffsetSize:m.number,localMaxOffsetSize:m.number,syncAutoEnabled:m.bool},pe.defaultProps={isWDUser:!1,defaultSubjectWell:null,offsetSettings:{},addWellsUsabilityInfo:void 0,isViewOnly:!1,maxOffsetSize:X,localMaxOffsetSize:Y,syncAutoEnabled:!1};export{pe as default};