\r\n \r\n \r\n \r\n );\r\n};\r\nEditorReduxForm.propTypes = {\r\n format: PropTypes.func,\r\n destroyOnUnmount: PropTypes.bool,\r\n};\r\n\r\nexport default EditorReduxForm;\r\n","import { compose } from 'redux';\r\nimport { change } from 'redux-form/immutable';\r\nimport { useEffect, useCallback } from 'react';\r\nimport { connect, useSelector } from 'react-redux';\r\nimport SearchIcon from '@material-ui/icons/Search';\r\nimport { reduxForm, Field, formValueSelector } from 'redux-form/immutable';\r\n\r\nimport {\r\n Grid,\r\n Dialog,\r\n Button,\r\n TextField,\r\n DialogContent,\r\n InputAdornment,\r\n} from '@material-ui/core';\r\n\r\nimport {\r\n ModalHeader,\r\n ModalActions,\r\n LoadingButton,\r\n AutocompleteField,\r\n} from 'altus-ui-components';\r\n\r\nimport { useModal } from 'altus-modal';\r\n\r\nimport {\r\n CREATE_ACTIVITY_MODE,\r\n CREATE_ACTIVITY_FORM,\r\n CREATE_ACTIVITY_MODAL_ID,\r\n} from 'features/projects/activities/activities.constants';\r\n\r\nimport { required } from 'utils/validation.util';\r\nimport { getActivityTypes } from 'features/projects/projects.actions';\r\nimport { getActivityTypes as getActivityTypesFromState } from 'features/projects/activities/activities.selectors';\r\nimport TimeSpanField from 'app/components/form/TimeSpanField';\r\nimport EditorReduxForm from 'app/components/form/EditorField';\r\nimport { EditorState, convertFromRaw } from 'draft-js';\r\nimport QuantityTextFieldReduxForm from 'app/components/form/redux-form/QuantityTextFieldReduxForm';\r\n\r\nconst getActivityTypeOptionLabel = (activityType) => activityType.get('name');\r\n\r\nconst CreateActivityModalContainer = ({\r\n mode,\r\n valid,\r\n dispatch,\r\n submitting,\r\n handleSubmit,\r\n dispatchOnLoad,\r\n selectedActivityType,\r\n createActivity,\r\n showWaitingActivities = true,\r\n}) => {\r\n useEffect(() => {\r\n dispatchOnLoad();\r\n }, [dispatchOnLoad]);\r\n\r\n const renderActivityTypeInput = useCallback((props) => {\r\n props.InputProps.startAdornment = (\r\n \r\n \r\n \r\n );\r\n\r\n return ;\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (!selectedActivityType) return;\r\n\r\n let description;\r\n\r\n if (selectedActivityType.get('description')) {\r\n const rawContentState = JSON.parse(selectedActivityType.get('description'));\r\n const newEditorState = EditorState.createWithContent(\r\n convertFromRaw(rawContentState),\r\n );\r\n description = newEditorState;\r\n }\r\n\r\n dispatch(\r\n change(\r\n CREATE_ACTIVITY_FORM.ID,\r\n CREATE_ACTIVITY_FORM.DESCRIPTION,\r\n description,\r\n ),\r\n );\r\n }, [dispatch, selectedActivityType]);\r\n\r\n const currentActivityTypes = useSelector(getActivityTypesFromState);\r\n\r\n const activityTypes = showWaitingActivities\r\n ? currentActivityTypes\r\n : currentActivityTypes.filter(\r\n (activityType) => !activityType?.get('isWait'),\r\n );\r\n\r\n const [isOpen, toggleModal] = useModal(CREATE_ACTIVITY_MODAL_ID);\r\n\r\n const isQuickMode = mode === CREATE_ACTIVITY_MODE.QUICK; // user should not enter Title, Description or Target depth\r\n\r\n return (\r\n \r\n );\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n const selector = formValueSelector(CREATE_ACTIVITY_FORM.ID);\r\n\r\n return {\r\n mode: selector(state, CREATE_ACTIVITY_FORM.MODE),\r\n selectedActivityType: selector(state, CREATE_ACTIVITY_FORM.TYPE),\r\n };\r\n};\r\n\r\nexport default compose(\r\n connect(mapStateToProps, {\r\n dispatchOnLoad: getActivityTypes,\r\n }),\r\n reduxForm({\r\n form: CREATE_ACTIVITY_FORM.ID,\r\n }),\r\n)(CreateActivityModalContainer);\r\n","import classNames from 'classnames';\r\nimport withStyles from '@material-ui/styles/withStyles';\r\nimport { Fab, Slide, Typography } from '@material-ui/core';\r\nimport ChevronLeftIcon from '@material-ui/icons/ChevronLeft';\r\nimport ChevronRightIcon from '@material-ui/icons/ChevronRight';\r\n\r\nimport { SLIDE_DIRECTIONS } from 'app/app.constants';\r\n\r\nconst styles = (theme) => ({\r\n relative: {\r\n position: 'relative',\r\n outline: 'none',\r\n },\r\n previousNext: {\r\n position: 'absolute',\r\n top: '50%',\r\n transform: 'translateY(-50%)',\r\n },\r\n next: {\r\n right: -70,\r\n },\r\n previous: {\r\n left: -70,\r\n },\r\n index: {\r\n color: theme.palette.common.white,\r\n position: 'absolute',\r\n bottom: 0,\r\n left: 0,\r\n right: 0,\r\n textAlign: 'center',\r\n },\r\n buttonLabel: {\r\n position: 'absolute',\r\n bottom: -25,\r\n },\r\n});\r\n\r\nconst resolveSlideDirection = (direction, open, fullScreen) => {\r\n if (fullScreen) return 'up';\r\n\r\n switch (direction) {\r\n case SLIDE_DIRECTIONS.NEXT:\r\n return open ? 'left' : 'right';\r\n case SLIDE_DIRECTIONS.PREVIOUS:\r\n return open ? 'right' : 'left';\r\n\r\n default:\r\n return 'left';\r\n }\r\n};\r\n\r\nconst Transition = ({\r\n item,\r\n index,\r\n onNext,\r\n modalId,\r\n classes,\r\n noOfItems,\r\n nextLabel,\r\n direction,\r\n fullScreen,\r\n onPrevious,\r\n activeIndex,\r\n NextBtnProps,\r\n previousLabel,\r\n dispatchOnNext,\r\n PreviousBtnProps,\r\n dispatchOnPrevious,\r\n onRightLeftKeyDown,\r\n nextPreviousDirection,\r\n ...rest\r\n}) => {\r\n const Slider = (\r\n \r\n );\r\n\r\n if (!fullScreen) {\r\n const displayNextBtn = activeIndex >= 0 && activeIndex < noOfItems - 1;\r\n const displayPrevBtn = activeIndex > 0;\r\n\r\n const focusOnNext =\r\n !displayPrevBtn ||\r\n !nextPreviousDirection ||\r\n nextPreviousDirection === SLIDE_DIRECTIONS.NEXT;\r\n const focusOnPrev =\r\n !displayNextBtn || nextPreviousDirection === SLIDE_DIRECTIONS.PREVIOUS;\r\n\r\n return (\r\n \r\n {displayPrevBtn && (\r\n \r\n dispatchOnPrevious({ onPrevious, modalId, item, index })\r\n }\r\n onKeyDown={onRightLeftKeyDown({ item, index })}\r\n className={classNames(classes.previous, classes.previousNext)}\r\n {...PreviousBtnProps}\r\n >\r\n \r\n Previous\r\n \r\n )}\r\n {displayNextBtn && (\r\n dispatchOnNext({ onNext, modalId, item, index })}\r\n onKeyDown={onRightLeftKeyDown({ item, index })}\r\n className={classNames(classes.next, classes.previousNext)}\r\n {...NextBtnProps}\r\n >\r\n \r\n Next\r\n \r\n )}\r\n {activeIndex >= 0 && noOfItems > 1 && (\r\n \r\n {`${activeIndex + 1} / ${noOfItems}`}\r\n \r\n )}\r\n\r\n {Slider}\r\n
\r\n );\r\n }\r\n\r\n return Slider;\r\n};\r\n\r\nexport default withStyles(styles)(Transition);\r\n","import CloseIcon from '@material-ui/icons/Close';\r\nimport withStyles from '@material-ui/styles/withStyles';\r\nimport { Grid, AppBar, Toolbar, Typography } from '@material-ui/core';\r\n\r\nimport { IconButton } from 'app/components/withTooltip';\r\n\r\nconst styles = () => ({\r\n title: {\r\n flex: 1,\r\n },\r\n relative: {\r\n position: 'relative',\r\n outline: 'none',\r\n },\r\n});\r\n\r\nconst ModalAppBar = ({\r\n title,\r\n classes,\r\n closeModal,\r\n onCancelClick,\r\n hideCloseButton,\r\n}) => {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n {title}\r\n \r\n \r\n {!hideCloseButton && (\r\n \r\n \r\n \r\n \r\n \r\n )}\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default withStyles(styles)(ModalAppBar);\r\n","import withStyles from '@material-ui/styles/withStyles';\r\nimport ChevronLeft from '@material-ui/icons/ChevronLeft';\r\n\r\nimport { Button as NavigationButton } from 'app/components/withNavigation';\r\n\r\nconst styles = {\r\n backButtonIcon: {\r\n marginRight: 5,\r\n },\r\n};\r\n\r\nconst BackButton = ({ to, classes, children, ...rest }) => (\r\n \r\n \r\n {children}\r\n \r\n);\r\n\r\nBackButton.defaultProps = {\r\n children: 'Back',\r\n};\r\n\r\nexport default withStyles(styles)(BackButton);\r\n","import CloseIcon from '@material-ui/icons/Close';\r\nimport withStyles from '@material-ui/styles/withStyles';\r\nimport { Grid, AppBar, Typography } from '@material-ui/core';\r\n\r\nimport BackButton from 'app/components/BackButton';\r\nimport { IconButton } from 'app/components/withTooltip';\r\n\r\nconst styles = () => ({\r\n appBar: {\r\n position: 'relative',\r\n padding: 10,\r\n boxShadow: 'none',\r\n },\r\n title: {\r\n flex: 1,\r\n },\r\n rightToolbarItem: {\r\n display: 'flex',\r\n justifyContent: 'flex-end',\r\n alignItems: 'center',\r\n },\r\n});\r\n\r\nconst ModalAppBarFullscreen = ({\r\n title,\r\n classes,\r\n project,\r\n closeModal,\r\n onCancelClick,\r\n displayBackBtn,\r\n hideCloseButton,\r\n fullScreenSubTitle,\r\n fullScreenHideSubTitle,\r\n}) => {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n {displayBackBtn && (\r\n \r\n )}\r\n \r\n \r\n \r\n {!fullScreenHideSubTitle && (\r\n \r\n \r\n {fullScreenSubTitle || (project && project.title)}\r\n \r\n \r\n )}\r\n \r\n {title}\r\n \r\n \r\n \r\n \r\n {!hideCloseButton && (\r\n \r\n \r\n \r\n )}\r\n \r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default withStyles(styles)(ModalAppBarFullscreen);\r\n","import isNil from 'lodash/isNil';\r\nimport classNames from 'classnames';\r\nimport { connect } from 'react-redux';\r\nimport toJSComponent from 'with-immutable-props-to-js';\r\nimport withStyles from '@material-ui/styles/withStyles';\r\nimport { MuiThemeProvider } from '@material-ui/core/styles';\r\nimport { cloneElement, Fragment, PureComponent } from 'react';\r\n\r\nimport {\r\n Button,\r\n Dialog,\r\n DialogActions,\r\n DialogContent,\r\n} from '@material-ui/core';\r\n\r\nimport {\r\n isModalOpen,\r\n getRouterParamsFromState,\r\n getModalDirectionFromState,\r\n getActiveModalIndexByModalId,\r\n} from 'app/app.selectors';\r\n\r\nimport themes from 'layout/themes';\r\nimport { toggleModal } from 'app/app.actions';\r\nimport Transition from 'app/components/Modal/Transition';\r\nimport ModalAppBar from 'app/components/Modal/ModalAppBar';\r\nimport { KEYS, APP_ACTIONS, THEMES } from 'app/app.constants';\r\nimport { invokeIfFunction, renderContent } from 'utils/app.util';\r\nimport { getCurrentProject } from 'features/projects/projects.selectors';\r\nimport ModalAppBarFullscreen from 'app/components/Modal/ModalAppBarFullscreen';\r\n\r\nclass ModalContainer extends PureComponent {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.toggleModal = this.toggleModal.bind(this);\r\n this.closeModal = this.closeModal.bind(this);\r\n this.onRightLeftKeyDown = this.onRightLeftKeyDown.bind(this);\r\n }\r\n\r\n toggleModal() {\r\n const { modalId, toggleModal } = this.props;\r\n toggleModal({ modalId });\r\n }\r\n\r\n closeModal() {\r\n const { modalId, closeModal } = this.props;\r\n closeModal(modalId);\r\n }\r\n\r\n onRightLeftKeyDown({ item, index }) {\r\n const { items, onNext, onPrevious } = this.props;\r\n\r\n return (event) => {\r\n switch (event.key) {\r\n case KEYS.ARROW_LEFT: {\r\n if (index > 0) {\r\n onPrevious({ item, index });\r\n }\r\n break;\r\n }\r\n case KEYS.ARROW_RIGHT: {\r\n if (index !== items.length - 1) {\r\n onNext({ item, index });\r\n }\r\n break;\r\n }\r\n default:\r\n break;\r\n }\r\n };\r\n }\r\n\r\n isModalOpen = (index) => {\r\n const { routeParams, modalId, activeIndex, open, isModalOpen } = this.props;\r\n\r\n const matchesActiveIndexRouteParam =\r\n this.allItems.length > 1 ? routeParams.index === index.toString() : true;\r\n\r\n const matchesModalIdRouteParams = !isNil(routeParams[modalId]);\r\n\r\n return (\r\n (this.allItems.length > 1\r\n ? isModalOpen && index === activeIndex\r\n : isModalOpen) ||\r\n !!open ||\r\n (matchesModalIdRouteParams && matchesActiveIndexRouteParam)\r\n );\r\n };\r\n\r\n render() {\r\n const {\r\n DialogProps,\r\n open,\r\n items,\r\n title,\r\n height,\r\n onNext,\r\n project,\r\n classes,\r\n modalId,\r\n Actions,\r\n onEnter,\r\n maxWidth,\r\n minWidth,\r\n children,\r\n nextLabel,\r\n direction,\r\n onPrevious,\r\n closeModal,\r\n fullScreen,\r\n isModalOpen,\r\n activeIndex,\r\n onSaveClick,\r\n NextBtnProps,\r\n toggleModal,\r\n CustomAppBar,\r\n BackdropProps,\r\n previousLabel,\r\n dialogClasses,\r\n onCancelClick,\r\n displayBackBtn,\r\n hideCloseButton,\r\n saveButtonTitle,\r\n PreviousBtnProps,\r\n dispatchOnNext,\r\n TriggerComponent,\r\n dispatchOnPrevious,\r\n fullScreenSubTitle,\r\n onClickDialogActions,\r\n nextPreviousDirection,\r\n fullScreenHideSubTitle,\r\n fullscreenHideCancelBtn,\r\n routeParams,\r\n ActionsProps,\r\n CustomAppBarProps,\r\n childrenProps,\r\n FullscreenCancelBtnProps,\r\n TransitionProps,\r\n onExit,\r\n ...rest\r\n } = this.props;\r\n\r\n this.allItems = Array.isArray(items) ? items : [items];\r\n\r\n return this.allItems.map((item, index) => {\r\n const modalOpen = this.isModalOpen(index);\r\n\r\n return (\r\n \r\n {TriggerComponent &&\r\n cloneElement(TriggerComponent, {\r\n onClick: this.toggleModal,\r\n })}\r\n\r\n invokeIfFunction(onEnter, item),\r\n onRightLeftKeyDown: this.onRightLeftKeyDown,\r\n noOfItems: this.allItems.length,\r\n nextPreviousDirection,\r\n dispatchOnPrevious,\r\n PreviousBtnProps,\r\n dispatchOnNext,\r\n previousLabel,\r\n NextBtnProps,\r\n activeIndex,\r\n fullScreen,\r\n onPrevious,\r\n nextLabel,\r\n direction,\r\n modalId,\r\n onNext,\r\n index,\r\n item,\r\n onExit,\r\n ...TransitionProps,\r\n }}\r\n BackdropProps={{\r\n classes: {\r\n root: classes.backdrop,\r\n },\r\n ...BackdropProps,\r\n }}\r\n {...DialogProps}\r\n {...rest}\r\n >\r\n \r\n {CustomAppBar && (\r\n \r\n )}\r\n {!CustomAppBar && (\r\n <>\r\n {fullScreen && (\r\n \r\n )}\r\n {!fullScreen && (\r\n \r\n )}\r\n \r\n )}\r\n \r\n \r\n {renderContent(children, { item, index, ...childrenProps })}\r\n \r\n\r\n {Actions && (\r\n <>\r\n {fullScreen && (\r\n \r\n \r\n {!fullscreenHideCancelBtn && (\r\n \r\n Cancel\r\n \r\n )}\r\n \r\n )}\r\n {!fullScreen && (\r\n \r\n )}\r\n \r\n )}\r\n \r\n \r\n );\r\n });\r\n }\r\n}\r\n\r\nModalContainer.defaultProps = {\r\n items: [{}],\r\n};\r\n\r\nconst mapStateToProps = (initialState, initialProps) => (state) => {\r\n const { modalId } = initialProps;\r\n\r\n return {\r\n project: getCurrentProject(state),\r\n isModalOpen: isModalOpen(state, modalId),\r\n routeParams: getRouterParamsFromState(state),\r\n nextPreviousDirection: getModalDirectionFromState(state),\r\n activeIndex: getActiveModalIndexByModalId(state, modalId),\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n toggleModal: (params) => dispatch(toggleModal(params)),\r\n closeModal: (modalId) => dispatch(toggleModal({ modalId, value: false })),\r\n dispatchOnNext: ({ modalId, onNext, ...params }) => {\r\n invokeIfFunction(onNext, {\r\n params,\r\n goNext: () =>\r\n dispatch({\r\n type: APP_ACTIONS.MODAL_NEXT,\r\n modalId,\r\n }),\r\n });\r\n },\r\n dispatchOnPrevious: ({ modalId, onPrevious, ...params }) =>\r\n invokeIfFunction(onPrevious, {\r\n params,\r\n goPrevious: () =>\r\n dispatch({\r\n type: APP_ACTIONS.MODAL_PREVIOUS,\r\n modalId,\r\n }),\r\n }),\r\n };\r\n};\r\n\r\nconst styles = (theme) => ({\r\n root: {\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n },\r\n content: {\r\n padding: theme.altus.components.ModalContainer.content.padding,\r\n height: '60vh',\r\n minWidth: 400,\r\n background: theme.palette.background.default,\r\n },\r\n relative: {\r\n position: 'relative',\r\n outline: 'none',\r\n },\r\n actionsFullscreen: {\r\n backgroundColor: theme.altus.background.navigation,\r\n height: '12vh',\r\n margin: 0,\r\n justifyContent: 'center',\r\n },\r\n cancelButton: {\r\n position: 'absolute',\r\n right: 15,\r\n },\r\n backdrop: {\r\n backgroundColor: theme.altus.background.backdrop,\r\n },\r\n paperScrollPaper: {\r\n maxHeight: 'calc(100vh - 96px)',\r\n },\r\n});\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps,\r\n)(toJSComponent(withStyles(styles)(ModalContainer)));\r\n","import { KeyboardDateTimePicker } from '@material-ui/pickers';\r\n\r\nimport { Format } from 'app/app.constants';\r\n\r\nconst DateTimePickerField = ({\r\n meta,\r\n input,\r\n margin = 'normal',\r\n DateTimePickerProps,\r\n format = Format.time,\r\n inputVariant = 'standard',\r\n}) => {\r\n const { onChange, value } = input;\r\n\r\n return (\r\n \r\n );\r\n};\r\n\r\nexport default DateTimePickerField;\r\n","import { Grid } from '@material-ui/core';\r\nimport { Field } from 'redux-form/immutable';\r\n\r\nimport DateTimePickerField from 'app/components/form/DateTimePickerField';\r\n\r\nconst AdjustTimeField = ({ names, disabled, DateTimePickerProps, ...rest }) => {\r\n const [startTimeName, endTimeName] = names;\r\n const startTime = rest[startTimeName];\r\n const endTime = rest[endTimeName];\r\n\r\n return (\r\n \r\n {\r\n startTime.input.onChange(value);\r\n endTime.input.onChange(value);\r\n }}\r\n DateTimePickerProps={DateTimePickerProps}\r\n />\r\n \r\n );\r\n};\r\n\r\nexport default AdjustTimeField;\r\n","import { Grid } from '@material-ui/core';\r\nimport { Field } from 'redux-form/immutable';\r\n\r\nimport DateTimePickerField from 'app/components/form/DateTimePickerField';\r\n\r\nconst AdjustDurationField = ({\r\n names,\r\n disabled,\r\n endTimeProps,\r\n durationProps,\r\n startTimeProps,\r\n ...rest\r\n}) => {\r\n const [startTimeName] = names;\r\n const startTime = rest[startTimeName];\r\n\r\n return (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n\r\n {/*If item is stopped => edit end time when editing duration*/}\r\n {/*If item is active => edit start time when edititing duration*/}\r\n \r\n );\r\n};\r\n\r\nexport default AdjustDurationField;\r\n","export const PARTICIPANTSMODAL = 'PARTICIPANTSMODAL';\r\nexport const SITUATIONSMODAL = 'SITUATIONSMODAL';\r\n","import PropTypes from 'prop-types';\r\n\r\nimport { Switch } from '@material-ui/core';\r\n\r\nconst SwitchFormik = ({ field, form, ...rest }) => {\r\n const { value, onChange, name } = field;\r\n\r\n return (\r\n \r\n );\r\n};\r\n\r\nSwitchFormik.propTypes = {\r\n format: PropTypes.func,\r\n};\r\n\r\nexport default SwitchFormik;\r\n","import { useEffect, useCallback } from 'react';\r\nimport withStyles from '@material-ui/styles/withStyles';\r\nimport { KeyboardDateTimePicker } from '@material-ui/pickers';\r\n\r\nimport { Format } from 'app/app.constants';\r\nimport { formatDate } from 'utils/format.util';\r\n\r\nconst DateTimePickerFormik = ({\r\n form,\r\n field,\r\n classes,\r\n margin = 'normal',\r\n DateTimePickerProps,\r\n format = Format.time,\r\n destroyOnUnmount = false,\r\n inputVariant = 'standard',\r\n disableFuture = false,\r\n ...rest\r\n}) => {\r\n const { value, name, onBlur } = field;\r\n const { getFieldMeta, setFieldValue } = form;\r\n\r\n useEffect(\r\n () => () => {\r\n if (destroyOnUnmount) {\r\n // clear value and unregister field\r\n setFieldValue(name, undefined);\r\n }\r\n },\r\n [name, setFieldValue, destroyOnUnmount],\r\n );\r\n\r\n const { error } = getFieldMeta(name);\r\n\r\n const onChangeHandler = useCallback(\r\n (value) => {\r\n return setFieldValue(name, formatDate(value));\r\n },\r\n [setFieldValue, name],\r\n );\r\n\r\n return (\r\n \r\n );\r\n};\r\n\r\nconst styles = () => ({\r\n customTextField: {\r\n '& input::placeholder': {\r\n fontSize: '10',\r\n },\r\n },\r\n root: {\r\n '& .MuiFormLabel-root': {\r\n fontSize: '10',\r\n },\r\n },\r\n});\r\n\r\nexport default withStyles(styles)(DateTimePickerFormik);\r\n","import Agent from 'infrastructure/agent';\r\nimport wellControlMappers from './wellControl.mapper';\r\n\r\nconst getWellControlDrillCategoriesAndSituations = (textSearch) =>\r\n Agent.get(`/wellcontroldrill?textSearch=${textSearch}`);\r\n\r\nconst updateActivityWcd = (projectId, taskId, activity) =>\r\n Agent.put(\r\n `/project/${projectId}/tasks/${taskId}/activities/${activity.id}`,\r\n wellControlMappers.activity.to(activity),\r\n );\r\n\r\nconst wellControlService = {\r\n updateActivityWcd,\r\n getWellControlDrillCategoriesAndSituations,\r\n};\r\n\r\nexport default wellControlService;\r\n","import { Field } from 'formik';\r\nimport Close from '@material-ui/icons/Close';\r\nimport { IconButton, InputAdornment } from '@material-ui/core';\r\nimport TextFieldFormik from 'app/components/form/formik/TextFieldFormik';\r\n\r\nconst SearchTextFieldFormik = ({ form, field, InputProps, ...rest }) => {\r\n const { name } = field;\r\n const { setFieldValue } = form;\r\n\r\n return (\r\n \r\n setFieldValue(name, undefined)}\r\n >\r\n \r\n \r\n \r\n ),\r\n }}\r\n {...rest}\r\n />\r\n );\r\n};\r\n\r\nexport default SearchTextFieldFormik;\r\n","import React from 'react';\r\n\r\nimport {\r\n Box,\r\n Grid,\r\n Button,\r\n Dialog,\r\n Accordion,\r\n Typography,\r\n DialogContent,\r\n AccordionDetails,\r\n AccordionSummary,\r\n} from '@material-ui/core';\r\n\r\nimport { compose } from 'redux';\r\nimport { useState } from 'react';\r\nimport { Field, Formik, Form, useFormikContext } from 'formik';\r\n\r\nimport withStyles from '@material-ui/styles/withStyles';\r\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\r\n\r\nimport { SITUATIONSMODAL } from 'features/wellControlDrillActivity/constants';\r\nimport ApplicationHeaderBase from 'app/components/ApplicationHeader/ApplicationHeaderBase';\r\nimport AutoSaveFormik from 'app/components/form/formik/AutoSaveFormik';\r\nimport SearchTextFieldFormik from 'app/components/form/formik/SearchTextFieldFormik';\r\nimport { useEffect } from 'react';\r\n\r\nexport const Filters = {\r\n TEXT_SEARCH: 'textSearch',\r\n};\r\n\r\nconst SituationsModal = ({\r\n isOpen,\r\n toggleModal,\r\n classes,\r\n categories,\r\n form,\r\n field,\r\n onSearch,\r\n}) => {\r\n const { value, name } = field;\r\n const { setFieldValue } = form;\r\n const [selectedSituationItems, setSelectedSituationItems] = useState([]);\r\n const { formValuesContext } = useFormikContext();\r\n\r\n const onAddHandler = () => {\r\n setFieldValue(name, selectedSituationItems);\r\n toggleModal({ modalId: SITUATIONSMODAL + form.values.id });\r\n };\r\n\r\n useEffect(() => {\r\n setSelectedSituationItems(value);\r\n }, [value]);\r\n\r\n const onSubmit = (formValues) => {\r\n const search = formValues ? formValues[Filters.TEXT_SEARCH] : '';\r\n onSearch(search);\r\n };\r\n\r\n const onKeyUp = (event) => {\r\n if (event.target?.value?.length === 0) {\r\n onSubmit(formValuesContext);\r\n }\r\n };\r\n\r\n const initialValues = {\r\n [Filters.TEXT_SEARCH]: '',\r\n };\r\n\r\n const shouldSubmit = ({ isValid }) => isValid;\r\n\r\n return (\r\n \r\n );\r\n};\r\n\r\nconst styles = (theme) => ({\r\n addBtn: {\r\n position: 'absolute',\r\n bottom: 50,\r\n right: 50,\r\n },\r\n test2: {\r\n height: 'fit-content',\r\n },\r\n accordionDetails: {\r\n backgroundColor: 'transparent',\r\n boxShadow: 'none',\r\n width: '100%',\r\n },\r\n accordionHeader: {\r\n backgroundColor: theme.palette.secondary.darkGrey,\r\n },\r\n situationsItem: {\r\n backgroundColor: theme.palette.secondary.main,\r\n borderRadius: 16,\r\n paddingLeft: theme.spacing(3),\r\n paddingRight: theme.spacing(3),\r\n paddingTop: theme.spacing(1),\r\n paddingBottom: theme.spacing(1),\r\n width: 'fit-content',\r\n marginRight: theme.spacing(1),\r\n marginBottom: theme.spacing(1),\r\n cursor: 'pointer',\r\n height: 'fit-content',\r\n },\r\n situationsText: {\r\n cursor: 'pointer',\r\n },\r\n selected: {\r\n backgroundColor: theme.palette.secondary.darkGrey,\r\n height: '48px',\r\n alignItems: 'center',\r\n paddingLeft: '16px',\r\n marginBottom: theme.spacing(1),\r\n },\r\n});\r\n\r\nexport default compose(withStyles(styles))(SituationsModal);\r\n","import { createSelector } from 'utils/app.util';\r\n\r\nexport const getWellControlCategoriesFromState = createSelector(\r\n (state) => state.getIn(['entity', 'wellControl', 'categories']),\r\n (categories) => categories,\r\n);\r\n","import { compose } from 'redux';\r\nimport { useEffect } from 'react';\r\nimport { connect, useSelector } from 'react-redux';\r\n\r\nimport SituationsModal from 'features/wellControlDrillActivity/SituationsModal';\r\nimport { getSummarizedDataStateFromState } from 'app/app.selectors';\r\nimport { WELL_CONTROL_ACTIONS } from 'features/wellControlDrillActivity/wellControl.constants';\r\nimport { loadCategoriesAndSituations } from 'features/wellControlDrillActivity/wellControl.actions';\r\nimport { getWellControlCategoriesFromState } from 'features/wellControlDrillActivity/wellControl.selectors';\r\nimport { useCallback } from 'react';\r\n\r\nconst SituationsModalContainer = ({\r\n form,\r\n field,\r\n isOpen,\r\n dataState,\r\n toggleModal,\r\n dispatchOnLoad,\r\n}) => {\r\n\r\n const onSearch = useCallback((txtSearch) => {\r\n dispatchOnLoad(txtSearch);\r\n }, [dispatchOnLoad]);\r\n \r\n useEffect(() => {\r\n onSearch('');\r\n }, [dispatchOnLoad, onSearch]);\r\n\r\n const categories = useSelector(getWellControlCategoriesFromState);\r\n\r\n return (\r\n \r\n );\r\n};\r\n\r\nexport default compose(\r\n connect(\r\n (state) => ({\r\n dataState: getSummarizedDataStateFromState(\r\n state,\r\n WELL_CONTROL_ACTIONS.GET_ALL_CATEGORIES_AND_SITUATIONS,\r\n ),\r\n }),\r\n {\r\n dispatchOnLoad: loadCategoriesAndSituations,\r\n },\r\n ),\r\n)(SituationsModalContainer);\r\n","import { toggleModal } from 'app/app.actions';\r\nimport { NOTIFICATION_VARIANTS } from 'app/app.constants';\r\nimport wellControlService from 'features/wellControlDrillActivity/wellControl.service';\r\nimport { WELL_CONTROL_ACTIONS } from 'features/wellControlDrillActivity/wellControl.constants';\r\nimport { getTaskActivities } from 'features/projects/activities/activities.actions';\r\nimport { EDIT_ACTIVITY_MODAL_ID } from 'features/projects/activities/activities.constants';\r\n\r\nexport const loadCategoriesAndSituations = (textSearch = '') => (dispatch) => {\r\n dispatch({\r\n type: WELL_CONTROL_ACTIONS.GET_ALL_CATEGORIES_AND_SITUATIONS,\r\n payload: () =>\r\n wellControlService.getWellControlDrillCategoriesAndSituations(textSearch),\r\n });\r\n};\r\n\r\nexport const updateActivityWcd = (formValues) => (dispatch) => {\r\n const { projectId, taskId, ...activity } = formValues;\r\n\r\n const payload = wellControlService\r\n .updateActivityWcd(projectId, taskId, activity)\r\n .then(() => {\r\n return dispatch(\r\n getTaskActivities(projectId, taskId, { silent: true }),\r\n ).then(() => {\r\n dispatch(toggleModal({ modalId: EDIT_ACTIVITY_MODAL_ID }));\r\n window.location.reload();\r\n });\r\n });\r\n\r\n dispatch({\r\n type: WELL_CONTROL_ACTIONS.UPDATE_WELL_CONTROLL_DRILL_ACTIVITY,\r\n notification: {\r\n [NOTIFICATION_VARIANTS.INFO]: 'Updating activity',\r\n [NOTIFICATION_VARIANTS.SUCCESS]: 'Activity successfully updated!',\r\n },\r\n payload,\r\n });\r\n};\r\n","import { compose } from 'redux';\r\nimport CheckBox from '@material-ui/icons/CheckBox';\r\nimport withStyles from '@material-ui/styles/withStyles';\r\nimport CheckBoxOutlineBlank from '@material-ui/icons/CheckBoxOutlineBlank';\r\n\r\nimport {\r\n Box,\r\n Grid,\r\n Button,\r\n Dialog,\r\n Typography,\r\n IconButton,\r\n DialogContent,\r\n DialogActions,\r\n} from '@material-ui/core';\r\n\r\nimport {\r\n Table,\r\n UserAvatar,\r\n LoadingButton,\r\n TableRowActionsCell,\r\n} from 'altus-ui-components';\r\n\r\nimport { useMultiselect } from 'altus-hooks';\r\n\r\nimport BasePageDense from 'app/components/BasePageDense';\r\nimport { PARTICIPANTSMODAL } from 'features/wellControlDrillActivity/constants';\r\nimport ApplicationHeaderBase from 'app/components/ApplicationHeader/ApplicationHeaderBase';\r\nimport { useCallback } from 'react';\r\nimport { useState } from 'react';\r\nimport { useEffect } from 'react';\r\n\r\nconst initialState = {\r\n pageSize: 25,\r\n sortBy: [\r\n {\r\n id: 'name',\r\n desc: false,\r\n },\r\n ],\r\n};\r\n\r\nconst AddParticipantsModal = ({\r\n users,\r\n isOpen,\r\n classes,\r\n dataState,\r\n toggleModal,\r\n form,\r\n field,\r\n}) => {\r\n const { clearSelection } = useMultiselect();\r\n\r\n const { value, name } = field;\r\n const { setFieldValue } = form;\r\n\r\n const [selectedValues, setSelectedValues] = useState([]);\r\n\r\n const checkIfSelected = useCallback(\r\n (user) => {\r\n const found = selectedValues.find((el) => el.id === user.get('id'));\r\n return found !== undefined;\r\n },\r\n [selectedValues],\r\n );\r\n\r\n useEffect(() => {\r\n setSelectedValues(value);\r\n }, [value]);\r\n\r\n const toggleSelection = useCallback(\r\n (user) => {\r\n const valueLocal = [...selectedValues];\r\n const found = valueLocal.find((el) => el.id === user.get('id'));\r\n if (found) {\r\n const index = valueLocal.indexOf(found);\r\n if (index > -1) {\r\n valueLocal.splice(index, 1);\r\n setSelectedValues(valueLocal);\r\n setFieldValue(name, valueLocal);\r\n }\r\n } else {\r\n valueLocal.push(user.toJS());\r\n setSelectedValues(valueLocal);\r\n setFieldValue(name, valueLocal);\r\n }\r\n },\r\n [setFieldValue, selectedValues, name],\r\n );\r\n\r\n const columns = [\r\n {\r\n id: 'avatar',\r\n disableSortBy: true,\r\n Header: ,\r\n Cell: ({ row }) => {\r\n const user = row.original;\r\n\r\n return (\r\n \r\n \r\n \r\n );\r\n },\r\n },\r\n {\r\n xs: 4,\r\n id: 'name',\r\n Header: 'Name',\r\n accessor: (user) => user.get('name'),\r\n },\r\n {\r\n xs: 4,\r\n Header: 'Job title',\r\n accessor: (user) => user.get('title'),\r\n },\r\n {\r\n xs: 4,\r\n Header: 'Organization',\r\n accessor: (user) => user.get('organizationName'),\r\n },\r\n {\r\n id: 'actions',\r\n disableSortBy: true,\r\n Header: ,\r\n Cell: ({ row }) => {\r\n const user = row.original;\r\n\r\n return (\r\n \r\n toggleSelection(user)}\r\n >\r\n {checkIfSelected(user) ? : }\r\n \r\n \r\n );\r\n },\r\n },\r\n ];\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n Add field crew\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n toggleModal({ modalId: PARTICIPANTSMODAL });\r\n }}\r\n >\r\n {'Save and close'}\r\n \r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nconst styles = (theme) => ({\r\n dialogActionsRoot: {\r\n padding: theme.spacing(3),\r\n background: theme.altus.background.header,\r\n },\r\n});\r\n\r\nexport default compose(withStyles(styles))(AddParticipantsModal);\r\n","import React from 'react';\r\nimport { useSelector } from 'react-redux';\r\n\r\nimport { LoadingOverlay } from 'altus-ui-components';\r\n\r\nimport { getFieldCrewFromState } from 'features/projects/team/team.selectors';\r\nimport AddParticipantsModal from 'features/wellControlDrillActivity/AddParticipantsModal';\r\n\r\nconst AddParticipantsModalContainer = ({\r\n isOpen,\r\n toggleModal,\r\n form,\r\n field,\r\n dataState,\r\n}) => {\r\n const users = useSelector(getFieldCrewFromState);\r\n\r\n return (\r\n <>\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default AddParticipantsModalContainer;\r\n","import { compose } from 'redux';\r\nimport { useEffect } from 'react';\r\nimport { Field, Formik } from 'formik';\r\nimport { connect, useDispatch } from 'react-redux';\r\nimport PeopleIcon from '@material-ui/icons/People';\r\nimport withStyles from '@material-ui/styles/withStyles';\r\nimport {\r\n Grid,\r\n Divider,\r\n TextField,\r\n Typography,\r\n MenuItem,\r\n} from '@material-ui/core';\r\n\r\nimport { useModal } from 'altus-modal';\r\nimport { EditorState, convertFromRaw, convertToRaw } from 'draft-js';\r\n\r\nimport {\r\n PARTICIPANTSMODAL,\r\n SITUATIONSMODAL,\r\n} from 'features/wellControlDrillActivity/constants';\r\n\r\nimport { Button } from 'app/components/withTooltip';\r\nimport SwitchFormik from 'app/components/form/formik/SwitchFormik';\r\nimport { getSummarizedDataStateFromState } from 'app/app.selectors';\r\nimport { TEAM_ACTIONS } from 'features/projects/team/team.constants';\r\nimport TextFieldFormik from 'app/components/form/formik/TextFieldFormik';\r\nimport { onLoadProjectFieldCrew } from 'features/projects/team/team.actions';\r\nimport DateTimePickerFormik from 'app/components/form/formik/DateTimePickerFormik';\r\nimport { ACTIVITIES_ACTIONS } from 'features/projects/activities/activities.constants';\r\nimport { updateActivityWcd } from 'features/wellControlDrillActivity/wellControl.actions';\r\nimport { WELL_CONTROL_ACTIONS } from 'features/wellControlDrillActivity/wellControl.constants';\r\nimport { deleteActivityNoNotification } from 'features/projects/activities/activities.actions';\r\nimport SituationsModalContainer from 'features/wellControlDrillActivity/SituationsModalContainer';\r\nimport AddParticipantsModalContainer from 'features/wellControlDrillActivity/AddParticipantsModalContainer';\r\nimport { EditorContentToStringWithTry, isValidJSON } from 'utils/app.util';\r\nimport EditorFormik from 'app/components/form/formik/EditorFormik';\r\nimport { WellControlDrillResult } from 'app/app.constants';\r\n\r\nconst FormFields = {\r\n PROJECT_ID: 'projectId',\r\n TASK_ID: 'taskId',\r\n ACTIVITY_ID: 'id',\r\n START_TIME: 'startTime',\r\n END_TIME: 'endTime',\r\n EVALUATION: 'comments',\r\n SELECTED_SITUATIONS: 'wellControlDrillSituations',\r\n PARTICIPANTS: 'participants',\r\n TITLE: 'title',\r\n NAME: 'name',\r\n ACTIVITY_TYPE_ID: 'activityTypeId',\r\n FAILURE_BARRIER: 'failiureBarrier',\r\n FAILURE_ACTIVATE_BARRIER: 'failureActivateBarrier',\r\n FAILURE_ACTIVATE_SECOND_BARRIER: 'failureActivateSecondBarrier',\r\n MEET_EXPECTED_TIME: 'expectedTimeMet',\r\n DESCRIPTION: 'description',\r\n PARALLELACTIVITY: 'parallelActivity',\r\n WELL_CONTROL_DRILL_RESULT: 'wellControlDrillResult',\r\n};\r\n\r\nconst WellControlDrillActivityContainer = ({\r\n classes,\r\n dataState,\r\n activityForm,\r\n dispatchFieldCrewOnLoad,\r\n}) => {\r\n const activityCommentsEditorState = !activityForm?.comments\r\n ? // This fix reffers to bug #8451, when comment is NULL in DB it affects form behaviour\r\n null\r\n : isValidJSON(\r\n JSON.stringify(\r\n convertToRaw(activityForm?.comments?.getCurrentContent()),\r\n ),\r\n )\r\n ? EditorState.createWithContent(\r\n convertFromRaw(\r\n JSON.parse(\r\n JSON.stringify(\r\n convertToRaw(activityForm?.comments?.getCurrentContent()),\r\n ),\r\n ),\r\n ),\r\n )\r\n : null;\r\n\r\n const initialFormValues = {\r\n [FormFields.PROJECT_ID]: activityForm.projectId,\r\n [FormFields.TASK_ID]: activityForm.taskId,\r\n [FormFields.ACTIVITY_ID]: activityForm.id,\r\n [FormFields.START_TIME]: activityForm.activityStartTime,\r\n [FormFields.END_TIME]: activityForm.activityEndTime,\r\n [FormFields.EVALUATION]: activityCommentsEditorState,\r\n [FormFields.SELECTED_SITUATIONS]: activityForm.wellControlDrillSituations,\r\n [FormFields.PARTICIPANTS]: activityForm.participants,\r\n [FormFields.TITLE]: activityForm.title,\r\n [FormFields.NAME]: activityForm.type.name,\r\n [FormFields.ACTIVITY_TYPE_ID]: activityForm.type.id,\r\n [FormFields.FAILURE_BARRIER]: activityForm.failiureBarrier,\r\n [FormFields.FAILURE_ACTIVATE_BARRIER]: activityForm.failureActivateBarrier,\r\n [FormFields.FAILURE_ACTIVATE_SECOND_BARRIER]:\r\n activityForm.failureActivateSecondBarrier,\r\n [FormFields.MEET_EXPECTED_TIME]: activityForm.expectedTimeMet,\r\n [FormFields.DESCRIPTION]: EditorContentToStringWithTry(\r\n activityForm?.description,\r\n ),\r\n [FormFields.PARALLELACTIVITY]: EditorContentToStringWithTry(\r\n activityForm?.parallelActivity,\r\n ),\r\n [FormFields.WELL_CONTROL_DRILL_RESULT]: activityForm.wellControlDrillResult,\r\n };\r\n const dispatch = useDispatch();\r\n\r\n const handleClick = (values) => {\r\n const rawContentState = convertToRaw(values?.comments?.getCurrentContent());\r\n const evaluationStringified = JSON.stringify(rawContentState);\r\n const updatedValues = {\r\n ...values,\r\n comments: evaluationStringified,\r\n };\r\n\r\n dispatch(updateActivityWcd(updatedValues));\r\n };\r\n\r\n const handleDelete = () => {\r\n dispatch(\r\n deleteActivityNoNotification(\r\n activityForm.projectId,\r\n activityForm.taskId,\r\n activityForm.id,\r\n ),\r\n );\r\n };\r\n\r\n useEffect(() => {\r\n dispatchFieldCrewOnLoad(activityForm.projectId);\r\n }, [dispatchFieldCrewOnLoad, activityForm.projectId]);\r\n\r\n const [isOpenParticipants, toggleModalParticipants] =\r\n useModal(PARTICIPANTSMODAL);\r\n\r\n const [isOpenSituations, toggleModalSituations] = useModal(SITUATIONSMODAL);\r\n\r\n return (\r\n \r\n {({ values }) => (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n Code\r\n \r\n WCD\r\n \r\n \r\n \r\n Name\r\n \r\n Well control drill\r\n \r\n \r\n \r\n \r\n {({ form, ...formik }) => (\r\n ,\r\n }}\r\n />\r\n )}\r\n \r\n \r\n \r\n \r\n \r\n \r\n `${values.wellControlDrillSituations.length} selected`,\r\n }}\r\n />\r\n \r\n \r\n \r\n `${values.participants.length} selected`,\r\n }}\r\n />\r\n \r\n \r\n \r\n {({ form, ...formik }) => (\r\n \r\n )}\r\n \r\n \r\n \r\n \r\n \r\n {WellControlDrillResult.map((result) => (\r\n \r\n ))}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Did the test include failure of barrier?\r\n \r\n \r\n \r\n No\r\n \r\n {({ form, ...formik }) => (\r\n \r\n )}\r\n \r\n Yes\r\n \r\n \r\n \r\n \r\n \r\n \r\n Did the test include failure to activate barrier?\r\n \r\n \r\n \r\n No\r\n \r\n {({ form, ...formik }) => (\r\n \r\n )}\r\n \r\n Yes\r\n \r\n \r\n \r\n \r\n \r\n \r\n Did the test include failure to activate second barrier?\r\n \r\n \r\n \r\n No\r\n \r\n {({ form, ...formik }) => (\r\n \r\n )}\r\n \r\n Yes\r\n \r\n \r\n \r\n \r\n \r\n \r\n Did the test meet expected time for securing the\r\n situation?\r\n \r\n \r\n \r\n No\r\n \r\n {({ form, ...formik }) => (\r\n \r\n )}\r\n \r\n Yes\r\n \r\n \r\n \r\n \r\n \r\n \r\n {({ form, ...formik }) => (\r\n \r\n )}\r\n \r\n \r\n \r\n \r\n \r\n handleDelete()}\r\n >\r\n Delete\r\n \r\n \r\n \r\n handleClick(values)}\r\n >\r\n Save and close\r\n \r\n \r\n \r\n \r\n \r\n {({ form, ...formik }) => (\r\n \r\n )}\r\n \r\n \r\n {({ form, ...formik }) => (\r\n \r\n )}\r\n \r\n \r\n )}\r\n \r\n );\r\n};\r\n\r\nconst styles = (theme) => ({\r\n container: {\r\n width: '100%',\r\n height: '100%',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n },\r\n contentContainer: {\r\n justifyContent: 'center',\r\n borderRadius: 3,\r\n flexDirection: 'column',\r\n },\r\n header: {\r\n backgroundColor: theme.palette.secondary.dark,\r\n padding: theme.spacing(2),\r\n alignItems: 'center',\r\n justifyContent: 'space-between',\r\n },\r\n footer: {\r\n padding: theme.spacing(2),\r\n },\r\n});\r\n\r\nexport default compose(\r\n connect(\r\n (state) => ({\r\n dataState: getSummarizedDataStateFromState(\r\n state,\r\n WELL_CONTROL_ACTIONS.GET_ALL_CATEGORIES_AND_SITUATIONS,\r\n WELL_CONTROL_ACTIONS.UPDATE_WELL_CONTROLL_DRILL_ACTIVITY,\r\n TEAM_ACTIONS.PROJECT_FIELD_CREW_PAGE_LOADED,\r\n ACTIVITIES_ACTIONS.GET_TASK_ACTIVITIES,\r\n ACTIVITIES_ACTIONS.CONFIRM_DELETE_ACTIVITY,\r\n ),\r\n }),\r\n {\r\n dispatchFieldCrewOnLoad: onLoadProjectFieldCrew,\r\n },\r\n ),\r\n withStyles(styles),\r\n)(WellControlDrillActivityContainer);\r\n","import { Grid } from '@material-ui/core';\r\nimport { useSelector } from 'react-redux';\r\nimport { Field, Fields, formValueSelector } from 'redux-form/immutable';\r\n\r\nimport {\r\n EDIT_ACTIVITY_FORM,\r\n ACTIVITIES_ACTIONS,\r\n} from 'features/projects/activities/activities.constants';\r\n\r\nimport { WORK_ITEM_STATUS } from 'app/app.constants';\r\nimport { getSummarizedDataStateFromState } from 'app/app.selectors';\r\nimport AdjustTimeField from 'app/components/form/AdjustTimeField';\r\nimport AdjustDurationField from 'app/components/form/AdjustDurationField';\r\nimport ReadOnlyFieldReduxForm from 'app/components/form/redux-form/ReadOnlyFieldReduxForm';\r\nimport WellControlDrillActivityContainer from 'features/wellControlDrillActivity/WellControlDrillActivityContainer';\r\nimport TimeSpanField from 'app/components/form/TimeSpanField';\r\nimport EditorReduxForm from 'app/components/form/EditorField';\r\nimport QuantityTextFieldReduxForm from 'app/components/form/redux-form/QuantityTextFieldReduxForm';\r\n\r\nconst formSelector = formValueSelector(EDIT_ACTIVITY_FORM.ID);\r\n\r\nconst EditActivityForm = ({\r\n index,\r\n handleSubmit,\r\n disabled,\r\n displayComments,\r\n activityTypeId,\r\n activityForm,\r\n}) => {\r\n if (activityTypeId === EDIT_ACTIVITY_FORM.WELL_CONTROL_DRILL_TYPE_ID) {\r\n return ;\r\n }\r\n return (\r\n \r\n );\r\n};\r\n\r\nconst ExecutionFields = ({\r\n isPointInTime,\r\n disabled,\r\n status,\r\n displayComments,\r\n}) => (\r\n <>\r\n {isPointInTime && (\r\n \r\n \r\n \r\n )}\r\n {!isPointInTime && (\r\n \r\n \r\n \r\n )}\r\n {displayComments && (\r\n \r\n \r\n \r\n )}\r\n \r\n);\r\n\r\nconst FormContent = ({ displayComments, disabled }) => {\r\n const dataState = useSelector((state) =>\r\n getSummarizedDataStateFromState(\r\n state,\r\n ACTIVITIES_ACTIONS.UPDATE_ACTIVITY,\r\n ACTIVITIES_ACTIONS.CONFIRM_DELETE_ACTIVITY,\r\n ),\r\n );\r\n\r\n const status = useSelector((state) =>\r\n formSelector(state, EDIT_ACTIVITY_FORM.STATUS),\r\n );\r\n\r\n const isPointInTime = useSelector((state) =>\r\n formSelector(state, EDIT_ACTIVITY_FORM.IS_POINT_IN_TIME),\r\n );\r\n\r\n const disableEditing = dataState.isLoading() || disabled;\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {status > WORK_ITEM_STATUS.PLANNED && (\r\n \r\n )}\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default EditActivityForm;\r\n","import { connect } from 'react-redux';\r\nimport { Button, DialogActions } from '@material-ui/core';\r\n\r\nimport LoadingButton from 'app/components/LoadingButton';\r\n\r\nimport { NotRequestedDataState, anyLoadingDataState } from 'altus-datastate';\r\n\r\nimport { getActionDataStateFromState } from 'app/app.selectors';\r\nimport HasProjectPermission from 'app/components/HasProjectPermission';\r\nimport { ProjectPermission } from 'app/app.constants';\r\nimport {\r\n ACTIVITIES_ACTIONS,\r\n EDIT_ACTIVITY_FORM,\r\n} from 'features/projects/activities/activities.constants';\r\n\r\nconst EditActivityModalActions = ({\r\n valid,\r\n index,\r\n taskId,\r\n projectId,\r\n submitting,\r\n toggleModal,\r\n handleSubmit,\r\n editDataState,\r\n activityTypeId,\r\n item: activity,\r\n deleteDataState,\r\n autosaveDataState,\r\n downloadDataState,\r\n dispatchDeleteActivity,\r\n dispatchDownloadActivityReport,\r\n}) => {\r\n const loading = anyLoadingDataState([\r\n deleteDataState,\r\n editDataState,\r\n downloadDataState,\r\n ]);\r\n\r\n const isAutosaving = autosaveDataState.isLoading();\r\n\r\n if (activityTypeId === EDIT_ACTIVITY_FORM.WELL_CONTROL_DRILL_TYPE_ID) {\r\n return null;\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n dispatchDeleteActivity(projectId, taskId, activity.id, index)\r\n }\r\n >\r\n Delete\r\n \r\n \r\n handleSubmit(projectId, taskId, false)}\r\n dataState={isAutosaving ? NotRequestedDataState : editDataState}\r\n >\r\n Save\r\n \r\n \r\n dispatchDownloadActivityReport(projectId, taskId, activity.id)\r\n }\r\n dataState={isAutosaving ? NotRequestedDataState : editDataState}\r\n >\r\n Save and Export PDF\r\n \r\n \r\n );\r\n};\r\n\r\nexport default connect(\r\n (_, initialProps) => (state) => {\r\n const { id } = initialProps.item;\r\n\r\n return {\r\n editDataState: getActionDataStateFromState(state, {\r\n type: ACTIVITIES_ACTIONS.UPDATE_ACTIVITY,\r\n id,\r\n }),\r\n deleteDataState: getActionDataStateFromState(state, {\r\n type: ACTIVITIES_ACTIONS.CONFIRM_DELETE_ACTIVITY,\r\n id,\r\n }),\r\n downloadDataState: getActionDataStateFromState(state, {\r\n type: ACTIVITIES_ACTIONS.DOWNLOAD_ACTIVITY_PDF,\r\n id,\r\n }),\r\n };\r\n },\r\n null,\r\n)(EditActivityModalActions);\r\n","import { connect } from 'react-redux';\r\nimport { PureComponent } from 'react';\r\nimport { reduxForm } from 'redux-form/immutable';\r\nimport toJSComponent from 'with-immutable-props-to-js';\r\nimport withStyles from '@material-ui/styles/withStyles';\r\n\r\nimport { NotRequestedDataState } from 'altus-datastate';\r\n\r\nimport {\r\n EDIT_ACTIVITY_FORM,\r\n ACTIVITIES_ACTIONS,\r\n EDIT_ACTIVITY_MODAL_ID,\r\n} from 'features/projects/activities/activities.constants';\r\n\r\nimport {\r\n getActivityPdf,\r\n onEnterEditActivityModal,\r\n} from 'features/projects/activities/activities.actions';\r\n\r\nimport {\r\n getActionDataStateFromState,\r\n getFormValuesFromState,\r\n} from 'app/app.selectors';\r\n\r\nimport ModalContainer from 'app/components/Modal/ModalContainer';\r\nimport { validateEditActivityForm } from 'features/projects/activities/activities.validation';\r\nimport { getAutosaveDataStateFromState } from 'features/projects/activities/activities.selectors';\r\nimport EditActivityForm from 'features/projects/activities/components/editActivity/EditActivityForm';\r\nimport EditActivityModalActions from 'features/projects/activities/components/editActivity/EditActivityModalActions';\r\n\r\nclass EditActivityModalContainer extends PureComponent {\r\n onNext = ({ goNext }) => {\r\n const { dirty, handleSubmit, taskId, projectId } = this.props;\r\n\r\n return dirty ? handleSubmit(projectId, taskId, true, goNext) : goNext();\r\n };\r\n\r\n onPrevious = ({ goPrevious }) => {\r\n const { dirty, handleSubmit, taskId, projectId } = this.props;\r\n\r\n return dirty\r\n ? handleSubmit(projectId, taskId, true, goPrevious)\r\n : goPrevious();\r\n };\r\n\r\n passResetIntoHandleSubmit = (...args) => {\r\n const { handleSubmit, reset } = this.props;\r\n handleSubmit(...args, reset);\r\n };\r\n\r\n render() {\r\n const {\r\n valid,\r\n taskId,\r\n classes,\r\n disabled,\r\n projectId,\r\n submitting,\r\n activities,\r\n handleSubmit,\r\n displayComments,\r\n autosaveDataState,\r\n dispatchDeleteActivity,\r\n dispatchDownloadActivityReport,\r\n updateActivityDataState,\r\n activityTypeId,\r\n activityForm,\r\n dispatchOnEnterEditActivityModal,\r\n } = this.props;\r\n\r\n return (\r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nEditActivityModalContainer.defaultProps = {\r\n updateActivityDataState: NotRequestedDataState,\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n const activityForm = getFormValuesFromState(state, EDIT_ACTIVITY_FORM.ID);\r\n\r\n const activityId =\r\n activityForm && activityForm.get(EDIT_ACTIVITY_FORM.ACTIVITY_ID);\r\n\r\n const activityTypeId = activityForm && activityForm.get('code');\r\n return {\r\n autosaveDataState: getAutosaveDataStateFromState(state),\r\n activityTypeId: activityTypeId,\r\n activityForm: activityForm,\r\n updateActivityDataState: activityId\r\n ? getActionDataStateFromState(state, {\r\n type: ACTIVITIES_ACTIONS.UPDATE_ACTIVITY,\r\n id: activityId,\r\n })\r\n : undefined,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = {\r\n dispatchOnEnterEditActivityModal: onEnterEditActivityModal,\r\n dispatchDownloadActivityReport: getActivityPdf,\r\n};\r\n\r\nconst styles = () => ({\r\n content: {\r\n height: 'auto',\r\n padding: '25px 25px 75px 25px',\r\n },\r\n});\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps,\r\n)(\r\n toJSComponent(\r\n reduxForm({\r\n validate: validateEditActivityForm,\r\n form: EDIT_ACTIVITY_FORM.ID,\r\n })(withStyles(styles)(EditActivityModalContainer)),\r\n ),\r\n);\r\n// TODO convert to function from class\r\n","import moment from 'moment';\r\n\r\nimport { Format } from 'app/app.constants';\r\nimport { EDIT_ACTIVITY_FORM as FORM_FIELDS } from 'features/projects/activities/activities.constants';\r\n\r\nexport const validateEditActivityForm = (values) => {\r\n const errors = {};\r\n\r\n const endTimeValue = values.get(FORM_FIELDS.END_TIME);\r\n const startTimeValue = values.get(FORM_FIELDS.START_TIME);\r\n const previousActivityStartTimeValue = values.get(\r\n FORM_FIELDS.PREVIOUS_ACTIVITY_START_TIME,\r\n );\r\n\r\n const startTime = startTimeValue\r\n ? moment(startTimeValue, Format.datetime_local)\r\n : null;\r\n\r\n const endTime = endTimeValue\r\n ? moment(endTimeValue, Format.datetime_local)\r\n : endTimeValue;\r\n\r\n const previousActivityStartTime = previousActivityStartTimeValue\r\n ? moment(previousActivityStartTimeValue, Format.datetime_local)\r\n : previousActivityStartTimeValue;\r\n\r\n if (startTime?.isAfter(moment())) {\r\n errors[FORM_FIELDS.START_TIME] = 'Invalid start time';\r\n }\r\n\r\n if (endTime?.isAfter(moment())) {\r\n errors[FORM_FIELDS.END_TIME] = 'Invalid end time';\r\n }\r\n\r\n if (startTime && endTime && previousActivityStartTime) {\r\n if (startTime.isAfter(endTime)) {\r\n errors[FORM_FIELDS.START_TIME] =\r\n 'Start time must be before start time of following activity';\r\n }\r\n if (startTime.isBefore(previousActivityStartTime)) {\r\n errors[FORM_FIELDS.START_TIME] =\r\n 'Start time must be after start time of previous activity';\r\n }\r\n }\r\n\r\n if (startTime && previousActivityStartTime) {\r\n if (startTime.isBefore(previousActivityStartTime)) {\r\n errors[FORM_FIELDS.START_TIME] =\r\n 'Start date must be after start date of previous activity';\r\n }\r\n }\r\n\r\n return errors;\r\n};\r\n","import { useCallback } from 'react';\r\nimport { useDispatch } from 'react-redux';\r\nimport {\r\n completeActivity,\r\n createActivityWithNotification,\r\n createNewPointInTimeActivity,\r\n deleteActivityWithNotification,\r\n goBack,\r\n pauseActivity,\r\n updateActivity,\r\n updateActivityTimes,\r\n duplicateActivityWithNotification,\r\n} from '../activities.actions';\r\n\r\nexport const useRealTimeNotifications = (projectId, taskId, connection) => {\r\n const dispatch = useDispatch();\r\n\r\n const dispatchGoBack = useCallback(\r\n (projectId, taskId) => dispatch(goBack(projectId, taskId, connection)),\r\n [connection, dispatch],\r\n );\r\n\r\n const dispatchCompleteActivity = useCallback(\r\n (projectId, taskId, activityId) =>\r\n dispatch(completeActivity(projectId, taskId, activityId, connection)),\r\n [connection, dispatch],\r\n );\r\n\r\n const dispatchCreateActivity = useCallback(\r\n () => dispatch(createActivityWithNotification(taskId, connection)),\r\n [connection, dispatch, taskId],\r\n );\r\n\r\n const dispatchDuplicateActivity = useCallback(\r\n (values) => {\r\n return dispatch(\r\n duplicateActivityWithNotification(taskId, connection, values),\r\n );\r\n },\r\n [connection, dispatch, taskId],\r\n );\r\n\r\n const dispatchDeleteActivity = useCallback(\r\n (projectId, taskId, activityId, index, isSubActivity = false) =>\r\n dispatch(\r\n deleteActivityWithNotification(\r\n projectId,\r\n taskId,\r\n activityId,\r\n index,\r\n isSubActivity,\r\n connection,\r\n ),\r\n ),\r\n [connection, dispatch],\r\n );\r\n\r\n const dispatchUpdateActivity = useCallback(\r\n (projectId, taskId, activity) =>\r\n dispatch(updateActivity(projectId, taskId, activity, connection)),\r\n [connection, dispatch],\r\n );\r\n\r\n const dispatchUpdateActivityTimes = useCallback(\r\n (projectId, taskId, autosave, values, formikPrimitives) =>\r\n dispatch(\r\n updateActivityTimes(\r\n projectId,\r\n taskId,\r\n autosave,\r\n values,\r\n formikPrimitives,\r\n connection,\r\n ),\r\n ),\r\n [connection, dispatch],\r\n );\r\n\r\n const dispatchPauseActivity = useCallback(\r\n (projectId, taskId, activityId, activityTypeId) =>\r\n dispatch(\r\n pauseActivity(\r\n projectId,\r\n taskId,\r\n activityId,\r\n activityTypeId,\r\n connection,\r\n ),\r\n ),\r\n [connection, dispatch],\r\n );\r\n\r\n const dispatchCreateNewPointInTimeActivity = useCallback(\r\n (projectId, taskId, activityId, activityTypeId) => {\r\n dispatch(\r\n createNewPointInTimeActivity(\r\n projectId,\r\n taskId,\r\n activityId,\r\n activityTypeId,\r\n connection,\r\n ),\r\n );\r\n },\r\n [connection, dispatch],\r\n );\r\n\r\n return [\r\n dispatchGoBack,\r\n dispatchCompleteActivity,\r\n dispatchCreateActivity,\r\n dispatchDeleteActivity,\r\n dispatchUpdateActivity,\r\n dispatchUpdateActivityTimes,\r\n dispatchPauseActivity,\r\n dispatchCreateNewPointInTimeActivity,\r\n dispatchDuplicateActivity,\r\n ];\r\n};\r\n","import { useDispatch } from 'react-redux';\r\nimport { useCallback } from 'react';\r\nimport EditActivityModalContainer from 'features/projects/activities/components/editActivity/EditActivityModalContainer';\r\nimport { updateActivityFormOnSubmitWithNotification } from 'features/projects/activities/activities.actions';\r\nimport { useRealTimeNotifications } from 'features/projects/activities/hooks/useRealTimeNotifications';\r\n\r\nexport const EditActivityModalContainerWithNotification = ({\r\n connection,\r\n taskId,\r\n projectId,\r\n ...props\r\n}) => {\r\n const dispatch = useDispatch();\r\n const [, , , deleteActivity] = useRealTimeNotifications(\r\n projectId,\r\n taskId,\r\n connection,\r\n );\r\n\r\n const handleSubmitWithNotification = useCallback(\r\n (...args) =>\r\n dispatch(updateActivityFormOnSubmitWithNotification(connection)(...args)),\r\n [dispatch, connection],\r\n );\r\n\r\n const newProps = {\r\n handleSubmit: handleSubmitWithNotification,\r\n taskId: taskId,\r\n projectId: projectId,\r\n dispatchDeleteActivity: deleteActivity,\r\n ...props,\r\n };\r\n\r\n return ;\r\n};\r\n","import { compose } from 'redux';\r\nimport withStyles from '@material-ui/styles/withStyles';\r\nimport { Grid, Button, Typography } from '@material-ui/core';\r\n\r\nconst SetAndRetrieveItemModalHeader = ({ title, closeModal, classes }) => (\r\n \r\n \r\n \r\n \r\n Set / Retrieve item\r\n \r\n {title}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n);\r\n\r\nconst styles = (theme) => ({\r\n container: {\r\n paddingTop: theme.spacing(2),\r\n paddingBottom: theme.spacing(2),\r\n paddingRight: theme.spacing(3),\r\n backgroundColor: theme.palette.secondary.dark,\r\n },\r\n title: {\r\n overflow: 'hidden',\r\n padding: `0 ${theme.spacing(2)}px`,\r\n },\r\n});\r\n\r\nexport default compose(withStyles(styles))(SetAndRetrieveItemModalHeader);\r\n","import { compose } from 'redux';\r\nimport withStyles from '@material-ui/styles/withStyles';\r\nimport { Grid, Button } from '@material-ui/core';\r\n\r\nconst SetAndRetrieveItemModalHeader = ({\r\n closeModal,\r\n classes,\r\n saveValuePairs,\r\n}) => (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n);\r\n\r\nconst styles = (theme) => ({\r\n container: {\r\n padding: theme.spacing(3),\r\n backgroundColor: theme.palette.secondary.dark,\r\n },\r\n});\r\n\r\nexport default compose(withStyles(styles))(SetAndRetrieveItemModalHeader);\r\n","import React from 'react';\r\nimport { useState } from 'react';\r\nimport { useEffect } from 'react';\r\nimport { useDispatch } from 'react-redux';\r\nimport AddIcon from '@material-ui/icons/Add';\r\nimport Close from '@material-ui/icons/Close';\r\nimport withStyles from '@material-ui/styles/withStyles';\r\n\r\nimport {\r\n Box,\r\n Chip,\r\n Grid,\r\n Button,\r\n Dialog,\r\n Select,\r\n MenuItem,\r\n Typography,\r\n DialogContent,\r\n} from '@material-ui/core';\r\n\r\nimport {\r\n getTaskActivities,\r\n deleteActivitySetOrRetrieveItems,\r\n updateActivitySetOrRetrieveItems,\r\n} from 'features/projects/activities/activities.actions';\r\n\r\nimport { formatToolstringToolStatusString } from 'features/projects/tasks/task/toolstring/toolstring.util';\r\nimport SetAndRetrieveItemModalHeader from 'features/projects/tasks/task/activities/SetAndRetrieveItem/SetAndRetrieveItemModalHeader';\r\nimport SetAndRetrieveItemModalFooter from 'features/projects/tasks/task/activities/SetAndRetrieveItem/SetAndRetrieveItemModalFooter';\r\n\r\nconst SetAndRetrieveItemModalContainer = ({\r\n open,\r\n classes,\r\n task,\r\n taskId,\r\n activities,\r\n projectId,\r\n toggleModal,\r\n plannedToolstringToolsWithStatus,\r\n}) => {\r\n const dispatch = useDispatch();\r\n const [rows, setRows] = useState([]);\r\n\r\n const onCloseModal = () => {\r\n dispatch(getTaskActivities(projectId, taskId));\r\n toggleModal();\r\n };\r\n\r\n useEffect(() => {\r\n const initializeRows = () => {\r\n return activities\r\n .filter((activity) => activity.setOrRetrieveToolstringItemId != null)\r\n .map((activity) => {\r\n const tool = plannedToolstringToolsWithStatus.find(\r\n (t) =>\r\n t.toolstringItemId === activity.setOrRetrieveToolstringItemId,\r\n );\r\n return {\r\n activityId: activity.id,\r\n toolId: tool ? tool.toolstringItemId : '',\r\n toolStatus: tool ? tool.toolStatus : '',\r\n };\r\n });\r\n };\r\n setRows(initializeRows());\r\n }, [activities, plannedToolstringToolsWithStatus]);\r\n\r\n const saveValuePairs = () => {\r\n dispatch(updateActivitySetOrRetrieveItems(projectId, taskId, rows));\r\n toggleModal();\r\n };\r\n\r\n const deleteValuePairs = (row) => {\r\n dispatch(\r\n deleteActivitySetOrRetrieveItems(projectId, taskId, row.activityId),\r\n );\r\n };\r\n\r\n const SelectingMenu = ({\r\n rows,\r\n setRows,\r\n plannedToolstringToolsWithStatus,\r\n activities,\r\n deleteValuePairs,\r\n }) => {\r\n const handleAddRow = () => {\r\n if (rows.length < plannedToolstringToolsWithStatus.length) {\r\n setRows([...rows, { activityId: '', toolId: '' }]);\r\n }\r\n };\r\n\r\n const handleActivityChange = (index, event) => {\r\n const updatedRows = rows.map((row, i) =>\r\n i === index ? { ...row, activityId: event.target.value } : row,\r\n );\r\n setRows(updatedRows);\r\n };\r\n\r\n const handleToolChange = (index, event) => {\r\n const toolId = event.target.value;\r\n const selectedTool = plannedToolstringToolsWithStatus.find(\r\n (tool) => tool.toolstringItemId === toolId,\r\n );\r\n\r\n const updatedRows = rows.map((row, i) =>\r\n i === index\r\n ? {\r\n ...row,\r\n toolId: toolId,\r\n toolStatus: selectedTool ? selectedTool.toolStatus : '',\r\n }\r\n : row,\r\n );\r\n\r\n setRows(updatedRows);\r\n };\r\n\r\n const isAddButtonDisabled =\r\n rows.length >= plannedToolstringToolsWithStatus.length;\r\n\r\n const getAvailableOptions = (options, selectedKey, currentIndex) => {\r\n const selectedIds = rows\r\n .map((row, index) => (index === currentIndex ? null : row[selectedKey]))\r\n .filter((id) => id !== null);\r\n return options.filter((option) => !selectedIds.includes(option.id));\r\n };\r\n\r\n const getAvailableOptionsTools = (options, selectedKey, currentIndex) => {\r\n const selectedIds = rows\r\n .map((row, index) => (index === currentIndex ? null : row[selectedKey]))\r\n .filter((id) => id !== null);\r\n\r\n return options.filter(\r\n (option) => !selectedIds.includes(option.toolstringItemId),\r\n );\r\n };\r\n\r\n const handleDeleteRow = (index) => {\r\n const updatedRows = rows.filter((_, i) => i !== index);\r\n setRows(updatedRows);\r\n deleteValuePairs(rows[index]);\r\n };\r\n\r\n return (\r\n <>\r\n \r\n {rows.map((row, index) => (\r\n \r\n \r\n handleActivityChange(index, event)}\r\n displayEmpty\r\n fullWidth\r\n >\r\n {getAvailableOptions(activities, 'activityId', index).map(\r\n (activity) => {\r\n return (\r\n \r\n );\r\n },\r\n )}\r\n \r\n \r\n \r\n handleToolChange(index, event)}\r\n displayEmpty\r\n fullWidth\r\n >\r\n {getAvailableOptionsTools(\r\n plannedToolstringToolsWithStatus,\r\n 'toolId',\r\n index,\r\n ).map((tool) => (\r\n \r\n \r\n {tool.name}\r\n \r\n \r\n \r\n ))}\r\n \r\n \r\n \r\n handleDeleteRow(index)}\r\n style={{ cursor: 'pointer' }}\r\n />\r\n \r\n \r\n ))}\r\n \r\n \r\n \r\n \r\n Add\r\n \r\n \r\n \r\n \r\n \r\n );\r\n };\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n Activity\r\n \r\n \r\n Matching Set/Retrieved Tool\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nconst styles = () => ({\r\n root: {\r\n minHeight: '50vh',\r\n },\r\n});\r\n\r\nexport default withStyles(styles)(SetAndRetrieveItemModalContainer);\r\n","export const checkIfNotASubActivity = (activity) =>\r\n activity.get('parentActivityId') === null ||\r\n activity.get('parentActivityId') === 0;\r\n","import { compose } from 'redux';\r\nimport Add from '@material-ui/icons/Add';\r\nimport AddIcon from '@material-ui/icons/Add';\r\nimport { useEffect, useCallback, useMemo } from 'react';\r\nimport { connect, useSelector } from 'react-redux';\r\nimport { Grid, Fab, Button } from '@material-ui/core';\r\nimport withStyles from '@material-ui/styles/withStyles';\r\n\r\nimport { useModal } from 'altus-modal';\r\nimport { BasePage } from 'altus-ui-components';\r\n\r\nimport {\r\n sortActivities,\r\n selectActivity,\r\n createActivity,\r\n getProjectStatus,\r\n refreshProjectStatus,\r\n toggleCreateActivityModal,\r\n} from 'features/projects/activities/activities.actions';\r\n\r\nimport {\r\n getTaskFromState,\r\n getPlannedToolstringToolsWithStatusFromState,\r\n} from 'features/projects/tasks/task/toolstring/toolstring.selectors';\r\n\r\nimport { getActionDataStateFromState } from 'app/app.selectors';\r\nimport HasProjectPermission from 'app/components/HasProjectPermission';\r\nimport { ProjectPermission, WORK_ITEM_STATUS } from 'app/app.constants';\r\nimport { TASK_MODALS } from 'features/projects/tasks/task/task.constants';\r\nimport { useProjectPermissions } from 'app/hooks/authorization/useProjectPermissions';\r\nimport {\r\n loadAndFilterPlannedToolstring,\r\n onLoad,\r\n} from 'features/projects/tasks/task/activities/taskActivities.actions';\r\nimport { CREATE_ACTIVITY_MODE } from 'features/projects/activities/activities.constants';\r\nimport { useTaskActivities } from 'features/projects/activities/hooks/useTaskActivities';\r\nimport TaskActivitiesTable from 'features/projects/tasks/task/activities/TaskActivitiesTable';\r\nimport { TASK_ACTIVITIES_ACTIONS } from 'features/projects/tasks/task/activities/taskActivities.constants';\r\nimport CreateActivityModalContainer from 'features/projects/activities/components/CreateActivityModalContainer';\r\nimport { EditActivityModalContainerWithNotification } from 'features/projects/activities/components/editActivity/EditActivityModalContainerWithNotification';\r\nimport SetAndRetrieveItemModalContainer from 'features/projects/tasks/task/activities/SetAndRetrieveItem/SetAndRetrieveItemModalContainer';\r\nimport { checkIfNotASubActivity } from 'features/projects/tasks/task/activities/activityUtils';\r\nimport { TaskType } from 'features/projects/tasks/tasks.constants';\r\n\r\nimport useHubConnection from 'features/projects/dashboard/hooks/useHubConnection';\r\nimport config from 'infrastructure/config';\r\nimport { ProjectExecutionHub } from 'utils/activity.util';\r\n\r\nconst TaskActivitiesContainer = ({\r\n task,\r\n taskId,\r\n classes,\r\n projectId,\r\n dataState,\r\n dispatchOnLoad,\r\n dispatchSortActivities,\r\n dispatchSelectActivity,\r\n dispatchCreateActivity,\r\n dispatchRefreshProjectStatus,\r\n dispatchToggleCreateActivityModal,\r\n dispatchLoadAndFilterPlannedToolstring,\r\n}) => {\r\n const activities = useTaskActivities(taskId);\r\n\r\n const filteredTaskActivities = useMemo(() => {\r\n if (activities) {\r\n return activities\r\n .filter((x) => checkIfNotASubActivity(x))\r\n\r\n .sortBy((activity) => activity.get('sequence'))\r\n .map((activity, index) => activity.set('sequence', index + 1));\r\n }\r\n return activities;\r\n }, [activities]);\r\n\r\n const [connection, connectionState] = useHubConnection(\r\n `${config.dashboardHubsBaseUrl}/project-execution`,\r\n );\r\n\r\n useEffect(() => {\r\n if (connectionState === 'Connected') {\r\n connection.on(\r\n ProjectExecutionHub.SignalProjectReload,\r\n (argProjectId, argTaskId) =>\r\n dispatchRefreshProjectStatus(argProjectId, argTaskId),\r\n );\r\n connection.invoke(ProjectExecutionHub.RegisterOnProject, projectId);\r\n }\r\n }, [\r\n connectionState,\r\n connection,\r\n dispatchRefreshProjectStatus,\r\n projectId,\r\n taskId,\r\n ]);\r\n\r\n useEffect(() => {\r\n dispatchOnLoad(projectId, taskId);\r\n if (task.get('type') !== TaskType.SURFACE)\r\n dispatchLoadAndFilterPlannedToolstring(projectId, taskId);\r\n }, [\r\n taskId,\r\n projectId,\r\n dispatchOnLoad,\r\n dispatchLoadAndFilterPlannedToolstring,\r\n task,\r\n ]);\r\n\r\n const [setRetrieveItemModal, toggleSetRetrieveItemModal] = useModal(\r\n TASK_MODALS.SET_RETRIEVE_ITEM_MODAL,\r\n );\r\n\r\n const onRowClick = useCallback(\r\n (activity) =>\r\n dispatchSelectActivity(filteredTaskActivities.toList().indexOf(activity)),\r\n [filteredTaskActivities, dispatchSelectActivity],\r\n );\r\n const onSortEnd = useCallback(\r\n (indices) => dispatchSortActivities(projectId, taskId, indices),\r\n [taskId, projectId, dispatchSortActivities],\r\n );\r\n\r\n const { hasPermission } = useProjectPermissions(\r\n ProjectPermission.EDIT_ACTIVITIES,\r\n );\r\n\r\n const plannedToolstringToolsWithStatus = useSelector(\r\n getPlannedToolstringToolsWithStatusFromState,\r\n );\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {task.get('type') !== TaskType.SURFACE ? (\r\n \r\n \r\n Set/Retrieve an item\r\n \r\n ) : null}\r\n \r\n \r\n \r\n WORK_ITEM_STATUS.STARTED}\r\n onClick={() =>\r\n dispatchToggleCreateActivityModal(CREATE_ACTIVITY_MODE.NORMAL)\r\n }\r\n >\r\n \r\n \r\n dispatchCreateActivity(taskId)}\r\n />\r\n \r\n \r\n \r\n \r\n {setRetrieveItemModal && (\r\n filteredTaskActivities.toJS()[key],\r\n )}\r\n open={setRetrieveItemModal}\r\n toggleModal={toggleSetRetrieveItemModal}\r\n plannedToolstringToolsWithStatus={plannedToolstringToolsWithStatus.toJS()}\r\n task={task}\r\n />\r\n )}\r\n \r\n );\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n task: getTaskFromState(state),\r\n dataState: getActionDataStateFromState(\r\n state,\r\n TASK_ACTIVITIES_ACTIONS.TASK_ACTIVITIES_PAGE_LOADED,\r\n ),\r\n});\r\n\r\nconst mapDispatchToProps = {\r\n dispatchOnLoad: onLoad,\r\n dispatchSortActivities: sortActivities,\r\n dispatchCreateActivity: createActivity,\r\n dispatchSelectActivity: selectActivity,\r\n dispatchGetProjectStatus: getProjectStatus,\r\n dispatchRefreshProjectStatus: refreshProjectStatus,\r\n dispatchToggleCreateActivityModal: toggleCreateActivityModal,\r\n dispatchLoadAndFilterPlannedToolstring: loadAndFilterPlannedToolstring,\r\n};\r\n\r\nconst styles = (theme) => ({\r\n createActivityBtn: {\r\n zIndex: 2,\r\n position: 'absolute',\r\n right: theme.spacing(4),\r\n bottom: theme.spacing(4),\r\n },\r\n basePageChildren: {\r\n paddingTop: theme.spacing(2.25),\r\n },\r\n setItem: {\r\n color: theme.palette.primary.newLight,\r\n height: 'fit-content',\r\n },\r\n});\r\n\r\nexport default compose(\r\n connect(mapStateToProps, mapDispatchToProps),\r\n withStyles(styles),\r\n)(TaskActivitiesContainer);\r\n","import { Field } from 'formik';\r\nimport { Grid } from '@material-ui/core';\r\n\r\nimport TextFieldFormik from 'app/components/form/formik/TextFieldFormik';\r\nimport { SimulationFormFields as FormFields } from 'features/projects/tasks/task/simulation/simulation.constants';\r\n\r\nconst CreateSimulationForm = () => (\r\n \r\n \r\n \r\n \r\n \r\n);\r\n\r\nexport default CreateSimulationForm;\r\n","import { compose } from 'redux';\r\nimport { Formik, Form } from 'formik';\r\nimport { connect } from 'react-redux';\r\nimport { Dialog } from '@material-ui/core';\r\nimport { useCallback } from 'react';\r\nimport { Button, DialogContent } from '@material-ui/core';\r\n\r\nimport {\r\n ModalActions,\r\n ModalHeader,\r\n withModal,\r\n LoadingButton,\r\n} from 'altus-ui-components';\r\n\r\nimport { MODAL } from 'features/projects/tasks/task/simulation/simulation.constants';\r\nimport { submitCreateSimulation } from 'features/projects/tasks/task/simulation/simulation.actions';\r\nimport CreateSimulationForm from 'features/projects/tasks/task/simulation/components/CreateSimulationForm';\r\nimport { getTaskFromState } from 'features/projects/tasks/task/toolstring/toolstring.selectors';\r\n\r\nconst CreateSimulationModal = ({\r\n task,\r\n open,\r\n taskId,\r\n projectId,\r\n toggleModal,\r\n projectWellboreDetailId,\r\n dispatchCreateSimulation,\r\n}) => {\r\n const onSubmit = useCallback(\r\n (simulation, { setStatus, setSubmitting }) =>\r\n dispatchCreateSimulation(\r\n projectId,\r\n taskId,\r\n simulation,\r\n setSubmitting,\r\n setStatus,\r\n ),\r\n [dispatchCreateSimulation, projectId, taskId],\r\n );\r\n const initialName = `${task.get('title')} Simulation`;\r\n\r\n return (\r\n \r\n );\r\n};\r\n\r\nexport default compose(\r\n withModal(MODAL.CREATE_SIMULATION_MODAL),\r\n connect(\r\n (state) => {\r\n return {\r\n task: getTaskFromState(state),\r\n };\r\n },\r\n {\r\n dispatchCreateSimulation: submitCreateSimulation,\r\n },\r\n ),\r\n)(CreateSimulationModal);\r\n","import SearchIcon from '@material-ui/icons/Search';\r\n\r\nimport { NoContentBasePage } from 'altus-ui-components';\r\n\r\nconst NoSimulationSelectedPage = () => (\r\n \r\n);\r\n\r\nexport default NoSimulationSelectedPage;\r\n","import PropTypes from 'prop-types';\r\n\r\nimport { Typography, Grid } from '@material-ui/core';\r\n\r\nconst CardNavigationItemData = ({ data }) => (\r\n \r\n {data.map(({ key, value }) => (\r\n \r\n \r\n \r\n {`${key}: `}\r\n \r\n \r\n \r\n {value}\r\n \r\n \r\n ))}\r\n \r\n);\r\n\r\nCardNavigationItemData.propTypes = {\r\n data: PropTypes.arrayOf(\r\n PropTypes.shape({\r\n key: PropTypes.string.isRequired,\r\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.number])\r\n .isRequired,\r\n }),\r\n ).isRequired,\r\n};\r\n\r\nCardNavigationItemData.defaultProps = {\r\n data: [],\r\n};\r\n\r\nexport default CardNavigationItemData;\r\n","import PropTypes from 'prop-types';\r\nimport { Typography, Grid } from '@material-ui/core';\r\nimport withStyles from '@material-ui/styles/withStyles';\r\n\r\nimport { invokeIfFunction } from 'utils/app.util';\r\n\r\nconst CardNavigationItemHeader = ({ title, classes, renderHeaderAction }) => (\r\n \r\n \r\n \r\n {title}\r\n \r\n \r\n \r\n {invokeIfFunction(renderHeaderAction)}\r\n \r\n \r\n);\r\n\r\nCardNavigationItemHeader.defaultProps = {\r\n title: '-',\r\n};\r\n\r\nCardNavigationItemHeader.propTypes = {\r\n title: PropTypes.string,\r\n renderHeaderAction: PropTypes.func,\r\n};\r\n\r\nconst styles = (theme) => ({\r\n root: {\r\n padding: theme.spacing(1),\r\n },\r\n});\r\n\r\nexport default withStyles(styles)(CardNavigationItemHeader);\r\n","import { compose } from 'redux';\r\nimport PropTypes from 'prop-types';\r\nimport withStyles from '@material-ui/styles/withStyles';\r\nimport { CardActions, IconButton } from '@material-ui/core';\r\n\r\nconst CardNavigationItemActions = ({ classes, actions = [] }) => {\r\n if (!actions.length) {\r\n return null;\r\n }\r\n\r\n return (\r\n \r\n {actions?.map(({ Icon, onClick, title, disabled }, index) => (\r\n {\r\n event.preventDefault();\r\n onClick();\r\n }}\r\n >\r\n \r\n \r\n ))}\r\n \r\n );\r\n};\r\n\r\nconst styles = () => ({\r\n root: {\r\n justifyContent: 'flex-end',\r\n },\r\n});\r\n\r\nCardNavigationItemActions.propTypes = {\r\n actions: PropTypes.arrayOf(\r\n PropTypes.shape({\r\n disabled: PropTypes.bool,\r\n onClick: PropTypes.func.isRequired,\r\n title: PropTypes.string.isRequired,\r\n Icon: PropTypes.elementType.isRequired,\r\n }),\r\n ),\r\n};\r\n\r\nexport default compose(withStyles(styles))(CardNavigationItemActions);\r\n","import { compose } from 'redux';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\nimport { useEffect, useRef } from 'react';\r\nimport withStyles from '@material-ui/styles/withStyles';\r\nimport { NavLink, useRouteMatch } from 'react-router-dom';\r\nimport { Grid, Card, CardContent, Divider } from '@material-ui/core';\r\n\r\nimport { scrollSmoothlyIntoViewIfNeeded } from 'utils/app.util';\r\nimport CardNavigationItemData from 'app/components/CardNavigationItem/CardNavigationItemData';\r\nimport CardNavigationItemHeader from 'app/components/CardNavigationItem/CardNavigationItemHeader';\r\nimport CardNavigationItemActions from 'app/components/CardNavigationItem/CardNavigationItemActions';\r\n\r\nconst CardNavigationItem = ({\r\n to,\r\n data,\r\n title,\r\n actions,\r\n classes,\r\n renderHeaderAction,\r\n selected = null,\r\n children,\r\n}) => {\r\n const ref = useRef(null);\r\n const isMatch = !!useRouteMatch(to);\r\n const isSelected = selected ?? isMatch;\r\n\r\n useEffect(() => {\r\n if (isSelected) {\r\n scrollSmoothlyIntoViewIfNeeded(ref.current);\r\n }\r\n });\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {children}\r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nCardNavigationItem.propTypes = {\r\n to: PropTypes.string,\r\n title: PropTypes.string,\r\n renderHeaderAction: PropTypes.func,\r\n data: PropTypes.arrayOf(\r\n PropTypes.shape({\r\n key: PropTypes.string.isRequired,\r\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.number])\r\n .isRequired,\r\n }),\r\n ).isRequired,\r\n actions: PropTypes.arrayOf(\r\n PropTypes.shape({\r\n disabled: PropTypes.bool,\r\n onClick: PropTypes.func.isRequired,\r\n title: PropTypes.string.isRequired,\r\n Icon: PropTypes.elementType.isRequired,\r\n }),\r\n ).isRequired,\r\n};\r\n\r\nconst styles = (theme) => ({\r\n root: {\r\n '&:hover': {\r\n background: theme.palette.action.hover,\r\n },\r\n },\r\n rootSelected: {\r\n background: theme.palette.action.selected,\r\n },\r\n actions: {},\r\n});\r\n\r\nexport default compose(withStyles(styles))(CardNavigationItem);\r\n","import classNames from 'classnames';\r\nimport Radio from '@material-ui/core/Radio';\r\nimport FormLabel from '@material-ui/core/FormLabel';\r\nimport RadioGroup from '@material-ui/core/RadioGroup';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport FormControl from '@material-ui/core/FormControl';\r\nimport withStyles from '@material-ui/styles/withStyles';\r\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\r\n\r\nconst styles = () => ({\r\n formControlLabelRoot: {\r\n flexGrow: 1,\r\n maxWidth: '100%',\r\n flexBasis: 0,\r\n },\r\n});\r\n\r\nconst RadioGroupField = ({\r\n classes,\r\n options,\r\n input,\r\n label,\r\n variant = 'primary',\r\n size = 'medium',\r\n row = true, // Default to true for backward compatibility\r\n}) => {\r\n const { onChange, value } = input;\r\n\r\n return (\r\n \r\n \r\n {label}\r\n \r\n \r\n {options.map((option) => {\r\n const {\r\n name,\r\n value,\r\n label,\r\n onClick,\r\n fullWidth,\r\n disabled,\r\n className,\r\n frozen,\r\n } = option;\r\n\r\n return (\r\n \r\n }\r\n classes={{\r\n root: classNames(className, {\r\n [classes.formControlLabelRoot]: fullWidth,\r\n }),\r\n }}\r\n style={{\r\n ...(frozen && {\r\n backgroundColor: 'transparent',\r\n cursor: 'default',\r\n pointerEvents: 'none',\r\n }),\r\n }}\r\n />\r\n );\r\n })}\r\n \r\n \r\n );\r\n};\r\n\r\nRadioGroupField.defaultProps = {\r\n options: [],\r\n};\r\n\r\nexport default withStyles(styles)(RadioGroupField);\r\n","import { makeStyles } from '@material-ui/core/styles';\r\n\r\nimport RadioGroupField from 'app/components/form/RadioGroupField';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n checkedRadio: {\r\n '& .MuiTypography-root': {\r\n fontSize: '0.85rem',\r\n },\r\n '& svg:last-child': {\r\n color: theme.palette.success.main,\r\n },\r\n },\r\n}));\r\n\r\nexport const PlannedIndicator = ({\r\n simulation,\r\n onToggle = () => null,\r\n hidden = false,\r\n isDisabled = false,\r\n}) => {\r\n const classes = useStyles();\r\n\r\n if (hidden) {\r\n return null;\r\n }\r\n\r\n const isPlanned = simulation?.get('isPlanned', false);\r\n const disabled = simulation.get('canResimulate', false) || isDisabled;\r\n\r\n return (\r\n \r\n );\r\n};\r\n","import { useCallback, useMemo } from 'react';\r\nimport DeleteIcon from '@material-ui/icons/Delete';\r\nimport DuplicateIcon from '@material-ui/icons/FileCopy';\r\nimport { Box, CardActions } from '@material-ui/core';\r\n\r\nimport { FavoriteButton } from 'altus-ui-components';\r\nimport CardNavigationItem from 'app/components/CardNavigationItem/CardNavigationItem';\r\nimport { PlannedIndicator } from 'features/projects/execution/components/PlannedIndicator';\r\n\r\nconst SimulationCardNavigationItem = ({\r\n to,\r\n onDelete,\r\n simulation,\r\n onDuplicate,\r\n simulationId,\r\n toggleFavorite,\r\n}) => {\r\n const data = useMemo(\r\n () => [\r\n {\r\n key: 'BHA',\r\n value: simulation.getIn(['toolstring', 'name']) || 'No BHA',\r\n },\r\n {\r\n key: 'Cable',\r\n value: simulation.getIn(['cable', 'name']) || 'No Cable',\r\n },\r\n ],\r\n [simulation],\r\n );\r\n\r\n const renderHeaderAction = useCallback(() => {\r\n return (\r\n toggleFavorite(simulationId)}\r\n />\r\n );\r\n }, [simulation, simulationId, toggleFavorite]);\r\n\r\n // TODO: we need to disable some actions buttons based on permissions.\r\n // Will do this later, since in this case we will probably need to refactor or add\r\n // another HasProjectPermission component with a render method that provides multiple permissions verification\r\n const actions = useMemo(\r\n () =>\r\n [\r\n {\r\n Icon: DuplicateIcon,\r\n title: 'Duplicate',\r\n onClick: () => onDuplicate(simulationId),\r\n },\r\n {\r\n Icon: DeleteIcon,\r\n title: 'Delete',\r\n disabled: simulation.get('isPlanned'),\r\n onClick: () => onDelete(simulationId),\r\n },\r\n ].filter((action) => !!action.onClick),\r\n [onDuplicate, onDelete, simulation, simulationId],\r\n );\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default SimulationCardNavigationItem;\r\n","import { compose } from 'redux';\r\nimport { connect, useDispatch } from 'react-redux';\r\nimport { Redirect } from 'react-router-dom';\r\nimport { Grid, Divider } from '@material-ui/core';\r\nimport { useCallback, useEffect, useMemo } from 'react';\r\nimport withStyles from '@material-ui/styles/withStyles';\r\n\r\nimport {\r\n Menu,\r\n withModal,\r\n MenuHeader,\r\n LoadingOverlay,\r\n RouteContainer,\r\n} from 'altus-ui-components';\r\n\r\nimport {\r\n loadSimulations,\r\n requestDeleteSimulation,\r\n requestDuplicateSimulation,\r\n requestToggleSimulationFavorite,\r\n receiveSimulationsForTask,\r\n} from 'features/projects/tasks/task/simulation/simulation.actions';\r\n\r\nimport { EMPTY_MAP } from 'app/app.constants';\r\nimport { toTaskSimulation } from 'utils/route.util';\r\nimport { getSummarizedDataStateFromState } from 'app/app.selectors';\r\nimport {\r\n MODAL,\r\n SimulationState,\r\n} from 'features/projects/tasks/task/simulation/simulation.constants';\r\nimport { ACTIONS } from 'features/projects/tasks/task/simulation/simulation.constants';\r\nimport CreateSimulationModal from 'features/projects/tasks/task/simulation/components/CreateSimulationModal';\r\nimport { getSimulationsForTaskFromState } from 'features/projects/tasks/task/simulation/simulation.selectors';\r\nimport NoSimulationSelectedPage from 'features/projects/tasks/task/simulation/components/NoSimulationSelectedPage';\r\nimport SimulationCardNavigationItem from 'features/projects/tasks/task/simulation/components/SimulationCardNavigationItem';\r\n\r\nconst TaskSimulationsContainer = ({\r\n path,\r\n routes,\r\n taskId,\r\n classes,\r\n projectId,\r\n dataState,\r\n toggleModal,\r\n simulations,\r\n dispatchRequestDeleteSimulation,\r\n simulationId: currentSimulationId,\r\n dispatchRequestDuplicateSimulation,\r\n dispatchRequestToggleSimulationFavorite,\r\n}) => {\r\n const menuItems = useMemo(() => simulations.valueSeq(), [simulations]);\r\n const dispatch = useDispatch();\r\n\r\n useEffect(() => {\r\n if (projectId) {\r\n dispatch(\r\n loadSimulations(projectId, taskId, [\r\n SimulationState.NOT_COMPLETED,\r\n SimulationState.COMPLETED,\r\n SimulationState.OUTDATED,\r\n SimulationState.ERROR,\r\n SimulationState.PLANNED,\r\n ]),\r\n );\r\n }\r\n\r\n // Reset simulations list on unload\r\n return () => {\r\n dispatch(receiveSimulationsForTask([]));\r\n };\r\n }, [projectId, taskId, dispatch]);\r\n\r\n const onToggleFavorite = useCallback(\r\n (simulationId) =>\r\n dispatchRequestToggleSimulationFavorite(projectId, taskId, simulationId),\r\n [taskId, projectId, dispatchRequestToggleSimulationFavorite],\r\n );\r\n\r\n const onDeleteSimulation = useCallback(\r\n (simulationId) =>\r\n dispatchRequestDeleteSimulation(\r\n projectId,\r\n taskId,\r\n simulationId,\r\n simulationId === currentSimulationId\r\n ? toTaskSimulation(projectId, taskId)\r\n : null,\r\n ),\r\n [taskId, projectId, currentSimulationId, dispatchRequestDeleteSimulation],\r\n );\r\n\r\n const onDuplicateSimulation = useCallback(\r\n (simulationId) =>\r\n dispatchRequestDuplicateSimulation(projectId, taskId, simulationId),\r\n [taskId, projectId, dispatchRequestDuplicateSimulation],\r\n );\r\n\r\n const renderMenuItem = useCallback(\r\n (simulation) => {\r\n const simulationId = simulation.get('simulationId');\r\n const to = toTaskSimulation(projectId, taskId, simulationId);\r\n\r\n return (\r\n \r\n );\r\n },\r\n [\r\n taskId,\r\n projectId,\r\n onToggleFavorite,\r\n onDeleteSimulation,\r\n onDuplicateSimulation,\r\n ],\r\n );\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {!!simulations.size && !currentSimulationId && (\r\n \r\n )}\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nconst styles = () => ({\r\n root: {\r\n overflow: 'hidden',\r\n },\r\n menuContainer: {\r\n overflow: 'auto',\r\n },\r\n});\r\n\r\nTaskSimulationsContainer.defaultProps = {\r\n simulations: EMPTY_MAP,\r\n};\r\n\r\nexport default compose(\r\n connect(\r\n (state, { taskId }) => ({\r\n simulations: getSimulationsForTaskFromState(state, taskId),\r\n dataState: getSummarizedDataStateFromState(\r\n state,\r\n ACTIONS.LOAD_SIMULATIONS,\r\n ),\r\n }),\r\n {\r\n dispatchRequestDeleteSimulation: requestDeleteSimulation,\r\n dispatchRequestDuplicateSimulation: requestDuplicateSimulation,\r\n dispatchRequestToggleSimulationFavorite: requestToggleSimulationFavorite,\r\n },\r\n ),\r\n withModal(MODAL.CREATE_SIMULATION_MODAL),\r\n withStyles(styles),\r\n)(TaskSimulationsContainer);\r\n","import SearchIcon from '@material-ui/icons/Search';\r\n\r\nimport { NoContentBasePage } from 'altus-ui-components';\r\n\r\nconst NoToolstringSelectedPage = () => (\r\n \r\n);\r\n\r\nexport default NoToolstringSelectedPage;\r\n","import { Field } from 'formik';\r\nimport { Grid } from '@material-ui/core';\r\n\r\nimport TextFieldFormik from 'app/components/form/formik/TextFieldFormik';\r\nimport { TOOLSTRING_FORMS as FORM } from 'features/projects/tasks/task/toolstring/toolstring.constants';\r\n\r\nconst CreateToolstringForm = () => (\r\n \r\n \r\n \r\n \r\n \r\n);\r\n\r\nexport default CreateToolstringForm;\r\n","import { withStyles } from '@material-ui/core';\r\nimport { TableCell } from 'altus-ui-components';\r\n\r\nconst TableCellDense = ({ classes, ...rest }) => (\r\n \r\n);\r\n\r\nconst styles = (theme) => ({\r\n cell: {\r\n padding: `0 ${theme.spacing(0.5)}px 0 0`,\r\n },\r\n});\r\n\r\nexport default withStyles(styles)(TableCellDense);\r\n","import { Grid, Typography } from '@material-ui/core';\r\n\r\nconst TableHeaderTitleCell = ({ title, subTitle, justifyContent, ...rest }) => (\r\n <>\r\n {title && (\r\n \r\n \r\n {title}\r\n \r\n \r\n )}\r\n {subTitle && (\r\n \r\n \r\n {subTitle}\r\n \r\n \r\n )}\r\n \r\n);\r\n\r\nexport default TableHeaderTitleCell;\r\n","import { withStyles } from '@material-ui/core';\r\nimport { TableHeaderCell } from 'altus-ui-components';\r\n\r\nconst TableHeaderCellDense = ({ classes, ...rest }) => (\r\n \r\n);\r\n\r\nconst styles = (theme) => ({\r\n cell: {\r\n padding: `0 ${theme.spacing(0.5)}px 0 0`,\r\n },\r\n});\r\n\r\nexport default withStyles(styles)(TableHeaderCellDense);\r\n","import { compose } from 'redux';\r\nimport classNames from 'classnames';\r\nimport { Grid, Collapse } from '@material-ui/core';\r\nimport withStyles from '@material-ui/styles/withStyles';\r\n\r\nimport { useToggle } from 'altus-hooks';\r\nimport { TableRow } from 'altus-ui-components';\r\n\r\nimport { invokeIfFunction } from 'utils/app.util';\r\n\r\nconst TableRowExpandable = ({\r\n classes,\r\n renderDetails,\r\n isExpanded: defaultIsExpanded = false,\r\n hasLightBackground = false,\r\n ...rest\r\n}) => {\r\n const [isExpanded, toggleExpanded] = useToggle(defaultIsExpanded);\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n {invokeIfFunction(renderDetails, isExpanded)}\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nconst styles = (theme, paddingTop = 0, paddingBottom = 0) => ({\r\n tableRowExpanded: {\r\n marginBottom: 0,\r\n },\r\n detailsRoot: {\r\n paddingTop: theme.spacing(paddingTop),\r\n paddingBottom: theme.spacing(paddingBottom),\r\n background: theme.palette.table.row.main,\r\n },\r\n detailsRootLightBackground: {\r\n paddingTop: theme.spacing(paddingTop),\r\n paddingBottom: theme.spacing(paddingBottom),\r\n background: theme.palette.table.row.main,\r\n },\r\n collapseRoot: {\r\n width: '100%',\r\n },\r\n rootExpanded: {\r\n marginBottom: 2,\r\n },\r\n});\r\n\r\nexport default compose(withStyles(styles))(TableRowExpandable);\r\n","import { compose } from 'redux';\r\nimport PropTypes from 'prop-types';\r\nimport { useMemo, memo } from 'react';\r\nimport { Collection, fromJS, isImmutable } from 'immutable';\r\nimport { Grid, IconButton, Typography } from '@material-ui/core';\r\nimport ExpandMore from '@material-ui/icons/ExpandMore';\r\nimport ExpandLess from '@material-ui/icons/ExpandLess';\r\nimport withStyles from '@material-ui/styles/withStyles';\r\n\r\nimport { Table, TableRowActionsCell } from 'altus-ui-components';\r\n\r\nimport { EMPTY_MAP, UNITS } from 'app/app.constants';\r\nimport { formatFraction } from 'utils/format.util';\r\nimport TableCellDense from 'app/components/Table/TableCellDense';\r\nimport TableHeaderTitleCell from 'app/components/TableHeaderTitleCell';\r\nimport TableHeaderCellDense from 'app/components/Table/TableHeaderCellDense';\r\nimport { useEffect } from 'react';\r\nimport { receiveToolstringTemplateByID } from 'features/projects/tasks/task/toolstring/toolstring.actions';\r\nimport { useState } from 'react';\r\n\r\nconst getSubRows = (row) =>\r\n isImmutable(row)\r\n ? row.get('toolAssemblyTools')\r\n : row.original?.toolAssemblyTools;\r\n\r\nconst ToolstringTemplateToolsTable = ({ classes, templateId = 0 }) => {\r\n const [template, setTemplate] = useState(EMPTY_MAP);\r\n\r\n useEffect(() => {\r\n if (templateId) {\r\n receiveToolstringTemplateByID(templateId).payload.then(\r\n (toolstringTemplate) => {\r\n setTemplate(fromJS(toolstringTemplate));\r\n },\r\n );\r\n }\r\n }, [templateId]);\r\n\r\n const columns = useMemo(\r\n () => [\r\n {\r\n xs: 1,\r\n id: 'expander',\r\n Header: ,\r\n Cell: ({ row }) => {\r\n if (!row.canExpand) return ;\r\n\r\n return (\r\n \r\n \r\n {row.isExpanded ? : }\r\n \r\n \r\n );\r\n },\r\n },\r\n {\r\n xs: 6,\r\n id: 'name',\r\n Header: 'Name',\r\n accessor: (tool) => tool.get('name'),\r\n },\r\n {\r\n xs: 1,\r\n id: 'length',\r\n accessor: (tool) => tool.getIn(['length', 'value']),\r\n Header: () => ,\r\n Cell: ({ value }) => value?.toFixed(2),\r\n },\r\n {\r\n xs: 1,\r\n id: 'weight',\r\n accessor: (tool) => tool.getIn(['weight', 'value']),\r\n Header: () => ,\r\n Cell: ({ value }) => value?.toFixed(1),\r\n },\r\n {\r\n xs: 2,\r\n id: 'outerDiameter',\r\n accessor: (tool) => tool.getIn(['outerDiameter', 'value']),\r\n Header: () => (\r\n \r\n ),\r\n Cell: ({ value }) => formatFraction(value, '\"'),\r\n },\r\n {\r\n xs: 1,\r\n id: 'yieldValue',\r\n accessor: (tool) => tool.getIn(['yieldValue', 'value']),\r\n Header: () => ,\r\n Cell: ({ value }) => (value ? value?.toFixed(0) : null),\r\n },\r\n {\r\n xs: 2,\r\n id: 'topC',\r\n Header: 'Top C.',\r\n accessor: (tool) => tool.get('topConnectorName'),\r\n },\r\n {\r\n xs: 2,\r\n id: 'bottomC',\r\n Header: 'Bot. C',\r\n accessor: (tool) => tool.get('bottomConnectorName'),\r\n },\r\n ],\r\n [],\r\n );\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n Total Length {'(m)'}\r\n \r\n \r\n {template.getIn(['totalLength', 'value'])?.toFixed(1)}\r\n \r\n \r\n \r\n \r\n Total Weight {'(lbs)'}\r\n \r\n \r\n {template.getIn(['totalWeight', 'value'])?.toFixed(1)}\r\n \r\n \r\n \r\n \r\n Max Outer Diameter {'(in)'}\r\n \r\n \r\n {formatFraction(\r\n template.getIn(['maxOD', 'value'])?.toFixed(1),\r\n '\"',\r\n )}\r\n \r\n \r\n \r\n \r\n Force {'(lbs)'}\r\n \r\n \r\n {template.getIn(['totalForce', 'value'])\r\n ? `${template.getIn(['totalForce', 'value'])?.toFixed(1)} ${\r\n UNITS.POUND_WEIGHT\r\n }`\r\n : 'N/A'}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nconst styles = (theme) => ({\r\n scrollable: {\r\n overflowY: 'auto',\r\n },\r\n fontSizeTitle: {\r\n fontSize: '1rem',\r\n },\r\n titleContainer: {\r\n paddingTop: theme.spacing(6),\r\n paddingBottom: theme.spacing(6),\r\n justifyContent: 'flex-start',\r\n },\r\n titleBox: {\r\n alignItems: 'center',\r\n },\r\n});\r\n\r\nToolstringTemplateToolsTable.propTypes = {\r\n toolstringItems: PropTypes.instanceOf(Collection),\r\n};\r\n\r\nexport default compose(memo, withStyles(styles))(ToolstringTemplateToolsTable);\r\n","import { useCallback } from 'react';\r\n\r\nimport TableRowExpandable from 'app/components/TableRowExpandable';\r\nimport ToolstringTemplateToolsTable from 'features/projects/tasks/task/toolstring/components/ToolstringTemplateToolsTable';\r\n\r\nconst ToolstringTemplateTableRow = ({ item, ...rest }) => {\r\n const renderDetails = useCallback(\r\n (isRowExpanded) => {\r\n return isRowExpanded ? (\r\n \r\n ) : null;\r\n },\r\n [item],\r\n );\r\n\r\n return (\r\n \r\n );\r\n};\r\n\r\nexport default ToolstringTemplateTableRow;\r\n","import { useMemo } from 'react';\r\nimport { Button } from '@material-ui/core';\r\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\r\n\r\nimport { Table, TableRowActionsCell } from 'altus-ui-components';\r\n\r\nimport TableCellDense from 'app/components/Table/TableCellDense';\r\nimport TableHeaderTitleCell from 'app/components/TableHeaderTitleCell';\r\nimport TableHeaderCellDense from 'app/components/Table/TableHeaderCellDense';\r\nimport ToolstringTemplateTableRow from 'features/projects/tasks/task/toolstring/components/ToolstringTemplateTableRow';\r\n\r\nconst ToolstringTemplatesTable = ({ onCreate, templates }) => {\r\n const columns = useMemo(\r\n () => [\r\n {\r\n id: 'expansionIcon',\r\n Header: ,\r\n Cell: () => (\r\n \r\n \r\n \r\n ),\r\n },\r\n {\r\n xs: 10,\r\n id: 'name',\r\n Header: ,\r\n accessor: (template) => template.get('name'),\r\n },\r\n {\r\n id: 'button',\r\n Cell: ({ row }) => (\r\n onCreate(row.original.get('id'))}\r\n variant=\"contained\"\r\n color=\"primary\"\r\n size=\"small\"\r\n >\r\n Use\r\n \r\n ),\r\n },\r\n ],\r\n [onCreate],\r\n );\r\n return (\r\n \r\n );\r\n};\r\n\r\nexport default ToolstringTemplatesTable;\r\n","import { compose } from 'redux';\r\nimport { Formik, Form } from 'formik';\r\nimport { connect } from 'react-redux';\r\nimport { PureComponent } from 'react';\r\nimport withStyles from '@material-ui/styles/withStyles';\r\nimport { Dialog, Grid, Button, DialogContent } from '@material-ui/core';\r\nimport * as yup from 'yup';\r\n\r\nimport {\r\n Tab,\r\n Tabs,\r\n withModal,\r\n ModalHeader,\r\n ModalActions,\r\n LoadingButton,\r\n LoadingOverlay,\r\n} from 'altus-ui-components';\r\n\r\n\r\nimport {\r\n submitCreateToolstringForTask,\r\n submitCreateToolstringFromTemplateForTask,\r\n} from 'features/projects/tasks/task/toolstring/toolstring.actions';\r\n\r\nimport { getSummarizedDataStateFromState } from 'app/app.selectors';\r\nimport { MODAL } from 'features/projects/tasks/task/toolstring/toolstring.constants';\r\nimport { TOOLSTRING_ACTIONS } from 'features/projects/tasks/task/toolstring/toolstring.constants';\r\nimport { getToolstringTemplatesFromState } from 'features/projects/tasks/task/toolstring/toolstring.selectors';\r\nimport CreateToolstringForm from 'features/projects/tasks/task/toolstring/components/create/CreateToolstringForm';\r\nimport ToolstringTemplatesTable from 'features/projects/tasks/task/toolstring/components/ToolstringTemplatesTable';\r\nimport { TOOLSTRING_FORMS as FORM } from 'features/projects/tasks/task/toolstring/toolstring.constants';\r\n\r\nconst BHA_OPTIONS = {\r\n NEW: 1,\r\n TEMPLATE: 2,\r\n};\r\n\r\nconst bhaValidationSchema = yup.object().shape({\r\n [FORM.CREATE_TOOLSTRING_FORM.TOOLSTRING_NAME]: yup.string().required('Required'), \r\n});\r\n\r\nclass CreateToolstringModal extends PureComponent {\r\n state = {\r\n tab: BHA_OPTIONS.NEW,\r\n };\r\n\r\n onSubmitNew = (toolstring, { setSubmitting, setStatus }) => {\r\n const { taskId, projectId, dispatchCreateToolstringForTask } = this.props;\r\n\r\n dispatchCreateToolstringForTask(\r\n projectId,\r\n taskId,\r\n toolstring,\r\n setSubmitting,\r\n setStatus,\r\n );\r\n };\r\n\r\n onSubmitFromTemplate = (toolstringTemplateId) => {\r\n const { taskId, projectId, dispatchCreateToolstringFromTemplateForTask } =\r\n this.props;\r\n\r\n dispatchCreateToolstringFromTemplateForTask(\r\n projectId,\r\n taskId,\r\n toolstringTemplateId,\r\n );\r\n };\r\n\r\n render() {\r\n const {\r\n open,\r\n taskId,\r\n classes,\r\n projectId,\r\n dataState,\r\n toggleModal,\r\n bhaTemplates,\r\n dispatchGetTemplates,\r\n projectWellboreDetailId,\r\n } = this.props;\r\n\r\n return (\r\n \r\n \r\n this.setState({ tab: value })}\r\n centered\r\n >\r\n \r\n \r\n \r\n \r\n \r\n {this.state.tab === BHA_OPTIONS.TEMPLATE && (\r\n \r\n \r\n \r\n )}\r\n \r\n \r\n {this.state.tab === BHA_OPTIONS.NEW && (\r\n \r\n {({ handleSubmit, isSubmitting }) => (\r\n \r\n )}\r\n \r\n )}\r\n \r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nconst styles = () => ({\r\n root: {\r\n height: '75vh',\r\n },\r\n});\r\n\r\nexport default compose(\r\n withStyles(styles),\r\n withModal(MODAL.CREATE_TOOLSTRING_MODAL_ID),\r\n connect(\r\n (state) => ({\r\n bhaTemplates: getToolstringTemplatesFromState(state),\r\n dataState: getSummarizedDataStateFromState(\r\n state,\r\n TOOLSTRING_ACTIONS.REQUEST_TOOLSTRING_TEMPLATES,\r\n ),\r\n }),\r\n {\r\n dispatchCreateToolstringForTask: submitCreateToolstringForTask,\r\n dispatchCreateToolstringFromTemplateForTask:\r\n submitCreateToolstringFromTemplateForTask,\r\n },\r\n ),\r\n)(CreateToolstringModal);\r\n","import { useMemo, useCallback } from 'react';\r\nimport EditIcon from '@material-ui/icons/Edit';\r\nimport { IconButton } from '@material-ui/core';\r\nimport DeleteIcon from '@material-ui/icons/Delete';\r\nimport DuplicateIcon from '@material-ui/icons/FileCopy';\r\nimport withStyles from '@material-ui/styles/withStyles';\r\nimport CheckCircleIcon from '@material-ui/icons/CheckCircle';\r\n\r\nimport { FavoriteButton } from 'altus-ui-components';\r\n\r\nimport CardNavigationItem from 'app/components/CardNavigationItem/CardNavigationItem';\r\n\r\nconst ToolstringCardNavigationItem = ({\r\n to,\r\n onEdit,\r\n classes,\r\n onDelete,\r\n toolstring,\r\n onDuplicate,\r\n toggleFavorite,\r\n}) => {\r\n const data = useMemo(\r\n () => [\r\n {\r\n key: 'Cable',\r\n value: toolstring.getIn(['cable', 'name']) || 'No Cable',\r\n },\r\n {\r\n key: 'Modified',\r\n value: toolstring.get('modified').fromNow(),\r\n },\r\n ],\r\n [toolstring],\r\n );\r\n\r\n const renderHeaderAction = useCallback(() => {\r\n if (toolstring.get('isPlanned')) {\r\n return (\r\n /* Wrap in IconButton so it looks/positions similarly to FavoriteButton */\r\n \r\n \r\n \r\n );\r\n }\r\n\r\n return (\r\n \r\n );\r\n }, [toolstring, toggleFavorite, classes]);\r\n\r\n // TODO: we need to disable some actions buttons based on permissions.\r\n // Will do this later, since in this case we will probably need to refactor or add\r\n // another HasProjectPermission component with a render method that provides multiple permissions verification\r\n const actions = useMemo(\r\n () =>\r\n [\r\n {\r\n Icon: EditIcon,\r\n title: 'Edit',\r\n disabled: toolstring.get('isPlanned'),\r\n onClick: onEdit,\r\n },\r\n {\r\n Icon: DuplicateIcon,\r\n title: 'Duplicate',\r\n onClick: onDuplicate,\r\n },\r\n {\r\n Icon: DeleteIcon,\r\n title: 'Delete',\r\n disabled: toolstring.get('isPlanned'),\r\n onClick: onDelete,\r\n },\r\n ].filter((action) => !!action.onClick),\r\n [onEdit, onDuplicate, onDelete, toolstring],\r\n );\r\n\r\n return (\r\n \r\n );\r\n};\r\n\r\nconst styles = (theme) => ({\r\n plannedIcon: {\r\n '&:disabled': {\r\n color: theme.palette.text.primary,\r\n },\r\n },\r\n});\r\n\r\nexport default withStyles(styles)(ToolstringCardNavigationItem);\r\n","import { compose } from 'redux';\r\nimport { connect } from 'react-redux';\r\nimport routePaths from 'app/routePaths';\r\nimport { PureComponent } from 'react';\r\nimport { Grid, Box, Divider } from '@material-ui/core';\r\nimport withStyles from '@material-ui/styles/withStyles';\r\nimport { Switch, Redirect, matchPath } from 'react-router-dom';\r\n\r\nimport {\r\n Menu,\r\n MenuHeader,\r\n LoadingOverlay,\r\n RouteContainer,\r\n withToggleModal,\r\n} from 'altus-ui-components';\r\n\r\nimport {\r\n requestToolstringTemplates,\r\n redirectToTaskToolstringEdit,\r\n requestToogleToolstringFavorite,\r\n requestTaskToolstringsPageOnLoad,\r\n requestDeleteToolstringAndRedirect,\r\n requestDuplicateToolstringAndRedirect,\r\n} from 'features/projects/tasks/task/toolstring/toolstring.actions';\r\n\r\nimport { EMPTY_LIST } from 'app/app.constants';\r\nimport { toTaskToolstring } from 'utils/route.util';\r\nimport { getSummarizedDataStateFromState } from 'app/app.selectors';\r\nimport { MODAL } from 'features/projects/tasks/task/toolstring/toolstring.constants';\r\nimport { TOOLSTRING_ACTIONS } from 'features/projects/tasks/task/toolstring/toolstring.constants';\r\nimport { getTaskToolstringsFromState } from 'features/projects/tasks/task/toolstring/toolstring.selectors';\r\nimport NoToolstringSelectedPage from 'features/projects/tasks/task/toolstring/components/NoToolstringSelectedPage';\r\nimport CreateToolstringModal from 'features/projects/tasks/task/toolstring/components/create/CreateToolstringModal';\r\nimport ToolstringCardNavigationItem from 'features/projects/tasks/task/toolstring/components/ToolstringCardNavigationItem';\r\n\r\nclass TaskToolstringsContainer extends PureComponent {\r\n componentDidMount() {\r\n const { dispatchOnLoad, projectId, taskId } = this.props;\r\n\r\n dispatchOnLoad(projectId, taskId);\r\n }\r\n\r\n toggleModal = () => {\r\n const { dispatchToggleModal, dispatchGetToolstringTemplates } = this.props;\r\n dispatchGetToolstringTemplates();\r\n dispatchToggleModal({ modalId: MODAL.CREATE_TOOLSTRING_MODAL_ID });\r\n };\r\n\r\n renderMenuItem = (toolstring) => {\r\n const {\r\n taskId,\r\n pathname,\r\n projectId,\r\n dispatchToggleToolstringFavorite,\r\n dispatchDeleteToolstringAndRedirect,\r\n dispatchRedirectToTaskToolstringEdit,\r\n dispatchDuplicateToolstringAndRedirect,\r\n } = this.props;\r\n\r\n const currentPathMatch = matchPath(pathname, {\r\n path: routePaths.plan.task.toolstring.index,\r\n });\r\n\r\n if (!currentPathMatch) return null;\r\n\r\n const { toolstringId: selectedToolstringId } = currentPathMatch.params;\r\n const toolstringId = toolstring.get('id');\r\n\r\n const to = toTaskToolstring(projectId, taskId, toolstringId);\r\n\r\n return (\r\n \r\n \r\n dispatchDuplicateToolstringAndRedirect(\r\n projectId,\r\n taskId,\r\n toolstring.get('id'),\r\n )\r\n }\r\n onDelete={() =>\r\n dispatchDeleteToolstringAndRedirect(\r\n projectId,\r\n taskId,\r\n toolstring.get('id'),\r\n selectedToolstringId,\r\n )\r\n }\r\n toggleFavorite={() =>\r\n dispatchToggleToolstringFavorite(projectId, taskId, toolstringId)\r\n }\r\n onEdit={() =>\r\n dispatchRedirectToTaskToolstringEdit(\r\n projectId,\r\n taskId,\r\n toolstringId,\r\n )\r\n }\r\n />\r\n \r\n );\r\n };\r\n\r\n render() {\r\n const { path, routes, taskId, classes, projectId, dataState, toolstrings } =\r\n this.props;\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n this.renderMenuItem(item)}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n {!!toolstrings.size && (\r\n \r\n )}\r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nconst styles = () => ({\r\n root: {\r\n overflow: 'hidden',\r\n },\r\n menuContainer: {\r\n overflow: 'auto',\r\n },\r\n});\r\n\r\nTaskToolstringsContainer.defaultProps = {\r\n toolstrings: EMPTY_LIST,\r\n};\r\n\r\nexport default compose(\r\n connect(\r\n (state, { taskId }) => ({\r\n toolstrings: getTaskToolstringsFromState(state, taskId),\r\n dataState: getSummarizedDataStateFromState(\r\n state,\r\n TOOLSTRING_ACTIONS.GET_TOOLSTRING_FOR_TASK,\r\n TOOLSTRING_ACTIONS.REQUEST_TASK_TOOLSTRINGS_PAGE_ON_LOAD,\r\n TOOLSTRING_ACTIONS.REQUEST_DELETE_TOOLSTRING_FOR_TASK_AND_REDIRECT,\r\n TOOLSTRING_ACTIONS.REQUEST_DUPLICATE_TOOLSTRING_FOR_TASK_AND_REDIRECT,\r\n ),\r\n }),\r\n {\r\n dispatchOnLoad: requestTaskToolstringsPageOnLoad,\r\n dispatchGetToolstringTemplates: requestToolstringTemplates,\r\n dispatchToggleToolstringFavorite: requestToogleToolstringFavorite,\r\n dispatchRedirectToTaskToolstringEdit: redirectToTaskToolstringEdit,\r\n dispatchDeleteToolstringAndRedirect: requestDeleteToolstringAndRedirect,\r\n dispatchDuplicateToolstringAndRedirect:\r\n requestDuplicateToolstringAndRedirect,\r\n },\r\n ),\r\n withToggleModal,\r\n withStyles(styles),\r\n)(TaskToolstringsContainer);\r\n","import { compose } from 'redux';\r\nimport PropTypes from 'prop-types';\r\nimport withStyles from '@material-ui/styles/withStyles';\r\n\r\nimport TextFieldV2 from 'app/components/form/TextFieldV2';\r\n\r\nconst EditableTitle = ({\r\n value,\r\n classes,\r\n onChange,\r\n InputProps = {},\r\n ...rest\r\n}) => (\r\n \r\n);\r\n\r\nconst styles = (theme) => ({\r\n input: {\r\n ...theme.typography.h5,\r\n 'padding': theme.spacing(1),\r\n 'fontWeight': theme.typography.fontWeightMedium,\r\n '&:disabled': {\r\n color: theme.palette.text.primary,\r\n },\r\n '&:hover:not(:disabled) + $notchedOutline': {\r\n borderWidth: 1,\r\n },\r\n '&:focus:not(:disabled) + $notchedOutline': {\r\n borderWidth: 1,\r\n },\r\n },\r\n notchedOutline: {\r\n borderWidth: 0,\r\n },\r\n});\r\n\r\nEditableTitle.propTypes = {\r\n value: PropTypes.string,\r\n onChange: PropTypes.func,\r\n};\r\n\r\nexport default compose(withStyles(styles))(EditableTitle);\r\n","import { memo } from 'react';\r\nimport { compose } from 'redux';\r\nimport { Map } from 'immutable';\r\nimport PropTypes from 'prop-types';\r\nimport { Form, Formik, Field } from 'formik';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport withStyles from '@material-ui/styles/withStyles';\r\n\r\nimport { Box, Grid, Button, Tooltip } from '@material-ui/core';\r\n\r\nimport { FavoriteButton, LoadingButton } from 'altus-ui-components';\r\n\r\nimport { ACTIONS } from 'features/projects/tasks/task/simulation/simulation.constants';\r\n\r\nimport EditableTitle from 'app/components/EditableTitle';\r\nimport { getActionDataStateFromState } from 'app/app.selectors';\r\nimport {\r\n EMPTY_MAP,\r\n WORK_ITEM_STATUS,\r\n ProjectPermission,\r\n} from 'app/app.constants';\r\nimport AutoSaveFormik from 'app/components/form/formik/AutoSaveFormik';\r\nimport HasProjectPermission from 'app/components/HasProjectPermission';\r\nimport { requestRunSimulation } from 'features/projects/tasks/task/simulation/simulation.actions';\r\nimport { hasPlannedSimulationForTaskSelection } from 'features/projects/tasks/task/simulation/simulation.selectors';\r\nimport { PlannedIndicator } from 'features/projects/execution/components/PlannedIndicator';\r\n\r\nconst FormFields = {\r\n name: 'name',\r\n};\r\n\r\nconst SimulationHeader = ({\r\n task,\r\n classes,\r\n actions = [],\r\n onNameChange,\r\n togglePlanned,\r\n toggleFavorite,\r\n simulation = EMPTY_MAP,\r\n isEnableSimulationRunButton = true,\r\n}) => {\r\n const dispatch = useDispatch();\r\n const taskId = simulation.get('taskId');\r\n const projectId = simulation.get('projectId');\r\n const simulationId = simulation.get('simulationId');\r\n const isPlanned = simulation.get('isPlanned', false);\r\n const canResimulate = simulation.get('canResimulate', false);\r\n const runSimulationDataState = useSelector((state) =>\r\n getActionDataStateFromState(state, ACTIONS.REQUEST_RUN_SIMULATION),\r\n );\r\n const hasExistingPlanned = useSelector((state) =>\r\n taskId ? hasPlannedSimulationForTaskSelection(state, taskId) : false,\r\n );\r\n\r\n const taskStatus = task?.get('status');\r\n const disableEditing = taskStatus && taskStatus >= WORK_ITEM_STATUS.COMPLETED;\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {actions.map(\r\n ({ Icon, onClick, title, disabled, disabledTooltip }, index) => (\r\n \r\n \r\n }\r\n classes={{\r\n label: classes.label,\r\n }}\r\n >\r\n {title}\r\n \r\n
\r\n \r\n ),\r\n )}\r\n {isEnableSimulationRunButton && (\r\n \r\n \r\n \r\n \r\n dispatch(\r\n requestRunSimulation(projectId, taskId, simulationId),\r\n )\r\n }\r\n >\r\n Simulate Run\r\n \r\n \r\n \r\n \r\n )}\r\n \r\n );\r\n};\r\n\r\nconst styles = (theme) => ({\r\n label: {\r\n // this will prevent uppercase on action labels\r\n textTransform: 'none',\r\n },\r\n checkedRadio: {\r\n '& svg:last-child': {\r\n color: theme.altus.components.SimulationDashboard.header.checked,\r\n },\r\n },\r\n});\r\n\r\nSimulationHeader.propTypes = {\r\n simulation: PropTypes.instanceOf(Map),\r\n toggleFavorite: PropTypes.func.isRequired,\r\n};\r\n\r\nexport default compose(memo, withStyles(styles))(SimulationHeader);\r\n","import { createSelector } from 'utils/app.util';\r\n\r\nexport const getToolImagesFromState = createSelector(\r\n (state) => state.getIn(['tool', 'data', 'toolImages']),\r\n (toolImages) => toolImages,\r\n);\r\n\r\nexport const getToolImportsFromState = createSelector(\r\n (state) => state.getIn(['tool', 'data', 'toolImports']),\r\n (toolImports) => toolImports,\r\n);\r\n\r\nexport const getToolsSearchResultFromState = createSelector(\r\n (state) => state.getIn(['tool', 'search']),\r\n (tools) => tools.toList(),\r\n);\r\n\r\nexport const getCablesFromState = createSelector(\r\n (state) => state.getIn(['tool', 'data', 'cables']),\r\n (cables) => cables.toList(),\r\n);\r\n\r\nexport const getToolGroupsFromState = createSelector(\r\n (state) => state.getIn(['tool', 'data', 'toolGroups']),\r\n (toolGroups) => toolGroups,\r\n);\r\n\r\nexport const getToolConnectorsFromState = createSelector(\r\n (state) => state.getIn(['tool', 'data', 'toolConnectors']),\r\n (toolConnectors) => toolConnectors,\r\n);\r\n\r\nexport const getToolTopConnectorsFromState = createSelector(\r\n (state) => state.getIn(['tool', 'data', 'toolTopConnectors']),\r\n (toolTopConnectors) => toolTopConnectors,\r\n);\r\n\r\nexport const getToolSuppliersFromState = createSelector(\r\n (state) => state.getIn(['tool', 'data', 'toolSuppliers']),\r\n (toolSuppliers) => toolSuppliers,\r\n);\r\n\r\nexport const getToolBottomConnectorsFromState = createSelector(\r\n (state) => state.getIn(['tool', 'data', 'toolBottomConnectors']),\r\n (toolBottomConnectors) => toolBottomConnectors,\r\n);\r\n\r\nexport const getToolProjectHistoryFromState = createSelector(\r\n (state) => state.getIn(['tool', 'data', 'toolProjectHistory']),\r\n (projects) => projects,\r\n);\r\n","import { useMemo } from 'react';\r\nimport { compose } from 'redux';\r\nimport { List } from 'immutable';\r\nimport PropTypes from 'prop-types';\r\nimport withStyles from '@material-ui/styles/withStyles';\r\nimport { Grid, CircularProgress } from '@material-ui/core';\r\n\r\nimport { Table } from 'altus-ui-components';\r\n\r\nimport { EMPTY_LIST } from 'app/app.constants';\r\n\r\nconst CablePickerModalTable = ({\r\n loading,\r\n onSelectCable,\r\n cables = EMPTY_LIST,\r\n}) => {\r\n const columns = useMemo(\r\n () => [\r\n {\r\n xs: true,\r\n id: 'referenceNumber',\r\n Header: 'M3 Item No.',\r\n accessor: (cable) => cable.get('referenceNumber'),\r\n },\r\n {\r\n xs: 3,\r\n id: 'cableName',\r\n Header: 'Cable',\r\n accessor: (cable) => cable.get('name'),\r\n },\r\n {\r\n xs: 1,\r\n id: 'cableType',\r\n Header: 'Type',\r\n accessor: (cable) => cable.get('typeName'),\r\n },\r\n {\r\n xs: true,\r\n id: 'nominalDiameter',\r\n Header: 'Nominal Dia.',\r\n sortType: 'basic',\r\n accessor: (cable) =>\r\n `${cable?.getIn(\r\n ['nominalDiameter', 'roundedValue'],\r\n null,\r\n )} ${cable?.getIn(['nominalDiameter', 'unit'])}`,\r\n },\r\n {\r\n xs: true,\r\n id: 'weightInAir',\r\n Header: 'Weight in Air',\r\n sortType: 'basic',\r\n accessor: (cable) =>\r\n `${cable?.getIn(\r\n ['weightInAir', 'roundedValue'],\r\n null,\r\n )} ${cable?.getIn(['weightInAir', 'unit'])}`,\r\n },\r\n {\r\n xs: true,\r\n id: 'stretch',\r\n Header: 'Stretch',\r\n sortType: 'basic',\r\n accessor: (cable) => {\r\n const weightKey = cable.get('stretch')\r\n ? 'stretch'\r\n : 'stretchCoefficient';\r\n const roundedValue = cable?.getIn([weightKey, 'roundedValue'], null);\r\n const unit = cable?.getIn([weightKey, 'unit']);\r\n return `${roundedValue} ${unit}`;\r\n },\r\n },\r\n {\r\n xs: true,\r\n id: 'strength',\r\n Header: 'Breaking Strength',\r\n sortType: 'basic',\r\n accessor: (cable) =>\r\n `${cable?.getIn(['strength', 'roundedValue'], null)} ${cable?.getIn([\r\n 'strength',\r\n 'unit',\r\n ])}`,\r\n },\r\n ],\r\n [],\r\n );\r\n\r\n if (loading) {\r\n return (\r\n \r\n \r\n \r\n );\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nconst styles = (theme) => ({\r\n action: {\r\n paddingTop: theme.spacing(1),\r\n paddingBottom: theme.spacing(1),\r\n },\r\n});\r\n\r\nCablePickerModalTable.propTypes = {\r\n cables: PropTypes.instanceOf(List),\r\n};\r\n\r\nexport default compose(withStyles(styles))(CablePickerModalTable);\r\n","import { Grid, Button, Typography } from '@material-ui/core';\r\n\r\nconst CablePickerModalHeader = ({ onClose }) => (\r\n \r\n \r\n Select Cable\r\n \r\n \r\n \r\n \r\n \r\n);\r\n\r\nexport default CablePickerModalHeader;\r\n","import { compose } from 'redux';\r\nimport withStyles from '@material-ui/styles/withStyles';\r\nimport { Grid, Dialog, DialogContent } from '@material-ui/core';\r\n\r\nimport CablePickerModalTable from 'features/projects/tool/components/CablePickerModalTable';\r\nimport CablePickerModalHeader from 'features/projects/tool/components/CablePickerModalHeader';\r\n\r\nconst CablePickerModal = ({\r\n open,\r\n cables,\r\n onClose,\r\n onEnter,\r\n classes,\r\n loading,\r\n onSelectCable,\r\n}) => (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n);\r\n\r\nconst styles = (theme) => ({\r\n root: {\r\n height: '75vh',\r\n },\r\n content: {\r\n padding: `0px ${theme.spacing(3)}px`,\r\n },\r\n header: {\r\n padding: theme.spacing(3),\r\n },\r\n table: {\r\n paddingBottom: theme.spacing(2),\r\n },\r\n});\r\n\r\nexport default compose(withStyles(styles))(CablePickerModal);\r\n","import { compose } from 'redux';\r\nimport { connect } from 'react-redux';\r\n\r\nimport { EMPTY_LIST } from 'app/app.constants';\r\nimport { getSummarizedDataStateFromState } from 'app/app.selectors';\r\nimport { TOOL_ACTIONS } from 'features/projects/tool/tool.constants';\r\nimport { getCablesFromState } from 'features/projects/tool/tool.selector';\r\nimport CablePickerModal from 'features/projects/tool/components/CablePickerModal';\r\nimport { requestCablesByProject } from 'features/projects/tool/tool.actions';\r\n\r\nconst CablePickerModalContainer = ({\r\n open,\r\n cables,\r\n toggleModal,\r\n onSelectCable,\r\n dispatchOnLoad,\r\n loadingDataState,\r\n projectId,\r\n}) => (\r\n dispatchOnLoad(projectId)}\r\n onSelectCable={onSelectCable}\r\n loading={loadingDataState.isLoading()}\r\n />\r\n);\r\n\r\nCablePickerModalContainer.defaultProps = {\r\n cables: EMPTY_LIST,\r\n};\r\n\r\nexport default compose(\r\n connect(\r\n (state) => ({\r\n cables: getCablesFromState(state),\r\n loadingDataState: getSummarizedDataStateFromState(\r\n state,\r\n TOOL_ACTIONS.REQUEST_CABLES_BY_PROJECT,\r\n ),\r\n }),\r\n {\r\n dispatchOnLoad: (projectId) => requestCablesByProject(projectId),\r\n },\r\n ),\r\n)(CablePickerModalContainer);\r\n","import withStyles from '@material-ui/styles/withStyles';\r\nimport { Typography, LinearProgress, Grid, Fade } from '@material-ui/core';\r\n\r\nconst SimulationLinearProgress = ({ classes, runSimulationDataState }) => {\r\n if (!runSimulationDataState.isLoading()) {\r\n return null;\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Simulating run... please wait\r\n \r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nconst styles = (theme) => ({\r\n root: {\r\n top: 0,\r\n left: 0,\r\n right: 0,\r\n bottom: 0,\r\n position: 'absolute',\r\n zIndex: theme.zIndex.modal,\r\n color: theme.palette.common.white,\r\n background: `${theme.palette.common.black}0004d`,\r\n },\r\n progress: {\r\n height: theme.spacing(2),\r\n },\r\n});\r\n\r\nexport default withStyles(styles)(SimulationLinearProgress);\r\n","import { compose } from 'redux';\r\nimport { Grid } from '@material-ui/core';\r\nimport withStyles from '@material-ui/styles/withStyles';\r\n\r\nimport { toWellbore } from 'utils/route.util';\r\nimport { EMPTY_MAP } from 'app/app.constants';\r\nimport { invokeIfFunction } from 'utils/app.util';\r\nimport ReadOnlyField from 'app/components/ReadOnlyField';\r\n\r\nconst projectDetails = [\r\n {\r\n label: 'Project',\r\n accessor: (project) => project.get('id'),\r\n },\r\n {\r\n label: 'Client',\r\n accessor: (project) => project.get('operator'),\r\n },\r\n {\r\n label: 'Field',\r\n accessor: (project) => project.get('fieldName'),\r\n },\r\n {\r\n label: 'Facility',\r\n accessor: (project) => project.get('facilityName'),\r\n },\r\n {\r\n label: 'Well',\r\n accessor: (project) => project.get('wellboreName'),\r\n to: (project) =>\r\n toWellbore(project.get('fieldId'), project.get('wellboreId')),\r\n target: '_blank',\r\n },\r\n];\r\n\r\nconst TaskSimulationDetails = ({\r\n classes,\r\n task = EMPTY_MAP,\r\n project = EMPTY_MAP,\r\n}) => (\r\n \r\n {projectDetails.map(({ accessor, to, label, target }, index) => (\r\n \r\n \r\n \r\n ))}\r\n \r\n \r\n \r\n \r\n);\r\n\r\nconst styles = (theme) => ({\r\n root: {\r\n paddingRight: theme.spacing(3),\r\n paddingLeft: theme.spacing(3),\r\n },\r\n field: {\r\n paddingRight: theme.spacing(2),\r\n },\r\n});\r\n\r\nexport default compose(withStyles(styles))(TaskSimulationDetails);\r\n","import { compose } from 'redux';\r\nimport { InputAdornment } from '@material-ui/core';\r\nimport withStyles from '@material-ui/styles/withStyles';\r\nimport ArrowDropDownIcon from '@material-ui/icons/ArrowDropDown';\r\n\r\nimport TextFieldV2 from 'app/components/form/TextFieldV2';\r\n\r\nconst TextFieldCustomSelect = ({\r\n value,\r\n onClick,\r\n classes,\r\n disabled,\r\n InputProps,\r\n ...rest\r\n}) => {\r\n const handleOnClick = () => !disabled && onClick();\r\n\r\n return (\r\n \r\n \r\n \r\n ),\r\n ...InputProps,\r\n }}\r\n {...rest}\r\n />\r\n );\r\n};\r\n\r\nconst styles = () => ({\r\n inputHover: {\r\n '&:hover:not(:disabled)': {\r\n cursor: 'pointer',\r\n },\r\n },\r\n});\r\n\r\nexport default compose(withStyles(styles))(TextFieldCustomSelect);\r\n","import { Map } from 'immutable';\r\nimport PropTypes from 'prop-types';\r\nimport { Grid, Divider } from '@material-ui/core';\r\n\r\nimport ReadOnlyField from 'app/components/ReadOnlyField';\r\n\r\nconst details = [\r\n {\r\n label: 'Type',\r\n accessor: (cable) => cable.get('typeName'),\r\n render: ({ value, label }) => (\r\n \r\n ),\r\n },\r\n {\r\n label: (cable) =>\r\n `Nominal Diameter (${cable?.getIn(['nominalDiameter', 'unit'], null)})`,\r\n accessor: (cable) =>\r\n `${cable?.getIn(['nominalDiameter', 'roundedValue'], null)}`,\r\n render: ({ value, label }) => (\r\n \r\n ),\r\n },\r\n {\r\n label: (cable) =>\r\n `Weight in Air (${cable?.getIn(['weightInAir', 'unit'], null)})`,\r\n accessor: (cable) =>\r\n `${cable?.getIn(['weightInAir', 'roundedValue'], null)}`,\r\n render: ({ value }) => (\r\n \r\n ),\r\n },\r\n {\r\n label: (cable) =>\r\n `Stretch coef.(${cable?.getIn(\r\n ['stretch', 'unit'],\r\n cable?.getIn(['stretchCoefficient', 'unit']),\r\n )})`,\r\n accessor: (cable) => {\r\n const weightKey = cable.get('stretch') ? 'stretch' : 'stretchCoefficient';\r\n const roundedValue = cable?.getIn([weightKey, 'roundedValue'], null);\r\n const unit = cable?.getIn([weightKey, 'unit']);\r\n return `${roundedValue} ${unit}`;\r\n },\r\n render: ({ value, label }) => (\r\n \r\n ),\r\n },\r\n {\r\n label: (cable) =>\r\n `Breaking Strength (${cable?.getIn(['strength', 'unit'], 'kgf')})`,\r\n accessor: (cable) => `${cable?.getIn(['strength', 'roundedValue'], null)}`,\r\n render: ({ value }) => (\r\n \r\n ),\r\n },\r\n {\r\n label: (cable) =>\r\n `Safe Working Load (${cable?.getIn(['safeWorkingLoad', 'unit'], 'kgf')})`,\r\n accessor: (cable) =>\r\n `${cable?.getIn(['safeWorkingLoad', 'roundedValue'], null)}`,\r\n render: ({ value }) => (\r\n \r\n ),\r\n },\r\n];\r\n\r\nconst CableDetails = ({ cable }) => (\r\n \r\n {details.map(({ accessor, render, label }, index) => (\r\n \r\n {render({ value: accessor(cable), label })}\r\n \r\n \r\n ))}\r\n \r\n);\r\n\r\nCableDetails.propTypes = {\r\n toolstring: PropTypes.instanceOf(Map),\r\n};\r\n\r\nexport default CableDetails;\r\n","import { Map } from 'immutable';\r\nimport { compose } from 'redux';\r\nimport PropTypes from 'prop-types';\r\nimport { Grid, Tooltip } from '@material-ui/core';\r\nimport withStyles from '@material-ui/styles/withStyles';\r\n\r\nimport ReadOnlyField from 'app/components/ReadOnlyField';\r\nimport TextFieldCustomSelect from 'app/components/TextFieldCustomSelect';\r\nimport CableDetails from 'features/projects/tool/components/CableDetails';\r\n\r\nconst TaskSimulationCableSelect = ({\r\n classes,\r\n onClick,\r\n disabled,\r\n selectedCable,\r\n}) => (\r\n : 'No Cable'}\r\n >\r\n \r\n {disabled && (\r\n \r\n )}\r\n {!disabled && (\r\n \r\n )}\r\n \r\n \r\n);\r\n\r\nconst styles = (theme) => ({\r\n cableTooltip: {\r\n padding: theme.spacing(1),\r\n background: theme.palette.background.paper,\r\n maxWidth: 200,\r\n },\r\n});\r\n\r\nTaskSimulationCableSelect.propTypes = {\r\n disabled: PropTypes.bool,\r\n onClick: PropTypes.func.isRequired,\r\n selectedCable: PropTypes.instanceOf(Map),\r\n};\r\n\r\nexport default compose(withStyles(styles))(TaskSimulationCableSelect);\r\n","import _isNil from 'lodash/isNil';\r\nimport { useState, useRef, useEffect } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Highcharts from 'highcharts';\r\nimport { Collection } from 'immutable';\r\nimport HighchartsReact from 'highcharts-react-official';\r\n\r\nimport { formatValue } from 'utils/format.util';\r\nimport { EMPTY_MAP } from 'app/app.constants';\r\nimport { getQuantityUnitFromItems } from 'utils/app.util';\r\nimport {\r\n getSimulationChartSeries,\r\n getSimulationCompressionDepthSeries,\r\n} from 'features/projects/tasks/task/simulation/simulation.utils';\r\nimport {\r\n SimulationCharts,\r\n SimulationDirection,\r\n SimulationResultSeries,\r\n} from 'features/projects/tasks/task/simulation/simulation.constants';\r\nimport { useTheme } from '@material-ui/core/styles';\r\n\r\nconst SimulationResultsChart = ({\r\n tab,\r\n simulationResults,\r\n simulationResultsRih = EMPTY_MAP,\r\n simulationResultsPooh = EMPTY_MAP,\r\n operationLoadPercent,\r\n}) => {\r\n const theme = useTheme();\r\n const { label, activeSeries } = tab;\r\n const chartRef = useRef(null);\r\n const tabKey = useRef(null);\r\n const [chartOptions, setChartOptions] = useState({ series: {}, chart: {} });\r\n\r\n useEffect(() => {\r\n const depthUnit = getQuantityUnitFromItems(\r\n simulationResults !== EMPTY_MAP\r\n ? simulationResults\r\n : simulationResultsRih,\r\n (result) => result.get('measuredDepth'),\r\n );\r\n\r\n const xLabel = (tab) => {\r\n const path = SimulationCharts.find((c) => c.key === tab.key)?.unit;\r\n if (!_isNil(path)) {\r\n const u = getQuantityUnitFromItems(\r\n simulationResults !== EMPTY_MAP\r\n ? simulationResults\r\n : simulationResultsRih,\r\n (result) => result.getIn(path),\r\n );\r\n return `${label} (${u})`;\r\n }\r\n return label;\r\n };\r\n\r\n let simulationChartSeries;\r\n\r\n if (simulationResults !== EMPTY_MAP) {\r\n simulationChartSeries = getSimulationChartSeries(\r\n simulationResults,\r\n operationLoadPercent,\r\n )\r\n .filter((series) => activeSeries?.includes(series.id))\r\n .map((series) =>\r\n tab.key === tabKey.current\r\n ? { id: series.id, data: series.data } // Only update data when tab is unchanged\r\n : series,\r\n ); // Set series to initial configuration on a new tab\r\n } else {\r\n let simulationChartSeriesRih;\r\n let simulationChartSeriesPooh;\r\n\r\n if (simulationResultsRih !== EMPTY_MAP) {\r\n simulationChartSeriesRih = getSimulationChartSeries(\r\n simulationResultsRih,\r\n operationLoadPercent,\r\n undefined,\r\n SimulationDirection.RUN_IN_HOLE,\r\n )\r\n .filter((series) => activeSeries?.includes(series.id))\r\n .map((series) =>\r\n tab.key === tabKey.current\r\n ? { id: series.id, data: series.data } // Only update data when tab is unchanged\r\n : series,\r\n ); // Set series to initial configuration on a new tab\r\n }\r\n\r\n if (simulationResultsPooh !== EMPTY_MAP) {\r\n simulationChartSeriesPooh = getSimulationChartSeries(\r\n simulationResultsPooh,\r\n operationLoadPercent,\r\n undefined,\r\n SimulationDirection.PULL_OUT_OF_HOLE,\r\n )\r\n .filter((series) => activeSeries?.includes(series.id))\r\n .map((series) =>\r\n tab.key === tabKey.current\r\n ? { id: series.id, data: series.data } // Only update data when tab is unchanged\r\n : series,\r\n ); // Set series to initial configuration on a new tab\r\n }\r\n\r\n simulationChartSeries = [\r\n ...simulationChartSeriesRih,\r\n ...simulationChartSeriesPooh,\r\n ];\r\n }\r\n\r\n // Add compression depth if it is defined on the tab\r\n if (!_isNil(tab.compressionDepth)) {\r\n tab.compressionDepth.forEach((compression) => {\r\n const compressionSeries = getSimulationCompressionDepthSeries(\r\n compression.series + SimulationResultSeries.COMPRESSION_DEPTH,\r\n compression.direction,\r\n simulationResults, // TODO check what results to display\r\n compression.value,\r\n );\r\n if (!_isNil(compressionSeries)) {\r\n simulationChartSeries = [...simulationChartSeries, compressionSeries];\r\n }\r\n });\r\n }\r\n\r\n var result = {\r\n series: simulationChartSeries,\r\n chart: {\r\n inverted: true,\r\n backgroundColor: theme.palette.grey[800],\r\n },\r\n yAxis: [\r\n {\r\n allowDecimals: false,\r\n gridLineDashStyle: 'ShortDash',\r\n gridLineColor: theme.palette.grey[700],\r\n title: {\r\n text: xLabel(tab),\r\n },\r\n plotLines: [\r\n {\r\n value: 0,\r\n width: 2,\r\n color: theme.palette.grey[300],\r\n },\r\n ],\r\n },\r\n ],\r\n xAxis: {\r\n min: 0,\r\n gridLineWidth: 1,\r\n allowDecimals: false,\r\n gridLineDashStyle: 'ShortDash',\r\n gridLineColor: theme.palette.grey[700],\r\n max: simulationResults.keySeq().last(), // TODO check what results to display\r\n title: {\r\n text: `Tool Depth (${depthUnit})`,\r\n },\r\n },\r\n legend: {\r\n shadow: false,\r\n align: 'right',\r\n layout: 'vertical',\r\n verticalAlign: 'top',\r\n backgroundColor: 'transparent',\r\n },\r\n tooltip: {\r\n shared: true,\r\n crosshairs: true,\r\n formatter() {\r\n let format = `Depth: ${formatValue(this.x, depthUnit)}`;\r\n\r\n this.points.forEach((point) => {\r\n const { series, y } = point;\r\n const {\r\n color,\r\n name,\r\n options: {\r\n custom: { unit, tooltip = true },\r\n },\r\n } = series;\r\n if (tooltip) {\r\n const formattedValue = formatValue(y, unit);\r\n format += `
${name}: ${formattedValue}`;\r\n }\r\n });\r\n\r\n return format;\r\n },\r\n positioner: function (w, h, point) {\r\n this.chart.pointer.chartPosition = null;\r\n return this.getPosition(w, h, point);\r\n },\r\n },\r\n plotOptions: {\r\n line: {\r\n marker: {\r\n enabled: false,\r\n },\r\n },\r\n },\r\n title: {\r\n text: null,\r\n },\r\n };\r\n\r\n setChartOptions(result);\r\n tabKey.current = tab.key;\r\n }, [\r\n tab,\r\n label,\r\n theme.palette.grey,\r\n tab.key,\r\n tab.compressionDepth,\r\n activeSeries,\r\n operationLoadPercent,\r\n simulationResults,\r\n simulationResultsRih,\r\n simulationResultsPooh,\r\n ]);\r\n\r\n // reset tab key to reset the data filtered only in case simulationData have changed\r\n useEffect(() => {\r\n tabKey.current = null;\r\n }, [simulationResults, simulationResultsRih, simulationResultsPooh]);\r\n\r\n return (\r\n \r\n );\r\n};\r\n\r\nSimulationResultsChart.propTypes = {\r\n simulationResults: PropTypes.instanceOf(Collection),\r\n simulationResultsRih: PropTypes.instanceOf(Collection),\r\n simulationResultsPooh: PropTypes.instanceOf(Collection),\r\n tab: PropTypes.shape({\r\n key: PropTypes.string,\r\n title: PropTypes.string,\r\n label: PropTypes.string,\r\n activeSeries: PropTypes.arrayOf(\r\n PropTypes.oneOf(Object.values(SimulationResultSeries)),\r\n ),\r\n }).isRequired,\r\n};\r\n\r\nexport default SimulationResultsChart;\r\n","import TableHeaderTitleCell from 'app/components/TableHeaderTitleCell';\r\n\r\nconst QuantityTableHeaderTitleCell = ({ unit, ...rest }) => {\r\n const subTitle = unit ? `(${unit})` : undefined;\r\n\r\n return ;\r\n};\r\n\r\nexport default QuantityTableHeaderTitleCell;\r\n","import { withStyles } from '@material-ui/core';\r\nimport { TableCell } from 'altus-ui-components';\r\n\r\nconst SimulationResultsTableCell = ({ classes, ...rest }) => (\r\n \r\n);\r\n\r\nconst styles = () => ({\r\n cell: {\r\n textAlign: 'center',\r\n },\r\n});\r\n\r\nexport default withStyles(styles)(SimulationResultsTableCell);\r\n","import { withStyles } from '@material-ui/core';\r\nimport { TableHeaderCell } from 'altus-ui-components';\r\n\r\nconst SimulationResultsTableHeaderCell = ({ classes, ...rest }) => (\r\n \r\n);\r\n\r\nconst styles = () => ({\r\n cell: {\r\n justifyContent: 'center',\r\n },\r\n});\r\n\r\nexport default withStyles(styles)(SimulationResultsTableHeaderCell);\r\n","import { memo } from 'react';\r\nimport { compose } from 'redux';\r\nimport { Grid } from '@material-ui/core';\r\n\r\nimport withStyles from '@material-ui/styles/withStyles';\r\n\r\nimport { TableHeaderRow } from 'altus-ui-components';\r\nimport SimulationResultsTableHeaderCell from 'features/projects/tasks/task/simulation/components/SimulationResultsTableHeaderCell';\r\n\r\nconst SimulationResultsTableHeader = ({ classes, headerGroups }) => (\r\n \r\n {headerGroups.map((headerGroup) => {\r\n const { headers, getHeaderGroupProps } = headerGroup;\r\n\r\n return (\r\n \r\n );\r\n })}\r\n \r\n);\r\n\r\nconst styles = (theme) => ({\r\n headersContainer: {\r\n top: 0,\r\n zIndex: 2,\r\n position: 'sticky',\r\n marginBottom: theme.spacing(0.5),\r\n borderBottom: `2px solid ${theme.palette.table.row.hover}`,\r\n },\r\n headerRow: {\r\n border: 'none',\r\n margin: 0,\r\n },\r\n});\r\n\r\nexport default compose(memo, withStyles(styles))(SimulationResultsTableHeader);\r\n","import { compose } from 'redux';\r\nimport PropTypes from 'prop-types';\r\nimport { useMemo, memo } from 'react';\r\nimport { Collection } from 'immutable';\r\n\r\nimport { Table } from 'altus-ui-components';\r\n\r\nimport { EMPTY_MAP } from 'app/app.constants';\r\nimport { formatValue } from 'utils/format.util';\r\nimport { getQuantityUnitFromItems } from 'utils/app.util';\r\nimport TableHeaderTitleCell from 'app/components/TableHeaderTitleCell';\r\nimport QuantityTableHeaderTitleCell from 'app/components/QuantityTableHeaderTitleCell';\r\nimport SimulationResultsTableCell from 'features/projects/tasks/task/simulation/components/SimulationResultsTableCell';\r\nimport SimulationResultsTableHeader from 'features/projects/tasks/task/simulation/components/SimulationResultsTableHeader';\r\n\r\nconst SimulationResultsTable = ({ simulationResults = EMPTY_MAP }) => {\r\n const depthUnit = getQuantityUnitFromItems(simulationResults, (result) =>\r\n result.get('measuredDepth'),\r\n );\r\n\r\n const forceUnit = getQuantityUnitFromItems(simulationResults, (result) =>\r\n result.getIn(['runInHole', 'surfaceTension']),\r\n );\r\n\r\n const columns = useMemo(\r\n () => [\r\n {\r\n xs: 4,\r\n Header: '',\r\n id: 'column1',\r\n columns: [\r\n {\r\n xs: 2,\r\n id: 'measuredDepth',\r\n Header: () => (\r\n \r\n ),\r\n accessor: (simulationResult) =>\r\n formatValue(simulationResult.getIn(['measuredDepth', 'value'])),\r\n },\r\n {\r\n xs: 2,\r\n id: 'runInHole.tractorForce',\r\n Header: () => (\r\n \r\n ),\r\n accessor: (simulationResult) =>\r\n formatValue(\r\n simulationResult.getIn(['runInHole', 'tractorForce', 'value']),\r\n ),\r\n },\r\n ],\r\n },\r\n {\r\n xs: 4,\r\n id: 'surfaceTension',\r\n Header: () => ,\r\n columns: [\r\n {\r\n xs: 2,\r\n id: 'runInHole.surfaceTension',\r\n Header: () => (\r\n \r\n ),\r\n accessor: (simulationResult) =>\r\n formatValue(\r\n simulationResult.getIn([\r\n 'runInHole',\r\n 'surfaceTension',\r\n 'value',\r\n ]),\r\n ),\r\n },\r\n {\r\n xs: 2,\r\n id: 'pullOutOfHole.surfaceTension',\r\n Header: () => (\r\n \r\n ),\r\n accessor: (simulationResult) =>\r\n formatValue(\r\n simulationResult.getIn([\r\n 'pullOutOfHole',\r\n 'surfaceTension',\r\n 'value',\r\n ]),\r\n ),\r\n },\r\n ],\r\n },\r\n {\r\n xs: 4,\r\n id: 'column3',\r\n Header: () => ,\r\n columns: [\r\n {\r\n xs: 2,\r\n id: 'runInHole.cableHeadTension',\r\n Header: () => (\r\n \r\n ),\r\n accessor: (simulationResult) =>\r\n formatValue(\r\n simulationResult.getIn([\r\n 'runInHole',\r\n 'cableHeadTension',\r\n 'value',\r\n ]),\r\n ),\r\n },\r\n {\r\n xs: 2,\r\n id: 'pullOutOfHole.cableHeadTension',\r\n Header: () => (\r\n \r\n ),\r\n accessor: (simulationResult) =>\r\n formatValue(\r\n simulationResult.getIn([\r\n 'pullOutOfHole',\r\n 'cableHeadTension',\r\n 'value',\r\n ]),\r\n ),\r\n },\r\n ],\r\n },\r\n {\r\n xs: 2,\r\n Header: '',\r\n id: 'column4',\r\n columns: [\r\n {\r\n xs: 2,\r\n id: 'pullOutOfHole.maxPickupWeight',\r\n Header: () => (\r\n \r\n ),\r\n accessor: (simulationResult) =>\r\n formatValue(\r\n simulationResult.getIn([\r\n 'pullOutOfHole',\r\n 'maxPickupWeight',\r\n 'value',\r\n ]),\r\n ),\r\n },\r\n ],\r\n },\r\n ],\r\n [depthUnit, forceUnit],\r\n );\r\n\r\n return (\r\n \r\n );\r\n};\r\n\r\nSimulationResultsTable.propTypes = {\r\n simulationResults: PropTypes.instanceOf(Collection),\r\n};\r\n\r\nexport default compose(memo)(SimulationResultsTable);\r\n","import { compose } from 'redux';\r\nimport classNames from 'classnames';\r\nimport { useSelector } from 'react-redux';\r\nimport { Link, generatePath } from 'react-router-dom';\r\nimport { memo, useState, useRef } from 'react';\r\nimport withStyles from '@material-ui/styles/withStyles';\r\nimport { Fullscreen, FullscreenExit } from '@material-ui/icons';\r\nimport { Grid, Typography, IconButton } from '@material-ui/core';\r\n\r\nimport { useFullscreen } from 'altus-hooks';\r\nimport { Tab, Tabs } from 'altus-ui-components';\r\n\r\nimport { EMPTY_MAP } from 'app/app.constants';\r\nimport { simulationDashboardRoutes } from 'app/routes';\r\nimport DashboardIcon from 'app/components/Icons/DashboardIcon';\r\nimport ProjectRoutesContainer from 'app/components/ProjectRoutesContainer';\r\nimport SimulationResultsChart from 'features/projects/tasks/task/simulation/components/SimulationResultsChart';\r\nimport SimulationResultsTable from 'features/projects/tasks/task/simulation/components/SimulationResultsTable';\r\nimport {\r\n SimulationCharts,\r\n SimulationDirection,\r\n} from 'features/projects/tasks/task/simulation/simulation.constants';\r\nimport { createSimulationResultsByDepthAndDirectionSelector } from 'features/projects/tasks/task/simulation/simulation.selectors';\r\n\r\nconst tabs = SimulationCharts.map(({ title, ...rest }) => ({\r\n title,\r\n label: title,\r\n ...rest,\r\n}));\r\n\r\nconst SimulationResultsContainer = ({\r\n taskId,\r\n classes,\r\n projectId,\r\n simulation,\r\n simulationId,\r\n}) => {\r\n const fullScreenRef = useRef(null);\r\n const [activeTab, setActiveTab] = useState(tabs[0]);\r\n const [isFullscreen, toggleFullscreen] = useFullscreen(fullScreenRef);\r\n // table tabs\r\n const [activeTableTab, setActiveTableTab] = useState(\r\n SimulationDirection.RUN_IN_HOLE,\r\n );\r\n\r\n // for regular simulations without Set/Retreive\r\n const simulationResultsByDepth =\r\n useSelector(\r\n createSimulationResultsByDepthAndDirectionSelector(simulationId),\r\n ) ?? EMPTY_MAP;\r\n\r\n // for simulations with Set/Retreive\r\n const simulationResultsByDepthRih =\r\n useSelector(\r\n createSimulationResultsByDepthAndDirectionSelector(\r\n simulationId,\r\n SimulationDirection.RUN_IN_HOLE,\r\n ),\r\n ) ?? EMPTY_MAP;\r\n const simulationResultsByDepthPooh =\r\n useSelector(\r\n createSimulationResultsByDepthAndDirectionSelector(\r\n simulationId,\r\n SimulationDirection.PULL_OUT_OF_HOLE,\r\n ),\r\n ) ?? EMPTY_MAP;\r\n\r\n if (\r\n !simulationResultsByDepth.size &&\r\n !simulationResultsByDepthRih.size &&\r\n !simulationResultsByDepthPooh.size\r\n ) {\r\n return (\r\n \r\n \r\n Click Simulate Run to display the results...\r\n \r\n \r\n );\r\n }\r\n\r\n const workingLimitSafetyFactor = simulation?.get('workingLimitSafetyFactor');\r\n\r\n const activeTableTabHandler = (activeTableTab) => {\r\n switch (activeTableTab) {\r\n default:\r\n return null;\r\n case SimulationDirection.RUN_IN_HOLE:\r\n return (\r\n \r\n );\r\n case SimulationDirection.PULL_OUT_OF_HOLE:\r\n return (\r\n \r\n );\r\n }\r\n };\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n setActiveTab(tab)}\r\n >\r\n {tabs.map((tab, index) => (\r\n \r\n ))}\r\n \r\n \r\n \r\n \r\n \r\n {isFullscreen ? : }\r\n \r\n \r\n \r\n validRoutes.map((route) => (\r\n \r\n \r\n \r\n \r\n \r\n ))\r\n }\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {/* Multiple result set */}\r\n {simulationResultsByDepthRih !== EMPTY_MAP &&\r\n simulationResultsByDepthPooh !== EMPTY_MAP &&\r\n simulationResultsByDepth === EMPTY_MAP && (\r\n \r\n setActiveTableTab(tab)}\r\n >\r\n \r\n \r\n \r\n {activeTableTabHandler(activeTableTab)}\r\n \r\n )}\r\n\r\n {/* Single result set */}\r\n {simulationResultsByDepthRih === EMPTY_MAP &&\r\n simulationResultsByDepthPooh === EMPTY_MAP &&\r\n simulationResultsByDepth !== EMPTY_MAP && (\r\n \r\n )}\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nconst styles = (theme) => ({\r\n noResultsMessage: {\r\n color: theme.palette.text.hint,\r\n },\r\n chart: {\r\n overflow: 'hidden',\r\n '& > div': {\r\n width: '100%',\r\n overflow: 'hidden',\r\n },\r\n },\r\n chartFullscreen: {\r\n '& > div': {\r\n height: '100%',\r\n },\r\n },\r\n chartRegular: {\r\n '& > div': {\r\n height: 750,\r\n },\r\n },\r\n});\r\n\r\nexport default compose(memo, withStyles(styles))(SimulationResultsContainer);\r\n","import { compose } from 'redux';\r\nimport PropTypes from 'prop-types';\r\nimport { Collection } from 'immutable';\r\nimport { MenuItem } from '@material-ui/core';\r\n\r\nimport { EMPTY_LIST } from 'app/app.constants';\r\nimport ReadOnlyField from 'app/components/ReadOnlyField';\r\nimport TextFieldV2 from 'app/components/form/TextFieldV2';\r\n\r\nconst TaskSimulationToolstringSelect = ({\r\n disabled,\r\n onToolstringChange,\r\n selectedToolstringId,\r\n toolstrings = EMPTY_LIST,\r\n}) => {\r\n if (disabled) {\r\n return (\r\n x.get('id') === selectedToolstringId)\r\n ?.get('name') || 'No BHA selected'\r\n }\r\n />\r\n );\r\n }\r\n\r\n return (\r\n \r\n {toolstrings.map((toolstring) => (\r\n \r\n ))}\r\n \r\n );\r\n};\r\n\r\nTaskSimulationToolstringSelect.propTypes = {\r\n disabled: PropTypes.bool,\r\n onToolstringChange: PropTypes.func.isRequired,\r\n toolstrings: PropTypes.instanceOf(Collection),\r\n selectedToolstringId: PropTypes.oneOfType([\r\n PropTypes.string,\r\n PropTypes.number,\r\n ]),\r\n};\r\n\r\nexport default compose()(TaskSimulationToolstringSelect);\r\n","import {\r\n Grid,\r\n List,\r\n ListItem,\r\n Checkbox,\r\n ListItemText,\r\n ListItemIcon,\r\n} from '@material-ui/core';\r\n\r\nlet isPageLoaded = false;\r\n\r\nconst SimulationExportModalChartSelect = ({\r\n isChartSelected,\r\n availableCharts,\r\n onToggleChartSelect,\r\n unCheckItems,\r\n}) => {\r\n\r\n return (\r\n \r\n {availableCharts.map((chart) => {\r\n let check = isChartSelected(chart);\r\n\r\n if (!isPageLoaded && unCheckItems.includes(chart.chartType)) {\r\n isPageLoaded = true;\r\n check = false;\r\n }\r\n\r\n return (\r\n onToggleChartSelect(chart)}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n )\r\n })}\r\n \r\n )\r\n};\r\n\r\nexport default SimulationExportModalChartSelect;\r\n","import { compose } from 'redux';\r\nimport { useMemo, useState } from 'react';\r\nimport withStyles from '@material-ui/styles/withStyles';\r\nimport ExportPdfIcon from '@material-ui/icons/PictureAsPdf';\r\n\r\nimport {\r\n Box,\r\n Button,\r\n Card,\r\n CardContent,\r\n Dialog,\r\n DialogContent,\r\n Grid,\r\n Typography,\r\n ListItem,\r\n Checkbox,\r\n ListItemText,\r\n ListItemIcon,\r\n} from '@material-ui/core';\r\n\r\nimport { ModalActions } from 'altus-ui-components';\r\nimport { useMultiselect } from 'altus-hooks';\r\n\r\nimport { UnitSystem } from 'app/app.constants';\r\nimport SimulationExportModalChartSelect from 'features/projects/tasks/task/simulation/components/SimulationExportModalChartSelect';\r\nimport { SimulationChartsType } from 'features/projects/tasks/task/simulation/simulation.constants';\r\n\r\nconst SimulationExportModal = ({\r\n open,\r\n onClose,\r\n classes,\r\n onExport,\r\n availableCharts,\r\n}) => {\r\n const unCheckItems = [SimulationChartsType.OVERVIEW];\r\n const [collapseAssemblies, setCollapseAssemblies] = useState(false);\r\n const toggleCollapseAssemblies = () => {\r\n setCollapseAssemblies(!collapseAssemblies);\r\n };\r\n const availableChartsSorted = useMemo(() => {\r\n return availableCharts\r\n ? availableCharts.sort((A, B) => A.chartType - B.chartType)\r\n : availableCharts;\r\n }, [availableCharts]);\r\n\r\n const {\r\n selectedItems: selectedCharts,\r\n isSelected: isChartSelected,\r\n toggleSelect: onToggleChartSelect,\r\n } = useMultiselect(availableChartsSorted);\r\n\r\n return (\r\n \r\n \r\n \r\n Export Simulation\r\n \r\n \r\n \r\n \r\n \r\n Include Details\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Toolstring Details\r\n \r\n \r\n toggleCollapseAssemblies()}>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n onExport({\r\n details: selectedCharts,\r\n unitSystem: UnitSystem.METRIC,\r\n collapseAssemblies,\r\n })\r\n }\r\n disabled={!selectedCharts.size}\r\n >\r\n Export\r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nconst styles = (theme) => ({\r\n root: {\r\n height: '65vh',\r\n },\r\n content: {\r\n padding: `0px ${theme.spacing(3)}px`,\r\n },\r\n header: {\r\n padding: theme.spacing(3),\r\n },\r\n actions: {\r\n paddingTop: theme.spacing(2),\r\n },\r\n card: {\r\n marginTop: theme.spacing(2),\r\n },\r\n title: {\r\n fontWeight: 'bold',\r\n },\r\n});\r\n\r\nexport default compose(withStyles(styles))(SimulationExportModal);\r\n","import { compose } from 'redux';\r\nimport { Set } from 'immutable';\r\nimport { useCallback } from 'react';\r\nimport { connect } from 'react-redux';\r\n\r\nimport { useRequest } from 'altus-hooks';\r\nimport { LoadingOverlay } from 'altus-ui-components';\r\n\r\nimport reportsService from 'services/reports.service';\r\nimport { downloadSimulationPdfReport } from 'features/projects/tasks/task/simulation/simulation.actions';\r\nimport SimulationExportModal from 'features/projects/tasks/task/simulation/components/SimulationExportModal';\r\n\r\nconst SimulationExportModalContainer = ({\r\n open,\r\n taskId,\r\n projectId,\r\n toggleModal,\r\n simulationId,\r\n dispatchDownloadSimulationPdfReport,\r\n}) => {\r\n const getAvailableCharts = useCallback(\r\n () =>\r\n reportsService.getSimulationReportAvailableCharts(projectId).then(Set),\r\n [projectId],\r\n );\r\n\r\n const [availableCharts, dataState] = useRequest(getAvailableCharts);\r\n\r\n const onExportSimulation = useCallback(\r\n (exportSelection) => {\r\n dispatchDownloadSimulationPdfReport(\r\n taskId,\r\n projectId,\r\n simulationId,\r\n exportSelection.details.map((chart) => chart.chartType).toArray(),\r\n exportSelection.collapseAssemblies,\r\n );\r\n toggleModal();\r\n },\r\n [\r\n taskId,\r\n projectId,\r\n toggleModal,\r\n simulationId,\r\n dispatchDownloadSimulationPdfReport,\r\n ],\r\n );\r\n\r\n if (dataState.isLoading()) {\r\n return ;\r\n }\r\n\r\n return (\r\n \r\n );\r\n};\r\n\r\nexport default compose(\r\n connect(null, {\r\n dispatchDownloadSimulationPdfReport: downloadSimulationPdfReport,\r\n }),\r\n)(SimulationExportModalContainer);\r\n","import isNil from 'lodash/isNil';\r\nimport convert from 'convert-units';\r\nimport findKey from 'lodash/findKey';\r\n\r\nimport {\r\n UNITS,\r\n CUSTOM_UNITS,\r\n METERS_PER_FEET,\r\n CONVERT_ALIASES,\r\n CONVERT_SYSTEMS,\r\n UNITS_BY_CATEGORY,\r\n CUSTOM_UNIT_SYSTEM,\r\n} from 'app/app.constants';\r\n\r\nconst CUSTOM_UNIT_CONVERSION = {\r\n [UNITS.M_MIN]: {\r\n [CONVERT_SYSTEMS.IMPERIAL]: {\r\n [UNITS.FT_MIN]: (meters) => meters / METERS_PER_FEET,\r\n },\r\n },\r\n [UNITS.FT_MIN]: {\r\n [CONVERT_SYSTEMS.METRIC]: {\r\n [UNITS.M_MIN]: (feet) => feet * METERS_PER_FEET,\r\n },\r\n },\r\n};\r\n\r\nconst getSystemByMeasure = (measure, settings, system) => {\r\n return system === CUSTOM_UNIT_SYSTEM ? settings[measure] : system;\r\n};\r\n\r\nexport const getConversion = (from, system, settings) => {\r\n const defaultConversion = [from, (value) => value];\r\n\r\n try {\r\n const { measure } = CUSTOM_UNITS[from];\r\n const toSystem = getSystemByMeasure(measure, settings, system);\r\n const conversions = CUSTOM_UNIT_CONVERSION[from][toSystem];\r\n\r\n return conversions ? Object.entries(conversions)[0] : defaultConversion;\r\n } catch (e) {\r\n return defaultConversion;\r\n }\r\n};\r\n\r\nexport const getCorrectedUnit = (unit) =>\r\n findKey(CONVERT_ALIASES, (aliases) => aliases.includes(unit)) || unit;\r\n\r\nexport const getUnitAlias = (unit) =>\r\n CONVERT_ALIASES[unit] ? CONVERT_ALIASES[unit][0] : unit;\r\n\r\nexport const convertUnit = ({ settings, value, from, to, system }) => {\r\n if ([value, from].some((param) => isNil(param))) {\r\n return [value, from];\r\n }\r\n\r\n let convertFrom = from;\r\n let toSystem = system;\r\n\r\n try {\r\n convertFrom = getCorrectedUnit(convertFrom);\r\n\r\n const { measure } = convert().describe(convertFrom);\r\n\r\n toSystem = getSystemByMeasure(measure, settings, system);\r\n\r\n const convertTo = to || UNITS_BY_CATEGORY[measure][toSystem];\r\n\r\n const convertedValue = convertTo\r\n ? convert(value).from(convertFrom).to(convertTo)\r\n : value;\r\n\r\n const convertedUnit = getUnitAlias(convertTo);\r\n\r\n return [convertedValue, convertedUnit];\r\n } catch (e) {\r\n const [conversionUnit, conversionFunc] = getConversion(\r\n convertFrom,\r\n system,\r\n settings,\r\n );\r\n\r\n return conversionFunc\r\n ? [conversionFunc(value), conversionUnit]\r\n : [value, from];\r\n }\r\n};\r\n","import isNil from 'lodash/isNil';\r\nimport PropTypes from 'prop-types';\r\nimport { connect } from 'react-redux';\r\nimport { createElement } from 'react';\r\nimport { Typography } from '@material-ui/core';\r\nimport toJSComponent from 'with-immutable-props-to-js';\r\n\r\nimport { renderContent } from 'utils/app.util';\r\nimport { formatValue } from 'utils/format.util';\r\nimport { convertUnit } from 'utils/conversion.util';\r\nimport { getCurrentUserFromState } from 'app/app.selectors';\r\nimport { USE_PROJECT_DEFAULT_UNIT_SYSTEM } from 'app/app.constants';\r\nimport { getCurrentProject } from 'features/projects/projects.selectors';\r\n\r\nconst MetricImperial = ({\r\n to,\r\n from,\r\n value,\r\n dispatch,\r\n formatFn,\r\n component,\r\n renderValue,\r\n defaultValue,\r\n userMeasurementSystem,\r\n projectMeasurementSystem,\r\n userMeasurementPreferences,\r\n projectMeasurementPreferences,\r\n ...rest\r\n}) => {\r\n if ([value, from].some((param) => isNil(param))) {\r\n return defaultValue ? createElement(component, rest, defaultValue) : null;\r\n }\r\n\r\n const system =\r\n userMeasurementSystem === USE_PROJECT_DEFAULT_UNIT_SYSTEM\r\n ? projectMeasurementSystem\r\n : userMeasurementSystem;\r\n\r\n const settings =\r\n userMeasurementSystem === USE_PROJECT_DEFAULT_UNIT_SYSTEM\r\n ? projectMeasurementPreferences\r\n : userMeasurementPreferences;\r\n\r\n const [result_value, result_unit] = convertUnit({\r\n settings,\r\n system,\r\n value,\r\n from,\r\n to,\r\n });\r\n\r\n return renderValue\r\n ? renderContent(renderValue, {\r\n convertedValue: result_value,\r\n convertedUnit: result_unit,\r\n })\r\n : createElement(component, rest, formatFn(result_value, result_unit));\r\n};\r\n\r\nMetricImperial.defaultProps = {\r\n component: Typography,\r\n formatFn: (...params) => formatValue(...params, 0.001),\r\n};\r\n\r\nMetricImperial.propTypes = {\r\n value: PropTypes.number,\r\n from: PropTypes.string.isRequired,\r\n};\r\n\r\nexport default connect((state) => ({\r\n projectMeasurementPreferences: getCurrentProject(state).get('units'),\r\n projectMeasurementSystem: getCurrentProject(state).get('unit'),\r\n userMeasurementPreferences: getCurrentUserFromState(state).get('units'),\r\n userMeasurementSystem: getCurrentUserFromState(state).get('unit'),\r\n}))(toJSComponent(MetricImperial));\r\n","import { Grid, Typography } from '@material-ui/core';\r\n\r\nimport { UNITS } from 'app/app.constants';\r\nimport MetricImperial from 'app/components/MetricImperial';\r\n\r\nexport const ToolDetails = ({ tool }) => (\r\n \r\n \r\n \r\n \r\n {tool.name}\r\n \r\n \r\n \r\n \r\n Length:\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n Weight:\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n Outer diameter:\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n Type:\r\n \r\n \r\n {tool.toolGroupName}\r\n \r\n \r\n \r\n \r\n \r\n \r\n);\r\n\r\nexport default ToolDetails;\r\n","import PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\nimport loadImage from 'blueimp-load-image';\r\nimport withStyles from '@material-ui/styles/withStyles';\r\nimport { useCallback, useEffect, useState } from 'react';\r\n\r\nimport { Image } from 'app/components/withTooltip';\r\nimport { PUBLIC_ASSETS_URL } from 'app/app.constants';\r\nimport { ExifOrientation } from 'features/projects/tool/tool.constants';\r\n\r\nconst ToolImageContainer = ({\r\n style,\r\n title,\r\n classes,\r\n toolName,\r\n className,\r\n ImageProps,\r\n highlighted,\r\n orientation,\r\n toolImageUrl,\r\n TooltipProps,\r\n onHoverScale,\r\n onHoverDarken,\r\n assembly = false,\r\n}) => {\r\n const defaultImage = `${PUBLIC_ASSETS_URL}/images/tools/placeholder${\r\n orientation ?? ''\r\n }.png`;\r\n\r\n const [image, setImage] = useState(defaultImage);\r\n\r\n const setDefaultImage = useCallback(\r\n () => setImage(defaultImage),\r\n [defaultImage],\r\n );\r\n\r\n useEffect(() => {\r\n let isSubscribed = true;\r\n if (toolImageUrl) {\r\n loadImage(toolImageUrl, {\r\n orientation,\r\n crossOrigin: true,\r\n })\r\n .then((response) => {\r\n if (isSubscribed) {\r\n try {\r\n if (orientation) {\r\n response.image.toBlob((blob) => {\r\n if (blob) {\r\n var imageUrl;\r\n try {\r\n imageUrl = URL.createObjectURL(blob);\r\n } catch {\r\n setDefaultImage();\r\n }\r\n if (isSubscribed) {\r\n setImage(imageUrl);\r\n }\r\n } else {\r\n setDefaultImage();\r\n }\r\n });\r\n } else {\r\n setImage(toolImageUrl);\r\n }\r\n } catch {\r\n setDefaultImage();\r\n }\r\n }\r\n })\r\n .catch(() => {\r\n isSubscribed && setDefaultImage();\r\n });\r\n }\r\n return () => (isSubscribed = false);\r\n }, [orientation, setDefaultImage, toolImageUrl]);\r\n\r\n return (\r\n \r\n );\r\n};\r\n\r\nconst styles = (theme) => ({\r\n root: {},\r\n onHighlight: {\r\n filter: 'brightness(120%)',\r\n transform: 'scale(2.0)',\r\n transition: 'transform .3s',\r\n },\r\n onHighlightAssembly: {\r\n filter: 'brightness(120%)',\r\n transition: 'transform .3s',\r\n },\r\n onHoverScale: {\r\n '&:hover': {\r\n filter: 'brightness(120%)',\r\n transform: 'scale(2.0)',\r\n transition: 'transform .3s',\r\n },\r\n },\r\n onHoverDarken: {\r\n '&:hover': {\r\n opacity: theme.palette.action.hoverOpacity,\r\n },\r\n },\r\n});\r\n\r\nToolImageContainer.propTypes = {\r\n title: PropTypes.node,\r\n toolName: PropTypes.string,\r\n highlighted: PropTypes.bool,\r\n onHoverScale: PropTypes.bool,\r\n onHoverDarken: PropTypes.bool,\r\n toolImageUrl: PropTypes.string,\r\n orientation: PropTypes.oneOf(Object.values(ExifOrientation)),\r\n};\r\n\r\nexport default withStyles(styles)(ToolImageContainer);\r\n","import { Grid } from '@material-ui/core';\r\nimport WarningIcon from '@material-ui/icons/Warning';\r\n\r\nimport { Typography } from 'app/components/withNavigation';\r\n\r\nconst ToolstringPreviewEmpty = () => (\r\n \r\n \r\n \r\n \r\n \r\n \r\n No tools added yet\r\n \r\n \r\n \r\n);\r\n\r\nexport default ToolstringPreviewEmpty;\r\n","import PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\nimport withStyles from '@material-ui/styles/withStyles';\r\n\r\nimport { Grid, Typography } from 'app/components/withNavigation';\r\n\r\n/**\r\n * Thumb icon to be used in the MUI Switch component for the Toolstring breakpoints.\r\n * Same as default thumb icon (taken from source code), but with the 'BR' text in it.\r\n * Ref.: https://github.com/mui-org/material-ui/blob/master/packages/material-ui/src/Switch/Switch.js\r\n */\r\nconst BreakpointThumbIcon = ({ classes, darkText, color }) => (\r\n \r\n \r\n BR\r\n \r\n \r\n);\r\n\r\nconst styles = (theme) => ({\r\n root: {\r\n borderRadius: '50%',\r\n width: theme.spacing(2),\r\n height: theme.spacing(2),\r\n boxShadow: theme.shadows[1],\r\n backgroundColor: 'currentColor',\r\n },\r\n rootPrimary: {\r\n backgroundColor: theme.palette.primary.dark,\r\n },\r\n thumbText: {\r\n fontSize: theme.spacing(1),\r\n },\r\n thumbTextDark: {\r\n color: theme.palette.secondary.dark,\r\n },\r\n});\r\n\r\nBreakpointThumbIcon.defaultProps = {\r\n color: 'default',\r\n};\r\n\r\nBreakpointThumbIcon.propTypes = {\r\n darkText: PropTypes.bool,\r\n color: PropTypes.oneOf(['default', 'primary']),\r\n};\r\n\r\nexport default withStyles(styles)(BreakpointThumbIcon);\r\n","import { memo } from 'react';\r\nimport { compose } from 'redux';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\nimport { Grid, Switch } from '@material-ui/core';\r\nimport withStyles from '@material-ui/styles/withStyles';\r\n\r\nimport BreakpointThumbIcon from 'features/projects/tasks/task/toolstring/components/BreakpointThumbIcon';\r\n\r\nconst ToolstringPreviewBreakpoint = ({\r\n classes,\r\n toggleable,\r\n hasBreakpoint,\r\n onToggleBreakpoint,\r\n}) => (\r\n \r\n \r\n {!toggleable && hasBreakpoint && }\r\n {toggleable && (\r\n }\r\n icon={}\r\n />\r\n )}\r\n \r\n \r\n);\r\n\r\nconst styles = (theme) => ({\r\n breakpointAnchor: {\r\n position: 'relative',\r\n },\r\n breakpoint: {\r\n zIndex: 5,\r\n left: '60%',\r\n position: 'absolute',\r\n padding: theme.spacing(1),\r\n transform: 'translateY(-50%)',\r\n },\r\n toggleable: {\r\n '&:hover': {\r\n cursor: 'pointer',\r\n },\r\n },\r\n});\r\n\r\nToolstringPreviewBreakpoint.propTypes = {\r\n hasBreakpoint: PropTypes.bool,\r\n onToggleBreakpoint: PropTypes.func,\r\n};\r\n\r\nexport default compose(memo, withStyles(styles))(ToolstringPreviewBreakpoint);\r\n","import { createContext, useState, useContext, useCallback } from 'react';\r\n\r\n// Components outside the provider will get [] when using the context.\r\nconst ToolstringItemHighlightContext = createContext([]);\r\n\r\nexport const useHighlightedToolstringItem = () => {\r\n const [highlightedItemId, setHighlightedItemId] = useContext(\r\n ToolstringItemHighlightContext,\r\n );\r\n\r\n const isItemHighlighted = useCallback(\r\n (itemId) => highlightedItemId === itemId,\r\n [highlightedItemId],\r\n );\r\n\r\n return {\r\n isItemHighlighted,\r\n highlightedItemId,\r\n setHighlightedItemId,\r\n };\r\n};\r\n\r\nconst ToolstringItemHighlightProvider = ({ children }) => {\r\n const highlightedItemState = useState();\r\n\r\n return (\r\n \r\n {children}\r\n \r\n );\r\n};\r\n\r\nexport default ToolstringItemHighlightProvider;\r\n","import { compose } from 'redux';\r\nimport PropTypes from 'prop-types';\r\nimport { Iterable } from 'immutable';\r\nimport { memo, Fragment } from 'react';\r\nimport { Grid } from '@material-ui/core';\r\nimport withStyles from '@material-ui/styles/withStyles';\r\n\r\nimport { EMPTY_LIST } from 'app/app.constants';\r\nimport { invokeIfFunction } from 'utils/app.util';\r\nimport ToolDetails from 'features/projects/tool/components/ToolDetails';\r\nimport ToolImageContainer from 'features/projects/tool/components/ToolImageContainer';\r\nimport ToolstringPreviewEmpty from 'features/projects/tasks/task/toolstring/components/ToolstringPreviewEmpty';\r\nimport ToolstringPreviewBreakpoint from 'features/projects/tasks/task/toolstring/components/ToolstringPreviewBreakpoint';\r\nimport { useHighlightedToolstringItem } from 'features/projects/tasks/task/toolstring/components/ToolstringItemHighlightProvider';\r\n\r\nconst ToolstringPreviewImages = ({\r\n classes,\r\n toolstringItems = EMPTY_LIST,\r\n hideToolDetails,\r\n hideBreakpoints,\r\n onToggleBreakpoint,\r\n}) => {\r\n const { isItemHighlighted, setHighlightedItemId } =\r\n useHighlightedToolstringItem();\r\n\r\n if (!toolstringItems.size) {\r\n return ;\r\n }\r\n\r\n const toggleableBreakpoints = !!onToggleBreakpoint;\r\n\r\n return (\r\n \r\n {toolstringItems.valueSeq().map((toolstringTool, index) => {\r\n const isLastTool = index === toolstringItems.size - 1;\r\n const showBreakpoint = !isLastTool && !hideBreakpoints;\r\n const tooltip = ;\r\n const hasBreakpoint = toolstringTool.get('hasEndBreakpoint');\r\n const toolstringItemId = toolstringTool.get('toolstringItemId');\r\n\r\n /* Put the mouse events in the grid so that the hoverable area is larger */\r\n if (\r\n toolstringTool.get('toolAssemblyTools') &&\r\n toolstringTool.get('toolAssemblyTools').size\r\n ) {\r\n const tools = toolstringTool.get('toolAssemblyTools');\r\n\r\n return tools.map((tool, toolIndex) => (\r\n \r\n \r\n invokeIfFunction(setHighlightedItemId, toolstringItemId)\r\n }\r\n onMouseLeave={() => invokeIfFunction(setHighlightedItemId)}\r\n >\r\n \r\n \r\n \r\n ));\r\n } else\r\n return (\r\n \r\n \r\n invokeIfFunction(setHighlightedItemId, toolstringItemId)\r\n }\r\n onMouseLeave={() => invokeIfFunction(setHighlightedItemId)}\r\n >\r\n \r\n \r\n {showBreakpoint && (\r\n onToggleBreakpoint(toolstringTool)}\r\n />\r\n )}\r\n \r\n );\r\n })}\r\n \r\n );\r\n};\r\n\r\nconst styles = () => ({\r\n root: {\r\n overflow: 'hidden',\r\n },\r\n image: {\r\n overflow: 'hidden',\r\n position: 'relative',\r\n },\r\n});\r\n\r\nToolstringPreviewImages.propTypes = {\r\n hideToolDetails: PropTypes.bool,\r\n hideBreakpoints: PropTypes.bool,\r\n onToggleBreakpoint: PropTypes.func,\r\n toolstringItems: PropTypes.instanceOf(Iterable),\r\n};\r\n\r\nexport default compose(memo, withStyles(styles))(ToolstringPreviewImages);\r\n","import { Grid, Typography } from '@material-ui/core';\r\n\r\nimport {\r\n formatToolstringTotalLength,\r\n formatToolstringTotalWeight,\r\n} from 'features/projects/tasks/task/toolstring/toolstring.util';\r\n\r\nimport { formatValue } from 'utils/format.util';\r\n\r\nconst ToolstringDataValue = ({ value, label, renderValue }) => (\r\n \r\n \r\n {`${label}: `}\r\n \r\n \r\n {!value && (\r\n \r\n N/A\r\n \r\n )}\r\n {!!value && {renderValue(value)}}\r\n \r\n \r\n);\r\n\r\nconst ToolstringPreviewDetails = ({ toolstring }) => {\r\n const dataValues = [\r\n {\r\n value: toolstring.get('totalLength'),\r\n label: 'Total length',\r\n renderValue: (value) => formatToolstringTotalLength(value),\r\n },\r\n {\r\n value: toolstring.get('totalWeight'),\r\n label: 'Total weight',\r\n renderValue: (value) => formatToolstringTotalWeight(value),\r\n },\r\n {\r\n value: toolstring.get('maxOD'),\r\n label: 'Max OD',\r\n renderValue: (value) => formatValue(value.value, value.unit),\r\n //TODO should be formatFaction for inches\r\n },\r\n {\r\n value: toolstring.get('totalVolume'),\r\n label: 'Disp. Vol.',\r\n renderValue: (value) => formatValue(value.value, value.unit),\r\n //TODO was Units.M_3, should be converted\r\n },\r\n ];\r\n\r\n return (\r\n \r\n {dataValues.map((dataValue, index) => (\r\n \r\n ))}\r\n \r\n );\r\n};\r\n\r\nexport default ToolstringPreviewDetails;\r\n","import { compose } from 'redux';\r\nimport PropTypes from 'prop-types';\r\nimport withStyles from '@material-ui/styles/withStyles';\r\nimport { Grid, CircularProgress } from '@material-ui/core';\r\n\r\nimport { ReceivedDataState, DataState } from 'altus-datastate';\r\n\r\nconst ToolstringPreviewContainer = ({\r\n classes,\r\n dataState,\r\n children,\r\n ...rest\r\n}) => {\r\n if (dataState.isLoading()) {\r\n return (\r\n \r\n \r\n \r\n );\r\n }\r\n\r\n return (\r\n \r\n {children}\r\n \r\n );\r\n};\r\n\r\nconst styles = (theme) => ({\r\n root: {\r\n height: '96%',\r\n paddingTop: (prop) => (prop.paddingTopPreview ? theme.spacing(2) : 0),\r\n },\r\n progress: {\r\n color: theme.palette.text.hint,\r\n },\r\n});\r\n\r\nToolstringPreviewContainer.defaultProps = {\r\n dataState: ReceivedDataState,\r\n};\r\n\r\nToolstringPreviewContainer.propTypes = {\r\n children: PropTypes.node,\r\n dataState: PropTypes.instanceOf(DataState),\r\n};\r\nexport default compose(withStyles(styles))(ToolstringPreviewContainer);\r\n","import { compose } from 'redux';\r\nimport EditIcon from '@material-ui/icons/Edit';\r\nimport { Grid, Tooltip } from '@material-ui/core';\r\nimport WarningIcon from '@material-ui/icons/Warning';\r\nimport withStyles from '@material-ui/styles/withStyles';\r\n\r\nimport { Fab } from 'app/components/withNavigation';\r\nimport { toTaskToolstringEdit } from 'utils/route.util';\r\nimport ToolstringPreviewImages from 'features/projects/tasks/task/toolstring/components/ToolstringPreviewImages';\r\nimport ToolstringPreviewDetails from 'features/projects/tasks/task/toolstring/components/ToolstringPreviewDetails';\r\nimport ToolstringPreviewContainer from 'features/projects/tasks/task/toolstring/components/ToolstringPreviewContainer';\r\n\r\nconst TaskSimulationToolstringPreview = ({\r\n taskId,\r\n classes,\r\n canEdit,\r\n projectId,\r\n dataState,\r\n toolstring,\r\n toolstringId,\r\n isDataVerified,\r\n toolstringTools: toolstringItems,\r\n paddingTopPreview,\r\n}) => (\r\n \r\n \r\n\r\n \r\n {!!canEdit && !!toolstringId && (\r\n \r\n \r\n \r\n )}\r\n {!isDataVerified && (\r\n \r\n \r\n \r\n )}\r\n \r\n\r\n \r\n \r\n);\r\n\r\nconst styles = (theme) => ({\r\n editIconAnchor: {\r\n position: 'relative',\r\n },\r\n editIcon: {\r\n right: 0,\r\n zIndex: 10,\r\n position: 'absolute',\r\n top: theme.spacing(1),\r\n },\r\n warningIcon: {\r\n left: 0,\r\n zIndex: 10,\r\n position: 'absolute',\r\n top: theme.spacing(1),\r\n color: theme.palette.warning.main,\r\n },\r\n});\r\n\r\nexport default compose(withStyles(styles))(TaskSimulationToolstringPreview);\r\n","import { compose } from 'redux';\r\nimport _isNil from 'lodash/isNil';\r\nimport { useEffect } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { Grid } from '@material-ui/core';\r\nimport withStyles from '@material-ui/styles/withStyles';\r\n\r\nimport {\r\n getToolstringFromState,\r\n getToolstringToolsFromState,\r\n} from 'features/projects/tasks/task/toolstring/toolstring.selectors';\r\n\r\nimport { EMPTY_MAP, ProjectPermission } from 'app/app.constants';\r\nimport { getSummarizedDataStateFromState } from 'app/app.selectors';\r\nimport HasProjectPermission from 'app/components/HasProjectPermission';\r\nimport { getToolstring } from 'features/projects/tasks/task/toolstring/toolstring.actions';\r\nimport { TOOLSTRING_ACTIONS } from 'features/projects/tasks/task/toolstring/toolstring.constants';\r\nimport TaskSimulationToolstringPreview from 'features/projects/tasks/task/simulation/components/TaskSimulationToolstringPreview';\r\n\r\nconst TaskSimulationToolstringContainer = ({\r\n taskId,\r\n classes,\r\n dataState,\r\n projectId,\r\n toolstringId,\r\n toolDataIsVerified,\r\n setToolDataIsVerified,\r\n dispatchGetToolstring,\r\n simulation = EMPTY_MAP,\r\n toolstring = EMPTY_MAP,\r\n toolstringTools = EMPTY_MAP,\r\n}) => {\r\n useEffect(() => {\r\n if (!toolstringId) return;\r\n dispatchGetToolstring(projectId, taskId, toolstringId);\r\n }, [projectId, taskId, toolstringId, dispatchGetToolstring]);\r\n\r\n useEffect(() => {\r\n const checkToolDataVerification = (tools) => {\r\n for (const tool of tools) {\r\n if (tool.toolAssemblyTools && tool.toolAssemblyTools.length > 0) {\r\n if (!checkToolDataVerification(tool.toolAssemblyTools)) {\r\n return false;\r\n }\r\n } else if (_isNil(tool.dataVerified)) {\r\n return false;\r\n }\r\n }\r\n return true;\r\n };\r\n\r\n const allToolsVerified = checkToolDataVerification(toolstringTools.toJS());\r\n setToolDataIsVerified(allToolsVerified);\r\n }, [toolstringTools, setToolDataIsVerified]);\r\n\r\n return (\r\n (\r\n \r\n \r\n \r\n )}\r\n />\r\n );\r\n};\r\n\r\nconst styles = (theme) => ({\r\n toolstringContainer: {\r\n height: `calc(100% - ${theme.spacing(15)}px)`,\r\n },\r\n});\r\n\r\nexport default compose(\r\n connect(\r\n (state, { toolstringId }) => ({\r\n dataState: getSummarizedDataStateFromState(\r\n state,\r\n TOOLSTRING_ACTIONS.GET_TOOLSTRING_FOR_TASK,\r\n ),\r\n toolstring: getToolstringFromState(state, toolstringId),\r\n toolstringTools: getToolstringToolsFromState(state, toolstringId),\r\n }),\r\n {\r\n dispatchGetToolstring: getToolstring,\r\n },\r\n ),\r\n\r\n withStyles(styles),\r\n)(TaskSimulationToolstringContainer);\r\n","import _isNil from 'lodash/isNil';\r\nimport { compose } from 'redux';\r\nimport { connect } from 'react-redux';\r\nimport DeleteIcon from '@material-ui/icons/Delete';\r\nimport { Grid, Divider, Box } from '@material-ui/core';\r\nimport withStyles from '@material-ui/styles/withStyles';\r\nimport DuplicateIcon from '@material-ui/icons/FileCopy';\r\nimport { useCallback, useEffect, useState } from 'react';\r\nimport ExportPdfIcon from '@material-ui/icons/PictureAsPdf';\r\n\r\nimport {\r\n BasePage,\r\n LoadingOverlay,\r\n NavTabsContainer,\r\n} from 'altus-ui-components';\r\n\r\nimport { useModal } from 'altus-modal';\r\nimport { NotRequestedDataState } from 'altus-datastate';\r\n\r\nimport {\r\n loadSimulation,\r\n requestDeleteSimulation,\r\n requestUpdateSimulation,\r\n requestDuplicateSimulation,\r\n requestToggleSimulationPlanned,\r\n requestToggleSimulationFavorite,\r\n} from 'features/projects/tasks/task/simulation/simulation.actions';\r\n\r\nimport {\r\n getTaskFromState,\r\n getTaskToolstringsFromState,\r\n} from 'features/projects/tasks/task/toolstring/toolstring.selectors';\r\n\r\nimport {\r\n ACTIONS,\r\n SimulationState,\r\n MODAL as SIMULATION_MODAL,\r\n} from 'features/projects/tasks/task/simulation/simulation.constants';\r\n\r\nimport {\r\n getActionDataStateFromState,\r\n getSummarizedDataStateFromState,\r\n} from 'app/app.selectors';\r\n\r\nimport { EMPTY_MAP, EMPTY_LIST } from 'app/app.constants';\r\nimport { getCurrentProject } from 'features/projects/projects.selectors';\r\nimport ProjectRoutesContainer from 'app/components/ProjectRoutesContainer';\r\nimport { MODAL as CABLE_MODAL } from 'features/projects/tool/tool.constants';\r\nimport SimulationHeader from 'features/projects/tasks/task/simulation/components/SimulationHeader';\r\nimport CablePickerModalContainer from 'features/projects/tool/components/CablePickerModalContainer';\r\nimport { getSimulationFromState } from 'features/projects/tasks/task/simulation/simulation.selectors';\r\nimport RunSimulationProgressBar from 'features/projects/tasks/task/simulation/components/SimulationLinearProgress';\r\nimport SimulationProjectInformation from 'features/projects/tasks/task/simulation/components/TaskSimulationDetails';\r\nimport TaskSimulationCableSelect from 'features/projects/tasks/task/simulation/components/TaskSimulationCableSelect';\r\nimport SimulationResultsContainer from 'features/projects/tasks/task/simulation/components/SimulationResultsContainer';\r\nimport TaskSimulationToolstringSelect from 'features/projects/tasks/task/simulation/components/TaskSimulationToolstringSelect';\r\nimport SimulationExportModalContainer from 'features/projects/tasks/task/simulation/components/SimulationExportModalContainer';\r\nimport TaskSimulationToolstringContainer from 'features/projects/tasks/task/simulation/components/TaskSimulationToolstringContainer';\r\n\r\nconst TaskSimulationContainer = ({\r\n routes,\r\n taskId,\r\n classes,\r\n dataState,\r\n projectId,\r\n simulationId,\r\n dispatchOnLoad,\r\n task = EMPTY_MAP,\r\n project = EMPTY_MAP,\r\n simulation = EMPTY_MAP,\r\n toolstrings = EMPTY_LIST,\r\n dispatchUpdateSimulation,\r\n dispatchDeleteSimulation,\r\n dispatchDuplicateSimulation,\r\n dispatchToggleSimulationPlanned,\r\n dispatchToggleSimulationFavorite,\r\n runSimulationDataState = NotRequestedDataState,\r\n}) => {\r\n const cable = simulation.get('cable');\r\n const toolstringId = simulation.get('toolstringId');\r\n const cableId = simulation.get('cableId');\r\n const isEnableSimulationRunButton = [cableId, toolstringId].every(\r\n (v) => !_isNil(v),\r\n );\r\n\r\n const [toolDataIsVerified, setToolDataIsVerified] = useState(null);\r\n\r\n const [isCablePickerModalOpen, toggleCablePickerModal] = useModal(\r\n CABLE_MODAL.CABLE_PICKER_MODAL_ID,\r\n );\r\n const [isSimulationExportModalOpen, toggleSimulationExportModal] = useModal(\r\n SIMULATION_MODAL.SIMULATION_EXPORT_MODAL_ID,\r\n );\r\n\r\n useEffect(\r\n () => dispatchOnLoad(projectId, taskId, simulationId),\r\n [projectId, taskId, simulationId, dispatchOnLoad],\r\n );\r\n\r\n const onToggleFavorite = useCallback(\r\n () => dispatchToggleSimulationFavorite(projectId, taskId, simulationId),\r\n [taskId, projectId, simulationId, dispatchToggleSimulationFavorite],\r\n );\r\n\r\n const onTogglePlanned = useCallback(\r\n () =>\r\n dispatchToggleSimulationPlanned(\r\n projectId,\r\n taskId,\r\n simulationId,\r\n simulation.get('state') === SimulationState.PLANNED,\r\n ),\r\n [\r\n taskId,\r\n projectId,\r\n simulationId,\r\n simulation,\r\n dispatchToggleSimulationPlanned,\r\n ],\r\n );\r\n\r\n const onUpdateSimulation = useCallback(\r\n (simulation) =>\r\n dispatchUpdateSimulation(projectId, taskId, simulationId, simulation),\r\n [taskId, projectId, simulationId, dispatchUpdateSimulation],\r\n );\r\n\r\n const onToolstringChange = useCallback(\r\n (event) =>\r\n onUpdateSimulation({\r\n toolstringId: event.target.value,\r\n }),\r\n [onUpdateSimulation],\r\n );\r\n\r\n const onCableChange = useCallback(\r\n (cable) => {\r\n onUpdateSimulation({\r\n cableId: cable.get('id'),\r\n });\r\n toggleCablePickerModal();\r\n },\r\n [onUpdateSimulation, toggleCablePickerModal],\r\n );\r\n\r\n const isPlanned = simulation.get('isPlanned');\r\n const headerActions = [\r\n {\r\n Icon: DeleteIcon,\r\n title: 'Delete',\r\n disabled: isPlanned,\r\n onClick: () =>\r\n dispatchDeleteSimulation(projectId, taskId, simulationId, simulationId),\r\n },\r\n {\r\n Icon: DuplicateIcon,\r\n title: 'Duplicate',\r\n onClick: () =>\r\n dispatchDuplicateSimulation(projectId, taskId, simulationId),\r\n },\r\n {\r\n Icon: ExportPdfIcon,\r\n title: 'Export',\r\n disabledTooltip: !toolDataIsVerified\r\n ? 'Some of the tools in the BHA are unverified'\r\n : 'Re-simulate with latest changes to export',\r\n // Has to be completed or planned to be able to generate a valid report.\r\n disabled:\r\n [\r\n SimulationState.NOT_COMPLETED,\r\n SimulationState.OUTDATED,\r\n SimulationState.ERROR,\r\n ].includes(simulation.get('state')) || !toolDataIsVerified,\r\n onClick: toggleSimulationExportModal,\r\n },\r\n ];\r\n\r\n return (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nconst styles = (theme) => ({\r\n root: {\r\n overflow: 'hidden',\r\n },\r\n section: {\r\n marginBottom: theme.spacing(2),\r\n border: `2px solid ${theme.palette.divider}`,\r\n },\r\n});\r\n\r\nexport default compose(\r\n connect(\r\n (_initialState, { simulationId, taskId }) => {\r\n return (state) => ({\r\n task: getTaskFromState(state),\r\n project: getCurrentProject(state),\r\n simulation: getSimulationFromState(state, simulationId),\r\n toolstrings: getTaskToolstringsFromState(state, taskId),\r\n dataState: getSummarizedDataStateFromState(\r\n state,\r\n ACTIONS.LOAD_SIMULATION,\r\n ACTIONS.REQUEST_UPDATE_SIMULATION,\r\n ACTIONS.DOWNLOAD_SIMULATION_PDF_REPORT,\r\n ),\r\n runSimulationDataState: getActionDataStateFromState(\r\n state,\r\n ACTIONS.REQUEST_RUN_SIMULATION,\r\n ),\r\n });\r\n },\r\n {\r\n dispatchOnLoad: loadSimulation,\r\n dispatchUpdateSimulation: requestUpdateSimulation,\r\n dispatchDeleteSimulation: requestDeleteSimulation,\r\n dispatchDuplicateSimulation: requestDuplicateSimulation,\r\n dispatchToggleSimulationPlanned: requestToggleSimulationPlanned,\r\n dispatchToggleSimulationFavorite: requestToggleSimulationFavorite,\r\n },\r\n ),\r\n withStyles(styles),\r\n)(TaskSimulationContainer);\r\n","import { compose } from 'redux';\r\nimport { Map } from 'immutable';\r\nimport PropTypes from 'prop-types';\r\nimport LockOpenIcon from '@material-ui/icons/LockOpen';\r\nimport withStyles from '@material-ui/styles/withStyles';\r\nimport { Grid, Chip, Button, Box } from '@material-ui/core';\r\nimport CheckCircleIcon from '@material-ui/icons/CheckCircle';\r\n\r\nimport { BasePageTitle, FavoriteButton } from 'altus-ui-components';\r\n\r\nimport { EMPTY_MAP } from 'app/app.constants';\r\n\r\nconst TaskToolstringHeader = ({\r\n classes,\r\n actions,\r\n toolstring,\r\n toggleFavorite,\r\n}) => {\r\n const isPlanned = toolstring.get('isPlanned');\r\n\r\n return (\r\n \r\n {isPlanned ? (\r\n \r\n ) : (\r\n \r\n )}\r\n \r\n \r\n \r\n \r\n \r\n : }\r\n />\r\n \r\n {actions.map(({ Icon, onClick, title, disabled }, index) => (\r\n }\r\n classes={{\r\n label: classes.label,\r\n }}\r\n >\r\n {title}\r\n \r\n ))}\r\n \r\n \r\n );\r\n};\r\n\r\nconst styles = (theme) => ({\r\n title: {\r\n paddingLeft: theme.spacing(1),\r\n },\r\n label: {\r\n textTransform: 'none',\r\n },\r\n});\r\n\r\nTaskToolstringHeader.defaultProps = {\r\n toolstring: EMPTY_MAP,\r\n};\r\n\r\nTaskToolstringHeader.propTypes = {\r\n toolstring: PropTypes.instanceOf(Map),\r\n actions: PropTypes.arrayOf(\r\n PropTypes.shape({\r\n disabled: PropTypes.bool,\r\n onClick: PropTypes.func,\r\n title: PropTypes.string,\r\n Icon: PropTypes.elementType,\r\n }),\r\n ),\r\n};\r\n\r\nexport default compose(withStyles(styles))(TaskToolstringHeader);\r\n","import { memo } from 'react';\r\nimport { compose } from 'redux';\r\nimport { Grid } from '@material-ui/core';\r\n\r\nimport {\r\n formatToolstringTotalLength,\r\n formatToolstringTotalWeight,\r\n} from 'features/projects/tasks/task/toolstring/toolstring.util';\r\n\r\nimport { EMPTY_MAP } from 'app/app.constants';\r\nimport ReadOnlyField from 'app/components/ReadOnlyField';\r\nimport { formatValue, formatQuantity } from 'utils/format.util';\r\n\r\nconst TaskToolstringTotals = ({\r\n toolstring = EMPTY_MAP,\r\n maxAvailableHeight,\r\n}) => (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n);\r\n\r\nexport default compose(memo)(TaskToolstringTotals);\r\n","import { memo } from 'react';\r\nimport { compose } from 'redux';\r\nimport classNames from 'classnames';\r\nimport withStyles from '@material-ui/styles/withStyles';\r\n\r\nimport { TableRow } from 'altus-ui-components';\r\n\r\nimport { invokeIfFunction } from 'utils/app.util';\r\nimport { useHighlightedToolstringItem } from 'features/projects/tasks/task/toolstring/components/ToolstringItemHighlightProvider';\r\n\r\nconst ToolstringToolsTableRow = ({ item, classes, ...rest }) => {\r\n const { setHighlightedItemId, isItemHighlighted } =\r\n useHighlightedToolstringItem();\r\n\r\n return (\r\n \r\n invokeIfFunction(setHighlightedItemId, item.get('toolstringItemId'))\r\n }\r\n onMouseLeave={() => invokeIfFunction(setHighlightedItemId)}\r\n classes={{\r\n root: classNames({\r\n [classes.highlighted]: isItemHighlighted(\r\n item.get('toolstringItemId'),\r\n ),\r\n }),\r\n }}\r\n {...rest}\r\n />\r\n );\r\n};\r\n\r\nconst styles = (theme) => ({\r\n highlighted: {\r\n background: theme.palette.table.row.hover,\r\n },\r\n});\r\n\r\nexport default compose(memo, withStyles(styles))(ToolstringToolsTableRow);\r\n","import { compose } from 'redux';\r\nimport PropTypes from 'prop-types';\r\nimport { useMemo, memo } from 'react';\r\nimport { Collection, Map } from 'immutable';\r\nimport { Grid, IconButton, Tooltip, Chip } from '@material-ui/core';\r\nimport WarningIcon from '@material-ui/icons/Warning';\r\nimport ExpandMore from '@material-ui/icons/ExpandMore';\r\nimport ExpandLess from '@material-ui/icons/ExpandLess';\r\nimport ShowAttachments from '@material-ui/icons/Link';\r\nimport HideAttachments from '@material-ui/icons/LinkOff';\r\nimport withStyles from '@material-ui/styles/withStyles';\r\n\r\nimport { Table, TableRowActionsCell } from 'altus-ui-components';\r\n\r\nimport { formatValue } from 'utils/format.util';\r\nimport { getQuantityUnitFromItems } from 'utils/app.util';\r\nimport { EMPTY_LIST, EMPTY_MAP } from 'app/app.constants';\r\nimport QuantityTableHeaderTitleCell from 'app/components/QuantityTableHeaderTitleCell';\r\nimport TaskToolstringTotals from 'features/projects/tasks/task/toolstring/components/TaskToolstringTotals';\r\nimport ToolstringToolsTableRow from 'features/projects/tasks/task/toolstring/components/ToolstringToolsTableRow';\r\nimport { ToolType } from 'features/projects/tool/tool.constants';\r\nimport { formatToolstringToolStatusString } from 'features/projects/tasks/task/toolstring/toolstring.util';\r\nimport { TOOL_STATUS } from 'features/projects/tasks/task/toolstring/toolstring.constants';\r\n\r\nconst getSubRows = (row) => {\r\n if (row.original) return;\r\n\r\n return row.get('attachedTools').size > 0\r\n ? row.get('attachedTools')\r\n : row.get('toolAssemblyTools');\r\n};\r\n\r\nconst ToolstringToolsTable = ({\r\n classes,\r\n toolstring = EMPTY_MAP,\r\n maxAvailableHeight = { value: 0.0 },\r\n toolstringTools = EMPTY_MAP,\r\n}) => {\r\n const lengthUnit = getQuantityUnitFromItems(toolstringTools, (result) =>\r\n result.get('length'),\r\n );\r\n\r\n const weightUnit = getQuantityUnitFromItems(toolstringTools, (result) =>\r\n result.get('weight'),\r\n );\r\n\r\n const diameterUnit = getQuantityUnitFromItems(toolstringTools, (result) =>\r\n result.get('outerDiameter'),\r\n );\r\n\r\n const columns = useMemo(\r\n () => [\r\n {\r\n xs: 0.5,\r\n id: 'expander',\r\n Header: ,\r\n Cell: ({ row }) => {\r\n const hasAttachments = row.original.get('attachedTools')?.size > 0;\r\n if (!row.canExpand && !hasAttachments)\r\n return ;\r\n\r\n const [less, more] = hasAttachments\r\n ? [, ]\r\n : [, ];\r\n\r\n const title = hasAttachments\r\n ? 'Toggle Attached Tools'\r\n : row.getToggleRowExpandedProps().title;\r\n\r\n return (\r\n \r\n \r\n {row.isExpanded ? less : more}\r\n \r\n \r\n );\r\n },\r\n },\r\n {\r\n xs: 0.5,\r\n id: 'dataVerified',\r\n Cell: ({ row }) => {\r\n const tool = row.original;\r\n\r\n if (row.canExpand) {\r\n const toolAssemblyTools = tool.get('toolAssemblyTools', EMPTY_LIST);\r\n const hasNullDataVerified = toolAssemblyTools.some(\r\n (tool) => tool.get('dataVerified') === null,\r\n );\r\n if (hasNullDataVerified) {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n } else {\r\n return null;\r\n }\r\n } else if (!tool.get('dataVerified')) {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n } else return null;\r\n },\r\n },\r\n {\r\n xs: 5,\r\n id: 'toolName',\r\n Header: 'Name',\r\n accessor: (tool) => tool.get('name'),\r\n },\r\n {\r\n xs: 2,\r\n id: 'accumulatedLength',\r\n accessor: (tool) =>\r\n formatValue(tool.getIn(['accumulatedLength', 'value']), '', 0.01),\r\n Header: () => (\r\n \r\n ),\r\n },\r\n {\r\n xs: 2,\r\n id: 'toolLength',\r\n accessor: (tool) =>\r\n formatValue(tool.getIn(['length', 'value']), '', 0.01),\r\n Header: () => (\r\n \r\n ),\r\n },\r\n {\r\n xs: 2,\r\n id: 'toolWeight',\r\n accessor: (tool) =>\r\n formatValue(tool.getIn(['weight', 'value']), '', 0.1),\r\n Header: () => (\r\n \r\n ),\r\n },\r\n {\r\n xs: 2,\r\n id: 'outerDiameter',\r\n accessor: (tool) =>\r\n formatValue(tool.getIn(['outerDiameter', 'value']), '', 0.01),\r\n Header: () => (\r\n \r\n ),\r\n },\r\n {\r\n xs: 2,\r\n id: 'statusChip',\r\n Cell: ({ row }) => {\r\n const tool = row.original;\r\n const toolStatus = tool.get('toolStatus');\r\n\r\n if (\r\n toolStatus === TOOL_STATUS.NOT_ASSIGNED ||\r\n toolStatus === TOOL_STATUS.NULL_ASSIGNED\r\n )\r\n return null;\r\n return ;\r\n },\r\n },\r\n ],\r\n [lengthUnit, weightUnit, diameterUnit, classes],\r\n );\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nconst styles = (theme) => ({\r\n scrollable: {\r\n overflowY: 'auto',\r\n },\r\n totals: {\r\n paddingTop: theme.spacing(2),\r\n },\r\n warningIcon: {\r\n color: theme.palette.warning.main,\r\n },\r\n});\r\n\r\nToolstringToolsTable.propTypes = {\r\n maxAvailableHeight: PropTypes.object,\r\n toolstring: PropTypes.instanceOf(Map),\r\n toolstringTools: PropTypes.instanceOf(Collection),\r\n};\r\n\r\nexport default compose(memo, withStyles(styles))(ToolstringToolsTable);\r\n","import { compose } from 'redux';\r\nimport PropTypes from 'prop-types';\r\nimport { memo, Fragment } from 'react';\r\nimport { Iterable, fromJS } from 'immutable';\r\nimport { Grid, Box } from '@material-ui/core';\r\nimport withStyles from '@material-ui/styles/withStyles';\r\n\r\nimport { invokeIfFunction } from 'utils/app.util';\r\nimport { EMPTY_LIST, UNITS } from 'app/app.constants';\r\nimport { Typography } from 'app/components/withNavigation';\r\nimport ToolDetails from 'features/projects/tool/components/ToolDetails';\r\nimport ToolImageContainer from 'features/projects/tool/components/ToolImageContainer';\r\nimport ToolstringPreviewEmpty from 'features/projects/tasks/task/toolstring/components/ToolstringPreviewEmpty';\r\nimport ToolstringPreviewBreakpoint from 'features/projects/tasks/task/toolstring/components/ToolstringPreviewBreakpoint';\r\nimport { useHighlightedToolstringItem } from 'features/projects/tasks/task/toolstring/components/ToolstringItemHighlightProvider';\r\n\r\nconst ToolstringPreviewSections = ({\r\n classes,\r\n hideToolDetails,\r\n onToggleBreakpoint,\r\n toolstringSections = EMPTY_LIST,\r\n showBreakPoint = true,\r\n}) => {\r\n const { isItemHighlighted, setHighlightedItemId } =\r\n useHighlightedToolstringItem();\r\n if (!toolstringSections.size) {\r\n return ;\r\n }\r\n\r\n const toggleableBreakpoints = !!onToggleBreakpoint;\r\n\r\n return (\r\n \r\n {toolstringSections.valueSeq().map((toolstringSection, sectionIndex) => {\r\n const isLastSection = sectionIndex === toolstringSections.size - 1;\r\n const itemsInSection = toolstringSection.get('items');\r\n const lastSectionItem = itemsInSection.last();\r\n\r\n let flatItems = [];\r\n itemsInSection.forEach((item) => {\r\n const assemblyTools = item.get('toolAssemblyTools');\r\n if (assemblyTools && assemblyTools.size > 0) {\r\n assemblyTools.forEach((assemblyItem) => {\r\n flatItems.push(\r\n assemblyItem.set(\r\n 'parentToolstringItemId',\r\n item.get('toolstringItemId'),\r\n ),\r\n );\r\n });\r\n } else {\r\n flatItems.push(item.set('isTopLevel', true));\r\n }\r\n });\r\n flatItems = fromJS(flatItems);\r\n\r\n const maxLength = flatItems\r\n .maxBy((item) => item.getIn(['length', 'roundedValue']))\r\n .getIn(['length', 'roundedValue']);\r\n\r\n let sumRatios = 0;\r\n const itemsWithInitialRatios = flatItems.map((item) => {\r\n const lengthValue = item.getIn(['length', 'roundedValue']);\r\n const ratio = (lengthValue / maxLength) * 100;\r\n sumRatios += ratio;\r\n return item.set('initialRatio', ratio);\r\n });\r\n\r\n const totalRatio = 100;\r\n const itemsWithRatioFlat = itemsWithInitialRatios.map((item) => {\r\n const initialRatio = item.get('initialRatio');\r\n const adjustedRatio = (initialRatio / sumRatios) * totalRatio;\r\n return item.set('ratio', adjustedRatio).delete('initialRatio');\r\n });\r\n\r\n const updatedItemsInSection = itemsInSection.map((topLevelItem) => {\r\n const topLevelItemId = topLevelItem.get('toolstringItemId');\r\n let updatedTopLevelItem = itemsWithRatioFlat.find(\r\n (flatItem) =>\r\n flatItem.get('toolstringItemId') === topLevelItemId &&\r\n flatItem.get('isTopLevel'),\r\n );\r\n updatedTopLevelItem = updatedTopLevelItem\r\n ? updatedTopLevelItem\r\n : topLevelItem;\r\n\r\n if (\r\n topLevelItem.get('toolAssemblyTools') &&\r\n topLevelItem.get('toolAssemblyTools').size > 0\r\n ) {\r\n const updatedAssemblyTools = topLevelItem\r\n .get('toolAssemblyTools')\r\n .map((assemblyItem) => {\r\n const assemblyItemId = assemblyItem.get('toolAssemblyToolId');\r\n const updatedAssemblyItem = itemsWithRatioFlat.find(\r\n (flatItem) =>\r\n flatItem.get('toolAssemblyToolId') === assemblyItemId,\r\n );\r\n return updatedAssemblyItem\r\n ? updatedAssemblyItem\r\n .delete('parentToolstringItemId')\r\n .delete('isTopLevel')\r\n : assemblyItem;\r\n });\r\n return updatedTopLevelItem.set(\r\n 'toolAssemblyTools',\r\n updatedAssemblyTools,\r\n );\r\n } else {\r\n return updatedTopLevelItem;\r\n }\r\n });\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n {`${toolstringSection.get('length')?.toFixed(3)} ${\r\n UNITS.METER\r\n }`}\r\n \r\n \r\n \r\n \r\n {updatedItemsInSection.map((toolstringItem, index) => {\r\n const tooltip = ;\r\n const toolstringItemId =\r\n toolstringItem.get('toolstringItemId');\r\n\r\n const isLastToolInSection =\r\n index === updatedItemsInSection.size - 1;\r\n\r\n /* Put the mouse events in the grid so that the hoverable area is larger */\r\n if (\r\n toolstringItem.get('toolAssemblyTools') &&\r\n toolstringItem.get('toolAssemblyTools').size\r\n ) {\r\n const tools = toolstringItem.get('toolAssemblyTools');\r\n return (\r\n \r\n {tools.map((tool, toolIndex) => (\r\n \r\n invokeIfFunction(\r\n setHighlightedItemId,\r\n toolstringItemId,\r\n )\r\n }\r\n onMouseLeave={() =>\r\n invokeIfFunction(setHighlightedItemId)\r\n }\r\n >\r\n \r\n \r\n ))}\r\n {showBreakPoint &&\r\n toggleableBreakpoints &&\r\n !isLastToolInSection && (\r\n \r\n onToggleBreakpoint(toolstringItem)\r\n }\r\n />\r\n )}\r\n \r\n );\r\n }\r\n return (\r\n \r\n \r\n invokeIfFunction(\r\n setHighlightedItemId,\r\n toolstringItemId,\r\n )\r\n }\r\n onMouseLeave={() =>\r\n invokeIfFunction(setHighlightedItemId)\r\n }\r\n >\r\n \r\n \r\n {showBreakPoint &&\r\n toggleableBreakpoints &&\r\n !isLastToolInSection && (\r\n \r\n onToggleBreakpoint(toolstringItem)\r\n }\r\n />\r\n )}\r\n \r\n );\r\n })}\r\n \r\n {}\r\n \r\n {!isLastSection && (\r\n \r\n {/* This is to align \"on\" breakpoints with the \"off\" ones. Margin left is classes.section.marginRight + classes.section.paddingRight */}\r\n \r\n \r\n onToggleBreakpoint(lastSectionItem)\r\n }\r\n />\r\n \r\n \r\n )}\r\n \r\n );\r\n })}\r\n \r\n );\r\n};\r\n\r\nconst styles = (theme) => ({\r\n root: {\r\n overflow: 'hidden',\r\n },\r\n image: {\r\n overflow: 'hidden',\r\n position: 'relative',\r\n '& > img': {\r\n objectFit: 'contain',\r\n },\r\n },\r\n sectionContainer: {\r\n overflow: 'hidden',\r\n position: 'relative',\r\n },\r\n section: {\r\n borderRight: `1px solid ${theme.altus.components.ToolstringPreview.lengthSection.main}`,\r\n paddingRight: theme.spacing(1),\r\n marginRight: theme.spacing(1),\r\n marginTop: theme.spacing(0.25),\r\n marginBottom: theme.spacing(0.25),\r\n position: 'relative',\r\n '&::before': {\r\n content: '\"\"',\r\n position: 'absolute',\r\n top: -theme.spacing(0.25),\r\n right: -theme.spacing(1),\r\n width: theme.spacing(2),\r\n height: theme.spacing(0.25),\r\n borderBottom: `1px solid ${theme.altus.components.ToolstringPreview.lengthSection.main}`,\r\n },\r\n '&::after': {\r\n content: '\"\"',\r\n position: 'absolute',\r\n bottom: -theme.spacing(0.25),\r\n right: -theme.spacing(1),\r\n width: theme.spacing(2),\r\n height: theme.spacing(0.25),\r\n borderBottom: `1px solid ${theme.altus.components.ToolstringPreview.lengthSection.main}`,\r\n },\r\n },\r\n sectionLengthText: {\r\n color: theme.altus.components.ToolstringPreview.lengthSection.main,\r\n },\r\n});\r\n\r\nToolstringPreviewSections.propTypes = {\r\n hideToolDetails: PropTypes.bool,\r\n onToggleBreakpoint: PropTypes.func,\r\n toolstringSections: PropTypes.instanceOf(Iterable),\r\n};\r\n\r\nexport default compose(memo, withStyles(styles))(ToolstringPreviewSections);\r\n","import { compose } from 'redux';\r\nimport { memo, Fragment } from 'react';\r\nimport { Grid, Box } from '@material-ui/core';\r\nimport withStyles from '@material-ui/styles/withStyles';\r\n\r\nimport { UNITS } from 'app/app.constants';\r\nimport { invokeIfFunction } from 'utils/app.util';\r\nimport { Typography } from 'app/components/withNavigation';\r\nimport ToolDetails from 'features/projects/tool/components/ToolDetails';\r\nimport ToolImageContainer from 'features/projects/tool/components/ToolImageContainer';\r\nimport ToolstringPreviewEmpty from 'features/projects/tasks/task/toolstring/components/ToolstringPreviewEmpty';\r\nimport ToolstringPreviewBreakpoint from 'features/projects/tasks/task/toolstring/components/ToolstringPreviewBreakpoint';\r\nimport { useHighlightedToolstringItem } from 'features/projects/tasks/task/toolstring/components/ToolstringItemHighlightProvider';\r\n\r\nconst ToolAssemblyCreatorToolstringPreviewSection = ({\r\n classes,\r\n hideToolDetails,\r\n onToggleBreakpoint,\r\n toolstringSections = [],\r\n}) => {\r\n const { setHighlightedItemId } = useHighlightedToolstringItem();\r\n\r\n if (toolstringSections.length === 0) {\r\n return ;\r\n }\r\n\r\n const toggleableBreakpoints = !!onToggleBreakpoint;\r\n\r\n return (\r\n \r\n {toolstringSections.map((toolstringSection, sectionIndex) => {\r\n const isLastSection = sectionIndex === toolstringSections.size - 1;\r\n const itemsInSection = toolstringSection.items;\r\n const lastSectionItem = itemsInSection[itemsInSection.length - 1];\r\n let toolstringLength = 0;\r\n itemsInSection.map((tool) => {\r\n return (toolstringLength += tool.length.value\r\n ? tool.length.value\r\n : tool.length / 1000);\r\n });\r\n // return null;\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n {`${toolstringLength.toFixed(3)} ${UNITS.METER}`}\r\n \r\n \r\n \r\n \r\n {itemsInSection.map((toolstringItem, index) => {\r\n const tooltip = ;\r\n const toolstringItemId = toolstringItem.toolstringItemId;\r\n\r\n const isLastToolInSection = index === itemsInSection.size - 1;\r\n /* Put the mouse events in the grid so that the hoverable area is larger */\r\n if (\r\n toolstringItem.toolAssemblyTools &&\r\n toolstringItem.toolAssemblyTools.length > 0\r\n ) {\r\n const tools = toolstringItem.toolAssemblyTools;\r\n return tools.map((tool, toolIndex) => (\r\n \r\n \r\n invokeIfFunction(\r\n setHighlightedItemId,\r\n toolstringItemId,\r\n )\r\n }\r\n onMouseLeave={() =>\r\n invokeIfFunction(setHighlightedItemId)\r\n }\r\n >\r\n \r\n \r\n \r\n ));\r\n }\r\n return (\r\n \r\n \r\n invokeIfFunction(\r\n setHighlightedItemId,\r\n toolstringItemId,\r\n )\r\n }\r\n onMouseLeave={() =>\r\n invokeIfFunction(setHighlightedItemId)\r\n }\r\n >\r\n \r\n \r\n {toggleableBreakpoints && !isLastToolInSection && (\r\n \r\n onToggleBreakpoint(toolstringItem)\r\n }\r\n />\r\n )}\r\n \r\n );\r\n })}\r\n \r\n {/** Placeholder to align the BHA */}\r\n \r\n \r\n {!isLastSection && (\r\n \r\n {/* This is to align \"on\" breakpoints with the \"off\" ones. Margin left is classes.section.marginRight + classes.section.paddingRight */}\r\n \r\n \r\n onToggleBreakpoint(lastSectionItem)\r\n }\r\n />\r\n \r\n \r\n )}\r\n \r\n );\r\n })}\r\n \r\n );\r\n};\r\n\r\nconst styles = (theme) => ({\r\n root: {\r\n overflow: 'hidden',\r\n },\r\n image: {\r\n overflow: 'hidden',\r\n position: 'relative',\r\n '& > img': {\r\n objectFit: 'contain',\r\n },\r\n },\r\n sectionContainer: {\r\n overflow: 'hidden',\r\n position: 'relative',\r\n },\r\n section: {\r\n borderRight: `1px solid ${theme.altus.components.ToolstringPreview.lengthSection.main}`,\r\n paddingRight: theme.spacing(1),\r\n marginRight: theme.spacing(1),\r\n marginTop: theme.spacing(0.25),\r\n marginBottom: theme.spacing(0.25),\r\n position: 'relative',\r\n '&::before': {\r\n content: '\"\"',\r\n position: 'absolute',\r\n top: -theme.spacing(0.25),\r\n right: -theme.spacing(1),\r\n width: theme.spacing(2),\r\n height: theme.spacing(0.25),\r\n borderBottom: `1px solid ${theme.altus.components.ToolstringPreview.lengthSection.main}`,\r\n },\r\n '&::after': {\r\n content: '\"\"',\r\n position: 'absolute',\r\n bottom: -theme.spacing(0.25),\r\n right: -theme.spacing(1),\r\n width: theme.spacing(2),\r\n height: theme.spacing(0.25),\r\n borderBottom: `1px solid ${theme.altus.components.ToolstringPreview.lengthSection.main}`,\r\n },\r\n },\r\n sectionLengthText: {\r\n color: theme.altus.components.ToolstringPreview.lengthSection.main,\r\n },\r\n});\r\n\r\nexport default compose(\r\n memo,\r\n withStyles(styles),\r\n)(ToolAssemblyCreatorToolstringPreviewSection);\r\n","import { compose } from 'redux';\r\nimport PropTypes from 'prop-types';\r\nimport { connect } from 'react-redux';\r\nimport { useCallback } from 'react';\r\n\r\nimport { requestToggleToolstringItemBreakpoint } from 'features/projects/tasks/task/toolstring/toolstring.actions';\r\n\r\nimport { EMPTY_MAP } from 'app/app.constants';\r\nimport { getSummarizedDataStateFromState } from 'app/app.selectors';\r\nimport { TOOLSTRING_ACTIONS } from 'features/projects/tasks/task/toolstring/toolstring.constants';\r\nimport ToolstringPreviewSections from 'features/projects/tasks/task/toolstring/components/ToolstringPreviewSections';\r\nimport ToolstringPreviewContainer from 'features/projects/tasks/task/toolstring/components/ToolstringPreviewContainer';\r\nimport ToolAssemblyCreatorToolstringPreviewSection from 'features/equipment/toolAssemblies/components/ToolAssemblyCreatorToolstringPreviewSection';\r\n\r\nconst TaskToolstringPreview = ({\r\n taskId,\r\n editable,\r\n projectId,\r\n dataState,\r\n toolstringId,\r\n toolAssemblyCreator = false,\r\n toolstringSections = toolAssemblyCreator ? [] : EMPTY_MAP,\r\n dispatchToggleToolstringItemBreakpoint,\r\n placeHolderAlignBha,\r\n paddingTopPreview,\r\n showBreakPoint,\r\n}) => {\r\n const onToggleBreakpoint = useCallback(\r\n (toolstringItem) =>\r\n dispatchToggleToolstringItemBreakpoint(\r\n projectId,\r\n taskId,\r\n toolstringId,\r\n toolstringItem.get('toolstringItemId'),\r\n ),\r\n [taskId, projectId, toolstringId, dispatchToggleToolstringItemBreakpoint],\r\n );\r\n\r\n return (\r\n \r\n {toolAssemblyCreator ? (\r\n \r\n ) : (\r\n \r\n )}\r\n \r\n );\r\n};\r\n\r\nTaskToolstringPreview.propTypes = {\r\n editable: PropTypes.bool,\r\n taskId: PropTypes.string.isRequired,\r\n projectId: PropTypes.string.isRequired,\r\n toolstringId: PropTypes.string.isRequired,\r\n};\r\n\r\nexport default compose(\r\n connect(\r\n (state) => ({\r\n dataState: getSummarizedDataStateFromState(\r\n state,\r\n TOOLSTRING_ACTIONS.GET_TOOLSTRING_FOR_TASK,\r\n ),\r\n }),\r\n {\r\n dispatchToggleToolstringItemBreakpoint:\r\n requestToggleToolstringItemBreakpoint,\r\n },\r\n ),\r\n)(TaskToolstringPreview);\r\n","import { compose } from 'redux';\r\nimport { useMemo } from 'react';\r\nimport { Grid } from '@material-ui/core';\r\nimport { Formik, Form, Field } from 'formik';\r\nimport withStyles from '@material-ui/styles/withStyles';\r\n\r\nimport AutoSaveFormik from 'app/components/form/formik/AutoSaveFormik';\r\nimport TextFieldFormik from 'app/components/form/formik/TextFieldFormik';\r\nimport { TOOLSTRING_FORMS as FORM } from 'features/projects/tasks/task/toolstring/toolstring.constants';\r\n\r\nconst TaskToolstringComments = ({\r\n classes,\r\n toolstring,\r\n onUpdateToolstring,\r\n}) => {\r\n const toolstringJS = useMemo(() => toolstring.toJS(), [toolstring]);\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nconst styles = (theme) => ({\r\n root: {\r\n paddingTop: theme.spacing(2),\r\n paddingLeft: theme.spacing(2),\r\n },\r\n field: {\r\n '&:disabled': {\r\n color: theme.palette.text.primary,\r\n },\r\n },\r\n});\r\n\r\nexport default compose(withStyles(styles))(TaskToolstringComments);\r\n","import { compose } from 'redux';\r\nimport { connect } from 'react-redux';\r\nimport InfoIcon from '@material-ui/icons/Info';\r\nimport withStyles from '@material-ui/styles/withStyles';\r\nimport { Grid, Tooltip, IconButton } from '@material-ui/core';\r\n\r\nimport { formatDate } from 'utils/format.util';\r\nimport ReadOnlyField from 'app/components/ReadOnlyField';\r\nimport { requestUpdateToolstring } from 'features/projects/tasks/task/toolstring/toolstring.actions';\r\n\r\nconst TaskToolstringDetailsHeader = ({ classes, toolstring }) => {\r\n const cableName = toolstring.getIn(['cable', 'name']);\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n {!cableName && (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n )}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nconst styles = (theme) => ({\r\n root: {\r\n padding: `${theme.spacing(2)}px 0px`,\r\n },\r\n field: {\r\n paddingLeft: theme.spacing(4),\r\n },\r\n});\r\n\r\nexport default compose(\r\n connect(null, {\r\n dispatchUpdateToolString: requestUpdateToolstring,\r\n }),\r\n withStyles(styles),\r\n)(TaskToolstringDetailsHeader);\r\n","export const Styles = (theme) => ({\r\n content: {\r\n padding: `0px ${theme.spacing(3)}px`,\r\n },\r\n header: {\r\n padding: theme.spacing(3),\r\n },\r\n actions: {\r\n paddingTop: theme.spacing(2),\r\n },\r\n card: {\r\n marginTop: theme.spacing(2),\r\n },\r\n title: {\r\n fontWeight: 'bold',\r\n },\r\n});\r\n","import { compose } from 'redux';\r\nimport { useState } from 'react';\r\nimport withStyles from '@material-ui/styles/withStyles';\r\nimport ExportPdfIcon from '@material-ui/icons/PictureAsPdf';\r\nimport { Styles } from 'features/projects/tasks/task/toolstring/common/styles';\r\n\r\nimport {\r\n Box,\r\n Button,\r\n Card,\r\n CardContent,\r\n Dialog,\r\n DialogContent,\r\n Grid,\r\n Typography,\r\n ListItem,\r\n Checkbox,\r\n ListItemText,\r\n ListItemIcon,\r\n} from '@material-ui/core';\r\nimport { ModalActions } from 'altus-ui-components';\r\n\r\nconst TaskToolstringExportModal = ({ open, onClose, classes, onExport }) => {\r\n const [collapseAssemblies, setCollapseAssemblies] = useState(false);\r\n const toggleCollapseAssemblies = () => {\r\n setCollapseAssemblies(!collapseAssemblies);\r\n };\r\n return (\r\n \r\n );\r\n};\r\n\r\nexport default compose(withStyles(Styles))(TaskToolstringExportModal);\r\n","import { compose } from 'redux';\r\nimport { useCallback } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { downloadToolstringPdfReport } from 'features/projects/tasks/task/toolstring/toolstring.actions';\r\nimport TaskToolstringExportModal from 'features/projects/tasks/task/toolstring/TaskToolstringExportModal';\r\n\r\nconst TaskToolstringExportModalContainer = ({\r\n open,\r\n taskId,\r\n projectId,\r\n toggleModal,\r\n toolstringId,\r\n dispatchDownloadToolstringPdfReport,\r\n}) => {\r\n const onExportToolstring = useCallback(\r\n (exportSelection) => {\r\n dispatchDownloadToolstringPdfReport(\r\n projectId,\r\n taskId,\r\n toolstringId,\r\n exportSelection.collapseAssemblies,\r\n );\r\n toggleModal();\r\n },\r\n [\r\n taskId,\r\n projectId,\r\n toggleModal,\r\n toolstringId,\r\n dispatchDownloadToolstringPdfReport,\r\n ],\r\n );\r\n\r\n return (\r\n \r\n );\r\n};\r\n\r\nexport default compose(\r\n connect(null, {\r\n dispatchDownloadToolstringPdfReport: downloadToolstringPdfReport,\r\n }),\r\n)(TaskToolstringExportModalContainer);\r\n","import { compose } from 'redux';\r\nimport { connect } from 'react-redux';\r\nimport { Grid } from '@material-ui/core';\r\nimport EditIcon from '@material-ui/icons/Edit';\r\nimport DeleteIcon from '@material-ui/icons/Delete';\r\nimport withStyles from '@material-ui/styles/withStyles';\r\nimport DuplicateIcon from '@material-ui/icons/FileCopy';\r\nimport { useMemo, useCallback, useEffect } from 'react';\r\nimport PictureAsPdf from '@material-ui/icons/PictureAsPdf';\r\n\r\nimport { LoadingOverlay, NoContentBasePage } from 'altus-ui-components';\r\nimport { useModal } from 'altus-modal';\r\n\r\nimport {\r\n requestUpdateToolstring,\r\n requestGetTaskToolstring,\r\n redirectToTaskToolstringEdit,\r\n requestTaskToolstringSections,\r\n requestToogleToolstringFavorite,\r\n requestDeleteToolstringAndRedirect,\r\n requestDuplicateToolstringAndRedirect,\r\n} from 'features/projects/tasks/task/toolstring/toolstring.actions';\r\n\r\nimport {\r\n getTaskByIdFromState,\r\n getToolstringFromState,\r\n getToolstringToolsFromState,\r\n getToolstringSectionsFromState,\r\n} from 'features/projects/tasks/task/toolstring/toolstring.selectors';\r\n\r\nimport {\r\n getCurrentUserFromState,\r\n getSummarizedDataStateFromState,\r\n} from 'app/app.selectors';\r\n\r\nimport { EMPTY_MAP } from 'app/app.constants';\r\nimport { getCurrentProject } from 'features/projects/projects.selectors';\r\nimport {\r\n MODAL,\r\n TOOLSTRING_ACTIONS,\r\n} from 'features/projects/tasks/task/toolstring/toolstring.constants';\r\nimport TaskToolstringHeader from 'features/projects/tasks/task/toolstring/components/TaskToolstringHeader';\r\nimport ToolstringToolsTable from 'features/projects/tasks/task/toolstring/components/ToolstringToolsTable';\r\nimport TaskToolstringPreview from 'features/projects/tasks/task/toolstring/components/TaskToolstringPreview';\r\nimport TaskToolstringComments from 'features/projects/tasks/task/toolstring/components/TaskToolstringComments';\r\nimport TaskToolstringDetailsHeader from 'features/projects/tasks/task/toolstring/components/TaskToolstringDetailsHeader';\r\nimport ToolstringItemHighlightProvider from 'features/projects/tasks/task/toolstring/components/ToolstringItemHighlightProvider';\r\nimport useLatestProjectWellboreDetail from 'features/projects/hooks/useLatestProjectWellboreDetails';\r\nimport TaskToolstringExportModalContainer from 'features/projects/tasks/task/toolstring/TaskToolstringExportModalContainer';\r\n\r\nconst NoToolsMessage = () => (\r\n \r\n);\r\n\r\nconst TaskToolstringContainer = ({\r\n taskId,\r\n classes,\r\n projectId,\r\n dataState,\r\n toolstring = EMPTY_MAP,\r\n toolstringId,\r\n toolstringTools,\r\n toolstringSections,\r\n dispatchGetToolstring,\r\n dispatchUpdateToolstring,\r\n dispatchToolstringSections,\r\n dispatchToggleToolstringFavorite,\r\n dispatchDeleteToolstringAndRedirect,\r\n dispatchRedirectToTaskToolstringEdit,\r\n dispatchDuplicateToolstringAndRedirect,\r\n}) => {\r\n useEffect(() => {\r\n dispatchGetToolstring(projectId, taskId, toolstringId);\r\n dispatchToolstringSections(projectId, taskId, toolstringId);\r\n }, [\r\n dispatchGetToolstring,\r\n dispatchToolstringSections,\r\n projectId,\r\n taskId,\r\n toolstringId,\r\n ]);\r\n\r\n const [isToolstringExportModalOpen, toggleToolstringExportModal] = useModal(\r\n MODAL.SIMULATION_EXPORT_MODAL_ID,\r\n );\r\n\r\n const [latestWellboreDetail = EMPTY_MAP] =\r\n useLatestProjectWellboreDetail(projectId);\r\n\r\n const onUpdateToolstring = useCallback(\r\n (toolstring) =>\r\n dispatchUpdateToolstring(projectId, taskId, toolstringId, toolstring),\r\n [taskId, projectId, toolstringId, dispatchUpdateToolstring],\r\n );\r\n\r\n const onToggleFavorite = useCallback(\r\n () => dispatchToggleToolstringFavorite(projectId, taskId, toolstringId),\r\n [taskId, projectId, toolstringId, dispatchToggleToolstringFavorite],\r\n );\r\n\r\n const actions = useMemo(() => {\r\n const toolstringId = toolstring.get('id');\r\n\r\n return [\r\n {\r\n Icon: DeleteIcon,\r\n title: 'Delete',\r\n disabled: toolstring.get('isPlanned'),\r\n onClick: () =>\r\n dispatchDeleteToolstringAndRedirect(\r\n projectId,\r\n taskId,\r\n toolstringId,\r\n toolstringId,\r\n ),\r\n },\r\n {\r\n Icon: DuplicateIcon,\r\n title: 'Duplicate',\r\n onClick: () =>\r\n dispatchDuplicateToolstringAndRedirect(\r\n projectId,\r\n taskId,\r\n toolstringId,\r\n ),\r\n },\r\n {\r\n Icon: PictureAsPdf,\r\n title: 'Export',\r\n onClick: toggleToolstringExportModal,\r\n },\r\n {\r\n Icon: EditIcon,\r\n title: 'Edit',\r\n disabled: toolstring.get('isPlanned'),\r\n onClick: () =>\r\n dispatchRedirectToTaskToolstringEdit(projectId, taskId, toolstringId),\r\n },\r\n ];\r\n }, [\r\n taskId,\r\n projectId,\r\n toolstring,\r\n toggleToolstringExportModal,\r\n dispatchDeleteToolstringAndRedirect,\r\n dispatchRedirectToTaskToolstringEdit,\r\n dispatchDuplicateToolstringAndRedirect,\r\n ]);\r\n\r\n const isEmptyToolstring = !toolstringTools.size;\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n {isEmptyToolstring && }\r\n {!isEmptyToolstring && (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n )}\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nconst styles = (theme) => ({\r\n root: {\r\n padding: theme.spacing(3),\r\n },\r\n toolstringContainer: {\r\n // This feels hacky, but couldn't figure out any other way of making the toolstring fit in the available height.\r\n height: `calc(100% - ${theme.spacing(12)}px)`,\r\n },\r\n toolstringPreview: {\r\n height: '100%',\r\n },\r\n});\r\n\r\nexport default compose(\r\n connect(\r\n (state, { toolstringId, taskId }) => {\r\n return {\r\n currentUser: getCurrentUserFromState(state),\r\n dataState: getSummarizedDataStateFromState(\r\n state,\r\n TOOLSTRING_ACTIONS.REQUEST_GET_TOOLSTRING_FOR_TASK,\r\n TOOLSTRING_ACTIONS.DOWNLOAD_TOOLSTRING_PDF_REPORT,\r\n ),\r\n toolstring: getToolstringFromState(state, toolstringId),\r\n toolstringSections: getToolstringSectionsFromState(state, toolstringId),\r\n toolstringTools: getToolstringToolsFromState(state, toolstringId),\r\n project: getCurrentProject(state),\r\n task: getTaskByIdFromState(state, taskId),\r\n };\r\n },\r\n {\r\n dispatchGetToolstring: requestGetTaskToolstring,\r\n dispatchUpdateToolstring: requestUpdateToolstring,\r\n dispatchToolstringSections: requestTaskToolstringSections,\r\n dispatchToggleToolstringFavorite: requestToogleToolstringFavorite,\r\n dispatchRedirectToTaskToolstringEdit: redirectToTaskToolstringEdit,\r\n dispatchDeleteToolstringAndRedirect: requestDeleteToolstringAndRedirect,\r\n dispatchDuplicateToolstringAndRedirect:\r\n requestDuplicateToolstringAndRedirect,\r\n },\r\n ),\r\n withStyles(styles),\r\n)(TaskToolstringContainer);\r\n","import withStyles from '@material-ui/styles/withStyles';\r\n\r\nimport ToolImageContainer from 'features/projects/tool/components/ToolImageContainer';\r\n\r\nconst ToolImageTableCell = ({ classes, ...rest }) => (\r\n \r\n);\r\n\r\nconst styles = (theme) => ({\r\n root: {\r\n height: '100%',\r\n maxWidth: '100%',\r\n minWidth: '100%',\r\n maxHeight: 'inherit',\r\n objectFit: 'contain',\r\n padding: `${theme.spacing(0.5)}px 0`,\r\n },\r\n});\r\n\r\nexport default withStyles(styles)(ToolImageTableCell);\r\n","import { useMemo } from 'react';\r\nimport { compose } from 'redux';\r\nimport PropTypes from 'prop-types';\r\nimport AddIcon from '@material-ui/icons/Add';\r\nimport { List, isImmutable } from 'immutable';\r\nimport { IconButton } from '@material-ui/core';\r\nimport WarningIcon from '@material-ui/icons/Warning';\r\nimport ExpandMore from '@material-ui/icons/ExpandMore';\r\nimport ExpandLess from '@material-ui/icons/ExpandLess';\r\nimport withStyles from '@material-ui/styles/withStyles';\r\n\r\nimport {\r\n Fab,\r\n Grid,\r\n Tooltip,\r\n Typography,\r\n CircularProgress,\r\n} from '@material-ui/core';\r\n\r\nimport { Table, TableRowActionsCell } from 'altus-ui-components';\r\n\r\nimport {\r\n ToolType,\r\n ExifOrientation,\r\n ToolCategoryType,\r\n} from 'features/projects/tool/tool.constants';\r\n\r\nimport { formatValue } from 'utils/format.util';\r\nimport { EMPTY_LIST } from 'app/app.constants';\r\nimport { getQuantityUnitFromItems } from 'utils/app.util';\r\nimport TableCellDense from 'app/components/Table/TableCellDense';\r\nimport { ThirdPartyLabel } from 'features/projects/tool/tool.constants';\r\nimport ToolImageTableCell from 'app/components/ToolImageTableCell';\r\nimport TableHeaderCellDense from 'app/components/Table/TableHeaderCellDense';\r\nimport ToolImageContainer from 'features/projects/tool/components/ToolImageContainer';\r\nimport QuantityTableHeaderTitleCell from 'app/components/QuantityTableHeaderTitleCell';\r\n\r\nconst defaultInitialState = {\r\n pageSize: 30,\r\n};\r\n\r\nconst getSubRows = (row) =>\r\n isImmutable(row)\r\n ? row.get('toolAssemblyTools')?.toArray()\r\n : row.original?.toolAssemblyTools?.toArray();\r\n\r\nconst getHiddenColumns = (activeCategory) => {\r\n var hiddenColumns = [];\r\n\r\n if (activeCategory.value !== ToolCategoryType.Assemblies) {\r\n hiddenColumns = [...hiddenColumns, 'toolAssemblyTools', 'sequence'];\r\n }\r\n if (activeCategory.value !== ToolCategoryType.ThirdParty) {\r\n hiddenColumns = [...hiddenColumns, 'supplier'];\r\n }\r\n return hiddenColumns;\r\n};\r\n\r\nconst ToolPickerModalTable = ({\r\n classes,\r\n tools = EMPTY_LIST,\r\n loading,\r\n onAddTool,\r\n activeCategory,\r\n}) => {\r\n const initialState = useMemo(\r\n () => ({\r\n ...defaultInitialState,\r\n hiddenColumns: getHiddenColumns(activeCategory),\r\n sortBy: [\r\n {\r\n id:\r\n activeCategory.value === ToolCategoryType.Assemblies\r\n ? 'sequence'\r\n : 'toolName',\r\n desc: false,\r\n },\r\n ],\r\n }),\r\n [activeCategory],\r\n );\r\n\r\n const lengthUnit = getQuantityUnitFromItems(tools, (result) =>\r\n result.get('length'),\r\n );\r\n\r\n const weightUnit = getQuantityUnitFromItems(tools, (result) =>\r\n result.get('weight'),\r\n );\r\n\r\n const diameterUnit = getQuantityUnitFromItems(tools, (result) =>\r\n result.get('outerDiameter'),\r\n );\r\n\r\n const columns = useMemo(\r\n () => [\r\n {\r\n id: 'expander',\r\n xs: 1,\r\n disableSortBy: true,\r\n Header: ,\r\n Cell: ({ row }) => {\r\n if (!row.canExpand) return ;\r\n\r\n return (\r\n \r\n \r\n {row.isExpanded ? : }\r\n \r\n \r\n );\r\n },\r\n },\r\n {\r\n xs: 1,\r\n id: 'dataVerified',\r\n Cell: ({ row }) => {\r\n const tool = row.original;\r\n const thirdPary =\r\n tool.get('m3ItemNumber') === ThirdPartyLabel ? true : false;\r\n\r\n if (!row.canExpand) {\r\n if (!tool.get('dataVerified')) {\r\n if (thirdPary) return null;\r\n return (\r\n \r\n \r\n \r\n );\r\n } else return null;\r\n } else return null;\r\n },\r\n },\r\n {\r\n xs: 1,\r\n id: 'toolItemNo',\r\n Header: 'Item no.',\r\n accessor: (tool) => tool.get('m3ItemNumber'),\r\n Cell: ({ row, value }) => (\r\n \r\n {value\r\n ? activeCategory.value !== ToolCategoryType.ThirdParty\r\n ? `#${value}`\r\n : value\r\n : null}\r\n \r\n ),\r\n },\r\n {\r\n xs: 4,\r\n id: 'toolImage',\r\n Header: 'Tool',\r\n Cell: ({ row }) => {\r\n const { original: tool } = row;\r\n\r\n const toolStringItems = tool.get('toolAssemblyTools');\r\n\r\n if (\r\n tool.get('toolAssemblyTools') &&\r\n tool.get('toolAssemblyTools').size\r\n ) {\r\n return (\r\n \r\n {toolStringItems.reverse().map((item) => {\r\n return (\r\n \r\n );\r\n })}\r\n \r\n );\r\n }\r\n\r\n return (\r\n \r\n );\r\n },\r\n },\r\n {\r\n xs: 3,\r\n id: 'toolName',\r\n Header: 'Name',\r\n accessor: (tool) => tool.get('name'),\r\n },\r\n {\r\n xs: 1,\r\n id: 'toolOuterDiameter',\r\n sortType: 'basic',\r\n accessor: (tool) =>\r\n formatValue(tool.getIn(['outerDiameter', 'value']), '', 0.01),\r\n Header: () => (\r\n \r\n ),\r\n },\r\n {\r\n xs: 1,\r\n id: 'toolLength',\r\n sortType: 'basic',\r\n accessor: (tool) =>\r\n formatValue(tool.getIn(['length', 'value']), '', 0.01),\r\n Header: () => (\r\n \r\n ),\r\n },\r\n {\r\n xs: 1,\r\n id: 'toolWeight',\r\n sortType: 'basic',\r\n accessor: (tool) =>\r\n formatValue(tool.getIn(['weight', 'value']), '', 0.1),\r\n Header: () => (\r\n \r\n ),\r\n },\r\n {\r\n xs: 1,\r\n id: 'topConnectorDescription',\r\n Header: 'Top C.',\r\n sortType: 'basic',\r\n accessor: (tool) => tool.get('topConnectorDescription'),\r\n Cell: ({ value }) => value ?? '',\r\n },\r\n {\r\n xs: 1,\r\n id: 'bottomConnectorDescription',\r\n Header: 'Bottom C.',\r\n sortType: 'basic',\r\n accessor: (tool) => tool.get('bottomConnectorDescription'),\r\n Cell: ({ value }) => value ?? '',\r\n },\r\n {\r\n xs: 1,\r\n id: 'toolAssemblyTools',\r\n Header: 'Components',\r\n sortType: 'basic',\r\n accessor: (tool) => tool.get('toolAssemblyTools'),\r\n Cell: ({ value }) => (\r\n \r\n {value && value.size ? `${value.size}` : null}\r\n \r\n ),\r\n },\r\n {\r\n xs: 1,\r\n id: 'supplier',\r\n Header: 'Supplier',\r\n sortType: 'basic',\r\n accessor: (tool) => tool.get('supplier'),\r\n },\r\n {\r\n xs: 1,\r\n id: 'sequence',\r\n Header: 'Sequence',\r\n accessor: (tool) => tool.get('sequence'),\r\n },\r\n {\r\n id: 'actions',\r\n xs: 1,\r\n disableSortBy: true,\r\n Header: ,\r\n Cell: ({ row }) => {\r\n const { original: tool } = row;\r\n const isToolInsideAssembly =\r\n !!row.depth && tool.get('type') === ToolType.TOOL;\r\n\r\n if (isToolInsideAssembly) return ;\r\n\r\n return (\r\n \r\n onAddTool(tool)}\r\n >\r\n Add\r\n \r\n \r\n \r\n );\r\n },\r\n },\r\n ],\r\n [lengthUnit, weightUnit, diameterUnit, classes, onAddTool, activeCategory],\r\n );\r\n\r\n if (loading) {\r\n return (\r\n \r\n \r\n \r\n );\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nToolPickerModalTable.propTypes = {\r\n tools: PropTypes.instanceOf(List),\r\n};\r\n\r\nconst styles = (theme) => ({\r\n rowActionCell: {\r\n paddingRght: '10px',\r\n },\r\n warningIcon: {\r\n color: theme.palette.warning.main,\r\n },\r\n toolContainer: {\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n overflow: 'hidden',\r\n position: 'relative',\r\n '& > img': {\r\n objectFit: 'contain',\r\n },\r\n },\r\n});\r\n\r\nexport default compose(withStyles(styles))(ToolPickerModalTable);\r\n","import RefreshIcon from '@material-ui/icons/Refresh';\r\nimport { Grid, Button, Typography } from '@material-ui/core';\r\n\r\nconst ToolPickerModalHeader = ({ onRefreshTools, onClose }) => (\r\n \r\n \r\n Add Tools\r\n \r\n \r\n \r\n }\r\n disabled // disabled by default until implementation of equipment service\r\n >\r\n Refresh M3\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n);\r\n\r\nexport default ToolPickerModalHeader;\r\n","import { useFormikContext } from 'formik';\r\nimport { useCallback, useMemo } from 'react';\r\n\r\nimport { useToggle } from 'altus-hooks';\r\nimport { MultiSelectModal } from 'altus-ui-components';\r\n\r\nimport { EMPTY_LIST } from 'app/app.constants';\r\nimport { Typography } from 'app/components/withTooltip';\r\nimport TextFieldV2 from 'app/components/form/TextFieldV2';\r\n\r\nconst defaultValidate = () => true;\r\n\r\nconst defaultGetSubmitLabel = (selectedItems) =>\r\n selectedItems.size ? `Select (${selectedItems.size})` : 'Select';\r\n\r\nconst MultiSelectTextFieldFormik = ({\r\n label,\r\n field,\r\n items,\r\n getKey,\r\n getName,\r\n disabled,\r\n validate = defaultValidate,\r\n getSubmitLabel = defaultGetSubmitLabel,\r\n}) => {\r\n const { setFieldValue } = useFormikContext();\r\n const { value = EMPTY_LIST, name } = field;\r\n\r\n const [isOpen, toggleModal] = useToggle();\r\n\r\n const itemsById = items.toMap().mapKeys((_, item) => getKey(item));\r\n\r\n const renderValue = useCallback(\r\n () => (\r\n \r\n {value.size ? `${value.size} selected` : All}\r\n \r\n ),\r\n [value],\r\n );\r\n\r\n const initialSelectedItems = useMemo(\r\n () => value.map((itemId) => itemsById.get(itemId)).toSet(),\r\n [value, itemsById],\r\n );\r\n\r\n const onSubmit = useCallback(\r\n (selectedItems) => {\r\n setFieldValue(name, selectedItems.map(getKey));\r\n toggleModal();\r\n },\r\n [setFieldValue, toggleModal, getKey, name],\r\n );\r\n\r\n return (\r\n <>\r\n \r\n {EMPTY_LIST.toArray()}\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default MultiSelectTextFieldFormik;\r\n","import { Grid } from '@material-ui/core';\r\nimport { Formik, Form, Field } from 'formik';\r\n\r\nimport { Tab, Tabs } from 'altus-ui-components';\r\n\r\nimport AutoSaveFormik from 'app/components/form/formik/AutoSaveFormik';\r\nimport TextFieldFormik from 'app/components/form/formik/TextFieldFormik';\r\nimport { ToolCategoryType } from 'features/projects/tool/tool.constants';\r\nimport SelectTextFieldFormik from 'app/components/form/formik/SelectTextFieldFormik';\r\nimport MultiSelectTextFieldFormik from 'app/components/form/formik/MultiSelectTextFieldFormik';\r\n\r\nexport const Filters = {\r\n projectId: 'projectId',\r\n textSearch: 'textSearch',\r\n categoryId: 'categoryId',\r\n toolGroupIds: 'toolGroupIds',\r\n serialSearch: 'serialSearch',\r\n supplierSearch: 'supplierSearch',\r\n topConnectorIds: 'topConnectorIds',\r\n bottomConnectorIds: 'bottomConnectorIds',\r\n};\r\n\r\nconst getKey = (item) => item.get('id');\r\nconst getName = (item) => item.get('name')?.toUpperCase();\r\n\r\nconst validateSerialSearch = (value) => {\r\n let error;\r\n if (value && value.length < 3) {\r\n error = 'Enter at least 3 characters';\r\n }\r\n return error;\r\n};\r\n\r\nconst ToolPickerModalFilters = ({\r\n loading,\r\n onSearch,\r\n suppliers,\r\n toolGroups,\r\n activeFilters,\r\n topConnectors,\r\n activeCategory,\r\n toolCategories,\r\n bottomConnectors,\r\n onChangeCategory,\r\n}) => (\r\n \r\n \r\n \r\n);\r\n\r\nexport default ToolPickerModalFilters;\r\n","import { compose } from 'redux';\r\nimport withStyles from '@material-ui/styles/withStyles';\r\nimport { Grid, Dialog, DialogContent } from '@material-ui/core';\r\n\r\nimport ToolPickerModalTable from 'features/projects/tool/components/ToolPickerModalTable';\r\nimport ToolPickerModalHeader from 'features/projects/tool/components/ToolPickerModalHeader';\r\nimport ToolPickerModalFilters from 'features/projects/tool/components/ToolPickerModalFilters';\r\n\r\nconst ToolPickerModal = ({\r\n open,\r\n tools,\r\n onExit,\r\n onEnter,\r\n classes,\r\n loading,\r\n onSearch,\r\n onAddTool,\r\n suppliers,\r\n toolGroups,\r\n toggleModal,\r\n activeFilters,\r\n topConnectors,\r\n onRefreshTools,\r\n activeCategory,\r\n toolCategories,\r\n bottomConnectors,\r\n onChangeCategory,\r\n enabledToolCategoryTypes,\r\n}) => (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n);\r\n\r\nconst styles = (theme) => ({\r\n root: {\r\n height: '75vh',\r\n },\r\n content: {\r\n padding: `0px ${theme.spacing(3)}px`,\r\n },\r\n header: {\r\n padding: theme.spacing(3),\r\n },\r\n filters: {\r\n paddingBottom: theme.spacing(2),\r\n },\r\n table: {\r\n paddingBottom: theme.spacing(2),\r\n },\r\n});\r\n\r\nexport default compose(withStyles(styles))(ToolPickerModal);\r\n","import { compose } from 'redux';\r\nimport { connect } from 'react-redux';\r\nimport { memo, useCallback, useState, useMemo, useEffect } from 'react';\r\n\r\nimport {\r\n getToolGroupsFromState,\r\n getToolSuppliersFromState,\r\n getToolsSearchResultFromState,\r\n getToolTopConnectorsFromState,\r\n getToolBottomConnectorsFromState,\r\n} from 'features/projects/tool/tool.selector';\r\n\r\nimport {\r\n requestToolsSearch,\r\n toolPickerModalOnLoad,\r\n requestRefreshToolsWithM3,\r\n requestToolGroupsByCategory,\r\n} from 'features/projects/tool/tool.actions';\r\n\r\nimport { EMPTY_LIST, EMPTY_MAP } from 'app/app.constants';\r\nimport { getSummarizedDataStateFromState } from 'app/app.selectors';\r\nimport { TOOL_ACTIONS } from 'features/projects/tool/tool.constants';\r\nimport { ToolCategoryType } from 'features/projects/tool/tool.constants';\r\nimport ToolPickerModal from 'features/projects/tool/components/ToolPickerModal';\r\nimport { Filters } from 'features/projects/tool/components/ToolPickerModalFilters';\r\n\r\nconst toolCategories = [\r\n { label: 'MWL Tools', value: ToolCategoryType.MWL },\r\n { label: 'EWL Tools', value: ToolCategoryType.EWL },\r\n { label: '3rd party', value: ToolCategoryType.ThirdParty },\r\n { label: 'Tool Assemblies', value: ToolCategoryType.Assemblies },\r\n];\r\n\r\nconst ToolPickerModalContainer = ({\r\n open,\r\n tools = EMPTY_LIST,\r\n onExit,\r\n onAddTool,\r\n suppliers = EMPTY_MAP,\r\n toolGroups = EMPTY_MAP,\r\n topConnectors = EMPTY_MAP,\r\n onToggleModal,\r\n dispatchOnLoad,\r\n bottomConnectors = EMPTY_MAP,\r\n dispatchOnSearch,\r\n loadingDataState,\r\n dispatchOnRefreshTools,\r\n enabledToolCategoryTypes,\r\n dispatchOnChangeCategory,\r\n projectId,\r\n}) => {\r\n const initialFilters = useMemo(\r\n () => ({\r\n [Filters.textSearch]: '',\r\n [Filters.toolGroupIds]: EMPTY_LIST,\r\n [Filters.topConnectorIds]: EMPTY_LIST,\r\n [Filters.bottomConnectorIds]: EMPTY_LIST,\r\n [Filters.projectId]: projectId,\r\n }),\r\n [projectId],\r\n );\r\n\r\n const [activeFilters, setFilters] = useState(initialFilters);\r\n const [activeCategory, setActiveCategory] = useState(toolCategories[0]);\r\n const enabledToolCategories = useMemo(\r\n () =>\r\n toolCategories.filter((category) =>\r\n enabledToolCategoryTypes.includes(category.value),\r\n ),\r\n [enabledToolCategoryTypes],\r\n );\r\n\r\n useEffect(() => {\r\n if (open) {\r\n dispatchOnSearch({\r\n [Filters.categoryId]: activeCategory.value,\r\n [Filters.projectId]: projectId,\r\n });\r\n } else {\r\n // Cleanup filters and category when closing\r\n setActiveCategory(toolCategories[0]);\r\n setFilters(initialFilters);\r\n }\r\n }, [open, activeCategory, dispatchOnSearch, projectId, initialFilters]);\r\n\r\n const handleSearch = useCallback(\r\n (filterValues) => {\r\n dispatchOnSearch({\r\n [Filters.textSearch]: filterValues[Filters.textSearch],\r\n [Filters.serialSearch]: filterValues[Filters.serialSearch],\r\n [Filters.categoryId]: activeCategory.value,\r\n [Filters.toolGroupIds]: filterValues[Filters.toolGroupIds].toArray(),\r\n [Filters.topConnectorIds]:\r\n filterValues[Filters.topConnectorIds].toArray(),\r\n [Filters.bottomConnectorIds]:\r\n filterValues[Filters.bottomConnectorIds].toArray(),\r\n [Filters.supplierSearch]: filterValues[Filters.supplierSearch],\r\n [Filters.projectId]: projectId,\r\n getByStatus: true, // filter by un/servicable\r\n });\r\n setFilters(filterValues);\r\n },\r\n [dispatchOnSearch, activeCategory.value, projectId],\r\n );\r\n\r\n const onChangeCategory = useCallback(\r\n (newCategory) => {\r\n setActiveCategory(newCategory);\r\n dispatchOnChangeCategory(newCategory.value);\r\n setFilters(initialFilters);\r\n },\r\n [dispatchOnChangeCategory, initialFilters],\r\n );\r\n\r\n return (\r\n \r\n );\r\n};\r\n\r\nexport default compose(\r\n connect(\r\n (state) => ({\r\n toolGroups: getToolGroupsFromState(state),\r\n tools: getToolsSearchResultFromState(state),\r\n suppliers: getToolSuppliersFromState(state),\r\n topConnectors: getToolTopConnectorsFromState(state),\r\n bottomConnectors: getToolBottomConnectorsFromState(state),\r\n loadingDataState: getSummarizedDataStateFromState(\r\n state,\r\n TOOL_ACTIONS.REQUEST_TOOLS_SEARCH,\r\n TOOL_ACTIONS.TOOL_PICKER_MODAL_ON_LOAD,\r\n TOOL_ACTIONS.REQUEST_REFRESH_ALL_TOOLS_WITH_M3,\r\n TOOL_ACTIONS.REQUEST_TOOL_GROUPS_BY_CATEGORY,\r\n TOOL_ACTIONS.REQUEST_TOOL_GROUPS,\r\n ),\r\n }),\r\n {\r\n dispatchOnSearch: requestToolsSearch,\r\n dispatchOnLoad: toolPickerModalOnLoad,\r\n dispatchOnRefreshTools: requestRefreshToolsWithM3,\r\n dispatchOnChangeCategory: requestToolGroupsByCategory,\r\n },\r\n ),\r\n memo,\r\n)(ToolPickerModalContainer);\r\n","import { useCallback } from 'react';\r\n\r\nimport { useRequest } from 'altus-hooks';\r\n\r\nimport projectService from 'services/project.service';\r\n\r\nconst UseFacilityProjectDecks = (projectId) => {\r\n const getFacilityProjectDecks = useCallback(\r\n () =>\r\n projectService\r\n .getFacilityDecksByProjectId(projectId)\r\n .then((facility) =>\r\n facility,\r\n ),\r\n [projectId],\r\n );\r\n\r\n return useRequest(getFacilityProjectDecks);\r\n};\r\n\r\nexport default UseFacilityProjectDecks;","import { compose } from 'redux';\r\nimport PropTypes from 'prop-types';\r\nimport EditIcon from '@material-ui/icons/Edit';\r\nimport withStyles from '@material-ui/styles/withStyles';\r\nimport { Grid, AppBar, Button, Typography } from '@material-ui/core';\r\n\r\nconst TaskToolstringEditorAppBar = ({ classes, onClose, toolstringName }) => (\r\n \r\n \r\n \r\n \r\n \r\n {toolstringName}\r\n \r\n \r\n \r\n \r\n EDITING BHA\r\n \r\n \r\n \r\n \r\n Exit BHA Editor\r\n \r\n \r\n \r\n \r\n);\r\n\r\nconst styles = (theme) => ({\r\n root: {\r\n padding: theme.spacing(2),\r\n boxShadow: 'none',\r\n },\r\n toolstringName: {\r\n paddingLeft: theme.spacing(1),\r\n },\r\n});\r\n\r\nTaskToolstringEditorAppBar.propTypes = {\r\n toolstringName: PropTypes.string,\r\n onClose: PropTypes.func.isRequired,\r\n};\r\n\r\nexport default compose(withStyles(styles))(TaskToolstringEditorAppBar);\r\n","import { Formik } from 'formik';\r\nimport { useMemo } from 'react';\r\n\r\nimport { TableRow } from 'altus-ui-components';\r\n\r\nimport AutoSaveFormik from 'app/components/form/formik/AutoSaveFormik';\r\n\r\nconst EditableTableRowFormik = ({\r\n item,\r\n timeout,\r\n onSubmit,\r\n TableRowComponent = TableRow,\r\n ...rest\r\n}) => {\r\n const initialValues = useMemo(() => item.toJS(), [item]);\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default EditableTableRowFormik;\r\n","import React from 'react';\r\nimport { useDispatch } from 'react-redux';\r\nimport { useEffect, useState } from 'react';\r\nimport { Autocomplete } from '@material-ui/lab';\r\nimport ClearIcon from '@material-ui/icons/Close';\r\nimport { TextField, IconButton } from '@material-ui/core';\r\nimport { useTheme } from '@material-ui/core/styles';\r\n\r\nconst DEFAULT_INPUT_VALUE = '';\r\nexport const AutocompleteTextField = ({\r\n autoCompleteValue,\r\n setAutocompleteValue,\r\n form,\r\n formFieldName,\r\n setInitialFieldValue,\r\n valueSelectorFromAutocomplete,\r\n getOptionLabel,\r\n fetchAutocompleteDataAction,\r\n placeholder,\r\n keepChangeAfterOnBlur = false,\r\n id,\r\n disabled = false,\r\n clearInputValue = null,\r\n}) => {\r\n const theme = useTheme();\r\n const [options, setOptions] = useState([]);\r\n const [inputValue, setInputValue] = useState(DEFAULT_INPUT_VALUE);\r\n const [autoCompleteLengthError, setAutoCompleteLengthError] = useState('');\r\n const dispatch = useDispatch();\r\n\r\n const { getFieldMeta } = form;\r\n const { touched, error, value } = getFieldMeta(formFieldName);\r\n\r\n const onInputChange = (event, newInputValue) => {\r\n if (event?.type === 'blur' && keepChangeAfterOnBlur) {\r\n setInputValue(value === null ? DEFAULT_INPUT_VALUE : value);\r\n return;\r\n }\r\n\r\n setInputValue(newInputValue);\r\n };\r\n\r\n useEffect(() => {\r\n setInitialFieldValue(setInputValue);\r\n }, [setInitialFieldValue, setInputValue]);\r\n\r\n useEffect(() => {\r\n let active = true;\r\n\r\n if (inputValue === '') {\r\n setOptions(autoCompleteValue ? [autoCompleteValue] : []);\r\n return undefined;\r\n }\r\n\r\n if (inputValue.length > 0) {\r\n if (\r\n autoCompleteValue &&\r\n valueSelectorFromAutocomplete(autoCompleteValue) === inputValue\r\n )\r\n return undefined;\r\n fetchAutocompleteDataAction(inputValue).then((response) => {\r\n if (active) {\r\n let newOptions = [];\r\n\r\n if (autoCompleteValue) {\r\n newOptions = [autoCompleteValue];\r\n }\r\n\r\n if (response) {\r\n newOptions = [...newOptions, ...response];\r\n }\r\n\r\n setOptions(newOptions);\r\n }\r\n });\r\n }\r\n\r\n return () => {\r\n active = false;\r\n };\r\n }, [\r\n dispatch,\r\n inputValue,\r\n autoCompleteValue,\r\n fetchAutocompleteDataAction,\r\n valueSelectorFromAutocomplete,\r\n ]);\r\n\r\n return (\r\n x}\r\n getOptionLabel={getOptionLabel}\r\n renderInput={(params) => {\r\n return (\r\n \r\n {inputValue && (\r\n {\r\n setInputValue('');\r\n setAutocompleteValue(null);\r\n form.setFieldValue(formFieldName, '');\r\n\r\n if (clearInputValue) {\r\n clearInputValue();\r\n }\r\n }}\r\n size=\"small\"\r\n disabled={disabled}\r\n style={{\r\n position: 'absolute',\r\n right: '25px',\r\n zIndex: '100',\r\n }}\r\n >\r\n \r\n \r\n )}\r\n {params.InputProps.endAdornment}\r\n \r\n ),\r\n }}\r\n onChange={(event) => {\r\n if (event.target.value.length && event.target.value.length < 1) {\r\n setAutoCompleteLengthError('Min 1 character required');\r\n } else {\r\n setAutoCompleteLengthError('');\r\n }\r\n }}\r\n />\r\n );\r\n }}\r\n // Invoked when text field is changed (i.e. user entering search value)\r\n onInputChange={(event, newInputValue) =>\r\n onInputChange(event, newInputValue)\r\n }\r\n // Invoked when text field is changed (i.e. user entering search value)\r\n onChange={(event, newValue) => {\r\n setOptions(newValue ? [newValue, ...options] : options);\r\n setAutocompleteValue(newValue);\r\n const newFormFieldValue = valueSelectorFromAutocomplete(newValue);\r\n form.setFieldValue(formFieldName, newFormFieldValue);\r\n }}\r\n />\r\n );\r\n};\r\n","import { Field } from 'formik';\r\nimport { useCallback, useState } from 'react';\r\nimport { ThirdPartyLabel } from 'features/projects/tool/tool.constants';\r\nimport { AutocompleteTextField } from 'app/components/form/AutocompleteTextField';\r\nimport { findM3ItemsBySerialNumberAndStatus } from 'features/equipment/equipment.actions';\r\nimport TableRowTextFieldFormik from 'app/components/form/formik/TableRowTextFieldFormik';\r\n\r\nexport const AutocompleteTextFieldAdapter = ({\r\n form,\r\n placeholder,\r\n keepChangeAfterOnBlur = false,\r\n InputProps,\r\n ...props\r\n}) => {\r\n const [m3ItemNumber, setM3ItemNumber] = useState(null);\r\n const [isThirdPartyTool, setThirdPartyTool] = useState(false);\r\n const [autoCompleteValue, setAutocompleteValue] = useState(null);\r\n\r\n const setInitialFieldValue = useCallback(\r\n (form) => (setInputFieldValue) => {\r\n if (form?.values?.m3ItemNumber) {\r\n if (form?.values?.m3ItemNumber === ThirdPartyLabel) {\r\n setThirdPartyTool(true);\r\n } else {\r\n setM3ItemNumber(form?.values?.m3ItemNumber);\r\n }\r\n }\r\n // for cables referenceNumber\r\n else if (form?.values?.referenceNumber) {\r\n setM3ItemNumber(form?.values?.referenceNumber);\r\n }\r\n\r\n if (form?.values?.serialNo) {\r\n setInputFieldValue(form?.values?.serialNo);\r\n }\r\n },\r\n [],\r\n );\r\n const getOptionLabel = useCallback(\r\n (selectedValue) => selectedValue?.serialNumber,\r\n [],\r\n );\r\n const valueSelectorFromAutocomplete = useCallback(\r\n (selectedValue) => selectedValue?.serialNumber,\r\n [],\r\n );\r\n\r\n return (\r\n \r\n {!isThirdPartyTool && (\r\n
\r\n findM3ItemsBySerialNumberAndStatus(m3ItemNumber, value)\r\n }\r\n placeholder={placeholder}\r\n id={'auto-complete-serial-number-m3'}\r\n />\r\n )}\r\n {isThirdPartyTool && (\r\n \r\n )}\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nconst styles = () => ({\r\n customTextField: {\r\n '& input::placeholder': {\r\n fontSize: '10',\r\n },\r\n },\r\n root: {\r\n '& .MuiFormLabel-root': {\r\n fontSize: '10',\r\n },\r\n },\r\n});\r\n\r\nexport default withStyles(styles)(DatePickerFormik);\r\n","import { useState, useEffect } from 'react';\r\nimport TextField from 'app/components/form/TextFieldV2';\r\n\r\nconst timeToSeconds = (time) => {\r\n if (time) {\r\n const [hours, minutes] = time.split(':');\r\n return (parseInt(hours, 10) * 60 + parseInt(minutes, 10)) * 60;\r\n }\r\n return 0;\r\n};\r\n\r\nconst secondsToTime = (seconds) => {\r\n if (seconds) {\r\n const hours = Math.floor(seconds / 3600);\r\n const minutes = Math.floor((seconds % 3600) / 60);\r\n return `${hours.toString().padStart(2, '0')}:${minutes\r\n .toString()\r\n .padStart(2, '0')}`;\r\n }\r\n return '';\r\n};\r\n\r\nconst TimeSpanFormik = ({ field, form, ...props }) => {\r\n const { value, name } = field;\r\n const { setFieldValue } = form;\r\n\r\n const [formattedValue, setFormattedValue] = useState(\r\n secondsToTime(value || ''),\r\n );\r\n\r\n useEffect(() => {\r\n setFieldValue(name, timeToSeconds(formattedValue));\r\n }, [formattedValue, name, setFieldValue]);\r\n\r\n const handleKeyDown = (e) => {\r\n let newValue =\r\n e.key === 'Backspace' || e.key === 'Delete'\r\n ? formattedValue.slice(0, -1)\r\n : formattedValue + e.key;\r\n\r\n if (!e.key.match(/[0-9]|Backspace|Delete/)) {\r\n e.preventDefault();\r\n return;\r\n }\r\n\r\n if (newValue.length === 2 && formattedValue.length === 1) {\r\n newValue += ':';\r\n } else if (newValue.length === 2 && formattedValue.length === 3) {\r\n newValue = newValue.slice(0, -1);\r\n } else if (newValue.replace(/:/g, '').length > 4) {\r\n e.preventDefault();\r\n return;\r\n }\r\n\r\n setFormattedValue(newValue);\r\n e.preventDefault();\r\n };\r\n\r\n return (\r\n \r\n );\r\n};\r\n\r\nexport default TimeSpanFormik;\r\n","export default __webpack_public_path__ + \"static/media/Red.d4511525.svg\";","export default __webpack_public_path__ + \"static/media/Green.043abb86.svg\";","export default __webpack_public_path__ + \"static/media/Orange.d1a8ad54.svg\";","export const AssetHistoryForm = {\r\n ID: 'assetHistoryModal',\r\n MODE: 'mode',\r\n TYPE_OF_EVENT: 'typeOfEvent',\r\n TYPE_OF_TEST: 'typeOfTest',\r\n RESULT: 'result',\r\n DATE: 'date',\r\n TIME: 'time',\r\n DESCRIPTION: 'description',\r\n TYPE: 'type',\r\n CABLE_CUT: 'cableCut',\r\n CABLE_SIGNAL: 'cableSignal',\r\n CABLE_RESISTANCE: 'cableResistance',\r\n WRAP_TEST: 'wrapTest',\r\n STORAGE_TYPE: 'storageType',\r\n\r\n //BOP TEST\r\n BOP_RAM: 'bopRam',\r\n BOP_LEAK_TYPE: 'bopLeakType',\r\n BOP_LEAK_TYPE_DESCRIPTION: 'bopLeakTypeDescription',\r\n BOP_LEAK_TYPE_DESCRIPTION_VALIDATION: 'bopLeakTypeDescriptionValidation',\r\n\r\n //CABLE TORSION TEST\r\n CABLE_TORSION_WRAP: 'cableTorsionWrap',\r\n\r\n //CABLE WRAP TEST\r\n CABLE_WRAP_TEST_STRAND: 'strandsPassed',\r\n CABLE_WRAP_TEST_STRAND_PASS_X: 'strandsPassedPassX',\r\n CABLE_WRAP_TEST_STRAND_OUT_Y: 'strandsPassedOutY',\r\n\r\n //CABLE TORTURE TEST\r\n CABLE_TORTURE_TEST_OUTER_ARMOUR_DUCTILITY_SCORE: 'outerArmourDuctilityScore',\r\n CABLE_TORTURE_TEST_INNER_ARMOUR_DUCTILITY_SCORE: 'innerArmourDuctilityScore',\r\n\r\n //CABLE CONTINUITY TEST\r\n CABLE_CONTINUITY_TEST_RESISTANCE: 'resistance',\r\n\r\n //CABLE INSULATION TEST\r\n CABLE_INSULATION_TEST_RESISTANCE: 'cableInsulationResistance',\r\n\r\n //SIL2 TEST\r\n ASSET_SIL2_TEST_BOP: 'assetSil2Bop',\r\n ASSET_SIL2_TEST_BCS: 'assetSil2Bcs',\r\n ASSET_SIL2_TEST_CABIN: 'assetSil2Cabin',\r\n\r\n //CABLE WRAP BRAIDED MONO TEST\r\n CABLE_WRAP_BRAIDED_MONO_TEST_INNER_STRAND_PASS_X:\r\n 'cableWrapBraidedMonoTestInnerStrandPassX',\r\n CABLE_WRAP_BRAIDED_MONO_TEST_INNER_STRAND_OUT_OF_Y:\r\n 'cableWrapBraidedMonoTestInnerStrandOutY',\r\n CABLE_WRAP_BRAIDED_MONO_TEST_OUTER_STRAND_PASS_X:\r\n 'cableWrapBraidedMonoTestOuterStrandPassX',\r\n CABLE_WRAP_BRAIDED_MONO_TEST_OUTER_STRAND_OUT_OF_Y:\r\n 'cableWrapBraidedMonoTestOuterStrandOutY',\r\n\r\n //CABLE BREAK TEST\r\n CABLE_BREAK_TEST_FORCE: 'cableBreakTestForceNumber',\r\n\r\n //CABLE CUT MAINTENANCE\r\n CABLE_CUT_MAINTENANCE_DISTANCE: 'distanceQuantity',\r\n\r\n //CABLE SERVICE MAINTENANCE\r\n CABLE_SERVICE_MAINTENANCE_CABLE_LENGTH: 'cableLengthQuantity',\r\n CABLE_SERVICE_MAINTENANCE_MAX_OD: 'maxODQuantity',\r\n\r\n //CABLE SPOOLING MAINTENANCE\r\n CABLE_SPOOLING_DRUM_ITEM_NUMBER: 'drumItemNumber',\r\n CABLE_SPOOLING_DRUM_SERIAL_NUMBER: 'drumSerialNumber',\r\n};\r\n\r\nexport default AssetHistoryForm;\r\n","import React from 'react';\r\nimport { useEffect } from 'react';\r\n\r\nimport { Field, useFormikContext } from 'formik';\r\n\r\nimport { Grid } from '@material-ui/core';\r\nimport SelectTextFieldFormik from 'app/components/form/formik/SelectTextFieldFormik';\r\nimport {\r\n BOP_LEAK_TYPE,\r\n BOP_RAM,\r\n TEST_ASSET_RESULT,\r\n} from 'features/equipment/equipment.constants';\r\nimport EditorFormik from 'app/components/form/formik/EditorFormik';\r\nimport { editorStateToString, getRichEditorText } from 'utils/app.util';\r\nimport { AssetHistoryForm } from 'features/equipment/assets/components/equipmentTest/form-utils/AssetHistoryForm';\r\n\r\nconst FormFields = AssetHistoryForm;\r\n\r\nexport const BopTestFormComponent = () => {\r\n const getId = (item) => item.id;\r\n const getName = (item) => item.name;\r\n const { values, setFieldValue } = useFormikContext();\r\n const isFail = String(TEST_ASSET_RESULT.FAIL) === values[FormFields.RESULT];\r\n const isOtherSelected =\r\n BOP_LEAK_TYPE.find((type) => type.name === 'Other')?.id ===\r\n values[FormFields.BOP_LEAK_TYPE];\r\n const bopLeakTypeDescription = values[FormFields.BOP_LEAK_TYPE_DESCRIPTION];\r\n\r\n useEffect(() => {\r\n if (bopLeakTypeDescription && isOtherSelected) {\r\n const json = editorStateToString(bopLeakTypeDescription);\r\n var value = getRichEditorText(json);\r\n setFieldValue(FormFields.BOP_LEAK_TYPE_DESCRIPTION_VALIDATION, value);\r\n }\r\n }, [bopLeakTypeDescription, isOtherSelected, setFieldValue]);\r\n\r\n return (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n {isFail ? (\r\n \r\n ) : null}\r\n \r\n \r\n \r\n {isOtherSelected && (\r\n \r\n {({ form, ...formik }) => {\r\n return (\r\n <>\r\n \r\n {/* Check for errors in BOP_LEAK_TYPE_DESCRIPTION_VALIDATION instead of BOP_LEAK_TYPE_DESCRIPTION */}\r\n {form.errors[\r\n FormFields.BOP_LEAK_TYPE_DESCRIPTION_VALIDATION\r\n ] && (\r\n \r\n {\r\n form.errors[\r\n FormFields.BOP_LEAK_TYPE_DESCRIPTION_VALIDATION\r\n ]\r\n }\r\n
\r\n )}\r\n \r\n );\r\n }}\r\n \r\n )}\r\n \r\n \r\n );\r\n};\r\n\r\nexport default BopTestFormComponent;\r\n","import React from 'react';\r\nimport BopTestFormComponent from 'features/equipment/assets/components/BopTestFormComponent';\r\n\r\nexport const BopTestCustomComponent = () => (\r\n <>\r\n \r\n \r\n);\r\n\r\nexport default BopTestCustomComponent;\r\n","import React from 'react';\r\nimport { Field } from 'formik';\r\n\r\nimport { Grid } from '@material-ui/core';\r\n\r\nimport TextFieldFormik from 'app/components/form/formik/TextFieldFormik';\r\nimport { AssetHistoryForm } from 'features/equipment/assets/components/equipmentTest/form-utils/AssetHistoryForm';\r\n\r\nexport const CableTorsionTestFormComponent = () => {\r\n return (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default CableTorsionTestFormComponent;\r\n","import React from 'react';\r\nimport { Field } from 'formik';\r\n\r\nimport { Grid } from '@material-ui/core';\r\n\r\nimport TextFieldFormik from 'app/components/form/formik/TextFieldFormik';\r\nimport { AssetHistoryForm } from 'features/equipment/assets/components/equipmentTest/form-utils/AssetHistoryForm';\r\n\r\nconst CableWrapStrandFormComponent = () => {\r\n return (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default CableWrapStrandFormComponent;\r\n","import React from 'react';\r\nimport { Field } from 'formik';\r\n\r\nimport { Grid } from '@material-ui/core';\r\n\r\nimport TextFieldFormik from 'app/components/form/formik/TextFieldFormik';\r\nimport { AssetHistoryForm } from 'features/equipment/assets/components/equipmentTest/form-utils/AssetHistoryForm';\r\n\r\nconst CableTortureStrandFormComponent = () => {\r\n return (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default CableTortureStrandFormComponent;\r\n","import React from 'react';\r\nimport { Field } from 'formik';\r\n\r\nimport { Grid, InputAdornment } from '@material-ui/core';\r\n\r\nimport TextFieldFormik from 'app/components/form/formik/TextFieldFormik';\r\nimport { AssetHistoryForm } from 'features/equipment/assets/components/equipmentTest/form-utils/AssetHistoryForm';\r\n\r\nconst CableContinuityFormComponent = () => {\r\n return (\r\n <>\r\n \r\n \r\n ohm,\r\n }}\r\n />\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default CableContinuityFormComponent;\r\n","import React from 'react';\r\nimport { Field } from 'formik';\r\n\r\nimport { Grid, InputAdornment } from '@material-ui/core';\r\n\r\nimport TextFieldFormik from 'app/components/form/formik/TextFieldFormik';\r\nimport { AssetHistoryForm } from 'features/equipment/assets/components/equipmentTest/form-utils/AssetHistoryForm';\r\n\r\nconst CableInsulationFormComponent = () => {\r\n return (\r\n <>\r\n \r\n \r\n giga ohm,\r\n }}\r\n />\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default CableInsulationFormComponent;\r\n","import React from 'react';\r\n\r\nimport SelectTextFieldFormik from 'app/components/form/formik/SelectTextFieldFormik';\r\nimport { AssetHistoryForm } from 'features/equipment/assets/components/equipmentTest/form-utils/AssetHistoryForm';\r\n\r\nconst Sil2FormComponent = ({\r\n sil2TestBopItems,\r\n sil2TestBcsItems,\r\n sil2TestCabinItems,\r\n}) => {\r\n const getId = (item) =>\r\n `${item.get('externalId')};${item.get('m3ItemNumber')};${item.get(\r\n 'serialNo',\r\n )}`;\r\n const getName = (item) => `[${item.get('serialNo')}] ${item.get('name')}`;\r\n\r\n return (\r\n <>\r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default Sil2FormComponent;\r\n","import React from 'react';\r\nimport { Field } from 'formik';\r\n\r\nimport { Grid } from '@material-ui/core';\r\n\r\nimport TextFieldFormik from 'app/components/form/formik/TextFieldFormik';\r\nimport { AssetHistoryForm } from 'features/equipment/assets/components/equipmentTest/form-utils/AssetHistoryForm';\r\n\r\nconst CableWrapBraidedMonoTestFormComponent = () => {\r\n return (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default CableWrapBraidedMonoTestFormComponent;\r\n","import { useEffect, useCallback } from 'react';\r\nimport { InputAdornment } from '@material-ui/core';\r\n\r\nimport { EMPTY_QUANTITY, EMPTY_STRING } from 'app/app.constants';\r\nimport TextFieldFormik from 'app/components/form/formik/TextFieldFormik';\r\n\r\nconst createDefaultQuantity = (unit) => ({\r\n ...EMPTY_QUANTITY,\r\n unit,\r\n});\r\n\r\nconst QuantityTextFieldFormik = ({\r\n form,\r\n field,\r\n InputProps,\r\n useRoundedValue = false,\r\n destroyOnUnmount = false,\r\n minValue = null,\r\n ...rest\r\n}) => {\r\n const { setFieldValue } = form;\r\n const { name, value: fieldValue = EMPTY_QUANTITY } = field;\r\n const { unit, value, roundedValue, hasValue } = fieldValue;\r\n\r\n const onChange = useCallback(\r\n (event) => {\r\n let inputValue = event.target.value;\r\n\r\n if (minValue !== null && inputValue < minValue) {\r\n inputValue = minValue;\r\n }\r\n\r\n setFieldValue(name, {\r\n unit,\r\n value: inputValue,\r\n hasValue: !!inputValue,\r\n });\r\n },\r\n [name, unit, setFieldValue, minValue],\r\n );\r\n\r\n useEffect(\r\n () => () => {\r\n if (destroyOnUnmount) {\r\n // clear value and unregister field\r\n setFieldValue(name, createDefaultQuantity(unit));\r\n }\r\n },\r\n [name, unit, setFieldValue, destroyOnUnmount],\r\n );\r\n\r\n const checkForRoundedValue = useCallback(() => {\r\n if (hasValue) {\r\n if (useRoundedValue) {\r\n return roundedValue;\r\n } else {\r\n return value;\r\n }\r\n } else {\r\n if (minValue !== null) {\r\n return minValue;\r\n }\r\n \r\n return EMPTY_STRING;\r\n }\r\n }, [hasValue, useRoundedValue, roundedValue, value, minValue]);\r\n\r\n return (\r\n {unit},\r\n ...InputProps,\r\n }}\r\n />\r\n );\r\n};\r\n\r\nexport default QuantityTextFieldFormik;\r\n","import React from 'react';\r\nimport { Field } from 'formik';\r\nimport { Grid } from '@material-ui/core';\r\n\r\nimport { AssetHistoryForm } from 'features/equipment/assets/components/equipmentTest/form-utils/AssetHistoryForm';\r\nimport QuantityTextFieldFormik from 'app/components/form/formik/QuantityTextFieldFormik';\r\n\r\nconst CableBreakTestFormComponent = () => {\r\n return (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default CableBreakTestFormComponent;\r\n","import React, { useEffect, useState } from 'react';\r\n\r\nimport { useFormikContext } from 'formik';\r\nimport { Grid } from '@material-ui/core';\r\n\r\nimport {\r\n ASSET_HISTORY_TEST_TYPES,\r\n ASSET_HISTORY_RESULTS,\r\n} from 'features/equipment/equipment.constants';\r\nimport RedIcon from 'assets/Red.svg';\r\nimport GreenIcon from 'assets/Green.svg';\r\nimport OrangeIcon from 'assets/Orange.svg';\r\nimport { AssetTestType } from 'features/equipment/assets/components/CreateAssetHistoryModalContainer';\r\nimport SelectTextFieldFormik from 'app/components/form/formik/SelectTextFieldFormik';\r\nimport { BopTestCustomComponent } from 'features/equipment/assets/components/BopTestCustomComponent';\r\nimport CableTorsionTestFormComponent from 'features/equipment/assets/components/equipmentTest/CableTorsionTestFormComponent';\r\nimport CableWrapStrandFormComponent from 'features/equipment/assets/components/equipmentTest/CableWrapStrandFormComponent';\r\nimport CableTortureStrandFormComponent from 'features/equipment/assets/components/equipmentTest/CableTortureStrandFormComponent';\r\nimport CableContinuityFormComponent from 'features/equipment/assets/components/equipmentTest/CableContinuityFormComponent';\r\nimport CableInsulationFormComponent from 'features/equipment/assets/components/equipmentTest/CableInsulationFormComponent';\r\nimport Sil2FormComponent from 'features/equipment/assets/components/equipmentTest/Sil2FormComponent';\r\nimport { AssetHistoryForm } from 'features/equipment/assets/components/equipmentTest/form-utils/AssetHistoryForm';\r\nimport CableWrapBraidedMonoTestFormComponent from 'features/equipment/assets/components/equipmentTest/CableWrapBraidedMonoTestFormComponent';\r\nimport CableBreakTestFormComponent from 'features/equipment/assets/components/equipmentTest/CableBreakTestFormComponent';\r\n\r\nconst TestForm = ({\r\n testTypesItems = ASSET_HISTORY_TEST_TYPES.filter(\r\n (item) => item.showByDefault,\r\n ),\r\n defaultTestTypeValue,\r\n sil2TestBopItems,\r\n sil2TestBcsItems,\r\n sil2TestCabinItems,\r\n selectedCustomUnitsOfMeasure,\r\n unitsOfMeasurePreference,\r\n projectMeasurementSystem,\r\n}) => {\r\n const getId = (item) => item.id;\r\n const getName = (item) => item.name;\r\n const resultIcons = {\r\n Pass: GreenIcon,\r\n Warning: OrangeIcon,\r\n Fail: RedIcon,\r\n };\r\n const { values, setFieldValue } = useFormikContext();\r\n const [strandInnerSections, setInnerStrandSections] = useState([]);\r\n const [cableWrapStrands, setCableWrapStrands] = useState([]);\r\n const [strandOuterSections, setOuterStrandSections] = useState([]);\r\n\r\n useEffect(() => {\r\n const combinedSections = [...strandInnerSections, ...strandOuterSections];\r\n setFieldValue('testStrands', combinedSections);\r\n }, [setFieldValue, strandInnerSections, strandOuterSections]);\r\n\r\n useEffect(() => {\r\n const combinedSections = [...cableWrapStrands];\r\n setFieldValue(AssetHistoryForm.CABLE_WRAP_TEST_STRAND, combinedSections);\r\n }, [setFieldValue, cableWrapStrands, strandOuterSections]);\r\n\r\n const selectedTestType = values[AssetHistoryForm.TYPE_OF_TEST];\r\n\r\n const testTypeComponents = React.useMemo(\r\n () => ({\r\n [AssetTestType.BOP_TEST]: {\r\n CustomComponent: BopTestCustomComponent,\r\n },\r\n [AssetTestType.CABLE_TORSION_TEST]: {\r\n CustomComponent: CableTorsionTestFormComponent,\r\n },\r\n [AssetTestType.CABLE_WRAP_TEST]: {\r\n CustomComponent: CableWrapStrandFormComponent,\r\n },\r\n [AssetTestType.CABLE_TORTURE_TEST]: {\r\n CustomComponent: CableTortureStrandFormComponent,\r\n },\r\n [AssetTestType.CABLE_CONTINUITY_TEST]: {\r\n CustomComponent: CableContinuityFormComponent,\r\n },\r\n [AssetTestType.CABLE_INSULATION_TEST]: {\r\n CustomComponent: CableInsulationFormComponent,\r\n },\r\n [AssetTestType.SIL2_TEST]: {\r\n CustomComponent: Sil2FormComponent,\r\n },\r\n [AssetTestType.CABLE_WRAP_BRAIDED_MONO_TEST]: {\r\n CustomComponent: CableWrapBraidedMonoTestFormComponent,\r\n },\r\n [AssetTestType.CABLE_BREAK_TEST]: {\r\n CustomComponent: CableBreakTestFormComponent,\r\n },\r\n }),\r\n [],\r\n );\r\n\r\n const SelectedComponent = testTypeComponents[selectedTestType] || {\r\n CustomComponent: () => null,\r\n };\r\n\r\n return (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n {defaultTestTypeValue ? null : (\r\n \r\n )}\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default TestForm;\r\n","export const CableSpoolingStorageTypeEnum = {\r\n addToStorageReel: { value: 0, label: 'Add to Storage Reel' },\r\n addToSpecificDrum: { value: 1, label: 'Add to Specific Drum' },\r\n};\r\n","import * as yup from 'yup';\r\n\r\nimport {\r\n ASSET_HISTORY_EVENT_TYPES_ITEM,\r\n ASSET_HISTORY_MAINTENANCE_TYPE,\r\n ASSET_HISTORY_TEST_TYPE,\r\n TEST_ASSET_RESULT,\r\n} from 'features/equipment/equipment.constants';\r\n\r\nimport { validateTimeString } from 'utils/app.util';\r\nimport { AssetHistoryForm } from 'features/equipment/assets/components/equipmentTest/form-utils/AssetHistoryForm';\r\nimport { CableSpoolingStorageTypeEnum } from 'features/equipment/assets/components/equipmentMaintenance/utils/constants';\r\n\r\nconst timeErrorMessage = 'Invalid time format, it should be in format HH:MM';\r\nconst FormFields = AssetHistoryForm;\r\n\r\nconst AssetHistoryYupValidator = yup.object().shape({\r\n [FormFields.TYPE_OF_EVENT]: yup\r\n .string()\r\n .required('Type of Event is required'),\r\n [FormFields.TYPE_OF_TEST]: yup.string().when(FormFields.TYPE_OF_EVENT, {\r\n is: '1',\r\n then: yup.string().required('Type of Test is required'),\r\n otherwise: yup.string().notRequired(),\r\n }),\r\n [FormFields.RESULT]: yup.string().when(FormFields.TYPE_OF_EVENT, {\r\n is: '1',\r\n then: yup.string().required('Result is required'),\r\n otherwise: yup.string().notRequired(),\r\n }),\r\n [FormFields.BOP_LEAK_TYPE]: yup\r\n .string()\r\n .when([FormFields.TYPE_OF_TEST, FormFields.RESULT], {\r\n is: (testType, result) =>\r\n testType === String(ASSET_HISTORY_TEST_TYPE.BOP_TEST) &&\r\n String(TEST_ASSET_RESULT.FAIL) === result,\r\n then: yup.string().required('Bop type of leak is required'),\r\n otherwise: yup.string().notRequired(),\r\n }),\r\n [FormFields.BOP_RAM]: yup\r\n .string()\r\n .when([FormFields.TYPE_OF_EVENT, FormFields.TYPE_OF_TEST], {\r\n is: (typeOfEvent, typeOfTest) =>\r\n typeOfEvent === String(ASSET_HISTORY_EVENT_TYPES_ITEM.TEST) &&\r\n String(ASSET_HISTORY_TEST_TYPE.BOP_TEST) === typeOfTest,\r\n then: yup.string().required('Bop Ram set is required'),\r\n otherwise: yup.string().notRequired(),\r\n }),\r\n [FormFields.BOP_LEAK_TYPE_DESCRIPTION_VALIDATION]: yup\r\n .string()\r\n .when([FormFields.BOP_LEAK_TYPE, FormFields.RESULT], {\r\n is: (bopLeakType, result) =>\r\n bopLeakType === '6' && String(TEST_ASSET_RESULT.FAIL) === result,\r\n then: yup.string().required('Bop type of leak description is required'),\r\n otherwise: yup.string().notRequired(),\r\n }),\r\n [FormFields.TIME]: yup\r\n .string()\r\n .required('Required')\r\n .test('is-valid-time', timeErrorMessage, (value) =>\r\n validateTimeString(value),\r\n ),\r\n [FormFields.CABLE_TORSION_WRAP]: yup\r\n .number()\r\n .when([FormFields.TYPE_OF_EVENT, FormFields.TYPE_OF_TEST], {\r\n is: (typeOfEvent, typeOfTest) =>\r\n typeOfEvent === String(ASSET_HISTORY_EVENT_TYPES_ITEM.TEST) &&\r\n String(ASSET_HISTORY_TEST_TYPE.CABLE_TORSION_TEST) === typeOfTest,\r\n then: yup\r\n .number()\r\n .integer('Cable Torsion wrap must be an integer')\r\n .required('Cable Torsion wrap is required'),\r\n otherwise: yup.number().integer().notRequired(),\r\n }),\r\n [FormFields.CABLE_WRAP_TEST_STRAND_PASS_X]: yup\r\n .number()\r\n .when([FormFields.TYPE_OF_EVENT, FormFields.TYPE_OF_TEST], {\r\n is: (typeOfEvent, typeOfTest) =>\r\n typeOfEvent === String(ASSET_HISTORY_EVENT_TYPES_ITEM.TEST) &&\r\n String(ASSET_HISTORY_TEST_TYPE.CABLE_WRAP_TEST) === typeOfTest,\r\n then: yup\r\n .number()\r\n .integer('Cable Strand Pass X must be an integer')\r\n .required('Cable Strand Pass X is required'),\r\n otherwise: yup.number().integer().notRequired(),\r\n }),\r\n [FormFields.CABLE_WRAP_TEST_STRAND_OUT_Y]: yup\r\n .number()\r\n .when([FormFields.TYPE_OF_EVENT, FormFields.TYPE_OF_TEST], {\r\n is: (typeOfEvent, typeOfTest) =>\r\n typeOfEvent === String(ASSET_HISTORY_EVENT_TYPES_ITEM.TEST) &&\r\n String(ASSET_HISTORY_TEST_TYPE.CABLE_WRAP_TEST) === typeOfTest,\r\n then: yup\r\n .number()\r\n .integer('Cable Strand Out Y must be an integer')\r\n .required('Cable Strand Out Y is required'),\r\n otherwise: yup.number().integer().notRequired(),\r\n }),\r\n\r\n //Cable Torture Test\r\n [FormFields.CABLE_TORTURE_TEST_OUTER_ARMOUR_DUCTILITY_SCORE]: yup\r\n .number()\r\n .min(0, 'Ductility score must be at least 0')\r\n .max(10, 'Ductility score must not exceed 10')\r\n .when([FormFields.TYPE_OF_EVENT, FormFields.TYPE_OF_TEST], {\r\n is: (typeOfEvent, typeOfTest) =>\r\n typeOfEvent === String(ASSET_HISTORY_EVENT_TYPES_ITEM.TEST) &&\r\n String(ASSET_HISTORY_TEST_TYPE.CABLE_TORTURE_TEST) === typeOfTest,\r\n then: yup\r\n .number()\r\n .min(0, 'Outer armour ductility score must be at least 0')\r\n .max(10, 'Outer armour ductility score must not exceed 10')\r\n .required('Outer armour ductility score is required'),\r\n otherwise: yup.number().min(0).max(10).notRequired(),\r\n }),\r\n [FormFields.CABLE_TORTURE_TEST_INNER_ARMOUR_DUCTILITY_SCORE]: yup\r\n .number()\r\n .min(0, 'Inner armour ductility score must be at least 0')\r\n .max(10, 'Inner armour ductility score must not exceed 10')\r\n .when([FormFields.TYPE_OF_EVENT, FormFields.TYPE_OF_TEST], {\r\n is: (typeOfEvent, typeOfTest) =>\r\n typeOfEvent === String(ASSET_HISTORY_EVENT_TYPES_ITEM.TEST) &&\r\n String(ASSET_HISTORY_TEST_TYPE.CABLE_TORTURE_TEST) === typeOfTest,\r\n then: yup\r\n .number()\r\n .min(0, 'Inner armour ductility score must be at least 0')\r\n .max(10, 'Inner armour ductility score must not exceed 10')\r\n .required('Inner armour ductility score is required'),\r\n otherwise: yup.number().min(0).max(10).notRequired(),\r\n }),\r\n\r\n [FormFields.CABLE_CONTINUITY_TEST_RESISTANCE]: yup\r\n .number()\r\n .when([FormFields.TYPE_OF_EVENT, FormFields.TYPE_OF_TEST], {\r\n is: (typeOfEvent, typeOfTest) =>\r\n typeOfEvent === String(ASSET_HISTORY_EVENT_TYPES_ITEM.TEST) &&\r\n String(ASSET_HISTORY_TEST_TYPE.CABLE_CONTINUITY_TEST) === typeOfTest,\r\n then: yup\r\n .number()\r\n .min(0, 'Resistance must be a non-negative number')\r\n .required('Resistance is required'),\r\n otherwise: yup.number().notRequired(),\r\n }),\r\n [FormFields.CABLE_INSULATION_TEST_RESISTANCE]: yup\r\n .number()\r\n .when([FormFields.TYPE_OF_EVENT, FormFields.TYPE_OF_TEST], {\r\n is: (typeOfEvent, typeOfTest) =>\r\n typeOfEvent === String(ASSET_HISTORY_EVENT_TYPES_ITEM.TEST) &&\r\n String(ASSET_HISTORY_TEST_TYPE.CABLE_INSULATION_TEST) === typeOfTest,\r\n then: yup\r\n .number()\r\n .min(0, 'Resistance must be a non-negative number')\r\n .required('Resistance is required'),\r\n otherwise: yup.number().notRequired(),\r\n }),\r\n\r\n //SIL 2\r\n [FormFields.ASSET_SIL2_TEST_BOP]: yup\r\n .string()\r\n .when([FormFields.TYPE_OF_EVENT, FormFields.TYPE_OF_TEST], {\r\n is: (typeOfEvent, typeOfTest) =>\r\n typeOfEvent === String(ASSET_HISTORY_EVENT_TYPES_ITEM.TEST) &&\r\n String(ASSET_HISTORY_TEST_TYPE.SIL2_TEST) === typeOfTest,\r\n then: yup.string().required('BOP is required'),\r\n otherwise: yup.string().notRequired(),\r\n }),\r\n [FormFields.ASSET_SIL2_TEST_BCS]: yup\r\n .string()\r\n .when([FormFields.TYPE_OF_EVENT, FormFields.TYPE_OF_TEST], {\r\n is: (typeOfEvent, typeOfTest) =>\r\n typeOfEvent === String(ASSET_HISTORY_EVENT_TYPES_ITEM.TEST) &&\r\n String(ASSET_HISTORY_TEST_TYPE.SIL2_TEST) === typeOfTest,\r\n then: yup.string().required('BCS is required'),\r\n otherwise: yup.string().notRequired(),\r\n }),\r\n [FormFields.ASSET_SIL2_TEST_CABIN]: yup\r\n .string()\r\n .when([FormFields.TYPE_OF_EVENT, FormFields.TYPE_OF_TEST], {\r\n is: (typeOfEvent, typeOfTest) =>\r\n typeOfEvent === String(ASSET_HISTORY_EVENT_TYPES_ITEM.TEST) &&\r\n String(ASSET_HISTORY_TEST_TYPE.SIL2_TEST) === typeOfTest,\r\n then: yup.string().required('Cabin is required'),\r\n otherwise: yup.string().notRequired(),\r\n }),\r\n\r\n // CABLE WRAP BRAIDED MONO TEST\r\n [FormFields.CABLE_WRAP_BRAIDED_MONO_TEST_INNER_STRAND_PASS_X]: yup\r\n .number()\r\n .when([FormFields.TYPE_OF_EVENT, FormFields.TYPE_OF_TEST], {\r\n is: (typeOfEvent, typeOfTest) =>\r\n typeOfEvent === String(ASSET_HISTORY_EVENT_TYPES_ITEM.TEST) &&\r\n String(ASSET_HISTORY_TEST_TYPE.CABLE_WRAP_BRAIDED_MONO_TEST) ===\r\n typeOfTest,\r\n then: yup\r\n .number()\r\n .min(0, 'Cable Inner Strand Pass X must be a non-negative number')\r\n .integer('Cable Inner Strand Pass X must be an integer')\r\n .required('Cable Inner Strand Pass X is required'),\r\n otherwise: yup.number().integer().notRequired(),\r\n }),\r\n [FormFields.CABLE_WRAP_BRAIDED_MONO_TEST_OUTER_STRAND_PASS_X]: yup\r\n .number()\r\n .when([FormFields.TYPE_OF_EVENT, FormFields.TYPE_OF_TEST], {\r\n is: (typeOfEvent, typeOfTest) =>\r\n typeOfEvent === String(ASSET_HISTORY_EVENT_TYPES_ITEM.TEST) &&\r\n String(ASSET_HISTORY_TEST_TYPE.CABLE_WRAP_BRAIDED_MONO_TEST) ===\r\n typeOfTest,\r\n then: yup\r\n .number()\r\n .min(0, 'Cable Outer Strand Pass X must be a non-negative number')\r\n .integer('Cable Outer Strand Pass X must be an integer')\r\n .required('Cable Outer Strand Pass X is required'),\r\n otherwise: yup.number().integer().notRequired(),\r\n }),\r\n [FormFields.CABLE_WRAP_BRAIDED_MONO_TEST_INNER_STRAND_OUT_OF_Y]: yup\r\n .number()\r\n .when([FormFields.TYPE_OF_EVENT, FormFields.TYPE_OF_TEST], {\r\n is: (typeOfEvent, typeOfTest) =>\r\n typeOfEvent === String(ASSET_HISTORY_EVENT_TYPES_ITEM.TEST) &&\r\n String(ASSET_HISTORY_TEST_TYPE.CABLE_WRAP_BRAIDED_MONO_TEST) ===\r\n typeOfTest,\r\n then: yup\r\n .number()\r\n .min(0, 'Cable Inner Strand Out Y must be a non-negative number')\r\n .integer('Cable Inner Strand Out Y must be an integer')\r\n .required('Cable Inner Strand Out Y is required'),\r\n otherwise: yup.number().integer().notRequired(),\r\n }),\r\n [FormFields.CABLE_WRAP_BRAIDED_MONO_TEST_OUTER_STRAND_OUT_OF_Y]: yup\r\n .number()\r\n .when([FormFields.TYPE_OF_EVENT, FormFields.TYPE_OF_TEST], {\r\n is: (typeOfEvent, typeOfTest) =>\r\n typeOfEvent === String(ASSET_HISTORY_EVENT_TYPES_ITEM.TEST) &&\r\n String(ASSET_HISTORY_TEST_TYPE.CABLE_WRAP_BRAIDED_MONO_TEST) ===\r\n typeOfTest,\r\n then: yup\r\n .number()\r\n .min(0, 'Cable Outer Strand Out Y must be a non-negative number')\r\n .integer('Cable Outer Strand Out Y must be an integer')\r\n .required('Cable Outer Strand Out Y is required'),\r\n otherwise: yup.number().integer().notRequired(),\r\n }),\r\n\r\n //CABLE BREAK FORCE\r\n [FormFields.CABLE_BREAK_TEST_FORCE]: yup\r\n .object()\r\n .when([FormFields.TYPE_OF_EVENT, FormFields.TYPE_OF_TEST], {\r\n is: (typeOfEvent, typeOfTest) =>\r\n typeOfEvent === String(ASSET_HISTORY_EVENT_TYPES_ITEM.TEST) &&\r\n String(ASSET_HISTORY_TEST_TYPE.CABLE_BREAK_TEST) === typeOfTest,\r\n then: yup\r\n .object()\r\n .test(\r\n 'is-valid-value',\r\n 'Force is required',\r\n (value) => value?.value > 0,\r\n ),\r\n otherwise: yup.object(),\r\n }),\r\n // CABLE CUT MAINTENANCE DISTANCE\r\n [FormFields.CABLE_CUT_MAINTENANCE_DISTANCE]: yup\r\n .object()\r\n .when([FormFields.TYPE_OF_EVENT, FormFields.TYPE_OF_TEST], {\r\n is: (typeOfEvent, typeOfTest) =>\r\n typeOfEvent === String(ASSET_HISTORY_EVENT_TYPES_ITEM.MAINTENANCE) &&\r\n String(ASSET_HISTORY_MAINTENANCE_TYPE.CABLE_CUT) === typeOfTest,\r\n then: yup\r\n .object()\r\n .test(\r\n 'is-valid-value',\r\n 'Distance is required',\r\n (value) => value?.value > 0,\r\n ),\r\n otherwise: yup.object(),\r\n }),\r\n // CABLE SERVICE MAINTENANCE CABLE LENGTH\r\n [FormFields.CABLE_SERVICE_MAINTENANCE_CABLE_LENGTH]: yup\r\n .object()\r\n .when([FormFields.TYPE_OF_EVENT, FormFields.TYPE_OF_TEST], {\r\n is: (typeOfEvent, typeOfTest) =>\r\n typeOfEvent === String(ASSET_HISTORY_EVENT_TYPES_ITEM.MAINTENANCE) &&\r\n String(ASSET_HISTORY_MAINTENANCE_TYPE.CABLE_SERVICE) === typeOfTest,\r\n then: yup\r\n .object()\r\n .test(\r\n 'is-valid-value',\r\n 'Cable Length is required',\r\n (value) => value?.value > 0,\r\n ),\r\n otherwise: yup.object(),\r\n }),\r\n // CABLE SERVICE MAINTENANCE MAX OD\r\n [FormFields.CABLE_SERVICE_MAINTENANCE_MAX_OD]: yup\r\n .object()\r\n .when([FormFields.TYPE_OF_EVENT, FormFields.TYPE_OF_TEST], {\r\n is: (typeOfEvent, typeOfTest) =>\r\n typeOfEvent === String(ASSET_HISTORY_EVENT_TYPES_ITEM.MAINTENANCE) &&\r\n String(ASSET_HISTORY_MAINTENANCE_TYPE.CABLE_SERVICE) === typeOfTest,\r\n then: yup\r\n .object()\r\n .test(\r\n 'is-valid-value',\r\n 'Max. Outer Diameter is required',\r\n (value) => value?.value > 0,\r\n ),\r\n otherwise: yup.object(),\r\n }),\r\n // CABLE SPOOLING MAINTENANCE ITEM NUMBER\r\n [FormFields.CABLE_SPOOLING_DRUM_ITEM_NUMBER]: yup\r\n .string()\r\n .when(\r\n [\r\n FormFields.TYPE_OF_EVENT,\r\n FormFields.TYPE_OF_TEST,\r\n FormFields.STORAGE_TYPE,\r\n ],\r\n {\r\n is: (typeOfEvent, typeOfTest, storageType) =>\r\n typeOfEvent === String(ASSET_HISTORY_EVENT_TYPES_ITEM.MAINTENANCE) &&\r\n String(ASSET_HISTORY_MAINTENANCE_TYPE.CABLE_SPOOLING) ===\r\n typeOfTest &&\r\n storageType === CableSpoolingStorageTypeEnum.addToSpecificDrum.value,\r\n then: yup.string().required('Item number is required'),\r\n otherwise: yup.string().notRequired(),\r\n },\r\n ),\r\n // CABLE SPOOLING MAINTENANCE SERIAL NUMBER\r\n [FormFields.CABLE_SPOOLING_DRUM_SERIAL_NUMBER]: yup\r\n .string()\r\n .when(\r\n [\r\n FormFields.TYPE_OF_EVENT,\r\n FormFields.TYPE_OF_TEST,\r\n FormFields.STORAGE_TYPE,\r\n ],\r\n {\r\n is: (typeOfEvent, typeOfTest, storageType) =>\r\n typeOfEvent === String(ASSET_HISTORY_EVENT_TYPES_ITEM.MAINTENANCE) &&\r\n String(ASSET_HISTORY_MAINTENANCE_TYPE.CABLE_SPOOLING) ===\r\n typeOfTest &&\r\n storageType === CableSpoolingStorageTypeEnum.addToSpecificDrum.value,\r\n then: yup.string().required('Serial number is required'),\r\n otherwise: yup.string().notRequired(),\r\n },\r\n ),\r\n});\r\n\r\nexport default AssetHistoryYupValidator;\r\n","import {\r\n EMPTY_QUANTITY_LENGTH,\r\n EMPTY_QUANTITY_WITH_UNIT,\r\n} from 'app/app.constants';\r\nimport AssetHistoryForm from './AssetHistoryForm';\r\nimport { getUnitForProperty } from 'features/equipment/equipment.helpers';\r\nimport { EDITABLE_TOOL_PROPERTIES } from 'features/equipment/equipment.constants';\r\nimport { CableSpoolingStorageTypeEnum } from 'features/equipment/assets/components/equipmentMaintenance/utils/constants';\r\n\r\nconst FormFields = AssetHistoryForm;\r\n\r\nconst AssetHistoryInitialFormValues = (\r\n defaultEventValue,\r\n defaultTestTypeValue,\r\n forceUnit,\r\n unitsOfMeasurePreference,\r\n selectedCustomUnitsOfMeasure,\r\n storageType = CableSpoolingStorageTypeEnum.addToSpecificDrum.value,\r\n) => ({\r\n [FormFields.TYPE_OF_EVENT]: defaultEventValue,\r\n [FormFields.TYPE_OF_TEST]: defaultTestTypeValue,\r\n [FormFields.RESULT]: '',\r\n [FormFields.DATE]: new Date(),\r\n [FormFields.TIME]: '',\r\n [FormFields.DESCRIPTION]: '',\r\n [FormFields.TYPE]: '',\r\n [FormFields.CABLE_CUT]: EMPTY_QUANTITY_LENGTH,\r\n [FormFields.CABLE_SIGNAL]: EMPTY_QUANTITY_WITH_UNIT('cs'),\r\n [FormFields.CABLE_RESISTANCE]: EMPTY_QUANTITY_WITH_UNIT('ohm'),\r\n [FormFields.WRAP_TEST]: EMPTY_QUANTITY_WITH_UNIT('WT'),\r\n [FormFields.STORAGE_TYPE]: storageType,\r\n\r\n //BOP TEST\r\n [FormFields.BOP_RAM]: '',\r\n [FormFields.BOP_LEAK_TYPE_DESCRIPTION]: '',\r\n [FormFields.CABLE_TORSION_WRAP]: '',\r\n\r\n //CABLE WRAP TEST\r\n [FormFields.CABLE_WRAP_TEST_STRAND]: '',\r\n [FormFields.CABLE_WRAP_TEST_STRAND_PASS_X]: '',\r\n [FormFields.CABLE_WRAP_TEST_STRAND_OUT_Y]: '',\r\n\r\n //CABLE TORTURE TEST\r\n [FormFields.CABLE_TORTURE_TEST_INNER_ARMOUR_DUCTILITY_SCORE]: '',\r\n [FormFields.CABLE_TORTURE_TEST_OUTER_ARMOUR_DUCTILITY_SCORE]: '',\r\n\r\n //CABLE CONTINUITY TEST\r\n [FormFields.CABLE_CONTINUITY_TEST_RESISTANCE]: '',\r\n\r\n //SIL2 TEST\r\n [FormFields.ASSET_SIL2_TEST_BOP]: '',\r\n [FormFields.ASSET_SIL2_TEST_BCS]: '',\r\n [FormFields.ASSET_SIL2_TEST_CABIN]: '',\r\n\r\n //CABLE WRAP BRAIDED MONO TEST\r\n [FormFields.CABLE_WRAP_BRAIDED_MONO_TEST_INNER_STRAND_PASS_X]: '',\r\n [FormFields.CABLE_WRAP_BRAIDED_MONO_TEST_INNER_STRAND_OUT_OF_Y]: '',\r\n [FormFields.CABLE_WRAP_BRAIDED_MONO_TEST_OUTER_STRAND_PASS_X]: '',\r\n [FormFields.CABLE_WRAP_BRAIDED_MONO_TEST_OUTER_STRAND_OUT_OF_Y]: '',\r\n\r\n //CABLE BREAK TEST\r\n [FormFields.CABLE_BREAK_TEST_FORCE]: EMPTY_QUANTITY_WITH_UNIT(forceUnit),\r\n\r\n //CABLE CUT MAINTENANCE\r\n [FormFields.CABLE_CUT_MAINTENANCE_DISTANCE]: EMPTY_QUANTITY_WITH_UNIT(\r\n getUnitForProperty(\r\n EDITABLE_TOOL_PROPERTIES.LENGTH,\r\n unitsOfMeasurePreference,\r\n selectedCustomUnitsOfMeasure,\r\n ),\r\n ),\r\n\r\n //CABLE SERVICE MAINTENANCE\r\n [FormFields.CABLE_SERVICE_MAINTENANCE_CABLE_LENGTH]: EMPTY_QUANTITY_WITH_UNIT(\r\n getUnitForProperty(\r\n EDITABLE_TOOL_PROPERTIES.LENGTH,\r\n unitsOfMeasurePreference,\r\n selectedCustomUnitsOfMeasure,\r\n ),\r\n ),\r\n [FormFields.CABLE_SERVICE_MAINTENANCE_MAX_OD]: EMPTY_QUANTITY_WITH_UNIT(\r\n getUnitForProperty(\r\n EDITABLE_TOOL_PROPERTIES.MAXIMUM_OD,\r\n unitsOfMeasurePreference,\r\n selectedCustomUnitsOfMeasure,\r\n ),\r\n ),\r\n\r\n //CABLE SPOOLING MAINTENANCE\r\n [FormFields.CABLE_SPOOLING_DRUM_ITEM_NUMBER]: '',\r\n [FormFields.CABLE_SPOOLING_DRUM_SERIAL_NUMBER]: '',\r\n});\r\n\r\nexport default AssetHistoryInitialFormValues;\r\n","import { formatDateTimeFromSeconds } from 'utils/app.util';\r\n\r\nconst AssetHistoryFormValues = (\r\n formValues,\r\n serialNumber,\r\n assetId,\r\n task,\r\n toolstringId,\r\n taskId,\r\n externalToolId,\r\n description,\r\n bopLeakTypeDescription,\r\n) => {\r\n var assetSil2Bop = {};\r\n var assetSil2Bcs = {};\r\n var assetSil2Cabin = {};\r\n if (formValues.assetSil2Bop) {\r\n const splitedFormValues = formValues.assetSil2Bop.split(';');\r\n assetSil2Bop.surfaceId = splitedFormValues[0];\r\n assetSil2Bop.itemNumber = splitedFormValues[1];\r\n assetSil2Bop.serialNumber = splitedFormValues[2];\r\n }\r\n if (formValues.assetSil2Bcs) {\r\n const splitedFormValues = formValues.assetSil2Bcs.split(';');\r\n assetSil2Bcs.surfaceId = splitedFormValues[0];\r\n assetSil2Bcs.itemNumber = splitedFormValues[1];\r\n assetSil2Bcs.serialNumber = splitedFormValues[2];\r\n }\r\n if (formValues.assetSil2Cabin) {\r\n const splitedFormValues = formValues.assetSil2Cabin.split(';');\r\n assetSil2Cabin.surfaceId = splitedFormValues[0];\r\n assetSil2Cabin.itemNumber = splitedFormValues[1];\r\n assetSil2Cabin.serialNumber = splitedFormValues[2];\r\n }\r\n\r\n return {\r\n serialNumber: serialNumber,\r\n assetId: assetId,\r\n startDate: formatDateTimeFromSeconds(formValues.date, formValues.time),\r\n time: formatDateTimeFromSeconds(formValues.date, formValues.time),\r\n typeOfEvent: formValues.typeOfEvent,\r\n externalToolId: externalToolId,\r\n externalTaskId: task?.get('externalId'),\r\n\r\n // complaint and maintenance\r\n description,\r\n storageType: formValues.storageType,\r\n\r\n // test\r\n comment: description,\r\n testType: formValues.typeOfTest,\r\n result: formValues.result,\r\n cableCut: formValues.cableCut,\r\n cableSignal: formValues.cableSignal,\r\n cableResistance: formValues.cableResistance,\r\n torqueInnerStrand: formValues.torqueInnerStrand,\r\n torqueOuterStrand: formValues.torqueOuterStrand,\r\n wrapTest: formValues.wrapTest,\r\n\r\n //BOP TEST\r\n bopRam: formValues.bopRam,\r\n bopLeakType: formValues.bopLeakType,\r\n bopLeakTypeDescription: bopLeakTypeDescription,\r\n\r\n //STRING TEST\r\n toolstringId: toolstringId,\r\n taskId: taskId,\r\n\r\n //CABLE TORSION TEST\r\n cableTorsionWrap: parseInt(formValues.cableTorsionWrap),\r\n strandsPassed: {\r\n item1: parseInt(formValues.strandsPassedPassX),\r\n item2: parseInt(formValues.strandsPassedOutY),\r\n },\r\n\r\n //CABLE TORTURE TEST\r\n outerArmourDuctilityScore: formValues.outerArmourDuctilityScore,\r\n innerArmourDuctilityScore: formValues.innerArmourDuctilityScore,\r\n\r\n //CABLE CONTINUITY TEST\r\n resistance: formValues.resistance,\r\n\r\n //CABLE INSULATION TEST\r\n cableInsulationResistance: formValues.cableInsulationResistance,\r\n\r\n //SIL2 TEST\r\n assetSil2Bop: assetSil2Bop,\r\n assetSil2Bcs: assetSil2Bcs,\r\n assetSil2Cabin: assetSil2Cabin,\r\n\r\n // CABLE WRAP BRAIDED MONO\r\n cableWrapBraidedMonoTestInnerStrand: {\r\n item1: parseInt(formValues.cableWrapBraidedMonoTestInnerStrandPassX),\r\n item2: parseInt(formValues.cableWrapBraidedMonoTestInnerStrandOutY),\r\n },\r\n cableWrapBraidedMonoTestOuterStrand: {\r\n item1: parseInt(formValues.cableWrapBraidedMonoTestOuterStrandPassX),\r\n item2: parseInt(formValues.cableWrapBraidedMonoTestOuterStrandOutY),\r\n },\r\n\r\n //CABLE BREAK TEST\r\n cableBreakTestForceNumber: formValues.cableBreakTestForceNumber,\r\n\r\n // CABLE CUT MAINTENANCE\r\n distanceQuantity: formValues.distanceQuantity,\r\n\r\n // CABLE SERVICE MAINTENANCE\r\n cableLengthQuantity: formValues.cableLengthQuantity,\r\n maxODQuantity: formValues.maxODQuantity,\r\n\r\n //CABLE SPOOLING MAINTENANCE\r\n drumItemNumber: formValues.drumItemNumber,\r\n drumSerialNumber: formValues.drumSerialNumber,\r\n };\r\n};\r\n\r\nexport default AssetHistoryFormValues;\r\n","import { EMPTY_MAP } from 'app/app.constants';\r\nimport { createSelector } from 'utils/app.util';\r\n\r\nexport const getToolGroupsFromState = createSelector(\r\n (state) => state.getIn(['entity', 'equipment', 'toolGroups']),\r\n (toolGroups) => toolGroups,\r\n);\r\n\r\nexport const getToolsFromState = createSelector(\r\n (state) => state.getIn(['entity', 'equipment', 'tools']),\r\n (toolGroups) => toolGroups,\r\n);\r\n\r\nexport const getToolAssembliesFromState = createSelector(\r\n (state) => state.getIn(['entity', 'equipment', 'toolAssemblies']),\r\n (toolAssemblies) => toolAssemblies,\r\n);\r\n\r\nexport const getToolSuppliersFromState = createSelector(\r\n (state) => state.getIn(['entity', 'equipment', 'toolSuppliers']),\r\n (toolSuppliers) => toolSuppliers,\r\n);\r\n\r\nexport const getCablesFromState = createSelector(\r\n (state) => state.getIn(['entity', 'equipment', 'cables']),\r\n (toolSuppliers) => toolSuppliers,\r\n);\r\n\r\nexport const getToolFromState = createSelector(\r\n (state) => state.getIn(['entity', 'equipment', 'tool']),\r\n (tool) => tool,\r\n);\r\n\r\nexport const getToolConnectorsFromState = createSelector(\r\n (state) => state.getIn(['entity', 'equipment', 'toolConnectors']),\r\n (toolConnectors) => toolConnectors,\r\n);\r\n\r\nexport const getBhaTemplatesFromState = createSelector(\r\n (state) => state.getIn(['entity', 'equipment', 'bhaTemplates']),\r\n (tool) => tool,\r\n);\r\n\r\nexport const getEquipmentTemplatesFromState = createSelector(\r\n (state) => state.getIn(['entity', 'equipment', 'equipmentTemplates']),\r\n (equipment) => equipment,\r\n);\r\n\r\nexport const getUnitsOfMeasurePreference = createSelector(\r\n (state) => state.getIn(['common', 'currentUser', 'unit']),\r\n (currentUser) => currentUser,\r\n);\r\n\r\nexport const getSurfaceEquipmentFromState = createSelector(\r\n (state) => state.getIn(['entity', 'equipment', 'surfaceEquipments']),\r\n (tool) => tool,\r\n);\r\n\r\nexport const getSurfaceEquipmentCategoriesFromState = createSelector(\r\n (state) => state.getIn(['entity', 'equipment', 'surfaceEquipmentCategories']),\r\n (tool) => tool,\r\n);\r\n\r\nexport const getSurfaceEquipmentByIdFromState = createSelector(\r\n (state) => state.getIn(['entity', 'equipment', 'surfaceEquipment']),\r\n (tool) => tool,\r\n);\r\n\r\nexport const getSurfaceEquipmentGroupsFromState = createSelector(\r\n (state) => state.getIn(['entity', 'equipment', 'surfaceEquipmentGroups']),\r\n (toolGroups) => toolGroups,\r\n);\r\n\r\nexport const getAssetHistoryFromState = createSelector(\r\n (state) => state.getIn(['entity', 'equipment', 'assetHistory']),\r\n (assetHistory) => assetHistory,\r\n);\r\n\r\nexport const getCableFromState = createSelector(\r\n (state) => state.getIn(['entity', 'equipment', 'cable']),\r\n (tool) => tool,\r\n);\r\n\r\nexport const getCableTestDetailsFromState = createSelector(\r\n (state) => state.getIn(['entity', 'equipment', 'cableTestDetails']),\r\n (tool) => tool,\r\n);\r\n\r\nexport const getTemplateForEditFromState = createSelector(\r\n (state) => state.getIn(['entity', 'equipment', 'bhaTemplateToEdit']),\r\n (template) => template,\r\n);\r\n\r\nexport const getTemplateSectionsForEditFromState = createSelector(\r\n (state) => state.getIn(['entity', 'equipment', 'bhaTemplateSectionsToEdit']),\r\n (templateSections) => templateSections,\r\n);\r\n\r\nexport const getTemplateToolstringToolsFromState = createSelector(\r\n getTemplateForEditFromState,\r\n (toolstring) => {\r\n if (!toolstring || !toolstring.has('toolsByToolstringToolId')) {\r\n return EMPTY_MAP;\r\n }\r\n\r\n const toolStringItems = toolstring.get('toolsByToolstringToolId');\r\n if (!toolStringItems || typeof toolStringItems.toList !== 'function') {\r\n return EMPTY_MAP;\r\n }\r\n\r\n return toolStringItems.toList().sortBy((tool) => tool.get('sequence'));\r\n },\r\n);\r\n\r\nexport const getEquipmentAssetsFromState = createSelector(\r\n (state) => state.getIn(['entity', 'equipment', 'assets']),\r\n (projects) => projects,\r\n);\r\n","import React from 'react';\r\nimport { Field } from 'formik';\r\nimport { Grid } from '@material-ui/core';\r\n\r\nimport { AssetHistoryForm } from 'features/equipment/assets/components/equipmentTest/form-utils/AssetHistoryForm';\r\nimport QuantityTextFieldFormik from 'app/components/form/formik/QuantityTextFieldFormik';\r\n\r\nconst CableCutMaintenanceFormComponent = () => {\r\n return (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default CableCutMaintenanceFormComponent;\r\n","import React from 'react';\r\nimport { Field } from 'formik';\r\nimport { Grid } from '@material-ui/core';\r\n\r\nimport { AssetHistoryForm } from 'features/equipment/assets/components/equipmentTest/form-utils/AssetHistoryForm';\r\nimport QuantityTextFieldFormik from 'app/components/form/formik/QuantityTextFieldFormik';\r\n\r\nconst CableServiceMaintenanceFormComponent = () => {\r\n return (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default CableServiceMaintenanceFormComponent;\r\n","import { useCallback } from 'react';\r\nimport AssetHistoryForm from 'features/equipment/assets/components/equipmentTest/form-utils/AssetHistoryForm';\r\nimport { searchM3Items } from 'features/equipment/equipment.actions';\r\nimport { AutocompleteTextField } from 'app/components/form/AutocompleteTextField';\r\n\r\nconst AutoCompleteDrumItemNumberAdapter = ({\r\n form,\r\n autoCompleteItemNumber,\r\n setAutoCompleteItemNumber,\r\n clearInputValue = null,\r\n}) => {\r\n const getOptionLabel = useCallback((option) => option.m3ItemNumber, []);\r\n const valueSelectorFromAutocomplete = useCallback(\r\n (newValue) => (newValue ? newValue.m3ItemNumber : null),\r\n [],\r\n );\r\n // There are no initial values here so this is NO-OP\r\n const setInitialFieldValue = useCallback(() => {}, []);\r\n return (\r\n \r\n );\r\n};\r\n\r\nexport default AutoCompleteDrumItemNumberAdapter;\r\n","import { AutocompleteTextField } from 'app/components/form/AutocompleteTextField';\r\nimport { findM3ItemsBySerialNumber } from 'features/equipment/equipment.actions';\r\nimport { useCallback, useState } from 'react';\r\nimport AssetHistoryForm from 'features/equipment/assets/components/equipmentTest/form-utils/AssetHistoryForm';\r\n\r\nconst AutoCompleteDrumSerialNumberAdapter = ({\r\n form,\r\n placeholder = '',\r\n keepChangeAfterOnBlur = false,\r\n InputProps,\r\n autoCompleteValue,\r\n setAutocompleteValue,\r\n ...props\r\n}) => {\r\n const [m3ItemNumber, setM3ItemNumber] = useState(null);\r\n\r\n const setInitialFieldValue = useCallback(\r\n (form) => (setInputFieldValue) => {\r\n if (form?.values?.drumItemNumber) {\r\n setM3ItemNumber(form?.values?.drumItemNumber);\r\n }\r\n // for cables referenceNumber\r\n else if (form?.values?.referenceNumber) {\r\n setM3ItemNumber(form?.values?.referenceNumber);\r\n }\r\n\r\n if (form?.values?.serialNo) {\r\n setInputFieldValue(form?.values?.drumSerialNumber);\r\n }\r\n },\r\n [],\r\n );\r\n const getOptionLabel = useCallback(\r\n (selectedValue) => selectedValue?.serialNumber,\r\n [],\r\n );\r\n const valueSelectorFromAutocomplete = useCallback(\r\n (selectedValue) => selectedValue?.serialNumber,\r\n [],\r\n );\r\n return (\r\n \r\n findM3ItemsBySerialNumber(m3ItemNumber, value)\r\n }\r\n placeholder={placeholder}\r\n id={'auto-complete-serial-number-m3'}\r\n />\r\n );\r\n};\r\n\r\nexport default AutoCompleteDrumSerialNumberAdapter;\r\n","import RadioGroupField from 'app/components/form/RadioGroupField';\r\n\r\nconst RadioGroupFieldFormik = ({\r\n field,\r\n options,\r\n disabled,\r\n ...props\r\n}) => {\r\n const updatedOptions = options.map((o) => ({ ...o, disabled }));\r\n\r\n return ;\r\n};\r\n\r\nexport default RadioGroupFieldFormik;\r\n","import React, { useCallback, useEffect, useMemo } from 'react';\r\nimport { Field, useFormikContext } from 'formik';\r\nimport { Grid, Typography } from '@material-ui/core';\r\n\r\nimport { AssetHistoryForm } from 'features/equipment/assets/components/equipmentTest/form-utils/AssetHistoryForm';\r\nimport AutoCompleteDrumItemNumberAdapter from './AutoCompleteDrumItemNumberAdapter';\r\nimport AutoCompleteDrumSerialNumberAdapter from './AutoCompleteDrumSerialNumberAdapter';\r\nimport { useState } from 'react';\r\nimport { ASSET_HISTORY_EVENT_TYPES_ITEM } from 'features/equipment/equipment.constants';\r\nimport RadioGroupFieldFormik from 'app/components/form/formik/RadioGroupFieldFormik';\r\nimport { CableSpoolingStorageTypeEnum } from 'features/equipment/assets/components/equipmentMaintenance/utils/constants';\r\n\r\nconst CableSpoolingMaintenanceFormComponent = ({ form }) => {\r\n const [autoCompleteItemNumber, setAutoCompleteItemNumber] = useState(null);\r\n const [autoCompleteValue, setAutocompleteValue] = useState(null);\r\n const { setFieldValue, values: formValues } = useFormikContext();\r\n\r\n const FormFields = AssetHistoryForm;\r\n const options = [\r\n CableSpoolingStorageTypeEnum.addToStorageReel,\r\n CableSpoolingStorageTypeEnum.addToSpecificDrum,\r\n ];\r\n const storageTypeValue = formValues[FormFields.STORAGE_TYPE];\r\n const typeOfEventValue = formValues[FormFields.TYPE_OF_EVENT];\r\n const isAddToSpecificDrum = useMemo(\r\n () =>\r\n storageTypeValue === CableSpoolingStorageTypeEnum.addToSpecificDrum.value,\r\n [storageTypeValue],\r\n );\r\n\r\n const isEventOfMaintenanceType = useMemo(\r\n () =>\r\n String(typeOfEventValue) ===\r\n String(ASSET_HISTORY_EVENT_TYPES_ITEM.MAINTENANCE),\r\n [typeOfEventValue],\r\n );\r\n\r\n const clearInputValue = useCallback(() => {\r\n setAutocompleteValue(null);\r\n setFieldValue(AssetHistoryForm.CABLE_SPOOLING_DRUM_SERIAL_NUMBER, '');\r\n }, [setFieldValue]);\r\n\r\n useEffect(() => {\r\n if (autoCompleteItemNumber !== null) {\r\n clearInputValue();\r\n }\r\n }, [autoCompleteItemNumber, clearInputValue]);\r\n\r\n return (\r\n <>\r\n \r\n \r\n \r\n {({ form, ...formik }) => {\r\n formik.field.onChange = (e) => {\r\n form.setFieldValue(\r\n FormFields.STORAGE_TYPE,\r\n Number(e.target.value),\r\n );\r\n };\r\n return (\r\n isEventOfMaintenanceType && (\r\n \r\n )\r\n );\r\n }}\r\n \r\n \r\n \r\n {isAddToSpecificDrum ? (\r\n \r\n \r\n \r\n \r\n {'Drum Item Number'}\r\n \r\n \r\n (\r\n \r\n )}\r\n />\r\n \r\n \r\n \r\n \r\n {'Drum Serial Number'}\r\n \r\n \r\n (\r\n \r\n )}\r\n />\r\n \r\n \r\n ) : null}\r\n \r\n );\r\n};\r\n\r\nexport default CableSpoolingMaintenanceFormComponent;\r\n","import React from 'react';\r\n\r\nimport { useFormikContext } from 'formik';\r\nimport { Grid } from '@material-ui/core';\r\n\r\nimport { ASSET_HISTORY_MAINTENANCE_TYPES } from 'features/equipment/equipment.constants';\r\nimport { AssetMaintenanceType } from 'features/equipment/assets/components/CreateAssetHistoryModalContainer';\r\nimport SelectTextFieldFormik from 'app/components/form/formik/SelectTextFieldFormik';\r\nimport { AssetHistoryForm } from 'features/equipment/assets/components/equipmentTest/form-utils/AssetHistoryForm';\r\nimport CableCutMaintenanceFormComponent from 'features/equipment/assets/components/equipmentMaintenance/CableCutMaintenanceFormComponent';\r\nimport CableServiceMaintenanceFormComponent from 'features/equipment/assets/components/equipmentMaintenance/CableServiceMaintenanceFormComponent';\r\nimport CableSpoolingMaintenanceFormComponent from 'features/equipment/assets/components/equipmentMaintenance/CableSpoolingMaintenanceFormComponent';\r\n\r\nconst MaintenanceForm = ({\r\n form,\r\n maintenanceTypeItems = ASSET_HISTORY_MAINTENANCE_TYPES.filter(\r\n (item) => item.showByDefault,\r\n ),\r\n defaultMaintenanceTypeValue,\r\n selectedCustomUnitsOfMeasure,\r\n unitsOfMeasurePreference,\r\n projectMeasurementSystem,\r\n}) => {\r\n const getId = (item) => item.id;\r\n const getName = (item) => item.name;\r\n const { values } = useFormikContext();\r\n\r\n const selectedMaintenanceType = values[AssetHistoryForm.TYPE_OF_TEST];\r\n\r\n const maintenanceTypeComponents = React.useMemo(\r\n () => ({\r\n [AssetMaintenanceType.CABLE_CUT]: {\r\n CustomComponent: CableCutMaintenanceFormComponent,\r\n },\r\n [AssetMaintenanceType.CABLE_SERVICE]: {\r\n CustomComponent: CableServiceMaintenanceFormComponent,\r\n },\r\n [AssetMaintenanceType.CABLE_SPOOLING]: {\r\n CustomComponent: CableSpoolingMaintenanceFormComponent,\r\n },\r\n }),\r\n [],\r\n );\r\n\r\n const SelectedComponent = maintenanceTypeComponents[\r\n selectedMaintenanceType\r\n ] || {\r\n CustomComponent: () => null,\r\n };\r\n\r\n return (\r\n <>\r\n \r\n \r\n \r\n \r\n {defaultMaintenanceTypeValue ? null : (\r\n \r\n )}\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default MaintenanceForm;\r\n","import React, { useMemo } from 'react';\r\nimport { compose } from 'redux';\r\nimport { connect, useDispatch, useSelector } from 'react-redux';\r\n\r\nimport {\r\n Grid,\r\n Dialog,\r\n Button,\r\n DialogContent,\r\n withStyles,\r\n Typography,\r\n} from '@material-ui/core';\r\nimport { ModalHeader, ModalActions, LoadingButton } from 'altus-ui-components';\r\nimport { Form, Formik, Field, useFormikContext, ErrorMessage } from 'formik';\r\nimport { convertToRaw } from 'draft-js';\r\n\r\nimport SelectTextFieldFormik from 'app/components/form/formik/SelectTextFieldFormik';\r\nimport DatePickerFormik from 'app/components/form/formik/DatePickerFormik';\r\nimport TimeSpanFormik from 'app/components/form/formik/TimeSpanFormik';\r\nimport EditorFormik from 'app/components/form/formik/EditorFormik';\r\nimport { Avatar as TooltipAvatar } from 'app/components/withTooltip';\r\nimport {\r\n getSummarizedDataStateFromState,\r\n getCurrentUserFromState,\r\n getCurrentClientSelectedUom,\r\n} from 'app/app.selectors';\r\nimport { createAssetHistory } from 'features/equipment/equipment.actions';\r\nimport {\r\n EQUIPMENT_ACTIONS,\r\n ASSET_HISTORY_EVENT_TYPES,\r\n ASSET_HISTORY_EVENT_TYPES_ITEM,\r\n} from 'features/equipment/equipment.constants';\r\nimport { useParams } from 'react-router-dom';\r\nimport { getTaskById } from 'features/projects/tasks/tasks.selectors';\r\n\r\nimport TestForm from 'features/equipment/assets/components/TestForm';\r\nimport { useViewMode } from 'app/hooks/useViewMode';\r\nimport AssetHistoryYupValidator from 'features/equipment/assets/components/equipmentTest/form-utils/AssetHistoryYupValidator';\r\nimport AssetHistoryInitialFormValues from 'features/equipment/assets/components/equipmentTest/form-utils/AssetHistoryInitialFormValues';\r\nimport AssetHistoryForm from 'features/equipment/assets/components/equipmentTest/form-utils/AssetHistoryForm';\r\nimport AssetHistoryFormValues from 'features/equipment/assets/components/equipmentTest/form-utils/AssetHistoryFormValues';\r\nimport { getCurrentProject } from 'features/projects/projects.selectors';\r\nimport { getUnitsOfMeasurePreference } from 'features/equipment/equipment.selectors';\r\nimport { getUnitForCustomUnit } from 'features/equipment/equipment.helpers';\r\nimport {\r\n CONVERT_MEASURES,\r\n USE_PROJECT_DEFAULT_UNIT_SYSTEM,\r\n} from 'app/app.constants';\r\nimport MaintenanceForm from 'features/equipment/assets/components/MaintenanceForm';\r\nimport ChevronLeft from '@material-ui/icons/ChevronLeft';\r\n\r\nexport const AssetTestType = {\r\n GENERIC: '1',\r\n CABLE: '2',\r\n BOP_TEST: '3',\r\n TEST_STRING: '4',\r\n CABLE_TORSION_TEST: '5',\r\n CABLE_WRAP_TEST: '6',\r\n CABLE_TORTURE_TEST: '7',\r\n CABLE_CONTINUITY_TEST: '8',\r\n CABLE_INSULATION_TEST: '9',\r\n SIL2_TEST: '10',\r\n CABLE_WRAP_BRAIDED_MONO_TEST: '11',\r\n CABLE_BREAK_TEST: '12',\r\n};\r\nexport const AssetMaintenanceType = {\r\n GENERIC: '1',\r\n CABLE_CUT: '2',\r\n CABLE_SERVICE: '3',\r\n CABLE_SPOOLING: '4',\r\n};\r\n\r\nconst CreateAssetHistoryModalContainer = ({\r\n toggleModal,\r\n isOpen,\r\n user,\r\n classes,\r\n serialNumber,\r\n assetId,\r\n externalToolId,\r\n equipmentType,\r\n getAssetAfterRefresh = true,\r\n assetHistoryEventTypes = ASSET_HISTORY_EVENT_TYPES,\r\n testTypesItems,\r\n toolstringId,\r\n defaultEventValue = '',\r\n defaultTestTypeValue = '',\r\n modalTitle = 'New Event',\r\n sil2TestBopItems,\r\n sil2TestBcsItems,\r\n sil2TestCabinItems,\r\n maintenanceTypeItems,\r\n}) => {\r\n const isMobile = useViewMode() === 'mobile';\r\n const { taskId } = useParams();\r\n const task = useSelector(getTaskById(taskId));\r\n const getId = (item) => item.id;\r\n const getName = (item) => item.name;\r\n const dispatch = useDispatch();\r\n\r\n const projectMeasurementSystem = useSelector(getCurrentProject);\r\n const measurePreferences = useSelector(getCurrentClientSelectedUom);\r\n const unitsOfMeasurePreference = useSelector(getUnitsOfMeasurePreference);\r\n\r\n const selectedCustomUnitsOfMeasure =\r\n USE_PROJECT_DEFAULT_UNIT_SYSTEM === unitsOfMeasurePreference\r\n ? projectMeasurementSystem\r\n : measurePreferences;\r\n\r\n const forceUnit = getUnitForCustomUnit(\r\n CONVERT_MEASURES.FORCE,\r\n unitsOfMeasurePreference,\r\n selectedCustomUnitsOfMeasure,\r\n projectMeasurementSystem,\r\n );\r\n\r\n const convertEditorContentToJson = (editorContent) => {\r\n return editorContent\r\n ? JSON.stringify(convertToRaw(editorContent.getCurrentContent()))\r\n : null;\r\n };\r\n\r\n const FormFields = AssetHistoryForm;\r\n\r\n const initialFormValues = useMemo(() => {\r\n return AssetHistoryInitialFormValues(\r\n defaultEventValue,\r\n defaultTestTypeValue,\r\n forceUnit,\r\n unitsOfMeasurePreference,\r\n selectedCustomUnitsOfMeasure,\r\n );\r\n }, [\r\n defaultEventValue,\r\n defaultTestTypeValue,\r\n forceUnit,\r\n selectedCustomUnitsOfMeasure,\r\n unitsOfMeasurePreference,\r\n ]);\r\n\r\n const AssetFormContent = ({ defaultTestTypeValue }) => {\r\n const form = useFormikContext();\r\n const { values } = form;\r\n\r\n const showTestFields =\r\n String(values[FormFields.TYPE_OF_EVENT]) ===\r\n String(ASSET_HISTORY_EVENT_TYPES_ITEM.TEST);\r\n const showMaintenanceFields =\r\n String(values[FormFields.TYPE_OF_EVENT]) ===\r\n String(ASSET_HISTORY_EVENT_TYPES_ITEM.MAINTENANCE);\r\n\r\n return (\r\n <>\r\n {showTestFields && (\r\n <>\r\n \r\n \r\n )}\r\n {showMaintenanceFields && (\r\n \r\n )}\r\n \r\n );\r\n };\r\n\r\n const handleSubmit = (formValues) => {\r\n const description = convertEditorContentToJson(formValues?.description);\r\n const bopLeakTypeDescription = convertEditorContentToJson(\r\n formValues?.bopLeakTypeDescription,\r\n );\r\n\r\n const assetHistory = AssetHistoryFormValues(\r\n formValues,\r\n serialNumber,\r\n assetId,\r\n task,\r\n toolstringId,\r\n taskId,\r\n externalToolId,\r\n description,\r\n bopLeakTypeDescription,\r\n );\r\n\r\n dispatch(\r\n createAssetHistory(assetHistory, equipmentType, getAssetAfterRefresh),\r\n );\r\n };\r\n\r\n return (\r\n \r\n \r\n {(formik) => {\r\n const { isValid, isSubmitting } = formik;\r\n return (\r\n \r\n );\r\n }}\r\n \r\n \r\n );\r\n};\r\n\r\nconst styles = (theme) => ({\r\n triggerIconRoot: {\r\n height: 45,\r\n width: 45,\r\n marginRight: 10,\r\n cursor: 'pointer',\r\n '&:hover': {\r\n opacity: 0.7,\r\n },\r\n },\r\n gridBackground: {\r\n background: theme.altus.components.ApplicationSidebar.background,\r\n },\r\n gridBackgroundMobile: {\r\n position: 'absolute',\r\n bottom: 0,\r\n display: 'flex',\r\n flexDirection: 'row',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n width: '100%',\r\n },\r\n backButtonIcon: {\r\n color: theme.palette.primary.newLight,\r\n width: '90%',\r\n height: '90%',\r\n },\r\n statusHeader: {\r\n display: 'flex',\r\n flexDirection: 'row',\r\n alignItems: 'center',\r\n justifyContent: 'flex-start',\r\n paddingLeft: theme.spacing(2),\r\n paddingTop: theme.spacing(2),\r\n },\r\n containedButton: {\r\n minHeight: theme.spacing(8),\r\n minWidth: theme.spacing(20),\r\n marginBottom: theme.spacing(2),\r\n },\r\n containedButtonGrey: {\r\n minHeight: theme.spacing(8),\r\n minWidth: theme.spacing(20),\r\n marginBottom: theme.spacing(2),\r\n backgroundColor: theme.palette.secondary.lighter,\r\n color: theme.palette.secondary.dark,\r\n },\r\n});\r\n\r\nconst mapStateToProps = (state) => ({\r\n dataState: getSummarizedDataStateFromState(\r\n state,\r\n EQUIPMENT_ACTIONS.CREATE_ASSET_HISTORY,\r\n ),\r\n user: getCurrentUserFromState(state),\r\n});\r\n\r\nexport default compose(\r\n connect(mapStateToProps),\r\n withStyles(styles),\r\n)(CreateAssetHistoryModalContainer);\r\n","import { Field } from 'formik';\r\nimport { useState } from 'react';\r\nimport { compose } from 'redux';\r\nimport PropTypes from 'prop-types';\r\nimport { isImmutable, Map } from 'immutable';\r\nimport AddIcon from '@material-ui/icons/Add';\r\nimport DeleteIcon from '@material-ui/icons/Close';\r\nimport { memo, useCallback } from 'react';\r\nimport WarningIcon from '@material-ui/icons/Warning';\r\nimport { sortableElement } from 'react-sortable-hoc';\r\nimport ExpandMore from '@material-ui/icons/ExpandMore';\r\nimport ExpandLess from '@material-ui/icons/ExpandLess';\r\nimport ShowAttachments from '@material-ui/icons/Link';\r\nimport HideAttachments from '@material-ui/icons/LinkOff';\r\nimport DuplicateIcon from '@material-ui/icons/FileCopy';\r\nimport AttachIcon from '@material-ui/icons/InsertLink';\r\nimport withStyles from '@material-ui/styles/withStyles';\r\nimport { Grid, IconButton, Typography, Tooltip, Chip } from '@material-ui/core';\r\nimport MoreVert from '@material-ui/icons/MoreVert';\r\nimport OpenInNewIcon from '@material-ui/icons/OpenInNew';\r\nimport PlaylistAddIcon from '@material-ui/icons/PlaylistAdd';\r\nimport { useModal } from 'altus-modal';\r\nimport { Menu, MenuItem, Select } from '@material-ui/core';\r\nimport { useDispatch } from 'react-redux';\r\nimport _isNil from 'lodash/isNil';\r\n\r\nimport {\r\n DragHandle,\r\n SortableTable,\r\n TableRowActionsCell,\r\n} from 'altus-ui-components';\r\n\r\nimport {\r\n ToolType,\r\n ToolCategoryType,\r\n} from 'features/projects/tool/tool.constants';\r\n\r\nimport { formatValue } from 'utils/format.util';\r\nimport { getQuantityUnitFromItems } from 'utils/app.util';\r\nimport TableCellDense from 'app/components/Table/TableCellDense';\r\nimport TableHeaderCellDense from 'app/components/Table/TableHeaderCellDense';\r\nimport QuantityTableHeaderTitleCell from 'app/components/QuantityTableHeaderTitleCell';\r\nimport EditableTableRowFormik from 'app/components/form/formik/EditableTableRowFormik';\r\nimport TableRowAutocompleteTextFieldFormik from 'app/components/form/formik/TableRowAutocompleteTextFieldFormik';\r\nimport ToolstringToolsTableRow from 'features/projects/tasks/task/toolstring/components/ToolstringToolsTableRow';\r\nimport { TASK_URLS } from 'features/projects/activities/activities.constants';\r\nimport {\r\n MODAL,\r\n EquipmentType,\r\n ASSET_HISTORY_TEST_TYPES,\r\n ASSET_HISTORY_EQUIPMENT_TYPE,\r\n} from 'features/equipment/equipment.constants';\r\nimport { TOOL_STATUS } from 'features/projects/tasks/task/toolstring/toolstring.constants';\r\nimport { updateToolStringToolStatus } from 'features/projects/tasks/task/toolstring/toolstring.actions';\r\nimport { TOOLSTRING_OPTION_ACTIONS } from 'features/projects/tasks/task/toolstring/toolstring.constants';\r\nimport { formatToolstringToolStatusString } from 'features/projects/tasks/task/toolstring/toolstring.util';\r\nimport CreateAssetHistoryModalContainer from 'features/equipment/assets/components/CreateAssetHistoryModalContainer';\r\n\r\nconst getSubRows = (row) => {\r\n const immutable = isImmutable(row);\r\n let tools = immutable\r\n ? row.get('toolAssemblyTools')\r\n : row.original?.toolAssemblyTools;\r\n const attachments = immutable\r\n ? row.get('attachedTools')\r\n : row.original?.attachedTools;\r\n\r\n if (tools && !Array.isArray(tools)) {\r\n tools = tools?.toArray();\r\n }\r\n\r\n return attachments?.size > 0 ? attachments.toArray() : tools;\r\n};\r\n\r\nconst SortableFormikRow = sortableElement(EditableTableRowFormik);\r\n\r\nconst getConnectorName = (item) => item.get('name', '').toUpperCase();\r\n\r\nconst TaskToolstringEditorToolsTable = ({\r\n classes,\r\n toolConnectors,\r\n toolstringTools,\r\n onDuplicateItem,\r\n onAddToolAttachments,\r\n onSortToolstringTool,\r\n updateItemProperties,\r\n onDeleteToolstringTool,\r\n onAddToolAssemblyTools,\r\n onDeleteToolAssemblyTool,\r\n onDeleteToolstringAttachment,\r\n hiddenColumns = [],\r\n showCustomActions,\r\n widthSerialColumn = 1,\r\n templateEditor,\r\n projectId,\r\n taskId,\r\n toolstringId,\r\n hideDragHandle,\r\n disabledSerialNumbers = false,\r\n disableToolStatus = false,\r\n}) => {\r\n const [isOpen, toggleModal] = useModal(MODAL.ADD_ASSET_HISTORY_TEST);\r\n const [serialNumber, setSerialNumber] = useState();\r\n const [toolId, setToolId] = useState();\r\n\r\n const openModal = (event) => {\r\n event?.preventDefault();\r\n toggleModal();\r\n };\r\n const lengthUnit = getQuantityUnitFromItems(toolstringTools, (result) =>\r\n result.get('length'),\r\n );\r\n\r\n const weightUnit = getQuantityUnitFromItems(toolstringTools, (result) =>\r\n result.get('weight'),\r\n );\r\n\r\n const forceUnit = getQuantityUnitFromItems(toolstringTools, (result) =>\r\n result.get('yieldValue'),\r\n );\r\n\r\n const diameterUnit = getQuantityUnitFromItems(toolstringTools, (result) =>\r\n result.get('outerDiameter'),\r\n );\r\n\r\n const ToolStatusMenu = ({ toolstringItemId, status }) => {\r\n const [value, setValue] = useState(status);\r\n const dispatch = useDispatch();\r\n\r\n const handleChange = (event) => {\r\n setValue(event.target.value);\r\n dispatch(\r\n updateToolStringToolStatus(\r\n projectId,\r\n taskId,\r\n toolstringId,\r\n toolstringItemId,\r\n event.target.value,\r\n ),\r\n );\r\n };\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n\r\n // readonly\r\n );\r\n };\r\n\r\n const DropdownMenu = ({ externalToolId, serialNumber }) => {\r\n const [anchorEl, setAnchorEl] = useState(null);\r\n const open = Boolean(anchorEl);\r\n const showOptions = externalToolId && serialNumber;\r\n const handleClick = (event) => {\r\n setAnchorEl(event.currentTarget);\r\n };\r\n\r\n const handleClose = () => {\r\n setAnchorEl(null);\r\n };\r\n const complaintMenuItem = () => {\r\n return (\r\n {\r\n handleClose();\r\n window.open(\r\n TASK_URLS.ADD_COMPLAINT_URL,\r\n '_blank',\r\n 'noopener,noreferrer',\r\n );\r\n }}\r\n >\r\n \r\n Add Complaint\r\n \r\n );\r\n };\r\n\r\n return (\r\n <>\r\n \r\n \r\n \r\n {!showOptions ? (\r\n