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

package/components/PadOffsetsPicker/StagesSelector.js

@@ -1 +1,578 @@
-import e from"@babel/runtime/helpers/defineProperty";import{useEffect as t}from"react";import{func as r,shape as o,number as i,string as n,oneOf as s}from"prop-types";import a from"use-tiny-state-machine";import{isNull as p,noop as m,range as l,get as c,isEmpty as d,last as u}from"lodash";import{makeStyles as j,Dialog as C,DialogTitle as g,DialogContent as S,Grid as A,FormControl as D,InputLabel as h,Select as v,MenuItem as b,Checkbox as f,ListItemText as E,Typography as T,FormLabel as P,RadioGroup as x,FormControlLabel as I,Radio as y,DialogActions as L,Button as B}from"@material-ui/core";import{getAppStorage as O}from"../../clients/jsonApi/index.js";import{jsxs as W,Fragment as k,jsx as w}from"react/jsx-runtime";import"../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import"../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js";import"../DevCenter/DevCenterAppContainer/components/AppSettingsDialogV2/AppSettingsDialog.js";import"../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js";import"../DevCenter/DevCenterAppContainer/components/NonPriorityMenus/NonPriorityMenus.js";import"../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js";import"../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js";import"../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"../DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js";import"../Modal/CorvaModal.js";import"uuid";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"@babel/runtime/helpers/slicedToArray";import"classnames";import"@material-ui/icons";import"../Icons/AnnotationIcon.js";import"../Annotations/components/AnnotationsList/index.js";import"../Annotations/components/LastAnnotation/index.js";import"../Annotations/AnnotationsContext.js";import"../../utils/mobileDetect.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"querystring";import"uuid/v1";import"../../clients/subscriptions.js";import"../../constants/goals.js";import"../../constants/segment.js";import"../../constants/alerts.js";import"../../constants/apps.js";import"../../constants/drillstring.js";import"../../constants/completion.js";import"../../constants/notifications.js";import"../../constants/feed.js";import"../../constants/bha.js";import"../../utils/env.js";import"../GradientManager/configuration/constants.js";import"../../utils/index.js";import"jsona";import"../StatusBadge/constants.js";import"@babel/runtime/helpers/toConsumableArray";import"lodash/set";import"lodash/get";import"lodash/unset";import"moment";import"../../clients/api/apiCore.js";import"../../clients/constants.js";import"../HelpCenter/HelpCenterIcon.js";import"../DevCenter/AppContext.js";import"../DevCenter/DevCenterAppContainer/DevCenterAppContainer.css.js";import"../DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js";import"../DevCenter/DevCenterAppContainer/components/PriorityMenus/PriorityMenus.css.js";import"../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"@babel/runtime/helpers/objectWithoutProperties";import"react-router";import"rollbar";import"@rollbar/react";import"../DevCenter/NavigationBar/NavigationBar.js";import"../DevCenter/SideBar/SideBar.js";import"../DevCenter/AppSettingsPopover/AppSettingsPopover.js";import"../DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js";import"../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js";import"../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js";import"../AssetEditor/index.js";import"../AssetEditorV2/index.js";import"../AppVersionsSelect/AppVersionsSelect.js";import"../LoadingIndicator/LoadingIndicator.js";import"../Typography.js";import"../RealTimeValuesSidebar/RealTimeSidebar.js";import"../CollapsableSidebar.js";import"../DateTimePicker/index.js";import"../DatePicker/index.js";import"../ErrorBoundary/ErrorBoundary.js";import"../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js";import"../SlateFormattedText/SlateFormattedText.js";import"../SlateFormattedText/RenderElements.js";import"@babel/runtime/helpers/typeof";import"slate";import"../EmptyState/EmptyState.js";import"../ParameterCharts/ParameterCharts.js";import"../ParameterCharts/AddEditTrack.js";import"../ChartActionsList/ChartActionsList.js";import"../CopyToClipboard/CopyToClipboard.js";import"../AssetEditor/AssetEditorAutocomplete.js";import"../AssetEditor/SingleAssetEditor.js";import"../SettingEditors/ColorEditor/index.js";import"../SettingEditors/DropdownEditor/index.js";import"../SettingEditors/RadioEditor/index.js";import"../SwitchControl/index.js";import"../ColorPicker/ColorPicker.js";import"../Chart/components/ChartButton.js";import"../Chart/components/ChartButtons.js";import"../Chart/components/ChartWrapper.js";import"../Chart/components/AxisDropdown.js";import"../Chart/components/ChartSelect.js";import"../Chart/components/buttons/DragToZoomButton.js";import"../Chart/components/buttons/ZoomInButton.js";import"../Chart/components/buttons/ZoomOutButton.js";import"../Chart/components/buttons/PanButton.js";import"../Chart/components/buttons/ResetZoomButton.js";import"../Chart/components/buttons/HideAxesButton.js";import"../Chart/components/buttons/ChartTypeButton.js";import"../ColorPicker/PaletteChromePicker/PaletteChromePicker.js";import"../TruncatedText/index.js";import"../RangeSlider/RangeSlider.js";import"../AdvancedSlider/AdvancedSlider.js";import"../Breadcrumbs/index.js";import"../VirtualizedTable/index.js";import"../EmptyView/EmptyView.js";import"../EmptyView/EmptyAppView/EmptyAppView.js";import"../Button/index.js";import"../ContextMenuItem/index.js";import"../FolderMenuItem/index.js";import"../EditableItem/EditableItem/index.js";import"../EditableItem/EditableItemWithBadge/index.js";import"../Checkbox/index.js";import"../FolderMenuItemWithLinks/index.js";import"../IconButton/index.js";import"../TextField/index.js";import"../Chip/index.js";import"../Counter/index.js";import"../AnchorsList/AnchorsList.js";import"../Select/index.js";import"../Select/SelectFilterBy.js";import"../CustomSelect/index.js";import"../Tabs/Tabs.js";import"../Tabs/Tab.js";import"../ResizableTable/ResizableTable.js";import"@material-ui/icons/Check";import"@material-ui/icons/Close";import"@material-ui/icons/Edit";import"@material-ui/icons/Delete";import"../GradientManager/GradientList.js";import"@material-ui/icons/AddCircle";import"../GradientManager/GradientPreview/GradientPreview.js";import"../GradientManager/GradientSelect.styles.js";import"../GradientPicker/GradientPicker.js";import"../GradientManager/GradientManager.styles.js";import"../Drillstring/BHASchematic.js";import"../Drillstring/BHATable/index.js";import"../Drillstring/BHAComponentIcon.js";import"../Drillstring/BHAComponentDetail/index.js";import"../Drillstring/BHATileIcon.js";import"../Drillstring/BHATile/BHATile.js";import"../Drillstring/BHAList/BHAList.js";import"../Drillstring/BHAComponentsTable/BHAComponentsTable.js";import"../Casing/CasingTable/index.js";import"../Casing/CasingComponentIcon.js";import"../Casing/CasingTileIcon.js";import"../Casing/CasingTableV2/CasingTableV2.js";import"../Casing/CasingTile/CasingTile.js";import"../DisabledSettingsMessage/DisabledSettingsMessage.js";import"../WellSummary/WellSummaryItemLabel.js";import"../WellSummary/WellSummaryItemTitle.js";import"../WellSummary/WellSummaryItemValue.js";import"../WellSummary/ActivitySummaryChart.js";import"../WellSummary/FracWirelineTimeChart.js";import"../BICOffsetPickerDialog/index.js";import"../OffsetWellButton/OffsetWellButton.js";import"../OffsetWellPickerV2/OffsetWellPickerDialog.js";import"../OffsetWellPickerV3/index.js";import F from"../OffsetWellChips/Chip.js";import"../OffsetWellChips/ChipsContainer.js";import"../OffsetWellPickerV4/OffsetWellPickerV4.js";import"../OffsetWellMap/OffsetWellMap.js";import"@material-ui/core/Snackbar";import"../Notifications/Toast.js";import"../Toaster/Toaster.js";import"../ConfirmationDialog.js";import"../TextLink/index.js";import"../Avatar/index.js";import"../Template/TemplatePopover/index.js";import"../Template/TemplateSharingDialog/index.js";import"../MenuItem/index.js";import"../PadModeSelect/PadModeSelect.js";import"../PinnableFilters/PinnableFilters.js";import"../HeaderLayout/HeaderLayout.js";import"./PadOffsetsPicker.js";import"./OffsetAssetChip.js";import"./OffsetAssetsListExpander.js";import"../PadOffsetsPickerV2/PadOffsetsPickerV2.js";import"../Table/TableToolbar/TableToolbar.js";import"../Table/TableContainer/TableContainer.js";import"../Table/TableCell/TableCell.js";import"../Tooltip/ScrollableTooltip.js";import"../PriceInput/PriceInput.js";import"../LabelsCounter/LabelsCounter.js";import"../Stepper/Step.js";import"../Stepper/StepsWrapper.js";import"../Stepper/Stepper.js";import"../Comment/CommentIcon/index.js";import"../FilesLoader/FilesLoader.js";import"../FilesLoader/Icons/FileIcon.js";import"../SearchInput/index.js";import"../FeedItem/FeedItem.js";import"../FeedItem/FeedItemEditProvider/FeedItemEditProvider.js";import"../PostInput/PostInput.js";import"../KeyboardDateTimePicker.js";import"../AddComment/Popover.js";import"../AddComment/Popup.js";import"../StageDesignVActual/ComparisonBar/ComparisonBar.js";import"../StageDesignVActual/ElementsComparison/ElementsComparison.js";import"../StageDesignVActual/ComparisonHeader.js";import"../StageDesignVActual/ComparisonRow.js";import"../EmbeddedApp/DevCenterEmbeddedApp.js";import"../EmbeddedApp/EmbeddedApp.js";import"../Autocomplete/Autocomplete.js";import"../DocumentViewer/DocumentViewer.js";import"../ColorPickerPalette/ColorPickerPalette.js";import"../Search/Search.js";import"../Search/components/Listbox.js";import"../Search/components/Paper.js";import"../Search/components/RecentSearches.js";import"../Search/components/InputAdornmentLeft.js";import"../Search/components/Groups.js";import"../StatusBadge/index.js";import"../Attachment/index.js";import"../EmojiIconButton.js";import"../FileUploadIconButton.js";import"../FilePreview/index.js";import"../FailedFileUploading.js";import"../UserMention/index.js";import"../CommentsInfo/index.js";import"../CommentInput/index.js";import"../Comment/index.js";import"../CommentLoader.js";import"../AssetNameLabel/AssetStatusBadge.js";import"../AssetEditorV2/components/PrimaryAssetSelect.js";import"../AssetEditorV2/components/SecondaryAssetSelect.js";import"../AssetEditorV2/components/SelectItem.js";import"../AssetEditorV2/components/MultipleAssetsToggle.js";function V(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function M(t){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{};r%2?V(Object(o),!0).forEach((function(r){e(t,r,o[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):V(Object(o)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(o,e))}))}return t}var H=j({dialogPaper:{width:"75%",maxWidth:420}});var _={id:"stages",initial:"idle",context:{lastStageNumber:null,error:null},states:{idle:{on:{FETCH_STAGES:{target:"pending",action:function(e,t){var r=e.dispatch;O("corva","completion.wits",t,{limit:1,sort:"{timestamp:-1}"}).then((function(e){return d(e)?null:c(u(e),"stage_number",null)})).then((function(e){return r("SUCCESS",e)})).catch((function(e){throw new Error(e.message)}))}}}},pending:{on:{SUCCESS:{target:"success",beforeStateChange:function(e,t){return(0,e.updateContext)((function(e){return M(M({},e),{},{lastStageNumber:t})}))}},FAILURE:{target:"failure",beforeStateChange:function(e,t){throw new Error(t.message)}}}}}},G=function(r){var o,i,n,s,d=r.onSave,u=r.onDelete,j=r.offset,O=H(),V=a(_),G=V.state,N=V.dispatch,R=V.context,U=a((i=(o=j).stages,n=void 0===i?{}:i,{id:"dialog",initial:"closed",context:{selectedStages:void 0===(s=o.selectedStages)?[]:s,stagesData:n},states:{closed:{on:{OPEN_DIALOG:{target:"open"}}},open:{on:{CLOSE_DIALOG:{target:"closed"},SET_SELECTED_STAGES:{target:"open",beforeStateChange:function(t,r){return(0,t.updateContext)((function(t){return M(M({},t),{},{selectedStages:r,stagesData:r.reduce((function(t,r){return M(M({},t),{},e({},r,{lineStyle:"dotted",lineWidth:2}))}),{})})}))}},SET_SELECTED_LINE_STYLE:{target:"open",beforeStateChange:function(t,r){var o=t.updateContext,i=r.stage,n=r.selectedLineStyle;return o((function(t){return M(M({},t),{},{stagesData:M(M({},t.stagesData),{},e({},i,M(M({},t.stagesData[i]),{},{lineStyle:n})))})}))}},SET_SELECTED_LINE_WIDTH:{target:"open",beforeStateChange:function(t,r){var o=t.updateContext,i=r.stage,n=r.selectedLineWidth;return o((function(t){return M(M({},t),{},{stagesData:M(M({},t.stagesData),{},e({},i,M(M({},t.stagesData[i]),{},{lineWidth:Number(n)})))})}))}}}}}})),q=U.state,z=U.dispatch,Z=U.context,Y=function(e){return function(t){return z("SET_SELECTED_LINE_STYLE",{stage:e,selectedLineStyle:t.target.value})}},K=function(e){return function(t){return z("SET_SELECTED_LINE_WIDTH",{stage:e,selectedLineWidth:t.target.value})}},J=function(){return z("CLOSE_DIALOG")},Q=j.selectedWellId;t((function(){N("FETCH_STAGES",Q)}),[]);var X=p(R.lastStageNumber);return W(k,{children:[w(F,{title:j.selectedWellName,onClick:X?m:function(){return z("OPEN_DIALOG")},onRemoveOffsetWell:u,wellId:Q,rigName:""}),"success"===G&&W(C,{open:"open"===q,onBackdropClick:J,classes:{paper:O.dialogPaper},children:[w(g,{children:"Offset Well Stages"}),w(S,{children:W(A,{container:!0,direction:"column",spacing:16,children:[w(A,{item:!0,children:W(D,{margin:"normal",fullWidth:!0,required:!0,children:[w(h,{htmlFor:"stages-multi-select",children:"Stages"}),w(v,{inputProps:{name:"stages",id:"stages-multi-select"},value:Z.selectedStages,renderValue:function(e){return"".concat(e.length," stages selected")},onChange:function(e){return z("SET_SELECTED_STAGES",e.target.value)},multiple:!0,children:l(1,R.lastStageNumber+1).map((function(e){return W(b,{value:e,children:[w(f,{checked:Z.selectedStages.includes(e)}),w(E,{primary:e})]},e)}))})]})}),Z.selectedStages.sort((function(e,t){return e-t})).map((function(e){return W(A,{item:!0,children:[W(T,{variant:"subtitle1",children:["Stage ",e]}),W(D,{component:"fieldset",children:[w(P,{component:"legend",required:!0,children:"Line Style"}),W(x,{name:"line-style",value:c(Z,["stagesData",e,"lineStyle"],"dotted"),onChange:Y(e),row:!0,children:[w(I,{value:"dotted",control:w(y,{}),label:"Dotted"}),w(I,{value:"dashed",control:w(y,{}),label:"Dashed"}),w(I,{value:"solid",control:w(y,{}),label:"Solid"})]})]}),W(D,{component:"fieldset",children:[w(P,{component:"legend",required:!0,children:"Line Width"}),W(x,{name:"line-width",value:String(c(Z,["stagesData",e,"lineWidth"],"2")),onChange:K(e),row:!0,children:[w(I,{value:String(1),control:w(y,{}),label:"Thin"}),w(I,{value:String(2),control:w(y,{}),label:"Normal"}),w(I,{value:String(4),control:w(y,{}),label:"Thick"})]})]})]},e)}))]})}),W(L,{children:[w(B,{onClick:J,children:"Cancel"}),w(B,{variant:"contained",color:"primary",onClick:function(){var e=M(M({},j),{},{stages:Z.stagesData,selectedStages:Z.selectedStages});J(),d(e)},children:"Save"})]})]})]})};G.propTypes={onSave:r.isRequired,onDelete:r.isRequired,offset:o({selectedWellId:i,selectedWellName:n,selectedWellStatus:s(["active","idle","complete","paused","unknown"])}).isRequired};export{G as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { useEffect } from 'react';
+import { func, shape, number, string, oneOf } from 'prop-types';
+import useTinyStateMachine from 'use-tiny-state-machine';
+import { isNull, noop, range, get, isEmpty, last } from 'lodash';
+import { makeStyles, Dialog, DialogTitle, DialogContent, Grid, FormControl, InputLabel, Select, MenuItem, Checkbox, ListItemText, Typography, FormLabel, RadioGroup, FormControlLabel, Radio, DialogActions, Button } from '@material-ui/core';
+import { getAppStorage } from '../../clients/jsonApi/index.js';
+import '../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import '../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js';
+import '../DevCenter/DevCenterAppContainer/components/AppSettingsDialogV2/AppSettingsDialog.js';
+import '../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js';
+import '../DevCenter/DevCenterAppContainer/components/NonPriorityMenus/NonPriorityMenus.js';
+import '../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js';
+import '../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js';
+import '../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js';
+import '../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js';
+import '../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js';
+import '../DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js';
+import '../Modal/CorvaModal.js';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/slicedToArray';
+import 'uuid';
+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 'classnames';
+import '@material-ui/icons';
+import 'moment-timezone';
+import '../Icons/AnnotationIcon.js';
+import '../Annotations/components/AnnotationsList/index.js';
+import '../Annotations/components/LastAnnotation/index.js';
+import '../Annotations/AnnotationsContext.js';
+import '../../utils/mobileDetect.js';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/regenerator';
+import 'querystring';
+import 'uuid/v1';
+import '../../clients/subscriptions.js';
+import '../../constants/goals.js';
+import '../../constants/segment.js';
+import '../../constants/alerts.js';
+import '../../constants/apps.js';
+import '../../constants/drillstring.js';
+import '../../constants/completion.js';
+import '../../constants/notifications.js';
+import '../../constants/feed.js';
+import '../../constants/bha.js';
+import '../../utils/env.js';
+import '../GradientManager/configuration/constants.js';
+import '../../utils/index.js';
+import 'jsona';
+import '../StatusBadge/constants.js';
+import '@babel/runtime/helpers/toConsumableArray';
+import 'lodash/set';
+import 'lodash/get';
+import 'lodash/unset';
+import 'moment';
+import '../../clients/api/apiCore.js';
+import '../../clients/constants.js';
+import '../HelpCenter/HelpCenterIcon.js';
+import '../DevCenter/AppContext.js';
+import '../DevCenter/DevCenterAppContainer/DevCenterAppContainer.css.js';
+import '../DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js';
+import '../DevCenter/DevCenterAppContainer/components/PriorityMenus/PriorityMenus.css.js';
+import '../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js';
+import '../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js';
+import 'react-router';
+import 'rollbar';
+import '@rollbar/react';
+import '../DevCenter/NavigationBar/NavigationBar.js';
+import '../DevCenter/SideBar/SideBar.js';
+import '../DevCenter/AppSettingsPopover/AppSettingsPopover.js';
+import '../DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js';
+import '../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js';
+import '../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js';
+import '../AssetEditor/index.js';
+import '../AssetEditorV2/index.js';
+import '../AppVersionsSelect/AppVersionsSelect.js';
+import '../LoadingIndicator/LoadingIndicator.js';
+import '../Typography.js';
+import '../RealTimeValuesSidebar/RealTimeSidebar.js';
+import '../CollapsableSidebar.js';
+import '../DateTimePicker/index.js';
+import '../DatePicker/index.js';
+import '../ErrorBoundary/ErrorBoundary.js';
+import '../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js';
+import '../SlateFormattedText/SlateFormattedText.js';
+import '../SlateFormattedText/RenderElements.js';
+import '@babel/runtime/helpers/typeof';
+import 'slate';
+import '../EmptyState/EmptyState.js';
+import '../ParameterCharts/ParameterCharts.js';
+import '../ParameterCharts/AddEditTrack.js';
+import '../ChartActionsList/ChartActionsList.js';
+import '../CopyToClipboard/CopyToClipboard.js';
+import '../AssetEditor/AssetEditorAutocomplete.js';
+import '../AssetEditor/SingleAssetEditor.js';
+import '../SettingEditors/ColorEditor/index.js';
+import '../SettingEditors/DropdownEditor/index.js';
+import '../SettingEditors/RadioEditor/index.js';
+import '../SwitchControl/index.js';
+import '../ColorPicker/ColorPicker.js';
+import '../Chart/components/ChartButton.js';
+import '../Chart/components/ChartButtons.js';
+import '../Chart/components/ChartWrapper.js';
+import '../Chart/components/AxisDropdown.js';
+import '../Chart/components/ChartSelect.js';
+import '../Chart/components/buttons/DragToZoomButton.js';
+import '../Chart/components/buttons/ZoomInButton.js';
+import '../Chart/components/buttons/ZoomOutButton.js';
+import '../Chart/components/buttons/PanButton.js';
+import '../Chart/components/buttons/ResetZoomButton.js';
+import '../Chart/components/buttons/HideAxesButton.js';
+import '../Chart/components/buttons/ChartTypeButton.js';
+import '../ColorPicker/PaletteChromePicker/PaletteChromePicker.js';
+import '../TruncatedText/index.js';
+import '../RangeSlider/RangeSlider.js';
+import '../AdvancedSlider/AdvancedSlider.js';
+import '../Breadcrumbs/index.js';
+import '../VirtualizedTable/index.js';
+import '../EmptyView/EmptyView.js';
+import '../EmptyView/EmptyAppView/EmptyAppView.js';
+import '../Button/index.js';
+import '../ContextMenuItem/index.js';
+import '../FolderMenuItem/index.js';
+import '../EditableItem/EditableItem/index.js';
+import '../EditableItem/EditableItemWithBadge/index.js';
+import '../Checkbox/index.js';
+import '../FolderMenuItemWithLinks/index.js';
+import '../IconButton/index.js';
+import '../TextField/index.js';
+import '../Chip/index.js';
+import '../Counter/index.js';
+import '../AnchorsList/AnchorsList.js';
+import '../Select/index.js';
+import '../Select/SelectFilterBy.js';
+import '../CustomSelect/index.js';
+import '../Tabs/Tabs.js';
+import '../Tabs/Tab.js';
+import '../ResizableTable/ResizableTable.js';
+import '@material-ui/icons/Check';
+import '@material-ui/icons/Close';
+import '@material-ui/icons/Edit';
+import '@material-ui/icons/Delete';
+import '@babel/runtime/helpers/classCallCheck';
+import '@babel/runtime/helpers/createClass';
+import '@material-ui/icons/AddCircle';
+import '../GradientManager/GradientPreview/GradientPreview.js';
+import '../GradientManager/GradientSelect.styles.js';
+import '../GradientPicker/GradientPicker.js';
+import '../GradientManager/GradientManager.styles.js';
+import '../Drillstring/BHASchematic.js';
+import '../Drillstring/BHATable/index.js';
+import '../Drillstring/BHAComponentIcon.js';
+import '../Drillstring/BHAComponentDetail/index.js';
+import '../Drillstring/BHATileIcon.js';
+import '../Drillstring/BHATile/BHATile.js';
+import '../Drillstring/BHAList/BHAList.js';
+import '../Drillstring/BHAComponentsTable/BHAComponentsTable.js';
+import '../Casing/CasingTable/index.js';
+import '../Casing/CasingComponentIcon.js';
+import '../Casing/CasingTileIcon.js';
+import '../Casing/CasingTableV2/CasingTableV2.js';
+import '../Casing/CasingTile/CasingTile.js';
+import '../DisabledSettingsMessage/DisabledSettingsMessage.js';
+import '../WellSummary/WellSummaryItemLabel.js';
+import '../WellSummary/WellSummaryItemTitle.js';
+import '../WellSummary/WellSummaryItemValue.js';
+import '../WellSummary/ActivitySummaryChart.js';
+import '../WellSummary/FracWirelineTimeChart.js';
+import '../BICOffsetPickerDialog/index.js';
+import '../OffsetWellButton/OffsetWellButton.js';
+import '../OffsetWellPickerV2/OffsetWellPickerDialog.js';
+import '../OffsetWellPickerV3/index.js';
+import OffsetWellChip from '../OffsetWellChips/Chip.js';
+import '../OffsetWellChips/ChipsContainer.js';
+import '../OffsetWellPickerV4/OffsetWellPickerV4.js';
+import '../OffsetWellMap/OffsetWellMap.js';
+import '@material-ui/core/Snackbar';
+import '../Notifications/Toast.js';
+import '../Toaster/Toaster.js';
+import '../ConfirmationDialog.js';
+import '../TextLink/index.js';
+import '../Avatar/index.js';
+import '../Template/TemplatePopover/index.js';
+import '../Template/TemplateSharingDialog/index.js';
+import '../MenuItem/index.js';
+import '../PadModeSelect/PadModeSelect.js';
+import '../PinnableFilters/PinnableFilters.js';
+import '../HeaderLayout/HeaderLayout.js';
+import './PadOffsetsPicker.js';
+import './OffsetAssetChip.js';
+import './OffsetAssetsListExpander.js';
+import '../PadOffsetsPickerV2/PadOffsetsPickerV2.js';
+import '../Table/TableToolbar/TableToolbar.js';
+import '../Table/TableContainer/TableContainer.js';
+import '../Table/TableCell/TableCell.js';
+import '../Tooltip/ScrollableTooltip.js';
+import '../PriceInput/PriceInput.js';
+import '../LabelsCounter/LabelsCounter.js';
+import '../Stepper/Step.js';
+import '../Stepper/StepsWrapper.js';
+import '../Stepper/Stepper.js';
+import '../Comment/CommentIcon/index.js';
+import '../FilesLoader/FilesLoader.js';
+import '../FilesLoader/Icons/FileIcon.js';
+import '../SearchInput/index.js';
+import '../FeedItem/FeedItem.js';
+import '../FeedItem/FeedItemEditProvider/FeedItemEditProvider.js';
+import '../PostInput/PostInput.js';
+import '../KeyboardDateTimePicker.js';
+import '../AddComment/Popover.js';
+import '../AddComment/Popup.js';
+import '../StageDesignVActual/ComparisonBar/ComparisonBar.js';
+import '../StageDesignVActual/ElementsComparison/ElementsComparison.js';
+import '../StageDesignVActual/ComparisonHeader.js';
+import '../StageDesignVActual/ComparisonRow.js';
+import '../EmbeddedApp/DevCenterEmbeddedApp.js';
+import '../EmbeddedApp/EmbeddedApp.js';
+import '../Autocomplete/Autocomplete.js';
+import '../DocumentViewer/DocumentViewer.js';
+import '../ColorPickerPalette/ColorPickerPalette.js';
+import '../Search/Search.js';
+import '../Search/components/Listbox.js';
+import '../Search/components/Paper.js';
+import '../Search/components/RecentSearches.js';
+import '../Search/components/InputAdornmentLeft.js';
+import '../Search/components/Groups.js';
+import '../StatusBadge/index.js';
+import '../Attachment/index.js';
+import '../EmojiIconButton.js';
+import '../FileUploadIconButton.js';
+import '../FilePreview/index.js';
+import '../FailedFileUploading.js';
+import '../UserMention/index.js';
+import '../CommentsInfo/index.js';
+import '../CommentInput/index.js';
+import '../Comment/index.js';
+import '../CommentLoader.js';
+import '../AssetNameLabel/AssetStatusBadge.js';
+import '../AssetEditorV2/components/PrimaryAssetSelect.js';
+import '../AssetEditorV2/components/SecondaryAssetSelect.js';
+import '../AssetEditorV2/components/SelectItem.js';
+import '../AssetEditorV2/components/MultipleAssetsToggle.js';
+
+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 useStyles = makeStyles({
+  dialogPaper: {
+    width: '75%',
+    maxWidth: 420
+  }
+});
+function fetchStageAction(_ref, offsetWellId) {
+  var dispatch = _ref.dispatch;
+  getAppStorage('corva', 'completion.wits', offsetWellId, {
+    limit: 1,
+    sort: '{timestamp:-1}'
+  }).then(function (response) {
+    return isEmpty(response) ? null : get(last(response), 'stage_number', null);
+  }).then(function (lastStageNumber) {
+    return dispatch('SUCCESS', lastStageNumber);
+  }).catch(function (error) {
+    throw new Error(error.message);
+  });
+}
+var stagesStateChart = {
+  id: 'stages',
+  initial: 'idle',
+  context: {
+    lastStageNumber: null,
+    error: null
+  },
+  states: {
+    idle: {
+      on: {
+        FETCH_STAGES: {
+          target: 'pending',
+          action: fetchStageAction
+        }
+      }
+    },
+    pending: {
+      on: {
+        SUCCESS: {
+          target: 'success',
+          beforeStateChange: function beforeStateChange(_ref2, lastStageNumber) {
+            var updateContext = _ref2.updateContext;
+            return updateContext(function (currentContext) {
+              return _objectSpread(_objectSpread({}, currentContext), {}, {
+                lastStageNumber: lastStageNumber
+              });
+            });
+          }
+        },
+        FAILURE: {
+          target: 'failure',
+          beforeStateChange: function beforeStateChange(_, error) {
+            throw new Error(error.message);
+          }
+        }
+      }
+    }
+  }
+};
+var dialogStateChart = function dialogStateChart(_ref3) {
+  var _ref3$stages = _ref3.stages,
+    currentStagesData = _ref3$stages === void 0 ? {} : _ref3$stages,
+    _ref3$selectedStages = _ref3.selectedStages,
+    currentSelectedStages = _ref3$selectedStages === void 0 ? [] : _ref3$selectedStages;
+  return {
+    id: 'dialog',
+    initial: 'closed',
+    context: {
+      selectedStages: currentSelectedStages,
+      stagesData: currentStagesData
+    },
+    states: {
+      closed: {
+        on: {
+          OPEN_DIALOG: {
+            target: 'open'
+          }
+        }
+      },
+      open: {
+        on: {
+          CLOSE_DIALOG: {
+            target: 'closed'
+          },
+          SET_SELECTED_STAGES: {
+            target: 'open',
+            beforeStateChange: function beforeStateChange(_ref4, selectedStages) {
+              var updateContext = _ref4.updateContext;
+              return updateContext(function (currentContext) {
+                return _objectSpread(_objectSpread({}, currentContext), {}, {
+                  selectedStages: selectedStages,
+                  stagesData: selectedStages.reduce(function (stages, stage) {
+                    return _objectSpread(_objectSpread({}, stages), {}, _defineProperty({}, stage, {
+                      lineStyle: 'dotted',
+                      lineWidth: 2
+                    }));
+                  }, {})
+                });
+              });
+            }
+          },
+          SET_SELECTED_LINE_STYLE: {
+            target: 'open',
+            beforeStateChange: function beforeStateChange(_ref5, _ref6) {
+              var updateContext = _ref5.updateContext;
+              var stage = _ref6.stage,
+                selectedLineStyle = _ref6.selectedLineStyle;
+              return updateContext(function (currentContext) {
+                return _objectSpread(_objectSpread({}, currentContext), {}, {
+                  stagesData: _objectSpread(_objectSpread({}, currentContext.stagesData), {}, _defineProperty({}, stage, _objectSpread(_objectSpread({}, currentContext.stagesData[stage]), {}, {
+                    lineStyle: selectedLineStyle
+                  })))
+                });
+              });
+            }
+          },
+          SET_SELECTED_LINE_WIDTH: {
+            target: 'open',
+            beforeStateChange: function beforeStateChange(_ref7, _ref8) {
+              var updateContext = _ref7.updateContext;
+              var stage = _ref8.stage,
+                selectedLineWidth = _ref8.selectedLineWidth;
+              return updateContext(function (currentContext) {
+                return _objectSpread(_objectSpread({}, currentContext), {}, {
+                  stagesData: _objectSpread(_objectSpread({}, currentContext.stagesData), {}, _defineProperty({}, stage, _objectSpread(_objectSpread({}, currentContext.stagesData[stage]), {}, {
+                    lineWidth: Number(selectedLineWidth)
+                  })))
+                });
+              });
+            }
+          }
+        }
+      }
+    }
+  };
+};
+var StagesSelector = function StagesSelector(_ref9) {
+  var onSave = _ref9.onSave,
+    onDelete = _ref9.onDelete,
+    offset = _ref9.offset;
+  var classes = useStyles();
+  var _useTinyStateMachine = useTinyStateMachine(stagesStateChart),
+    requestState = _useTinyStateMachine.state,
+    requestDispatch = _useTinyStateMachine.dispatch,
+    requestContext = _useTinyStateMachine.context;
+  var _useTinyStateMachine2 = useTinyStateMachine(dialogStateChart(offset)),
+    dialogState = _useTinyStateMachine2.state,
+    dialogDispatch = _useTinyStateMachine2.dispatch,
+    dialogContext = _useTinyStateMachine2.context;
+  var handleStagesSelect = function handleStagesSelect(event) {
+    return dialogDispatch('SET_SELECTED_STAGES', event.target.value);
+  };
+  var handleLineStyleChange = function handleLineStyleChange(stage) {
+    return function (event) {
+      return dialogDispatch('SET_SELECTED_LINE_STYLE', {
+        stage: stage,
+        selectedLineStyle: event.target.value
+      });
+    };
+  };
+  var handleLineWidthChange = function handleLineWidthChange(stage) {
+    return function (event) {
+      return dialogDispatch('SET_SELECTED_LINE_WIDTH', {
+        stage: stage,
+        selectedLineWidth: event.target.value
+      });
+    };
+  };
+  var openDialog = function openDialog() {
+    return dialogDispatch('OPEN_DIALOG');
+  };
+  var closeDialog = function closeDialog() {
+    return dialogDispatch('CLOSE_DIALOG');
+  };
+  var offsetWellId = offset.selectedWellId;
+  var handleSave = function handleSave() {
+    var updatedOffset = _objectSpread(_objectSpread({}, offset), {}, {
+      stages: dialogContext.stagesData,
+      selectedStages: dialogContext.selectedStages
+    });
+    closeDialog();
+    onSave(updatedOffset);
+  };
+  useEffect(function () {
+    requestDispatch('FETCH_STAGES', offsetWellId);
+  }, []); // eslint-disable-line
+
+  var isStageDataEmpty = isNull(requestContext.lastStageNumber);
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(OffsetWellChip, {
+      title: offset.selectedWellName,
+      onClick: isStageDataEmpty ? noop : openDialog,
+      onRemoveOffsetWell: onDelete,
+      wellId: offsetWellId,
+      rigName: ""
+    }), requestState === 'success' && /*#__PURE__*/jsxs(Dialog, {
+      open: dialogState === 'open',
+      onBackdropClick: closeDialog,
+      classes: {
+        paper: classes.dialogPaper
+      },
+      children: [/*#__PURE__*/jsx(DialogTitle, {
+        children: "Offset Well Stages"
+      }), /*#__PURE__*/jsx(DialogContent, {
+        children: /*#__PURE__*/jsxs(Grid, {
+          container: true,
+          direction: "column",
+          spacing: 16,
+          children: [/*#__PURE__*/jsx(Grid, {
+            item: true,
+            children: /*#__PURE__*/jsxs(FormControl, {
+              margin: "normal",
+              fullWidth: true,
+              required: true,
+              children: [/*#__PURE__*/jsx(InputLabel, {
+                htmlFor: "stages-multi-select",
+                children: "Stages"
+              }), /*#__PURE__*/jsx(Select, {
+                inputProps: {
+                  name: 'stages',
+                  id: 'stages-multi-select'
+                },
+                value: dialogContext.selectedStages,
+                renderValue: function renderValue(selected) {
+                  return "".concat(selected.length, " stages selected");
+                },
+                onChange: handleStagesSelect,
+                multiple: true,
+                children: range(1, requestContext.lastStageNumber + 1).map(function (stage) {
+                  return /*#__PURE__*/jsxs(MenuItem, {
+                    value: stage,
+                    children: [/*#__PURE__*/jsx(Checkbox, {
+                      checked: dialogContext.selectedStages.includes(stage)
+                    }), /*#__PURE__*/jsx(ListItemText, {
+                      primary: stage
+                    })]
+                  }, stage);
+                })
+              })]
+            })
+          }), dialogContext.selectedStages.sort(function (a, b) {
+            return a - b;
+          }).map(function (stage) {
+            return /*#__PURE__*/jsxs(Grid, {
+              item: true,
+              children: [/*#__PURE__*/jsxs(Typography, {
+                variant: "subtitle1",
+                children: ["Stage ", stage]
+              }), /*#__PURE__*/jsxs(FormControl, {
+                component: "fieldset",
+                children: [/*#__PURE__*/jsx(FormLabel, {
+                  component: "legend",
+                  required: true,
+                  children: "Line Style"
+                }), /*#__PURE__*/jsxs(RadioGroup, {
+                  name: "line-style",
+                  value: get(dialogContext, ['stagesData', stage, 'lineStyle'], 'dotted'),
+                  onChange: handleLineStyleChange(stage),
+                  row: true,
+                  children: [/*#__PURE__*/jsx(FormControlLabel, {
+                    value: "dotted",
+                    control: /*#__PURE__*/jsx(Radio, {}),
+                    label: "Dotted"
+                  }), /*#__PURE__*/jsx(FormControlLabel, {
+                    value: "dashed",
+                    control: /*#__PURE__*/jsx(Radio, {}),
+                    label: "Dashed"
+                  }), /*#__PURE__*/jsx(FormControlLabel, {
+                    value: "solid",
+                    control: /*#__PURE__*/jsx(Radio, {}),
+                    label: "Solid"
+                  })]
+                })]
+              }), /*#__PURE__*/jsxs(FormControl, {
+                component: "fieldset",
+                children: [/*#__PURE__*/jsx(FormLabel, {
+                  component: "legend",
+                  required: true,
+                  children: "Line Width"
+                }), /*#__PURE__*/jsxs(RadioGroup, {
+                  name: "line-width",
+                  value: String(get(dialogContext, ['stagesData', stage, 'lineWidth'], '2')),
+                  onChange: handleLineWidthChange(stage),
+                  row: true,
+                  children: [/*#__PURE__*/jsx(FormControlLabel, {
+                    value: String(1),
+                    control: /*#__PURE__*/jsx(Radio, {}),
+                    label: "Thin"
+                  }), /*#__PURE__*/jsx(FormControlLabel, {
+                    value: String(2),
+                    control: /*#__PURE__*/jsx(Radio, {}),
+                    label: "Normal"
+                  }), /*#__PURE__*/jsx(FormControlLabel, {
+                    value: String(4),
+                    control: /*#__PURE__*/jsx(Radio, {}),
+                    label: "Thick"
+                  })]
+                })]
+              })]
+            }, stage);
+          })]
+        })
+      }), /*#__PURE__*/jsxs(DialogActions, {
+        children: [/*#__PURE__*/jsx(Button, {
+          onClick: closeDialog,
+          children: "Cancel"
+        }), /*#__PURE__*/jsx(Button, {
+          variant: "contained",
+          color: "primary",
+          onClick: handleSave,
+          children: "Save"
+        })]
+      })]
+    })]
+  });
+};
+StagesSelector.propTypes = {
+  onSave: func.isRequired,
+  onDelete: func.isRequired,
+  offset: shape({
+    selectedWellId: number,
+    selectedWellName: string,
+    selectedWellStatus: oneOf(['active', 'idle', 'complete', 'paused', 'unknown'])
+  }).isRequired
+};
+
+export { StagesSelector as default };
+//# sourceMappingURL=StagesSelector.js.map