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

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

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 (1900) hide show

package/components/OffsetWellPickerV4/OffsetWellPickerV4.js CHANGED Viewed

@@ -1 +1,1146 @@
-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};
+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