npm - @corva/ui - Versions diffs - 3.1.0-rc.5 → 3.1.0 - Mend

@corva/ui 3.1.0-rc.5 → 3.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1899) hide show

package/components/OffsetWellPickerV4/OffsetWellPickerV4.js CHANGED Viewed

@@ -1,1146 +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 classNames from 'classnames';
-import { uniqBy, uniq, sortBy, isEmpty } from 'lodash';
-import { Replay, InfoOutlined } from '@material-ui/icons';
-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 { useCompanyProvider } from './effects/useCompanyProvider.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 { ALL_SECTION_KEY, ViewType, TOP_GRADIENT_MAP, ColumnType, COMPANY_PROVIDERS_FOR_IDAS, FilterType, ROWS_PER_PAGE, RESYNC_STATUS, LEAVE_TOUCH_DELAY, IOS_DEVICE, MAX_OFFSET_SIZE, SMALL_SCREEN_WIDTH, SMALL_SCREEN_HEIGHT, DEFAULT_BIC_OFFSET_SIZE, DEFAULT_LOCAL_OFFSET_SIZE } from './constants.js';
-import { SEARCH_CATEGORIES } from './components/OffsetWellsTable/AdvancedSearch/constants.js';
-import { getMobileOperatingSystem, getCoordinatedWells } from './utils/index.js';
-import styles from './OffsetWellPickerV4.module.css.js';
-import '../../utils/index.js';
-import '@material-ui/core/Snackbar';
-import '../Notifications/Toast.js';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { NotificationsContainer } from '../Notifications/NotificationsContainer.js';
-import { isMobileDetected, isNativeDetected } from '../../utils/mobileDetect.js';
-import typography from '../../styles/typography/index.js';
-import '../../styles/counter/counter.module.scss.js';
-import { Regular14, Regular12 } from '../Typography.js';
-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 '../DevCenter/AppContext.js';
-import '../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js';
-import '../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import 'react-router';
-import '../../constants/goals.js';
-import '../../constants/segment.js';
-import '../../constants/alerts.js';
-import '../../constants/apps.js';
-import '../../constants/drillstring.js';
-import '../../constants/completion.js';
-import '../../constants/appPackages.js';
-import '../../constants/notifications.js';
-import '../../constants/feed.js';
-import '../../constants/bha.js';
-import '../../utils/env.js';
-import '../GradientManager/configuration/constants.js';
-import '../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js';
-import '../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js';
-import '../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js';
-import '../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js';
-import '../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js';
-import '../../componentsV2/Text/Text.js';
-import '../../componentsV2/Grid/Grid.js';
-import '../../componentsV2/Grid/Grid.scss.js';
-import '../../componentsV2/Header/Header.scss.js';
-import '../../componentsV2/Button/Button.js';
-import '../../componentsV2/ButtonIcon/ButtonIcon.js';
-import '../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js';
-import '../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js';
-import '../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js';
-import 'uuid';
-import '../../componentsV2/Tooltip/Tooltip.scss.js';
-import '../../componentsV2/Paper/Paper.js';
-import '../../componentsV2/Popover/Popover.scss.js';
-import '../../componentsV2/Radio/Radio.js';
-import '../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js';
-import '../../componentsV2/Checkbox/Checkbox.js';
-import '../../componentsV2/TextInput/TextInput.js';
-import '../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js';
-import '../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js';
-import '../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js';
-import '../../componentsV2/TextLink/TextLink.js';
-import '../../componentsV2/Chip/Chip.js';
-import '../../componentsV2/ChipAlert/ChipAlert.js';
-import '../../componentsV2/ChipIndicator/ChipIndicator.js';
-import '../../componentsV2/Avatar/Avatar.js';
-import '../../componentsV2/Avatar/constants.js';
-import '../../componentsV2/AvatarGroup/AvatarGroup.scss.js';
-import '@material-ui/lab';
-import '../../componentsV2/ToggleButtons/ToggleButtons.scss.js';
-import '../../componentsV2/Modal/Modal.scss.js';
-import '@icon-park/react/es/all';
-import '../../icons/IconParkProvider.js';
-import '../../icons/customIcons/icons/AddMessage.js';
-import '../../icons/customIcons/icons/Attention.js';
-import '../../icons/customIcons/icons/Collapse.js';
-import '../../icons/customIcons/icons/Dashboard.js';
-import '../../icons/customIcons/icons/Expand.js';
-import '../../icons/customIcons/icons/FolderClosed.js';
-import '../../icons/customIcons/icons/FolderClosedFilled.js';
-import '../../icons/customIcons/icons/FolderOpened.js';
-import '../../icons/customIcons/icons/GreaterOrEqual.js';
-import '../../icons/customIcons/icons/LessOrEqual.js';
-import '../../icons/customIcons/icons/Search.js';
-import '../../icons/customIcons/icons/Wellhub.js';
-import '../../icons/customIcons/icons/MultiRuler.js';
-import '../../icons/customIcons/icons/Checkbox.js';
-import '../../icons/customIcons/icons/CheckboxChecked.js';
-import '../../icons/customIcons/icons/CheckboxIndeterminate.js';
-import '../../icons/customIcons/icons/Radio.js';
-import '../../icons/customIcons/icons/RadioChecked.js';
-import '../../icons/customIcons/icons/SimulFrac.js';
-import '../../icons/customIcons/icons/ZipperFrac.js';
-import '../../icons/customIcons/icons/CautionFilled.js';
-import '../../icons/customIcons/icons/MoreApp.js';
-import '../../icons/customIcons/icons/Pad.js';
-import '../../icons/customIcons/icons/Gap.js';
-import '../../componentsV2/Menu/Menu.js';
-import '../../componentsV2/Counter/Counter.js';
-import '../../componentsV2/BadgeBase/BadgeBase.scss.js';
-import '../../componentsV2/BadgeDot/BadgeDot.scss.js';
-import '../../componentsV2/LoaderLinear/LoaderLinear.scss.js';
-import '../../componentsV2/LoaderLogo/LoaderLogo.scss.js';
-import '../../componentsV2/Switch/Switch.js';
-import '../../componentsV2/Tabs/Tabs.js';
-import '../../componentsV2/EmptyState/EmptyState.scss.js';
-import '../../componentsV2/FileIcon/FileIcon.js';
-import 'react-dropzone';
-import '../../componentsV2/FilesDropzone/FilesDropzone.scss.js';
-import '../../componentsV2/FilesLoader/FilesLoader.scss.js';
-import '../../componentsV2/FilesProcessor/FilesProcessor.scss.js';
-import '../../componentsV2/Skeleton/Skeleton.scss.js';
-import '../../utils/main.js';
-import '../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js';
-import '../../componentsV2/Stepper/Step/Step.scss.js';
-import '../../componentsV2/Stepper/Stepper.scss.js';
-import '../../componentsV2/ButtonLive/ButtonLive.js';
-import '../../componentsV2/LiveDotIndicator/LiveDotIndicator.scss.js';
-import '../../componentsV2/IndicatorLive/IndicatorLive.scss.js';
-import '../../componentsV2/Accordion/Accordion.scss.js';
-import '../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js';
-import '../../componentsV2/BadgeComment/BadgeComment.js';
-import '../../componentsV2/AppContainer/AppContainer.js';
-import '../../componentsV2/AppContainer/AppContainer.constants.js';
-import '../../componentsV2/AppFooter/AppFooter.js';
-import '../DevCenter/DevCenterAppContainer/components/AppCommons/AppCommonsContext.js';
-import '../../componentsV2/AppHeader/AppHeader.constants.js';
-import '../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js';
-import '../../componentsV2/AppHeader/AppAssets/AppAssets.js';
-import '../PadModeSelect/PadModeSelect.js';
-import '../../componentsV2/AppHeader/PadMode/PadMode.scss.js';
-import '../../constants/streamSourceType.js';
-import '../../componentsV2/AppHeader/AppHeader.scss.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/RestoreAppSizeButton/index.js';
-import 'rollbar';
-import '@rollbar/react';
-import '../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js';
-import '../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchButton.scss.js';
-import '../DevCenter/DevCenterAppContainer/DevCenterAppContainer.css.js';
-import '../Icons/AnnotationIcon.js';
-import '../Annotations/components/AnnotationsList/index.js';
-import '../Annotations/components/LastAnnotation/index.js';
-import '../Annotations/AnnotationsContext.js';
-import '../Toaster/Toaster.js';
-import 'querystring';
-import 'uuid/v1';
-import '../../clients/subscriptions.js';
-import 'query-string';
-import '../../clients/api/apiCore.js';
-import '../../clients/constants.js';
-import 'jsona';
-import '../StatusBadge/constants.js';
-import 'lodash/set';
-import 'lodash/get';
-import 'lodash/unset';
-import 'moment';
-import '../../clients/sso/auth0.js';
-import '../../clients/sso/oauth2.js';
-import 'lodash/isEmpty';
-import 'lodash/sortBy';
-import '../HelpCenter/HelpCenterIcon.js';
-import '../DevCenter/NavigationBar/NavigationBar.js';
-import '../DevCenter/SideBar/SideBar.js';
-import '../DevCenter/AppSettingsPopover/AppSettingsPopover.js';
-import '../DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js';
-import '../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js';
-import '../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js';
-import '../AssetEditor/index.js';
-import '../AssetEditorV2/index.js';
-import '../AppVersionsSelect/AppVersionsSelect.js';
-import LoadingIndicator from '../LoadingIndicator/LoadingIndicator.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 'react-color';
-import '../SettingEditors/ColorEditor/style.css.js';
-import '../SettingEditors/DropdownEditor/index.js';
-import '../SwitchControl/index.js';
-import '../ColorPicker/ColorPicker.js';
-import '../Chart/components/ChartButton.js';
-import '../Chart/components/ChartButtons.js';
-import '../Chart/components/ChartWrapper.js';
-import '../Chart/components/AxisDropdown.js';
-import '../Chart/components/ChartSelect.js';
-import '../Chart/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 '../MiddleTruncatedText/MiddleTruncatedText.js';
-import '../RangeSlider/constants.js';
-import '../RangeSlider/Input.css.js';
-import '../RangeSlider/RangeSlider.css.js';
-import '../AdvancedSlider/AdvancedSlider.js';
-import '../Breadcrumbs/index.js';
-import '../VirtualizedTable/index.js';
-import '../EmptyView/EmptyView.js';
-import '../EmptyView/EmptyAppView/EmptyAppView.js';
-import Button from '../Button/components/Button/index.js';
-import 'moment-timezone';
-import '../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js';
-import '../Button/components/LiveButton/styles.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 '../GradientPicker/GradientPicker.js';
-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 '../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 '../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 '../MiddleTruncate/MiddleTruncate.js';
-import '../PinnableFilters/PinnableFilters.js';
-import '../HeaderLayout/HeaderLayout.js';
-import '../PadOffsetsPicker/PadOffsetsPicker.js';
-import '../PadOffsetsPicker/OffsetAssetChip.js';
-import '../PadOffsetsPicker/OffsetAssetsListExpander.js';
-import '../PadOffsetsPicker/StagesSelector.js';
-import '../PadOffsetsPickerV2/PadOffsetsPickerV2.js';
-import '../Table/TableToolbar/TableToolbar.js';
-import '../Table/TableContainer/TableContainer.js';
-import '../Table/TableCell/TableCell.js';
-import '../Table/TablePagination/TablePagination.js';
-import '../Table/TablePaginationActions/TablePaginationActions.js';
-import { Tooltip } from '../Tooltip/Tooltip.js';
-import '../Tooltip/ScrollableTooltip.js';
-import '../PriceInput/PriceInput.js';
-import '../LabelsCounter/LabelsCounter.js';
-import '../Stepper/Stepper.js';
-import '../Stepper/Step/Step.js';
-import '../Stepper/StepsWrapper.js';
-import '../Comment/CommentIcon/index.js';
-import '../FilesLoader/FilesLoader.js';
-import '../SearchInput/index.js';
-import '../FeedItem/FeedItem.js';
-import '../FeedItem/FeedItemEditProvider/FeedItemEditProvider.js';
-import '../PostInput/PostInput.js';
-import '../KeyboardDateTimePicker.js';
-import '../AddComment/Popover.js';
-import '../AddComment/Popup.js';
-import '../StageDesignVActual/ComparisonBar/ComparisonBar.js';
-import '../StageDesignVActual/ElementsComparison/ElementsComparison.js';
-import '../StageDesignVActual/ComparisonHeader.js';
-import '../StageDesignVActual/ComparisonRow.js';
-import '../EmbeddedApp/DevCenterEmbeddedApp.js';
-import '../EmbeddedApp/EmbeddedApp.js';
-import '../Autocomplete/Autocomplete.js';
-import '../DocumentViewer/DocumentViewer.js';
-import '../ColorPickerPalette/ColorPickerPalette.js';
-import '../Search/Search.js';
-import '../Search/components/Listbox.js';
-import '../Search/components/Paper.js';
-import '../Search/components/RecentSearches.js';
-import '../Search/components/Groups.js';
-import '../Search/components/SelectAllListItem.js';
-import '../StatusBadge/index.js';
-import '../Attachment/index.js';
-import '../EmojiIconButton.js';
-import '../FileUploadIconButton.js';
-import '../FilePreview/index.js';
-import '../FailedFileUploading.js';
-import '../UserMention/index.js';
-import '../CommentsInfo/index.js';
-import '../CommentInput/index.js';
-import '../Comment/index.js';
-import '../CommentLoader.js';
-import '../AssetNameLabel/AssetStatusBadge.js';
-import '../AssetEditorV2/components/PrimaryAssetSelect.js';
-import '../AssetEditorV2/components/SecondaryAssetSelect.js';
-import '../AssetEditorV2/components/SelectItem.js';
-import '../AssetEditorV2/components/MultipleAssetsToggle.js';
-import '../AssetEditorV2/components/PrimaryAssetSelectV2.js';
-import '../EChartsWrapper/EChartsWrapper.js';
-import '../AssetsMultipleSelector/AssetsMultipleSelector.js';
-import '@material-ui/icons/Close';
-import '@material-ui/icons/GetApp';
-import '../GoogleDocsViewer/index.js';
-import '../NewDocumentViewer/effects/useFileContent.js';
-import '../NewDocumentViewer/styles.js';
-import '../FilesLoaderV2/styles.js';
-import '../FilesDropzone/styles.js';
-import '../FilesProcessor/styles.js';
-import '../Hint/styles.js';
-import '@babel/runtime/helpers/taggedTemplateLiteral';
-import 'fparser';
-import '../Formula/useFormulaStyles.js';
-import '../Formula/RootXIcon.js';
-import '../Formula/FormulaTextEditor.js';
-import '../Formula/CloseSuggestion.js';
-import '../Formula/SuggestionsMenu.js';
-import { showInfoNotification, showSuccessNotification, showErrorNotification } 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';
-/**
- * @type {React.FC<import('./OffsetWellPickerV4.types').OffsetWellPickerV4Props>}
- */
-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,
-    _ref$maxOffsetSize = _ref.maxOffsetSize,
-    offsetSize = _ref$maxOffsetSize === void 0 ? DEFAULT_BIC_OFFSET_SIZE : _ref$maxOffsetSize,
-    _ref$localMaxOffsetSi = _ref.localMaxOffsetSize,
-    localMaxOffsetSize = _ref$localMaxOffsetSi === void 0 ? DEFAULT_LOCAL_OFFSET_SIZE : _ref$localMaxOffsetSi,
-    syncAutoEnabled = _ref.syncAutoEnabled,
-    _ref$isManualWellsEna = _ref.isManualWellsEnabled,
-    isManualWellsEnabled = _ref$isManualWellsEna === void 0 ? false : _ref$isManualWellsEna;
-  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();
-  /** @type {ReturnType<typeof useState<string>>} */
-  var _useState21 = useState(ViewType.none),
-    _useState22 = _slicedToArray(_useState21, 2),
-    viewType = _useState22[0],
-    setViewType = _useState22[1];
-  /** @type {ReturnType<typeof useRef<string>>} */
-  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];
-  /** @type {ReturnType<typeof useRef<number[]>>} */
-  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 _useFetchWells = useFetchWells(assetCompanyId, addWellsUsabilityInfo),
-    _useFetchWells2 = _slicedToArray(_useFetchWells, 1),
-    rawWells = _useFetchWells2[0];
-  var _useCompanyProvider = useCompanyProvider(assetCompanyId),
-    _useCompanyProvider2 = _slicedToArray(_useCompanyProvider, 1),
-    companyProvider = _useCompanyProvider2[0];
-  var _useBicWells = useBicWells(isWDUser, currentUser, subjectWellId, rawWells, isManualWellsEnabled),
-    _useBicWells2 = _slicedToArray(_useBicWells, 7),
-    wellSections = _useBicWells2[0],
-    setWellSections = _useBicWells2[1],
-    bicWells = _useBicWells2[2],
-    setBicWells = _useBicWells2[3],
-    resyncStatus = _useBicWells2[4],
-    setResyncStatus = _useBicWells2[5],
-    taScores = _useBicWells2[6];
-  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 === null || offsetSettings === void 0 ? void 0 : offsetSettings.isSynced) === 'undefined' || (offsetSettings === null || offsetSettings === void 0 ? void 0 : 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 well hub or offset selection app be changed
-                if (!(bicWellIds.length !== (offsetSettings === null || offsetSettings === void 0 ? void 0 : (_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 uniq(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 handleChangeOffsetWell = 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 === null || wells === void 0 ? void 0 : wells.filter(function (well) {
-        var _bicWells$section;
-        return (_bicWells$section = bicWells[section]) === null || _bicWells$section === void 0 ? void 0 : _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] || [];
-    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 isXtoProvider = useMemo(function () {
-    return companyProvider ? COMPANY_PROVIDERS_FOR_IDAS.includes(companyProvider) : false;
-  }, [companyProvider]);
-  var offsetLabel = useMemo(function () {
-    if (isXtoProvider) {
-      return 'IDAS generated offsets.';
-    }
-    return isWDUser ? 'Offset Selection App.' : 'WellHub.';
-  }, [isXtoProvider, isWDUser]);
-  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]);
-  useEffect(function () {
-    if (resyncStatus === RESYNC_STATUS.SUCCEEDED) {
-      showSuccessNotification('Re-sync wells from IDAS was successful');
-    } else if (resyncStatus === RESYNC_STATUS.FAILED) {
-      showErrorNotification('Re-sync wells from IDAS failed');
-    }
-  }, [resyncStatus]);
-  useEffect(function () {
-    if (resyncStatus === RESYNC_STATUS.SUCCEEDED) {
-      handleReset();
-    }
-  }, [bicWells]);
-  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: offsetLabel
-      })]
-    });
-  };
-  return /*#__PURE__*/jsxs(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: offsetLabel
-          })]
-        }) : /*#__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: [/*#__PURE__*/jsx(NotificationsContainer, {}), !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,
-        isXtoProvider: isXtoProvider,
-        viewType: viewType,
-        filters: filters,
-        setFilters: setFilters,
-        isFilterExpanded: isFilterExpanded,
-        setIsFilterExpanded: setIsFilterExpanded,
-        isMapHidden: isMapHidden,
-        setIsMapHidden: setIsMapHidden,
-        resyncStatus: resyncStatus,
-        setResyncStatus: setResyncStatus
-      }), 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,
-          isXtoProvider: isXtoProvider,
-          viewType: viewType,
-          filters: filters,
-          setFilters: setFilters,
-          isFilterExpanded: isFilterExpanded,
-          setIsFilterExpanded: setIsFilterExpanded,
-          isMapHidden: isMapHidden,
-          setIsMapHidden: setIsMapHidden,
-          resyncStatus: resyncStatus,
-          setResyncStatus: setResyncStatus
-        }), !isMapHidden && open && /*#__PURE__*/jsx(WellsMap, {
-          isViewOnly: isViewOnly,
-          mapHidden: isMapHidden,
-          subjectWell: subjectWell,
-          offsetWellIds: selectedWells.map(function (_ref10) {
-            var id = _ref10.id;
-            return id;
-          }),
-          wells: filteredWells,
-          radius: filters[FilterType.radius],
-          handleChangeOffsetWell: handleChangeOffsetWell,
-          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,
-          handleChangeOffsetWell: handleChangeOffsetWell,
-          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,
-          taScores: taScores
-        })]
-      }), 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: offsetLabel
-        })]
-      })]
-    }) : /*#__PURE__*/jsx(LoadingIndicator, {
-      fullscreen: false
-    })]
-  });
-};
-export { OffsetWellPickerV4 as default };
-//# sourceMappingURL=OffsetWellPickerV4.js.map
+import e from"@babel/runtime/helpers/toConsumableArray";import t from"@babel/runtime/helpers/defineProperty";import o from"@babel/runtime/helpers/asyncToGenerator";import s from"@babel/runtime/helpers/slicedToArray";import n from"@babel/runtime/regenerator";import{useState as i,useRef as r,useEffect as p,useCallback as l,useMemo as a}from"react";import m from"classnames";import{uniqBy as c,uniq as d,sortBy as u,isEmpty as j}from"lodash";import{Replay as f,InfoOutlined as C}from"@material-ui/icons";import{useFetchWells as v}from"./effects/useFetchWells.js";import{useAdvancedWells as A}from"./effects/useAdvancedWells.js";import{useBicWells as h}from"./effects/useBicWells.js";import{useCompanyMetricKey as b}from"./effects/useCompanyMetricKey.js";import{useFilterOptions as g}from"./effects/useFilterOptions.js";import{useFilteredWells as S}from"./effects/useFilteredWells.js";import{useSortedWells as I}from"./effects/useSortedWells.js";import"./effects/useAssetsData.js";import{useTableColumns as D}from"./effects/useTableColumns.js";import{useCompanyProvider as T}from"./effects/useCompanyProvider.js";import{AppHeader as y}from"./components/AppHeader/AppHeader.js";import{Toolbar as x}from"./components/Toolbar/Toolbar.js";import{Filter as V}from"./components/Filter/Filter.js";import{WellsMap as P}from"./components/Map/WellsMap.js";import W from"./components/OffsetWellsTable/OffsetWellsTable.js";import{ALL_SECTION_KEY as B,ViewType as E,TOP_GRADIENT_MAP as w,ColumnType as F,COMPANY_PROVIDERS_FOR_IDAS as O,FilterType as M,ROWS_PER_PAGE as L,RESYNC_STATUS as k,LEAVE_TOUCH_DELAY as H,IOS_DEVICE as N,DEFAULT_LOCAL_OFFSET_SIZE as R,MAX_OFFSET_SIZE as G,SMALL_SCREEN_WIDTH as z,SMALL_SCREEN_HEIGHT as U,DEFAULT_BIC_OFFSET_SIZE as _}from"./constants.js";import{SEARCH_CATEGORIES as K}from"./components/OffsetWellsTable/AdvancedSearch/constants.js";import{getCoordinatedWells as Z,getMobileOperatingSystem as q}from"./utils/index.js";import X from"./OffsetWellPickerV4.module.css.js";import"../../utils/index.js";import{jsxs as J,jsx as Q,Fragment as Y}from"react/jsx-runtime";import"@material-ui/core/Snackbar";import"../Notifications/Toast.js";import{NotificationsContainer as $}from"../Notifications/NotificationsContainer.js";import{isMobileDetected as ee,isNativeDetected as te}from"../../utils/mobileDetect.js";import oe from"../../styles/typography/index.js";import"../../styles/counter/counter.module.scss.js";import{Regular14 as se,Regular12 as ne}from"../Typography.js";import ie 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"../DevCenter/AppContext.js";import"../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"@babel/runtime/helpers/objectWithoutProperties";import"react-router";import"../../constants/goals.js";import"../../constants/segment.js";import"../../constants/alerts.js";import"../../constants/apps.js";import"../../constants/drillstring.js";import"../../constants/completion.js";import"../../constants/appPackages.js";import"../../constants/notifications.js";import"../../constants/feed.js";import"../../constants/bha.js";import"../../utils/env.js";import"../GradientManager/configuration/constants.js";import"../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import"../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js";import"../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js";import"../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js";import"../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js";import"../../componentsV2/Text/Text.js";import"../../componentsV2/Grid/Grid.js";import"../../componentsV2/Grid/Grid.scss.js";import"../../componentsV2/Header/Header.scss.js";import"../../componentsV2/Button/Button.js";import"../../componentsV2/ButtonIcon/ButtonIcon.js";import"../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"uuid";import"../../componentsV2/Tooltip/Tooltip.scss.js";import"../../componentsV2/Paper/Paper.js";import"../../componentsV2/Popover/Popover.scss.js";import"../../componentsV2/Radio/Radio.js";import"../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import"../../componentsV2/Checkbox/Checkbox.js";import"../../componentsV2/TextInput/TextInput.js";import"../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js";import"../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js";import"../../componentsV2/TextLink/TextLink.js";import"../../componentsV2/Chip/Chip.js";import"../../componentsV2/ChipAlert/ChipAlert.js";import"../../componentsV2/ChipIndicator/ChipIndicator.js";import"../../componentsV2/Avatar/Avatar.js";import"../../componentsV2/Avatar/constants.js";import"../../componentsV2/AvatarGroup/AvatarGroup.scss.js";import"@material-ui/lab";import"../../componentsV2/ToggleButtons/ToggleButtons.scss.js";import"../../componentsV2/Modal/Modal.scss.js";import"@icon-park/react/es/all";import"../../icons/IconParkProvider.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/Gap.js";import"../../componentsV2/Menu/Menu.js";import"../../componentsV2/Counter/Counter.js";import"../../componentsV2/BadgeBase/BadgeBase.scss.js";import"../../componentsV2/BadgeDot/BadgeDot.scss.js";import"../../componentsV2/LoaderLinear/LoaderLinear.scss.js";import"../../componentsV2/LoaderLogo/LoaderLogo.scss.js";import"../../componentsV2/Switch/Switch.js";import"../../componentsV2/Tabs/Tabs.js";import"../../componentsV2/EmptyState/EmptyState.scss.js";import"../../componentsV2/FileIcon/FileIcon.js";import"react-dropzone";import"../../componentsV2/FilesDropzone/FilesDropzone.scss.js";import"../../componentsV2/FilesLoader/FilesLoader.scss.js";import"../../componentsV2/FilesProcessor/FilesProcessor.scss.js";import"../../componentsV2/Skeleton/Skeleton.scss.js";import"../../utils/main.js";import"../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js";import"../../componentsV2/Stepper/Step/Step.scss.js";import"../../componentsV2/Stepper/Stepper.scss.js";import"../../componentsV2/ButtonLive/ButtonLive.js";import"../../componentsV2/LiveDotIndicator/LiveDotIndicator.scss.js";import"../../componentsV2/IndicatorLive/IndicatorLive.scss.js";import"../../componentsV2/Accordion/Accordion.scss.js";import"../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js";import"../../componentsV2/BadgeComment/BadgeComment.js";import"../../componentsV2/AppContainer/AppContainer.js";import"../../componentsV2/AppContainer/AppContainer.constants.js";import"../../componentsV2/AppFooter/AppFooter.js";import"../DevCenter/DevCenterAppContainer/components/AppCommons/AppCommonsContext.js";import"../../componentsV2/AppHeader/AppHeader.constants.js";import"../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js";import"../../componentsV2/AppHeader/AppAssets/AppAssets.js";import"../PadModeSelect/PadModeSelect.js";import"../../componentsV2/AppHeader/PadMode/PadMode.scss.js";import"../../constants/streamSourceType.js";import"../../componentsV2/AppHeader/AppHeader.scss.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/RestoreAppSizeButton/index.js";import"rollbar";import"@rollbar/react";import"../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchButton.scss.js";import"../DevCenter/DevCenterAppContainer/DevCenterAppContainer.css.js";import"../Icons/AnnotationIcon.js";import"../Annotations/components/AnnotationsList/index.js";import"../Annotations/components/LastAnnotation/index.js";import"../Annotations/AnnotationsContext.js";import"../Toaster/Toaster.js";import"querystring";import"uuid/v1";import"../../clients/subscriptions.js";import"../../clients/jsonApi/index.js";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"../../clients/sso/auth0.js";import"../../clients/sso/oauth2.js";import"lodash/isEmpty";import"lodash/sortBy";import"../HelpCenter/HelpCenterIcon.js";import"../DevCenter/NavigationBar/NavigationBar.js";import"../DevCenter/SideBar/SideBar.js";import"../DevCenter/AppSettingsPopover/AppSettingsPopover.js";import"../DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js";import"../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js";import"../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js";import"../AssetEditor/index.js";import"../AssetEditorV2/index.js";import"../AppVersionsSelect/AppVersionsSelect.js";import re from"../LoadingIndicator/LoadingIndicator.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"react-color";import"../SettingEditors/ColorEditor/style.css.js";import"../SettingEditors/DropdownEditor/index.js";import"../SwitchControl/index.js";import"../ColorPicker/ColorPicker.js";import"../Chart/components/ChartButton.js";import"../Chart/components/ChartButtons.js";import"../Chart/components/ChartWrapper.js";import"../Chart/components/AxisDropdown.js";import"../Chart/components/ChartSelect.js";import"../Chart/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"../MiddleTruncatedText/MiddleTruncatedText.js";import"../RangeSlider/constants.js";import"../RangeSlider/Input.css.js";import"../RangeSlider/RangeSlider.css.js";import"../AdvancedSlider/AdvancedSlider.js";import"../Breadcrumbs/index.js";import"../VirtualizedTable/index.js";import"../EmptyView/EmptyView.js";import"../EmptyView/EmptyAppView/EmptyAppView.js";import pe from"../Button/components/Button/index.js";import"moment-timezone";import"../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../Button/components/LiveButton/styles.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"../GradientPicker/GradientPicker.js";import"../GradientManager/GradientList.js";import"@material-ui/icons/AddCircle";import"../GradientManager/GradientPreview/GradientPreview.js";import"../GradientManager/GradientSelect.styles.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"../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"../MiddleTruncate/MiddleTruncate.js";import"../PinnableFilters/PinnableFilters.js";import"../HeaderLayout/HeaderLayout.js";import"../PadOffsetsPicker/PadOffsetsPicker.js";import"../PadOffsetsPicker/OffsetAssetChip.js";import"../PadOffsetsPicker/OffsetAssetsListExpander.js";import"../PadOffsetsPicker/StagesSelector.js";import"../PadOffsetsPickerV2/PadOffsetsPickerV2.js";import"../Table/TableToolbar/TableToolbar.js";import"../Table/TableContainer/TableContainer.js";import"../Table/TableCell/TableCell.js";import"../Table/TablePagination/TablePagination.js";import"../Table/TablePaginationActions/TablePaginationActions.js";import{Tooltip as le}from"../Tooltip/Tooltip.js";import"../Tooltip/ScrollableTooltip.js";import"../PriceInput/PriceInput.js";import"../LabelsCounter/LabelsCounter.js";import"../Stepper/Stepper.js";import"../Stepper/Step/Step.js";import"../Stepper/StepsWrapper.js";import"../Comment/CommentIcon/index.js";import"../FilesLoader/FilesLoader.js";import"../SearchInput/index.js";import"../FeedItem/FeedItem.js";import"../FeedItem/FeedItemEditProvider/FeedItemEditProvider.js";import"../PostInput/PostInput.js";import"../KeyboardDateTimePicker.js";import"../AddComment/Popover.js";import"../AddComment/Popup.js";import"../StageDesignVActual/ComparisonBar/ComparisonBar.js";import"../StageDesignVActual/ElementsComparison/ElementsComparison.js";import"../StageDesignVActual/ComparisonHeader.js";import"../StageDesignVActual/ComparisonRow.js";import"../EmbeddedApp/DevCenterEmbeddedApp.js";import"../EmbeddedApp/EmbeddedApp.js";import"../Autocomplete/Autocomplete.js";import"../DocumentViewer/DocumentViewer.js";import"../ColorPickerPalette/ColorPickerPalette.js";import"../Search/Search.js";import"../Search/components/Listbox.js";import"../Search/components/Paper.js";import"../Search/components/RecentSearches.js";import"../Search/components/Groups.js";import"../Search/components/SelectAllListItem.js";import"../StatusBadge/index.js";import"../Attachment/index.js";import"../EmojiIconButton.js";import"../FileUploadIconButton.js";import"../FilePreview/index.js";import"../FailedFileUploading.js";import"../UserMention/index.js";import"../CommentsInfo/index.js";import"../CommentInput/index.js";import"../Comment/index.js";import"../CommentLoader.js";import"../AssetNameLabel/AssetStatusBadge.js";import"../AssetEditorV2/components/PrimaryAssetSelect.js";import"../AssetEditorV2/components/SecondaryAssetSelect.js";import"../AssetEditorV2/components/SelectItem.js";import"../AssetEditorV2/components/MultipleAssetsToggle.js";import"../AssetEditorV2/components/PrimaryAssetSelectV2.js";import"../EChartsWrapper/EChartsWrapper.js";import"../AssetsMultipleSelector/AssetsMultipleSelector.js";import"@material-ui/icons/Close";import"@material-ui/icons/GetApp";import"../GoogleDocsViewer/index.js";import"../NewDocumentViewer/effects/useFileContent.js";import"../NewDocumentViewer/styles.js";import"../FilesLoaderV2/styles.js";import"../FilesDropzone/styles.js";import"../FilesProcessor/styles.js";import"../Hint/styles.js";import"@babel/runtime/helpers/taggedTemplateLiteral";import"fparser";import"../Formula/useFormulaStyles.js";import"../Formula/RootXIcon.js";import"../Formula/FormulaTextEditor.js";import"../Formula/CloseSuggestion.js";import"../Formula/SuggestionsMenu.js";import{showInfoNotification as ae,showSuccessNotification as me,showErrorNotification as ce}from"../../utils/notificationToasts.js";function de(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);t&&(s=s.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,s)}return o}function ue(e){for(var o=1;o<arguments.length;o++){var s=null!=arguments[o]?arguments[o]:{};o%2?de(Object(s),!0).forEach((function(o){t(e,o,s[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(s)):de(Object(s)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(s,t))}))}return e}var je="OffsetWellPickerV4",fe=function(de){var fe,Ce,ve,Ae=de.open,he=de.isWDUser,be=de.defaultSubjectWell,ge=de.currentUser,Se=de.offsetSettings,Ie=de.addWellsUsabilityInfo,De=de.isViewOnly,Te=de.onClose,ye=de.onSave,xe=de.maxOffsetSize,Ve=void 0===xe?_:xe,Pe=de.localMaxOffsetSize,We=void 0===Pe?R:Pe,Be=de.syncAutoEnabled,Ee=de.isManualWellsEnabled,we=void 0!==Ee&&Ee,Fe=i(null),Oe=s(Fe,2),Me=Oe[0],Le=Oe[1],ke=Math.min(Ve+1,We+1,G+1),He=Math.min(Math.max(ke,We+1),G+1),Ne=i(null==Se?void 0:Se.filterExpanded),Re=s(Ne,2),Ge=Re[0],ze=Re[1],Ue=i(null==Se?void 0:Se.mapHidden),_e=s(Ue,2),Ke=_e[0],Ze=_e[1],qe=+(null==be?void 0:be.companyId)||+(null==ge?void 0:ge.company_id),Xe=null==be?void 0:be.asset_id,Je=i((null==Se?void 0:Se.filters)||{}),Qe=s(Je,2),Ye=Qe[0],$e=Qe[1],et=i((null==Se?void 0:Se.wellSection)||B),tt=s(et,2),ot=tt[0],st=tt[1],nt=r(!0),it=i([]),rt=s(it,2),pt=rt[0],lt=rt[1],at=i(null),mt=s(at,2),ct=mt[0],dt=mt[1],ut=i(!0),jt=s(ut,2),ft=jt[0],Ct=jt[1],vt=i(!1),At=s(vt,2),ht=At[0],bt=At[1],gt=i(!1),St=s(gt,2),It=St[0],Dt=St[1],Tt=r(),yt=i(E.none),xt=s(yt,2),Vt=xt[0],Pt=xt[1],Wt=r(),Bt=i(!1),Et=s(Bt,2),wt=Et[0],Ft=Et[1],Ot=He<=(null==pt?void 0:pt.length),Mt=w[Vt],Lt=r(),kt=i(!0),Ht=s(kt,2),Nt=Ht[0],Rt=Ht[1];p((function(){var e,t,o;(Ae&&Ot&&ae("App can’t process more than (".concat(He-1,") Offset Wells.")),Ae)||((null==Se||null===(e=Se.selectedWellIds)||void 0===e?void 0:e.length)===(null===(t=Lt.current)||void 0===t?void 0:t.length)&&(null==Se||null===(o=Se.selectedWellIds)||void 0===o?void 0:o.every((function(e){var t;return null===(t=Lt.current)||void 0===t?void 0:t.includes(e)})))||(nt.current=!0),Lt.current=null==Se?void 0:Se.selectedWellIds)}),[Ot,Ae,Se]),p((function(){function e(){window.innerWidth<=z||ee||te?Pt(E.mobile):window.innerHeight<=U?Pt(E.small):Pt(E.normal)}return e(),window.addEventListener("resize",e),function(){window.removeEventListener("resize",e)}}),[Ae]),p((function(){Wt.current&&Vt===Wt.current||(Wt.current=Vt,Vt===E.small||Vt===E.mobile?(Ze(!0),ze(!1)):(ze(!De&&(null==Se?void 0:Se.filterExpanded)),Ze(!De&&(null==Se?void 0:Se.mapHidden))),$e((null==Se?void 0:Se.filters)||{}),st((null==Se?void 0:Se.wellSection)||B))}),[Se,De,Vt]);var Gt=v(qe,Ie),zt=s(Gt,1)[0],Ut=T(qe),_t=s(Ut,1)[0],Kt=h(he,ge,Xe,zt,we),Zt=s(Kt,7),qt=Zt[0],Xt=Zt[1],Jt=Zt[2],Qt=Zt[3],Yt=Zt[4],$t=Zt[5],eo=Zt[6];p((function(){Rt(!0),Xt(null),Qt(null)}),[Xe]),p((function(){var e,t=(e=o(n.mark((function e(){var t,o,s,i,r,p,l,a,m,c;return n.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(t=void 0===(null==Se?void 0:Se.isSynced)||(null==Se?void 0:Se.isSynced),o=!0,!t){e.next=19;break}if(i=Jt[B]||[],r=((null==Se?void 0:Se.selectedWellIds)||[]).every((function(e){return i.includes(e)})),i.length===(null==Se||null===(s=Se.selectedWellIds)||void 0===s?void 0:s.length)&&r){e.next=16;break}return e.next=8,Z(i,Xe);case 8:p=e.sent,l=p.slice(0,ke+1).map((function(e){return e.id})),l=p.slice(0,We+1).map((function(e){return e.id})),a=ue(ue({},Se),{},{subjectWellId:Xe,selectedWellIds:l,offsetWellsLimited:He<=l.length}),m=p.filter((function(e){return l.includes(e.id)})),ye(a,m),e.next=17;break;case 16:o=!1;case 17:e.next=20;break;case 19:o=!1;case 20:if(o){e.next=25;break}return e.next=23,Z((null==Se?void 0:Se.selectedWellIds)||[],Xe);case 23:c=e.sent,ye(Se,c);case 25:case"end":return e.stop()}}),e)}))),function(){return e.apply(this,arguments)});Be&&Nt&&Se&&Jt&&(t(),Rt(!1))}),[Se,Jt,Xe,He,Be]);var to=b(qe,null==Se?void 0:Se.metricsKeys),oo=s(to,2),so=oo[0],no=oo[1],io=A(qe,zt,qt,Jt,Xe,so),ro=g(io);p((function(){if(io&&qt){var e=io.find((function(e){return e.id===Xe}));if(e){var o=qt.filter((function(e){return e.value!==B})).map((function(e){return e.label})),s=ue(ue({},e),o.length>0&&t({},F.wellSection,o));dt(s)}else dt(null)}}),[qt,io]);var po=D(so),lo=S(io,Ye);p((function(){if(lo)if(nt.current){var e=io.filter((function(e){return((null==Se?void 0:Se.selectedWellIds)||[]).includes(e.id)}));ct&&(e=e.concat(ct)),lt(c(e,"id")),nt.current=!1}else lt((function(e){var t=(lo||[]).filter((function(t){return!!e.find((function(e){var o=e.id;return t.id===o}))}));return ct&&(t=t.concat(ct)),c(t,"id")}))}),[io,lo,null==Se?void 0:Se.selectedWellIds]);var ao=I(ct,lo,pt,Ct,nt.current),mo=s(ao,5),co=mo[0],uo=mo[1],jo=mo[2],fo=mo[3],Co=mo[4],vo=l((function(e,t,o){var s;s=o===K.well.name?t:t.reduce((function(e,t){var o,s=null===(o=io.find((function(e){return e.id===t})))||void 0===o?void 0:o.rigName,n=io.filter((function(e){return e.rigName===s})).map((function(e){return e.id}));return e.concat(n)}),[]);var n=io.filter((function(e){var t=e.id;return s.includes(t)}));e?(n=n.slice(0,Math.min(n.length,He-pt.length)),lt((function(e){return c(e.concat(n),"id")}))):lt((function(e){return d(e.filter((function(e){var t=e.id;return!n.find((function(e){return e.id===t}))})))}))}),[io,pt]),Ao=l((function(){Dt(!0)}),[]),ho=l((function(e){no(e)}),[]),bo=l((function(t,o){lt(o?function(o){return[].concat(e(o),[t])}:function(e){return e.filter((function(e){return e.id!==t.id}))})}),[]),go=l((function(e){if(e){var t=ct?lo.concat(ct):lo,o=u(c(t,"id"),"distance");lt(o.slice(0,He))}else lt(ct?[ct]:[])}),[lo,ct,He]),So=function(e){if(Jt){var t=(null==io?void 0:io.filter((function(t){var o;return null===(o=Jt[e])||void 0===o?void 0:o.includes(t.id)})))||[],o=u(t,"distance");lt(o.slice(0,ke))}else lt(ct?[ct]:[])},Io=l((function(e){st(e),So(e)}),[So]),Do=a((function(){return pt.find((function(e){return e.id===Xe}))?pt.length-1:pt.length}),[pt,Xe]),To=a((function(){if(!Jt)return!1;var e=pt.map((function(e){return e.id})),t=Jt[ot]||[];return Math.min(t.length,ke)===e.length&&e.every((function(e){return t.includes(e)}))}),[Jt,pt,ot,ke]),yo=a((function(){return!!_t&&O.includes(_t)}),[_t]),xo=a((function(){return yo?"IDAS generated offsets.":he?"Offset Selection App.":"WellHub."}),[yo,he]),Vo=function(){var e=(io||[]).filter((function(e){return((null==Se?void 0:Se.selectedWellIds)||[]).includes(e.id)}));ct&&(e=e.concat(ct)),lt(c(e,"id"));var t=ue(ue({},Se),{},{mapHidden:Ke,filterExpanded:Ge});ye(t),$e((null==Se?void 0:Se.filters)||{}),st((null==Se?void 0:Se.wellSection)||B),Te()},Po=a((function(){return!To||(!(j(Ye)||!Ye[M.sideTracks])||ot!==B)}),[To,Ye,ot]),Wo=function(){$e({}),st(B),So(B)},Bo=!io||!qt||!Co||Vt===E.none,Eo=i(!1),wo=s(Eo,2),Fo=wo[0],Oo=wo[1],Mo=i(L),Lo=s(Mo,2),ko=Lo[0],Ho=Lo[1],No=i([]),Ro=s(No,2),Go=Ro[0],zo=Ro[1];p((function(){if(Co){var e=Co.slice(0,ko);zo(e)}}),[Co,ko,ct]),p((function(){Yt===k.SUCCEEDED?me("Re-sync wells from IDAS was successful"):Yt===k.FAILED&&ce("Re-sync wells from IDAS failed")}),[Yt]),p((function(){Yt===k.SUCCEEDED&&Wo()}),[Jt]);return J(ie,{open:Ae,onClose:Vo,title:Q(y,{isWDUser:he,viewType:Vt,totalCount:null!==(fe=null==io?void 0:io.length)&&void 0!==fe?fe:0,selectedCount:Do,isViewOnly:De,maxOffsetWellNumber:He}),isMobile:Vt===E.mobile,contentContainerClassName:m(X.offsetWellDialog),contentClassName:m(X.contentContainer,(Ce={},t(Ce,X.smallContainer,Vt===E.small),t(Ce,X.contentContainerMobile,Vt===E.mobile),Ce)),actionsClassName:X.modalActions,actions:!De&&J("div",{className:X.actionsWrapper,children:[!Bo&&Po?Q(le,{placement:"bottom-start",title:"Reset to Synced Offsets in ".concat(he?"Offset App":"Wellhub"),children:Q("div",{children:Q(pe,{"data-testid":"".concat(je,"_reset"),onClick:Wo,color:"primary",startIcon:Vt!==E.mobile&&Q(f,{}),classes:Vt===E.mobile&&{root:X.resetButtonMobile},children:Vt!==E.mobile?"Reset":Q(f,{})})})}):Q("div",{className:Vt===E.mobile&&X.infoIconContainer,children:Vt!==E.mobile?J(Y,{children:[Q("span",{className:m(oe.regular12,oe.colors.t6),children:"The offset list is being automatically populated by "}),Q("span",{className:m(oe.medium12,oe.colors.t6),children:xo})]}):Q(le,{title:J("div",{children:[Q("span",{className:m(oe.regular12,oe.colors.t1),children:"The offset list is being automatically populated by "}),Q("span",{className:m(oe.medium12,oe.colors.t1),children:xo})]}),enterTouchDelay:0,leaveTouchDelay:H,children:Q(C,{className:X.infoIcon})})}),J("div",{className:X.buttonGap,children:[Q(pe,{"data-testid":"".concat(je,"_cancel"),onClick:Vo,color:"primary",children:"Cancel"}),J(pe,{"data-testid":"".concat(je,"_selectedWells"),variant:"contained",color:"primary",onClick:function(){Te();var e=ue(ue({},Se),{},{companyId:qe,subjectWellId:Xe,selectedWellIds:pt.map((function(e){return e.id})),filters:Ye,metricsKeys:so,wellSection:ot,isSynced:To,mapHidden:Ke,filterExpanded:Ge,offsetWellsLimited:Ot});ye(e,pt)},children:["Select (",Do,")"]})]})]}),children:[Q($,{}),Bo?Q(re,{fullscreen:!1}):J("div",{className:m(X.contentWrapper),ref:Tt,children:[Vt===E.mobile&&J("div",{className:m(X.countContainer,t({},X.countContainerMobile,Vt===E.mobile)),children:[Q(se,{className:X.totalLabel,children:"Total:"}),Q(se,{"data-testid":"".concat(je,"_totalWells"),className:X.countValue,children:io.length}),Q(se,{className:X.selectedLabel,children:"Selected:"}),Q(se,{"data-testid":"".concat(je,"_selected"),className:X.countValue,children:Do}),Q(le,{title:"App can’t process more than (".concat(He-1,") Offset Wells."),placement:"right",children:J(ne,{"data-testid":"".concat(je,"_maxOffsetSize"),className:X.maxOffsetSize,children:["/",He-1]})})]}),Vt===E.normal&&Q(x,{isViewOnly:De,isXtoProvider:yo,viewType:Vt,filters:Ye,setFilters:$e,isFilterExpanded:Ge,setIsFilterExpanded:ze,isMapHidden:Ke,setIsMapHidden:Ze,resyncStatus:Yt,setResyncStatus:$t}),wt&&Q("div",{className:X.topGradient,style:{top:Mt}}),J("div",{className:m(X.content,(ve={},t(ve,X.contentMobile,Vt===E.mobile),t(ve,X.contentiOSMobile,q()===N),ve)),onScroll:function(e){return function(e){e.target&&(It&&(e.target.scrollLeft=0,Dt(!1)),e.target.scrollLeft<=5&&Fo&&Oo(!1),e.target.scrollLeft>5&&!Fo&&Oo(!0),e.target.scrollTop<=5&&wt&&Ft(!1),e.target.scrollTop>5&&!wt&&Ft(!0),e.target.scrollHeight!==e.target.offsetHeight&&Math.round(e.target.scrollTop+e.target.offsetHeight+2)>=e.target.scrollHeight&&ko<Co.length&&Ho((function(e){return e+L})))}(e)},children:[Vt!==E.normal&&Q(x,{isViewOnly:De,isXtoProvider:yo,viewType:Vt,filters:Ye,setFilters:$e,isFilterExpanded:Ge,setIsFilterExpanded:ze,isMapHidden:Ke,setIsMapHidden:Ze,resyncStatus:Yt,setResyncStatus:$t}),!Ke&&Ae&&Q(P,{isViewOnly:De,mapHidden:Ke,subjectWell:ct,offsetWellIds:pt.map((function(e){return e.id})),wells:lo,radius:Ye[M.radius],handleChangeOffsetWell:bo,activeWellId:Me,viewType:Vt}),Q(V,{isHidden:!Ge,isWDUser:he,filterOptions:ro,filters:Ye,wellSections:qt,selectedWellSection:ot,subjectWell:ct,onChangeFilters:function(e){Ct(!0),setTimeout((function(){return $e(e)}),0)},onChangeBicWells:Io}),Q(W,{open:Ae,isTableLoading:ft,companyId:qe,subjectWellId:Xe,sortBy:co,setSortBy:uo,sortDirection:jo,setSortDirection:fo,columnsWithDict:po,wells:Go,metricsKeys:so,setMetricsKeys:ho,handleChangeOffsetWell:bo,handleChangeAllOffsetWells:go,handleAddRemoveAssets:vo,isWellNameExpand:ht,setIsWellNameExpand:bt,isHScrollMoved:Fo,onHideAdvancedSearch:Ao,isViewOnly:De,isLastWell:Co.length<=ko,contentRef:Tt,isLimitedOffsetWells:Ot,maxOffsetWellNumber:He,wellSections:qt,setActiveWellId:Le,viewType:Vt,isWDUser:he,taScores:eo})]}),De&&J("div",{className:X.viewOnlyInfoContainer,children:[Q("span",{className:m(oe.regular12,oe.colors.t6),children:"The offset list is being automatically populated by "}),Q("span",{className:m(oe.medium12,oe.colors.t6),children:xo})]})]})]})};export{fe as default};