@corva/ui 3.53.0-1 → 3.53.0-11

package/components/Drillstring/DrillstringDetail/DrillstringDetail.js.map

@@ -1 +1 @@
-{"version":3,"file":"DrillstringDetail.js","sources":["../../../../src/components/Drillstring/DrillstringDetail/DrillstringDetail.js"],"sourcesContent":["import { string, number, shape, func } from 'prop-types';\nimport { useState, useMemo } from 'react';\nimport { Button, Dialog, DialogContent } from '@material-ui/core';\n\nimport BHATable from '../BHATable';\nimport BHAComponentDetail from '../BHAComponentDetail';\n\nimport styles from './styles.css';\n\nimport { convertValue } from '~/utils';\n\nconst DrillstringDetail = ({ onDone, drillStringInfo, holeDepth, unit }) => {\n  const [selectedComponentId, setSelectedComponentId] = useState();\n\n  const bhaId = drillStringInfo.data?.id;\n  const startDepth = Math.floor(convertValue(drillStringInfo.data?.start_depth, 'length', 'ft'));\n\n  const bhaComponents = drillStringInfo.data?.components || [];\n\n  const selectedBHAComponent = useMemo(() => {\n    return bhaComponents.find(component => component.id === selectedComponentId);\n  }, [bhaComponents, selectedComponentId]);\n\n  return (\n    <div className={styles.detailsPane}>\n      <header>\n        <Button variant=\"contained\" className={styles.detailDone} onClick={onDone}>\n          Close\n        </Button>\n        <div className={styles.detailTitleGroup}>\n          <span className={styles.detailTitle}>BHA Details</span>\n          <span className={styles.detailTitleSeparator}> &middot; </span>\n          <span className={styles.detailTitleMore}>BHA # {bhaId}</span>\n          <span className={styles.detailTitleSeparator}> &middot; </span>\n          <span className={styles.detailTitleMore}>{`${startDepth} - ${holeDepth} ${unit}`}</span>\n        </div>\n      </header>\n\n      <BHATable\n        components={bhaComponents}\n        onSelectComponent={({ id }) => setSelectedComponentId(id)}\n      />\n\n      <Dialog\n        open={!!selectedComponentId}\n        onClose={() => setSelectedComponentId(null)}\n        scroll=\"paper\"\n      >\n        <DialogContent>\n          <BHAComponentDetail\n            component={selectedBHAComponent}\n            onDone={() => setSelectedComponentId(null)}\n          />\n        </DialogContent>\n      </Dialog>\n    </div>\n  );\n};\n\nDrillstringDetail.propTypes = {\n  drillStringInfo: shape().isRequired,\n  holeDepth: number.isRequired,\n  unit: string.isRequired,\n  onDone: func.isRequired,\n};\n\nexport default DrillstringDetail;\n"],"names":["DrillstringDetail","_ref","_drillStringInfo$data","_drillStringInfo$data2","_drillStringInfo$data3","onDone","drillStringInfo","holeDepth","unit","_useState","useState","_useState2","_slicedToArray","selectedComponentId","setSelectedComponentId","bhaId","data","id","startDepth","Math","floor","convertValue","start_depth","bhaComponents","components","selectedBHAComponent","useMemo","find","component","_jsxs","className","styles","detailsPane","children","_jsx","Button","variant","detailDone","onClick","detailTitleGroup","detailTitle","detailTitleSeparator","detailTitleMore","concat","BHATable","onSelectComponent","_ref2","Dialog","open","onClose","scroll","DialogContent","BHAComponentDetail","propTypes","shape","isRequired","number","string","func"],"mappings":"2cAWA,IAAMA,EAAoB,SAAkDC,GAAA,IAAAC,EAAAC,EAAAC,EAA/CC,IAAAA,OAAQC,IAAAA,gBAAiBC,IAAAA,UAAWC,IAAAA,KAC/DC,EAAsDC,IAAUC,EAAAC,EAAAH,EAAA,GAAzDI,EAAmBF,EAAA,GAAEG,EAAsBH,EAAA,GAE5CI,EAA4B,QAApBT,EAAAA,EAAgBU,YAAI,IAAAd,OAAA,EAApBA,EAAsBe,GAC9BC,EAAaC,KAAKC,MAAMC,EAAiC,QAApBf,EAAAA,EAAgBU,YAAI,IAAAb,OAAA,EAApBA,EAAsBmB,YAAa,SAAU,OAElFC,GAAgB,QAAAnB,EAAAE,EAAgBU,YAAhB,IAAAZ,OAAA,EAAAA,EAAsBoB,aAAc,GAEpDC,EAAuBC,GAAQ,WACnC,OAAOH,EAAcI,MAAK,SAAAC,GAAS,OAAIA,EAAUX,KAAOJ,IAC1D,GAAG,CAACU,EAAeV,IAEnB,OACEgB,EAAA,MAAA,CAAKC,UAAWC,EAAOC,YAAYC,SACjC,CAAAJ,EAAA,SAAA,CAAAI,SAAA,CACEC,EAACC,EAAM,CAACC,QAAQ,YAAYN,UAAWC,EAAOM,WAAYC,QAASjC,EAAO4B,SAAA,UAG1EJ,EAAA,MAAA,CAAKC,UAAWC,EAAOQ,iBAAiBN,SACtC,CAAAC,EAAA,OAAA,CAAMJ,UAAWC,EAAOS,YAAYP,SAAA,gBACpCC,EAAA,OAAA,CAAMJ,UAAWC,EAAOU,qBAAqBR,SAAA,QAC7CJ,EAAA,OAAA,CAAMC,UAAWC,EAAOW,gBAAgBT,SAAA,CAAA,SAAQlB,KAChDmB,EAAA,OAAA,CAAMJ,UAAWC,EAAOU,qBAAqBR,SAAA,QAC7CC,EAAA,OAAA,CAAMJ,UAAWC,EAAOW,gBAAgBT,SAAA,GAAAU,OAAKzB,EAAU,OAAAyB,OAAMpC,EAAS,KAAAoC,OAAInC,WAI9E0B,EAACU,EAAQ,CACPpB,WAAYD,EACZsB,kBAAmB,SAAAC,GAAA,IAAG7B,IAAAA,GAAE,OAAOH,EAAuBG,EAAG,IAG3DiB,EAACa,EAAM,CACLC,OAAQnC,EACRoC,QAAS,WAAA,OAAMnC,EAAuB,KAAM,EAC5CoC,OAAO,QAAOjB,SAEdC,EAACiB,EAAa,CAAAlB,SACZC,EAACkB,EAAkB,CACjBxB,UAAWH,EACXpB,OAAQ,WAAA,OAAMS,EAAuB,KAAK,UAMtD,EAEAd,EAAkBqD,UAAY,CAC5B/C,gBAAiBgD,IAAQC,WACzBhD,UAAWiD,EAAOD,WAClB/C,KAAMiD,EAAOF,WACblD,OAAQqD,EAAKH"}
+{"version":3,"file":"DrillstringDetail.js","sources":["../../../../src/components/Drillstring/DrillstringDetail/DrillstringDetail.js"],"sourcesContent":["import { string, number, shape, func } from 'prop-types';\nimport { useState, useMemo } from 'react';\nimport { Button, Dialog, DialogContent } from '@material-ui/core';\n\nimport BHATable from '../BHATable';\nimport BHAComponentDetail from '../BHAComponentDetail';\n\nimport styles from './styles.css';\n\nimport { convertValue } from '~/utils';\n\nconst DrillstringDetail = ({ onDone, drillStringInfo, holeDepth, unit }) => {\n  const [selectedComponentId, setSelectedComponentId] = useState();\n\n  const bhaId = drillStringInfo.data?.id;\n  const startDepth = Math.floor(convertValue(drillStringInfo.data?.start_depth, 'length', 'ft'));\n\n  const bhaComponents = drillStringInfo.data?.components || [];\n\n  const selectedBHAComponent = useMemo(() => {\n    return bhaComponents.find(component => component.id === selectedComponentId);\n  }, [bhaComponents, selectedComponentId]);\n\n  return (\n    <div className={styles.detailsPane}>\n      <header>\n        <Button variant=\"contained\" className={styles.detailDone} onClick={onDone}>\n          Close\n        </Button>\n        <div className={styles.detailTitleGroup}>\n          <span className={styles.detailTitle}>BHA Details</span>\n          <span className={styles.detailTitleSeparator}> &middot; </span>\n          <span className={styles.detailTitleMore}>BHA # {bhaId}</span>\n          <span className={styles.detailTitleSeparator}> &middot; </span>\n          <span className={styles.detailTitleMore}>{`${startDepth} - ${holeDepth} ${unit}`}</span>\n        </div>\n      </header>\n\n      <BHATable\n        components={bhaComponents}\n        onSelectComponent={({ id }) => setSelectedComponentId(id)}\n      />\n\n      <Dialog\n        open={!!selectedComponentId}\n        onClose={() => setSelectedComponentId(null)}\n        scroll=\"paper\"\n      >\n        <DialogContent>\n          <BHAComponentDetail\n            component={selectedBHAComponent}\n            onDone={() => setSelectedComponentId(null)}\n          />\n        </DialogContent>\n      </Dialog>\n    </div>\n  );\n};\n\nDrillstringDetail.propTypes = {\n  drillStringInfo: shape().isRequired,\n  holeDepth: number,\n  unit: string.isRequired,\n  onDone: func.isRequired,\n};\n\nDrillstringDetail.defaultProps = {\n  holeDepth: undefined,\n};\n\nexport default DrillstringDetail;\n"],"names":["DrillstringDetail","_ref","_drillStringInfo$data","_drillStringInfo$data2","_drillStringInfo$data3","onDone","drillStringInfo","holeDepth","unit","_useState","useState","_useState2","_slicedToArray","selectedComponentId","setSelectedComponentId","bhaId","data","id","startDepth","Math","floor","convertValue","start_depth","bhaComponents","components","selectedBHAComponent","useMemo","find","component","_jsxs","className","styles","detailsPane","children","_jsx","Button","variant","detailDone","onClick","detailTitleGroup","detailTitle","detailTitleSeparator","detailTitleMore","concat","BHATable","onSelectComponent","_ref2","Dialog","open","onClose","scroll","DialogContent","BHAComponentDetail","propTypes","shape","isRequired","number","string","func","defaultProps","undefined"],"mappings":"2cAWA,IAAMA,EAAoB,SAAkDC,GAAA,IAAAC,EAAAC,EAAAC,EAA/CC,IAAAA,OAAQC,IAAAA,gBAAiBC,IAAAA,UAAWC,IAAAA,KAC/DC,EAAsDC,IAAUC,EAAAC,EAAAH,EAAA,GAAzDI,EAAmBF,EAAA,GAAEG,EAAsBH,EAAA,GAE5CI,EAA4B,QAApBT,EAAAA,EAAgBU,YAAI,IAAAd,OAAA,EAApBA,EAAsBe,GAC9BC,EAAaC,KAAKC,MAAMC,EAAiC,QAApBf,EAAAA,EAAgBU,YAAI,IAAAb,OAAA,EAApBA,EAAsBmB,YAAa,SAAU,OAElFC,GAAgB,QAAAnB,EAAAE,EAAgBU,YAAhB,IAAAZ,OAAA,EAAAA,EAAsBoB,aAAc,GAEpDC,EAAuBC,GAAQ,WACnC,OAAOH,EAAcI,MAAK,SAAAC,GAAS,OAAIA,EAAUX,KAAOJ,IAC1D,GAAG,CAACU,EAAeV,IAEnB,OACEgB,EAAA,MAAA,CAAKC,UAAWC,EAAOC,YAAYC,SACjC,CAAAJ,EAAA,SAAA,CAAAI,SAAA,CACEC,EAACC,EAAM,CAACC,QAAQ,YAAYN,UAAWC,EAAOM,WAAYC,QAASjC,EAAO4B,SAAA,UAG1EJ,EAAA,MAAA,CAAKC,UAAWC,EAAOQ,iBAAiBN,SACtC,CAAAC,EAAA,OAAA,CAAMJ,UAAWC,EAAOS,YAAYP,SAAA,gBACpCC,EAAA,OAAA,CAAMJ,UAAWC,EAAOU,qBAAqBR,SAAA,QAC7CJ,EAAA,OAAA,CAAMC,UAAWC,EAAOW,gBAAgBT,SAAA,CAAA,SAAQlB,KAChDmB,EAAA,OAAA,CAAMJ,UAAWC,EAAOU,qBAAqBR,SAAA,QAC7CC,EAAA,OAAA,CAAMJ,UAAWC,EAAOW,gBAAgBT,SAAA,GAAAU,OAAKzB,EAAU,OAAAyB,OAAMpC,EAAS,KAAAoC,OAAInC,WAI9E0B,EAACU,EAAQ,CACPpB,WAAYD,EACZsB,kBAAmB,SAAAC,GAAA,IAAG7B,IAAAA,GAAE,OAAOH,EAAuBG,EAAG,IAG3DiB,EAACa,EAAM,CACLC,OAAQnC,EACRoC,QAAS,WAAA,OAAMnC,EAAuB,KAAM,EAC5CoC,OAAO,QAAOjB,SAEdC,EAACiB,EAAa,CAAAlB,SACZC,EAACkB,EAAkB,CACjBxB,UAAWH,EACXpB,OAAQ,WAAA,OAAMS,EAAuB,KAAK,UAMtD,EAEAd,EAAkBqD,UAAY,CAC5B/C,gBAAiBgD,IAAQC,WACzBhD,UAAWiD,EACXhD,KAAMiD,EAAOF,WACblD,OAAQqD,EAAKH,YAGfvD,EAAkB2D,aAAe,CAC/BpD,eAAWqD"}

package/components/FeedItem/FeedItem.js

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import e from"@babel/runtime/helpers/asyncToGenerator";import t from"@babel/runtime/helpers/slicedToArray";import s from"@babel/runtime/helpers/objectWithoutProperties";import n from"@babel/runtime/regenerator";import{useState as r,useRef as i}from"react";import p from"classnames";import{makeStyles as c,Paper as m,Divider as a,Typography as l}from"@material-ui/core";import{get as d,includes as u,startCase as j,noop as A}from"lodash";import C from"@material-ui/core/colors/grey";import"../DevCenter/AppHeader/AppHeader.js";import"../DevCenter/AppSideBar/AppSideBar.js";import"../DevCenter/AppsDataProvider/AppsDataProvider.js";import"@material-ui/icons";import"../DevCenter/AppContext.js";import"../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import{useDevCenterRouter as v}from"../DevCenter/DevCenterRouterContext/effects/useDevCenterRouter.js";import"react-router";import{jsxs as V,jsx as I}from"react/jsx-runtime";import"../../constants/goals.js";import"../../constants/segment.js";import{OPEN_ALERT_DETAILS_ID_STORAGE_KEY as D}from"../../constants/alerts.js";import"../../constants/apps.js";import"../../constants/drillstring.js";import"../../constants/completion.js";import"../../constants/appPackages.js";import"../../constants/notifications.js";import{FEED_ITEM_TYPES as g,FEED_ITEM_TYPES_BY_KEY as f}from"../../constants/feed.js";import"../../constants/bha.js";import"../../constants/corvaCompanyId.js";import"../GradientManager/configuration/constants.js";import"../../utils/index.js";import"../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import"../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js";import"../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js";import"../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js";import"../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js";import"../../componentsV2/Text/Text.js";import"../../componentsV2/Grid/Grid.js";import"../../componentsV2/Grid/Cell.js";import"../../componentsV2/Header/Header.scss.js";import"../../componentsV2/Button/Button.js";import"../../componentsV2/ButtonIcon/ButtonIcon.js";import{useIsInsideIsolatedDcApp as h}from"../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"uuid";import"../../componentsV2/Tooltip/Tooltip.scss.js";import"../../componentsV2/Popover/Popover.js";import"../../componentsV2/Radio/Radio.js";import"../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import"../../componentsV2/Checkbox/Checkbox.js";import"@babel/runtime/helpers/toConsumableArray";import"../../componentsV2/TextInput/TextInput.js";import"../../componentsV2/Label/Label.js";import"../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js";import"../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js";import"../../componentsV2/TextLink/TextLink.js";import"../../componentsV2/Chip/Chip.js";import"../../componentsV2/ChipAlert/ChipAlert.js";import"../../componentsV2/ChipIndicator/ChipIndicator.js";import"../../componentsV2/Avatar/Avatar.js";import"../../componentsV2/AvatarGroup/AvatarGroup.js";import"@material-ui/lab";import"../../componentsV2/ToggleButtons/ToggleButtons.scss.js";import"../../componentsV2/Paper/Paper.js";import"../../componentsV2/ModalWindow/ModalWindow.js";import"../../componentsV2/Modal/Modal.scss.js";import"../../componentsV2/Menu/Menu.js";import"@icon-park/react/es/all";import"../../icons/IconParkProvider.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../componentsV2/utils.js";import"../../componentsV2/Hint/Hint.scss.js";import"../../componentsV2/Counter/Counter.js";import"../../componentsV2/BadgeBase/BadgeBase.scss.js";import"../../componentsV2/TemplatesControl/TemplatesControl.js";import"zustand";import"../../componentsV2/TemplatesControl/utils.js";import"../../componentsV2/TemplatesControl/icons/folder/index.js";import"../../componentsV2/TemplatesControl/Store/utils.js";import"../../componentsV2/TemplatesControl/types.js";import{deleteFeedItem as b,toggleFeedItemLike as S}from"../../clients/jsonApi/index.js";import"../../permissions/PermissionsContext.js";import"../../permissions/constants/index.js";import"../../permissions/withPermissionsHOC.js";import"../../permissions/ProvidePermissions.js";import"../../componentsV2/BadgeDot/BadgeDot.scss.js";import"../../componentsV2/LoaderLinear/LoaderLinear.scss.js";import"../../componentsV2/LoaderLogo/LoaderLogo.constants.js";import"../../componentsV2/LoaderLogo/LoaderLogo.scss.js";import"../../componentsV2/Switch/Switch.js";import"../../componentsV2/Tabs/Tabs.js";import"../../componentsV2/EmptyState/EmptyState.scss.js";import"../../componentsV2/FileIcon/FileIcon.js";import"../../componentsV2/Tag/Tag.js";import"react-dropzone";import"../../componentsV2/FilesDropzone/FilesDropzone.scss.js";import"../../componentsV2/FilesLoader/FilesLoader.scss.js";import"../../componentsV2/FilesProcessor/FilesProcessor.scss.js";import"../../componentsV2/Skeleton/Skeleton.scss.js";import P from"../../utils/main.js";import"../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js";import"../../componentsV2/Stepper/Step/Step.scss.js";import"../../componentsV2/Stepper/Stepper.scss.js";import"../../componentsV2/ButtonLive/ButtonLive.js";import"../../componentsV2/ButtonText/ButtonText.js";import"../../componentsV2/IndicatorLive/IndicatorLive.js";import"../../componentsV2/Accordion/Accordion.scss.js";import"../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js";import"../../componentsV2/BadgeComment/BadgeComment.js";import"../../componentsV2/AppContainer/AppContainer.js";import"../../componentsV2/AppContainer/AppContainer.constants.js";import"../../componentsV2/AppFooter/AppFooter.js";import"immutable";import"../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import"../../componentsV2/AppHeader/AppHeader.constants.js";import"../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js";import"../../componentsV2/AppHeader/AppAssets/utils.js";import"../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js";import"../PadModeSelect/PadModeSelect.js";import"../../componentsV2/AppHeader/PadMode/PadMode.scss.js";import"../../constants/streamSourceType.js";import"../../componentsV2/PadModeSelect/PadModeSelect.js";import"../../componentsV2/PadModeSelect/PadModeSelect.constants.js";import"../../componentsV2/AppCommonsProvider/AppCommonsProvider.js";import"../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js";import"../../componentsV2/UniversalLink/UniversalLink.scss.js";import"../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js";import"moment";import"../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js";import"../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js";import"../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js";import"../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js";import"../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js";import"../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js";import"../../componentsV2/AppDqPopover/AppDqPopover.scss.js";import"../AppIcon/AppIcon.js";import"../../utils/getSingleAsset.js";import"../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js";import"../../componentsV2/AppHeader/V3/AssetSelector/constants.js";import"../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js";import"../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js";import"../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js";import"../../clients/subscriptions/constants.js";import"querystring";import"uuid/v1";import"../../clients/subscriptions.v1.js";import"../../clients/subscriptions/subscriptions-client.factory.js";import"jsona";import"../../utils/env.js";import"../StatusBadge/constants.js";import"lodash/set";import"lodash/get";import"lodash/unset";import"../../clients/api/apiCore.js";import"../../clients/constants.js";import"../../clients/sso/auth0.js";import"../../clients/sso/oauth2.js";import"lodash/isEmpty";import"lodash/sortBy";import"../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js";import"../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js";import"../../componentsV2/AppHeader/V3/constants.scss.js";import"@babel/runtime/helpers/typeof";import"../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.js";import"../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js";import"../../componentsV2/AppSettings/AppSettings.js";import"../../componentsV2/AppSettings/AppSettings.constants.js";import"../../componentsV2/AppSettings/AppSettingsPinningContext.js";import"../../componentsV2/AppSizeProvider/AppSizeProvider.js";import"../../componentsV2/AppHeader/V3/Actions/Actions.constants.js";import"../../componentsV2/AppHeader/V3/Actions/Actions.scss.js";import"../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js";import"../../componentsV2/AppHeader/AppHeader.scss.js";import"../../componentsV2/OffsetWellsButton/OffsetWellsButton.js";import"../../componentsV2/Autocomplete/Autocomplete.scss.js";import"../../componentsV2/Menu/MenuItem/MenuItem.js";import"../../componentsV2/Autocomplete/AutocompleteListBox.js";import"../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js";import"../../componentsV2/WellArchivedMessage/WellArchivedMessage.js";import"../../componentsV2/DatePicker/DatePicker.js";import"../../componentsV2/DragHandle/DragHandle.js";import"../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js";import"../../componentsV2/Slider/constants.js";import"../../componentsV2/Slider/components/SliderThumb.js";import"../../componentsV2/Slider/Slider.scss.js";import"../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js";import"../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js";import"../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js";import"../DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js";import"rollbar";import"@rollbar/react";import"../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchButton.scss.js";import"../DevCenter/DevCenterAppContainer/DevCenterAppContainer.css.js";import{isNativeDetected as T}from"../../utils/mobileDetect.js";import"../Icons/AnnotationIcon.js";import"../Annotations/components/AnnotationsList/index.js";import"../Annotations/components/LastAnnotation/index.js";import"../Annotations/AnnotationsContext.js";import"../Toaster/Toaster.js";import"../HelpCenter/HelpCenterIcon.js";import"../DevCenter/NavigationBar/NavigationBar.js";import"../DevCenter/SideBar/SideBar.js";import"../DevCenter/AppSettingsPopover/AppSettingsPopover.js";import"../DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js";import"../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js";import"../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js";import x from"./components/Actions.js";import y from"./components/FeedComments.js";import F from"./components/Content.js";import B from"./components/CreatedAt.js";import k from"./components/Icon.js";import L from"./components/Reactions.js";import H from"./components/RigAndWell.js";import M from"./components/TypeAndAssetTitle.js";import w from"./components/CompletionDateTimestamp.js";import O from"./FeedItem.css.js";import R from"../ConfirmationDialog.js";import E from"../LoadingIndicator/LoadingIndicator.js";import q from"../ErrorBoundary/ErrorBoundary.js";import"../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js";import{showSuccessNotification as N}from"../../utils/notificationToasts.js";var U=["feedItem","editableFeedItemTypes","removeFeedItem","enterEditMode","router","currentUser","appData","customFeedItemTypeTemplates","paperClassName","getFeedItemMessage"];function _(o,e){var t=Object.keys(o);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(o);e&&(s=s.filter((function(e){return Object.getOwnPropertyDescriptor(o,e).enumerable}))),t.push.apply(t,s)}return t}function G(e){for(var t=1;t<arguments.length;t++){var s=null!=arguments[t]?arguments[t]:{};t%2?_(Object(s),!0).forEach((function(t){o(e,t,s[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(s)):_(Object(s)).forEach((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(s,o))}))}return e}var W=c((function(o){return{paperRoot:{position:"relative",marginBottom:10,paddingBottom:16,backgroundColor:function(e){return e.isInsideDcApp?"rgba(65, 65, 65, 0.9)":o.palette.background.b8},width:function(o){return o.isInsideDcApp?360:"100%"},boxShadow:function(o){return o.isInsideDcApp&&"0px 8px 10px rgba(0, 0, 0, 0.14), 0px 3px 14px rgba(0, 0, 0, 0.12), 0px 5px 5px rgba(0, 0, 0, 0.2)"}},clickablePaperRoot:{"&:hover":{filter:"brightness(90%)",transition:"filter 0.3s"}},headerDividerRoot:{margin:"8px 0 8px 0",backgroundColor:"#595959"},dateTimestamp:{color:o.palette.primary.text6,"& span":{color:o.palette.primary.contrastText}}}}));function z(c){var _,z,Z,J,K,Q,X,Y,$,oo,eo,to,so=c.feedItem,no=c.editableFeedItemTypes,ro=void 0===no?[g.POST]:no,io=c.removeFeedItem,po=void 0===io?A:io,co=c.enterEditMode,mo=void 0===co?A:co,ao=c.router,lo=c.currentUser,uo=c.appData,jo=c.customFeedItemTypeTemplates,Ao=void 0===jo?{}:jo,Co=c.paperClassName,vo=c.getFeedItemMessage,Vo=void 0===vo?function(o){var e,t,s=o.context;return(null==s||null===(e=s.post)||void 0===e?void 0:e.body)||(null==s||null===(t=s.dvd_comment)||void 0===t?void 0:t.body)}:vo,Io=s(c,U),Do=d(lo,["settings","uiSettings","corva_v3_features_enabled"]),go=u(so.allowed_actions,"destroy"),fo=h(),ho=W({isInsideDcApp:fo}),bo=r(!1),So=t(bo,2),Po=So[0],To=So[1],xo=r(!0),yo=t(xo,2),Fo=yo[0],Bo=yo[1],ko=r(!0),Lo=t(ko,2),Ho=Lo[0],Mo=Lo[1],wo=r(!1),Oo=t(wo,2),Ro=Oo[0],Eo=Oo[1],qo=so.type===f.post.type,No=ro.includes(so.type),Uo=so.type===f.geosteering_comments.type&&(null===(_=so.context)||void 0===_||null===(z=_.geosteering_comments)||void 0===z||null===(Z=z.data)||void 0===Z?void 0:Z.isRecommendation),_o=(null===(J=f[so.type])||void 0===J?void 0:J.category)||"post",Go=P.getUserFullName(so.user),Wo=null!==(K=f[so.type])&&void 0!==K&&K.showCreatorToLabel?Go:(null===(Q=f[so.type])||void 0===Q?void 0:Q.label)||j(so.type),zo=so.type===f.alert.type&&"/alerts/".concat(null===(X=so.context)||void 0===X||null===(Y=X.alert)||void 0===Y?void 0:Y.id),Zo=so.type===f.alert.type&&zo,Jo=(eo=e(n.mark((function o(){return n.wrap((function(o){for(;;)switch(o.prev=o.next){case 0:return To(!0),o.prev=1,o.next=4,b(so.id);case 4:o.next=9;break;case 6:return o.prev=6,o.t0=o.catch(1),o.abrupt("return");case 9:return o.prev=9,To(!1),o.finish(9);case 12:N("Item was deleted"),po(so.id);case 14:case"end":return o.stop()}}),o,null,[[1,6,9,12]])}))),function(){return eo.apply(this,arguments)}),Ko=i(!1),Qo=(to=e(n.mark((function o(){var e;return n.wrap((function(o){for(;;)switch(o.prev=o.next){case 0:if(Ko.current){o.next=11;break}return e=so.id,Ko.current=!0,o.prev=3,o.next=6,S(e);case 6:o.next=10;break;case 8:o.prev=8,o.t0=o.catch(3);case 10:Ko.current=!1;case 11:case"end":return o.stop()}}),o,null,[[3,8]])}))),function(){return to.apply(this,arguments)}),Xo=v();return V(m,{"data-testid":"".concat("FeedPo","_post_").concat(Vo(so),"_rigName_").concat(function(o){var e,t,s;return!!o.rig?null===(e=o.rig)||void 0===e?void 0:e.name:null===(t=o.well)||void 0===t||null===(s=t.parent_asset)||void 0===s?void 0:s.name}(so)),className:p(ho.paperRoot,Co,($={},o($,ho.clickablePaperRoot,Zo),o($,O.hideOverflow,Po),$)),elevation:0,children:[V("div",{onClick:function(){Zo&&(Do?localStorage.setItem(D,so.context.alert.id):(ao||Xo).push(zo))},className:p(O.mainContainer,(oo={},o(oo,O.mainContainerClickable,Zo),o(oo,O.mainContainerNative,T),oo)),children:[I(k,{feedItem:so,classes:ho,displayName:Go,isRecommended:Uo,currentUser:lo}),V("div",{className:p(O.mainContainerTop,o({},O.mainContainerTopNative,T)),children:[V("div",{className:O.mainContainerTopLine,children:[I(M,{feedItem:so,userFullName:Go,typeLabel:Wo,classes:ho,isPost:qo}),V("div",{className:O.mainContainerTopMenu,children:[I(B,{feedItem:so,classes:ho}),I(x,{"data-testid":"".concat("FeedPo","_actionsDropdown"),isPost:qo,isEditableItem:No,canDeleteFeedItem:go,handleEditMenuItem:function(){mo(so)},handleDeleteMenuItem:function(){Eo(!0)},copyFeedItemLink:function(){var o=so.id,e="".concat(window.location.host,"/feed/").concat(o);P.copyToClipboard(e)},feedItem:so,currentUser:lo})]})]}),I(H,{feedItem:so,isPost:qo})]}),I(a,{className:ho.headerDividerRoot}),I(w,{feedItem:so}),I(q,{ErrorView:function(){return I(l,{children:"Feed Item loading failed"})},children:I(F,G({feedItem:so,appData:uo,customFeedItemTypeTemplates:Ao,currentUser:lo,isCorvaV3FeaturesEnabled:Do},Io))})]}),I(L,{feedItem:so,handleToggleLike:Qo,setOpenCommentInput:Bo,setOpenCommentList:Mo,openCommentInput:Fo,openCommentList:Ho,currentUser:lo}),I(y,{openCommentInput:Fo,openCommentList:Ho,feedItem:so,currentUser:lo}),Po&&I("div",{className:O.loadingContainer,style:{backgroundColor:C[800]},children:I(E,{})}),Ro&&I(R,{open:Ro,title:"Delete ".concat(_o),text:"Are you sure you want to delete ".concat(_o," and all attachments?"),handleClose:function(){return Eo(!1)},handleOk:function(){Jo()},okText:"Delete"})]})}export{z as default};
+import o from"@babel/runtime/helpers/defineProperty";import e from"@babel/runtime/helpers/asyncToGenerator";import t from"@babel/runtime/helpers/slicedToArray";import s from"@babel/runtime/helpers/objectWithoutProperties";import n from"@babel/runtime/regenerator";import{useState as r,useRef as i}from"react";import p from"classnames";import{makeStyles as c,Paper as m,Divider as a,Typography as l}from"@material-ui/core";import{get as d,includes as u,startCase as j,noop as A}from"lodash";import C from"@material-ui/core/colors/grey";import"../DevCenter/AppHeader/AppHeader.js";import"../DevCenter/AppSideBar/AppSideBar.js";import"../DevCenter/AppsDataProvider/AppsDataProvider.js";import"@material-ui/icons";import"../DevCenter/AppContext.js";import"../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import{useDevCenterRouter as v}from"../DevCenter/DevCenterRouterContext/effects/useDevCenterRouter.js";import"react-router-dom";import"query-string";import{jsxs as V,jsx as D}from"react/jsx-runtime";import"../../constants/goals.js";import"../../constants/segment.js";import{OPEN_ALERT_DETAILS_ID_STORAGE_KEY as I}from"../../constants/alerts.js";import"../../constants/apps.js";import"../../constants/drillstring.js";import"../../constants/completion.js";import"../../constants/appPackages.js";import"../../constants/notifications.js";import{FEED_ITEM_TYPES as g,FEED_ITEM_TYPES_BY_KEY as f}from"../../constants/feed.js";import"../../constants/bha.js";import"../../constants/corvaCompanyId.js";import"../GradientManager/configuration/constants.js";import"../../utils/index.js";import"../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import"../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js";import"../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js";import"../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js";import"../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js";import"../../componentsV2/Text/Text.js";import"../../componentsV2/Grid/Grid.js";import"../../componentsV2/Grid/Cell.js";import"../../componentsV2/Header/Header.scss.js";import"../../componentsV2/Button/Button.js";import"../../componentsV2/ButtonIcon/ButtonIcon.js";import{useIsInsideIsolatedDcApp as h}from"../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"uuid";import"../../componentsV2/Tooltip/Tooltip.scss.js";import"../../componentsV2/Popover/Popover.js";import"../../componentsV2/Radio/Radio.js";import"../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import"../../componentsV2/Checkbox/Checkbox.js";import"@babel/runtime/helpers/toConsumableArray";import"../../componentsV2/TextInput/TextInput.js";import"../../componentsV2/TextInputNext/TextInputNext.js";import"../../componentsV2/Label/Label.js";import"../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js";import"../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js";import"../../componentsV2/TextLink/TextLink.js";import"../../componentsV2/Chip/Chip.js";import"../../componentsV2/ChipAlert/ChipAlert.js";import"../../componentsV2/ChipIndicator/ChipIndicator.js";import"../../componentsV2/Avatar/Avatar.js";import"../../componentsV2/AvatarGroup/AvatarGroup.js";import"@material-ui/lab";import"../../componentsV2/ToggleButtons/ToggleButtons.scss.js";import"../../componentsV2/Paper/Paper.js";import"../../componentsV2/ModalWindow/ModalWindow.js";import"../../componentsV2/Modal/Modal.scss.js";import"../../componentsV2/Menu/Menu.js";import"@icon-park/react/es/all";import"../../icons/IconParkProvider.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../componentsV2/utils.js";import"../../componentsV2/Hint/Hint.scss.js";import"../../componentsV2/Counter/Counter.js";import"../../componentsV2/BadgeBase/BadgeBase.scss.js";import"../../componentsV2/TemplatesControl/TemplatesControl.js";import"zustand";import"../../componentsV2/TemplatesControl/utils.js";import"../../componentsV2/TemplatesControl/icons/folder/index.js";import"../../componentsV2/TemplatesControl/Store/utils.js";import"../../componentsV2/TemplatesControl/types.js";import{deleteFeedItem as S,toggleFeedItemLike as b}from"../../clients/jsonApi/index.js";import"../../permissions/PermissionsContext.js";import"../../permissions/constants/index.js";import"../../permissions/withPermissionsHOC.js";import"../../permissions/ProvidePermissions.js";import"../../componentsV2/BadgeDot/BadgeDot.scss.js";import"../../componentsV2/LoaderLinear/LoaderLinear.scss.js";import"../../componentsV2/LoaderLogo/LoaderLogo.constants.js";import"../../componentsV2/LoaderLogo/LoaderLogo.scss.js";import"../../componentsV2/Switch/Switch.js";import"../../componentsV2/Tabs/Tabs.js";import"../../componentsV2/EmptyState/EmptyState.scss.js";import"../../componentsV2/FileIcon/FileIcon.js";import"../../componentsV2/Tag/Tag.js";import"react-dropzone";import"../../componentsV2/FilesDropzone/FilesDropzone.scss.js";import"../../componentsV2/FilesLoader/FilesLoader.scss.js";import"../../componentsV2/FilesProcessor/FilesProcessor.scss.js";import"../../componentsV2/Skeleton/Skeleton.scss.js";import P from"../../utils/main.js";import"../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js";import"../../componentsV2/Stepper/Step/Step.scss.js";import"../../componentsV2/Stepper/Stepper.scss.js";import"../../componentsV2/ButtonLive/ButtonLive.js";import"../../componentsV2/ButtonText/ButtonText.js";import"../../componentsV2/IndicatorLive/IndicatorLive.js";import"../../componentsV2/Accordion/Accordion.scss.js";import"../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js";import"../../componentsV2/BadgeComment/BadgeComment.js";import"../../componentsV2/AppContainer/AppContainer.js";import"../../componentsV2/AppContainer/AppContainer.constants.js";import"../../componentsV2/AppFooter/AppFooter.js";import"immutable";import"../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import"../../componentsV2/AppHeader/AppHeader.constants.js";import"../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js";import"../../componentsV2/AppHeader/AppAssets/utils.js";import"../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js";import"../PadModeSelect/PadModeSelect.js";import"../../componentsV2/AppHeader/PadMode/PadMode.scss.js";import"../../constants/streamSourceType.js";import"../../componentsV2/PadModeSelect/PadModeSelect.js";import"../../componentsV2/PadModeSelect/PadModeSelect.constants.js";import"../../componentsV2/AppCommonsProvider/AppCommonsProvider.js";import"../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js";import"../../componentsV2/UniversalLink/UniversalLink.scss.js";import"../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js";import"moment";import"../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js";import"../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js";import"../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js";import"../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js";import"../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js";import"../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js";import"../../componentsV2/AppDqPopover/AppDqPopover.scss.js";import"../AppIcon/AppIcon.js";import"../../utils/getSingleAsset.js";import"../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js";import"../../componentsV2/AppHeader/V3/AssetSelector/constants.js";import"../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js";import"../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js";import"../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js";import"../../clients/subscriptions/constants.js";import"querystring";import"uuid/v1";import"../../clients/subscriptions.v1.js";import"../../clients/subscriptions/subscriptions-client.factory.js";import"jsona";import"../../utils/env.js";import"../StatusBadge/constants.js";import"lodash/set";import"lodash/get";import"lodash/unset";import"../../clients/api/apiCore.js";import"../../clients/constants.js";import"../../clients/sso/auth0.js";import"../../clients/sso/oauth2.js";import"lodash/isEmpty";import"lodash/sortBy";import"../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js";import"../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js";import"../../componentsV2/AppHeader/V3/constants.scss.js";import"@babel/runtime/helpers/typeof";import"../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.js";import"../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js";import"../../componentsV2/AppSettings/AppSettings.js";import"../../componentsV2/AppSettings/AppSettings.constants.js";import"../../componentsV2/AppSettings/AppSettingsPinningContext.js";import"../../componentsV2/AppSizeProvider/AppSizeProvider.js";import"../../componentsV2/AppHeader/V3/Actions/Actions.constants.js";import"../../componentsV2/AppHeader/V3/Actions/Actions.scss.js";import"../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js";import"../../componentsV2/AppHeader/AppHeader.scss.js";import"../../componentsV2/OffsetWellsButton/OffsetWellsButton.js";import"../../componentsV2/Autocomplete/Autocomplete.js";import"../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js";import"../../componentsV2/WellArchivedMessage/WellArchivedMessage.js";import"../../componentsV2/DatePicker/DatePicker.js";import"../../componentsV2/DragHandle/DragHandle.js";import"../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js";import"../../componentsV2/Slider/constants.js";import"../../componentsV2/Slider/components/SliderThumb.js";import"../../componentsV2/Slider/Slider.scss.js";import"react-color";import"../../componentsV2/ColorPicker/Swatches/Swatches.scss.js";import"../../componentsV2/ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js";import"../../componentsV2/ColorPicker/ColorPicker.scss.js";import"../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js";import"../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js";import"../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js";import"../DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js";import"rollbar";import"@rollbar/react";import"../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchButton.scss.js";import"../DevCenter/DevCenterAppContainer/DevCenterAppContainer.css.js";import{isNativeDetected as T}from"../../utils/mobileDetect.js";import"../Icons/AnnotationIcon.js";import"../Annotations/components/AnnotationsList/index.js";import"../Annotations/components/LastAnnotation/index.js";import"../Annotations/AnnotationsContext.js";import"../Toaster/Toaster.js";import"../HelpCenter/HelpCenterIcon.js";import"../DevCenter/NavigationBar/NavigationBar.js";import"../DevCenter/SideBar/SideBar.js";import"../DevCenter/AppSettingsPopover/AppSettingsPopover.js";import"../DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js";import"../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js";import"../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js";import x from"./components/Actions.js";import y from"./components/FeedComments.js";import F from"./components/Content.js";import k from"./components/CreatedAt.js";import B from"./components/Icon.js";import L from"./components/Reactions.js";import w from"./components/RigAndWell.js";import H from"./components/TypeAndAssetTitle.js";import O from"./components/CompletionDateTimestamp.js";import M from"./FeedItem.css.js";import R from"../ConfirmationDialog.js";import E from"../LoadingIndicator/LoadingIndicator.js";import q from"../ErrorBoundary/ErrorBoundary.js";import"../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js";import{showSuccessNotification as N}from"../../utils/notificationToasts.js";var U=["feedItem","editableFeedItemTypes","removeFeedItem","enterEditMode","router","currentUser","appData","customFeedItemTypeTemplates","paperClassName","getFeedItemMessage"];function _(o,e){var t=Object.keys(o);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(o);e&&(s=s.filter((function(e){return Object.getOwnPropertyDescriptor(o,e).enumerable}))),t.push.apply(t,s)}return t}function G(e){for(var t=1;t<arguments.length;t++){var s=null!=arguments[t]?arguments[t]:{};t%2?_(Object(s),!0).forEach((function(t){o(e,t,s[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(s)):_(Object(s)).forEach((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(s,o))}))}return e}var W=c((function(o){return{paperRoot:{position:"relative",marginBottom:10,paddingBottom:16,backgroundColor:function(e){return e.isInsideDcApp?"rgba(65, 65, 65, 0.9)":o.palette.background.b8},width:function(o){return o.isInsideDcApp?360:"100%"},boxShadow:function(o){return o.isInsideDcApp&&"0px 8px 10px rgba(0, 0, 0, 0.14), 0px 3px 14px rgba(0, 0, 0, 0.12), 0px 5px 5px rgba(0, 0, 0, 0.2)"}},clickablePaperRoot:{"&:hover":{filter:"brightness(90%)",transition:"filter 0.3s"}},headerDividerRoot:{margin:"8px 0 8px 0",backgroundColor:"#595959"},dateTimestamp:{color:o.palette.primary.text6,"& span":{color:o.palette.primary.contrastText}}}}));function z(c){var _,z,Z,J,K,Q,X,Y,$,oo,eo,to,so=c.feedItem,no=c.editableFeedItemTypes,ro=void 0===no?[g.POST]:no,io=c.removeFeedItem,po=void 0===io?A:io,co=c.enterEditMode,mo=void 0===co?A:co,ao=c.router,lo=c.currentUser,uo=c.appData,jo=c.customFeedItemTypeTemplates,Ao=void 0===jo?{}:jo,Co=c.paperClassName,vo=c.getFeedItemMessage,Vo=void 0===vo?function(o){var e,t,s=o.context;return(null==s||null===(e=s.post)||void 0===e?void 0:e.body)||(null==s||null===(t=s.dvd_comment)||void 0===t?void 0:t.body)}:vo,Do=s(c,U),Io=d(lo,["settings","uiSettings","corva_v3_features_enabled"]),go=u(so.allowed_actions,"destroy"),fo=h(),ho=W({isInsideDcApp:fo}),So=r(!1),bo=t(So,2),Po=bo[0],To=bo[1],xo=r(!0),yo=t(xo,2),Fo=yo[0],ko=yo[1],Bo=r(!0),Lo=t(Bo,2),wo=Lo[0],Ho=Lo[1],Oo=r(!1),Mo=t(Oo,2),Ro=Mo[0],Eo=Mo[1],qo=so.type===f.post.type,No=ro.includes(so.type),Uo=so.type===f.geosteering_comments.type&&(null===(_=so.context)||void 0===_||null===(z=_.geosteering_comments)||void 0===z||null===(Z=z.data)||void 0===Z?void 0:Z.isRecommendation),_o=(null===(J=f[so.type])||void 0===J?void 0:J.category)||"post",Go=P.getUserFullName(so.user),Wo=null!==(K=f[so.type])&&void 0!==K&&K.showCreatorToLabel?Go:(null===(Q=f[so.type])||void 0===Q?void 0:Q.label)||j(so.type),zo=so.type===f.alert.type&&"/alerts/".concat(null===(X=so.context)||void 0===X||null===(Y=X.alert)||void 0===Y?void 0:Y.id),Zo=so.type===f.alert.type&&zo,Jo=(eo=e(n.mark((function o(){return n.wrap((function(o){for(;;)switch(o.prev=o.next){case 0:return To(!0),o.prev=1,o.next=4,S(so.id);case 4:o.next=9;break;case 6:return o.prev=6,o.t0=o.catch(1),o.abrupt("return");case 9:return o.prev=9,To(!1),o.finish(9);case 12:N("Item was deleted"),po(so.id);case 14:case"end":return o.stop()}}),o,null,[[1,6,9,12]])}))),function(){return eo.apply(this,arguments)}),Ko=i(!1),Qo=(to=e(n.mark((function o(){var e;return n.wrap((function(o){for(;;)switch(o.prev=o.next){case 0:if(Ko.current){o.next=11;break}return e=so.id,Ko.current=!0,o.prev=3,o.next=6,b(e);case 6:o.next=10;break;case 8:o.prev=8,o.t0=o.catch(3);case 10:Ko.current=!1;case 11:case"end":return o.stop()}}),o,null,[[3,8]])}))),function(){return to.apply(this,arguments)}),Xo=v();return V(m,{"data-testid":"".concat("FeedPo","_post_").concat(Vo(so),"_rigName_").concat(function(o){var e,t,s;return!!o.rig?null===(e=o.rig)||void 0===e?void 0:e.name:null===(t=o.well)||void 0===t||null===(s=t.parent_asset)||void 0===s?void 0:s.name}(so)),className:p(ho.paperRoot,Co,($={},o($,ho.clickablePaperRoot,Zo),o($,M.hideOverflow,Po),$)),elevation:0,children:[V("div",{onClick:function(){Zo&&(Io?localStorage.setItem(I,so.context.alert.id):(ao||Xo).push(zo))},className:p(M.mainContainer,(oo={},o(oo,M.mainContainerClickable,Zo),o(oo,M.mainContainerNative,T),oo)),children:[D(B,{feedItem:so,classes:ho,displayName:Go,isRecommended:Uo,currentUser:lo}),V("div",{className:p(M.mainContainerTop,o({},M.mainContainerTopNative,T)),children:[V("div",{className:M.mainContainerTopLine,children:[D(H,{feedItem:so,userFullName:Go,typeLabel:Wo,classes:ho,isPost:qo}),V("div",{className:M.mainContainerTopMenu,children:[D(k,{feedItem:so,classes:ho}),D(x,{"data-testid":"".concat("FeedPo","_actionsDropdown"),isPost:qo,isEditableItem:No,canDeleteFeedItem:go,handleEditMenuItem:function(){mo(so)},handleDeleteMenuItem:function(){Eo(!0)},copyFeedItemLink:function(){var o=so.id,e="".concat(window.location.host,"/feed/").concat(o);P.copyToClipboard(e)},feedItem:so,currentUser:lo})]})]}),D(w,{feedItem:so,isPost:qo})]}),D(a,{className:ho.headerDividerRoot}),D(O,{feedItem:so}),D(q,{ErrorView:function(){return D(l,{children:"Feed Item loading failed"})},children:D(F,G({feedItem:so,appData:uo,customFeedItemTypeTemplates:Ao,currentUser:lo,isCorvaV3FeaturesEnabled:Io},Do))})]}),D(L,{feedItem:so,handleToggleLike:Qo,setOpenCommentInput:ko,setOpenCommentList:Ho,openCommentInput:Fo,openCommentList:wo,currentUser:lo}),D(y,{openCommentInput:Fo,openCommentList:wo,feedItem:so,currentUser:lo}),Po&&D("div",{className:M.loadingContainer,style:{backgroundColor:C[800]},children:D(E,{})}),Ro&&D(R,{open:Ro,title:"Delete ".concat(_o),text:"Are you sure you want to delete ".concat(_o," and all attachments?"),handleClose:function(){return Eo(!1)},handleOk:function(){Jo()},okText:"Delete"})]})}export{z as default};
 //# sourceMappingURL=FeedItem.js.map

package/components/FeedItem/FeedItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"FeedItem.js","sources":["../../../src/components/FeedItem/FeedItem.js"],"sourcesContent":["import { useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport { Divider, makeStyles, Paper, Typography } from '@material-ui/core';\nimport { get, includes, noop, startCase } from 'lodash';\nimport grey from '@material-ui/core/colors/grey';\n\nimport { useDevCenterRouter } from '../DevCenter';\n\nimport Actions from './components/Actions';\nimport FeedComments from './components/FeedComments';\nimport Content from './components/Content';\nimport CreatedAt from './components/CreatedAt';\nimport Icon from './components/Icon';\nimport Reactions from './components/Reactions';\nimport RigAndWell from './components/RigAndWell';\nimport TypeAndAssetTitle from './components/TypeAndAssetTitle';\nimport CompletionDateTimestamp from './components/CompletionDateTimestamp';\n\nimport styles from './FeedItem.css';\n\nimport { isNativeDetected } from '~/utils/mobileDetect';\nimport ConfirmationDialog from '~/components/ConfirmationDialog';\nimport LoadingIndicator from '~/components/LoadingIndicator';\nimport ErrorBoundary from '~/components/ErrorBoundary';\nimport { useIsInsideIsolatedDcApp } from '~/components/DevCenter/DevCenterAppContainer/components';\nimport { FEED_ITEM_TYPES, FEED_ITEM_TYPES_BY_KEY } from '~/constants/feed';\nimport { deleteFeedItem, toggleFeedItemLike } from '~/clients/jsonApi';\nimport { showSuccessNotification } from '~/utils';\nimport utils from '~/utils/main';\nimport { OPEN_ALERT_DETAILS_ID_STORAGE_KEY } from '~/constants/alerts';\n\nconst PAGE_NAME = 'FeedPo';\n\nconst useStyles = makeStyles(theme => ({\n  paperRoot: {\n    position: 'relative',\n    marginBottom: 10,\n    paddingBottom: 16,\n    backgroundColor: ({ isInsideDcApp }) =>\n      isInsideDcApp ? 'rgba(65, 65, 65, 0.9)' : theme.palette.background.b8,\n    width: ({ isInsideDcApp }) => (isInsideDcApp ? 360 : '100%'),\n    boxShadow: ({ isInsideDcApp }) =>\n      isInsideDcApp &&\n      '0px 8px 10px rgba(0, 0, 0, 0.14), 0px 3px 14px rgba(0, 0, 0, 0.12), 0px 5px 5px rgba(0, 0, 0, 0.2)',\n  },\n  clickablePaperRoot: {\n    '&:hover': {\n      filter: 'brightness(90%)',\n      transition: 'filter 0.3s',\n    },\n  },\n  headerDividerRoot: {\n    margin: '8px 0 8px 0',\n    backgroundColor: '#595959',\n  },\n  dateTimestamp: {\n    color: theme.palette.primary.text6,\n    '& span': {\n      color: theme.palette.primary.contrastText,\n    },\n  },\n}));\n\n/**\n * @typedef {object} ActivityItem\n * @property {number} id\n * @property {string} type\n * @property {Record<string, any>} [context]\n * @property {Array<'update' | 'destroy' | 'like'>} [allowed_actions]\n * @property {number} [company_id]\n * @property {number} [asset_id] is not received from the back but have to be provided while saving activities\n * @property {any} [rig]\n * @property {any} [well]\n * @property {string} [updated_at]\n * @property {any} [segment]\n * @property {boolean} [liked]\n * @property {any[]} [likes]\n * @property {number} [likes_count]\n * @property {any[]} [mentioned_users]\n */\n\n/**\n * @param {object} props\n * @param {ActivityItem} props.feedItem\n * @param {string[]} [props.editableFeedItemTypes]\n * @param {(feedItemId: number) => void} [props.removeFeedItem] called after a feed item was removed by a user\n * @param {(feedItem: ActivityItem) => void} [props.enterEditMode] called when a used clicks \"Edit\" menu item\n * @param {any} [props.router]\n * @param {any} props.currentUser used to display Avatar and to determine the ability to edit comments\n * @param {any} [props.appData] passed to body Template\n * @param {Record<string, any>} [props.customFeedItemTypeTemplates]\n * @param {string} [props.paperClassName]\n * @param {any} [props.getFeedItemMessage] used only to create a data-testid attribute\n */\nfunction FeedItem({\n  feedItem,\n  editableFeedItemTypes = [FEED_ITEM_TYPES.POST],\n  removeFeedItem = noop,\n  enterEditMode = noop,\n  router,\n  currentUser,\n  appData,\n  customFeedItemTypeTemplates = {},\n  paperClassName,\n  getFeedItemMessage = ({ context }) => context?.post?.body || context?.dvd_comment?.body,\n  ...props\n}) {\n  const isCorvaV3FeaturesEnabled = get(currentUser, [\n    'settings',\n    'uiSettings',\n    'corva_v3_features_enabled',\n  ]);\n\n  const canDeleteFeedItem = includes(feedItem.allowed_actions, 'destroy');\n\n  const isInsideDcApp = useIsInsideIsolatedDcApp();\n  const classes = useStyles({ isInsideDcApp });\n  const [isLoading, setIsLoading] = useState(false);\n  const [openCommentInput, setOpenCommentInput] = useState(true);\n  const [openCommentList, setOpenCommentList] = useState(true);\n  const [openDeleteDialog, setOpenDeleteDialog] = useState(false);\n\n  const isPost = feedItem.type === FEED_ITEM_TYPES_BY_KEY.post.type;\n  const isEditableItem = editableFeedItemTypes.includes(feedItem.type);\n\n  const isGeosteering = feedItem.type === FEED_ITEM_TYPES_BY_KEY.geosteering_comments.type;\n  const isRecommended =\n    isGeosteering && feedItem.context?.geosteering_comments?.data?.isRecommendation;\n\n  const typeCategory = FEED_ITEM_TYPES_BY_KEY[feedItem.type]?.category || 'post';\n\n  const userFullName = utils.getUserFullName(feedItem.user);\n  const typeLabel = FEED_ITEM_TYPES_BY_KEY[feedItem.type]?.showCreatorToLabel\n    ? userFullName\n    : FEED_ITEM_TYPES_BY_KEY[feedItem.type]?.label || startCase(feedItem.type);\n\n  const feedItemSourceLink =\n    feedItem.type === FEED_ITEM_TYPES_BY_KEY.alert.type && `/alerts/${feedItem.context?.alert?.id}`;\n\n  const isFeedItemClickable =\n    feedItem.type === FEED_ITEM_TYPES_BY_KEY.alert.type && feedItemSourceLink;\n\n  const handleDeleteFeedItem = async () => {\n    setIsLoading(true);\n\n    try {\n      await deleteFeedItem(feedItem.id);\n    } catch (e) {\n      return;\n    } finally {\n      setIsLoading(false);\n    }\n\n    showSuccessNotification('Item was deleted');\n\n    removeFeedItem(feedItem.id);\n  };\n\n  const isBeingLikedRef = useRef(false);\n\n  const handleToggleLike = async () => {\n    if (!isBeingLikedRef.current) {\n      const feedItemId = feedItem.id;\n      isBeingLikedRef.current = true;\n      try {\n        await toggleFeedItemLike(feedItemId); // NOTE: Received through subscription\n      } catch (e) {\n        // NOTE: Do nothing\n      }\n      isBeingLikedRef.current = false;\n    }\n  };\n\n  const handleEditMenuItem = () => {\n    enterEditMode(feedItem);\n  };\n\n  const handleDeleteMenuItem = () => {\n    setOpenDeleteDialog(true);\n  };\n\n  const copyFeedItemLink = () => {\n    const feedId = feedItem.id;\n    const text = `${window.location.host}/feed/${feedId}`;\n\n    utils.copyToClipboard(text);\n  };\n\n  const handleDelete = () => {\n    handleDeleteFeedItem();\n  };\n\n  const devCenterRouter = useDevCenterRouter();\n\n  const handleMainContainerClick = () => {\n    if (!isFeedItemClickable) return;\n\n    if (isCorvaV3FeaturesEnabled)\n      localStorage.setItem(OPEN_ALERT_DETAILS_ID_STORAGE_KEY, feedItem.context.alert.id);\n    else (router || devCenterRouter).push(feedItemSourceLink);\n  };\n\n  const getRigName = feedItem => {\n    const isRigBasedItem = !!feedItem.rig;\n    return isRigBasedItem ? feedItem.rig?.name : feedItem.well?.parent_asset?.name;\n  };\n\n  return (\n    <Paper\n      data-testid={`${PAGE_NAME}_post_${getFeedItemMessage(feedItem)}_rigName_${getRigName(\n        feedItem\n      )}`}\n      className={classNames(classes.paperRoot, paperClassName, {\n        [classes.clickablePaperRoot]: isFeedItemClickable,\n        [styles.hideOverflow]: isLoading,\n      })}\n      elevation={0}\n    >\n      <div\n        onClick={handleMainContainerClick}\n        className={classNames(styles.mainContainer, {\n          [styles.mainContainerClickable]: isFeedItemClickable,\n          [styles.mainContainerNative]: isNativeDetected,\n        })}\n      >\n        <Icon\n          feedItem={feedItem}\n          classes={classes}\n          displayName={userFullName}\n          isRecommended={isRecommended}\n          currentUser={currentUser}\n        />\n        <div\n          className={classNames(styles.mainContainerTop, {\n            [styles.mainContainerTopNative]: isNativeDetected,\n          })}\n        >\n          <div className={styles.mainContainerTopLine}>\n            <TypeAndAssetTitle\n              feedItem={feedItem}\n              userFullName={userFullName}\n              typeLabel={typeLabel}\n              classes={classes}\n              isPost={isPost}\n            />\n            <div className={styles.mainContainerTopMenu}>\n              <CreatedAt feedItem={feedItem} classes={classes} />\n\n              <Actions\n                data-testid={`${PAGE_NAME}_actionsDropdown`}\n                isPost={isPost}\n                isEditableItem={isEditableItem}\n                canDeleteFeedItem={canDeleteFeedItem}\n                handleEditMenuItem={handleEditMenuItem}\n                handleDeleteMenuItem={handleDeleteMenuItem}\n                copyFeedItemLink={copyFeedItemLink}\n                feedItem={feedItem}\n                currentUser={currentUser}\n              />\n            </div>\n          </div>\n\n          <RigAndWell feedItem={feedItem} isPost={isPost} />\n        </div>\n        <Divider className={classes.headerDividerRoot} />\n        <CompletionDateTimestamp feedItem={feedItem} />\n        <ErrorBoundary ErrorView={() => <Typography>Feed Item loading failed</Typography>}>\n          <Content\n            feedItem={feedItem}\n            appData={appData}\n            customFeedItemTypeTemplates={customFeedItemTypeTemplates}\n            currentUser={currentUser}\n            isCorvaV3FeaturesEnabled={isCorvaV3FeaturesEnabled}\n            {...props}\n          />\n        </ErrorBoundary>\n      </div>\n      <Reactions\n        feedItem={feedItem}\n        handleToggleLike={handleToggleLike}\n        setOpenCommentInput={setOpenCommentInput}\n        setOpenCommentList={setOpenCommentList}\n        openCommentInput={openCommentInput}\n        openCommentList={openCommentList}\n        currentUser={currentUser}\n      />\n      <FeedComments\n        openCommentInput={openCommentInput}\n        openCommentList={openCommentList}\n        feedItem={feedItem}\n        currentUser={currentUser}\n      />\n      {isLoading && ( // NOTE: Avoids feed item height change\n        <div className={styles.loadingContainer} style={{ backgroundColor: grey[800] }}>\n          <LoadingIndicator />\n        </div>\n      )}\n      {openDeleteDialog && (\n        <ConfirmationDialog\n          open={openDeleteDialog}\n          title={`Delete ${typeCategory}`}\n          text={`Are you sure you want to delete ${typeCategory} and all attachments?`}\n          handleClose={() => setOpenDeleteDialog(false)}\n          handleOk={handleDelete}\n          okText=\"Delete\"\n        />\n      )}\n    </Paper>\n  );\n}\n\nexport default FeedItem;\n"],"names":["useStyles","makeStyles","theme","paperRoot","position","marginBottom","paddingBottom","backgroundColor","_ref","isInsideDcApp","palette","background","b8","width","_ref2","boxShadow","_ref3","clickablePaperRoot","filter","transition","headerDividerRoot","margin","dateTimestamp","color","primary","text6","contrastText","FeedItem","_ref4","_feedItem$context","_feedItem$context$geo","_feedItem$context$geo2","_FEED_ITEM_TYPES_BY_K","_FEED_ITEM_TYPES_BY_K2","_FEED_ITEM_TYPES_BY_K3","_feedItem$context2","_feedItem$context2$al","_classNames","_classNames2","_ref6","_ref7","feedItem","_ref4$editableFeedIte","editableFeedItemTypes","FEED_ITEM_TYPES","POST","_ref4$removeFeedItem","removeFeedItem","noop","_ref4$enterEditMode","enterEditMode","router","currentUser","appData","_ref4$customFeedItemT","customFeedItemTypeTemplates","paperClassName","_ref4$getFeedItemMess","getFeedItemMessage","_ref5","_context$post","_context$dvd_comment","context","post","body","dvd_comment","props","_objectWithoutProperties","_excluded","isCorvaV3FeaturesEnabled","get","canDeleteFeedItem","includes","allowed_actions","useIsInsideIsolatedDcApp","classes","useState","_useState2","_slicedToArray","_useState","isLoading","setIsLoading","_useState4","_useState3","openCommentInput","setOpenCommentInput","_useState6","_useState5","openCommentList","setOpenCommentList","_useState8","_useState7","openDeleteDialog","setOpenDeleteDialog","isPost","type","FEED_ITEM_TYPES_BY_KEY","isEditableItem","isRecommended","geosteering_comments","data","isRecommendation","typeCategory","category","userFullName","utils","getUserFullName","user","typeLabel","showCreatorToLabel","label","startCase","feedItemSourceLink","alert","id","isFeedItemClickable","handleDeleteFeedItem","_asyncToGenerator","_regeneratorRuntime","mark","_callee","wrap","_context","prev","next","deleteFeedItem","t0","abrupt","finish","showSuccessNotification","stop","apply","this","arguments","isBeingLikedRef","useRef","handleToggleLike","_callee2","feedItemId","_context2","current","toggleFeedItemLike","devCenterRouter","useDevCenterRouter","_jsxs","Paper","PAGE_NAME","concat","_feedItem$rig","_feedItem$well","_feedItem$well$parent","rig","name","well","parent_asset","getRigName","className","classNames","styles","hideOverflow","elevation","children","onClick","localStorage","setItem","OPEN_ALERT_DETAILS_ID_STORAGE_KEY","push","mainContainer","mainContainerClickable","mainContainerNative","isNativeDetected","_jsx","Icon","displayName","mainContainerTop","mainContainerTopNative","mainContainerTopLine","TypeAndAssetTitle","mainContainerTopMenu","CreatedAt","Actions","handleEditMenuItem","handleDeleteMenuItem","copyFeedItemLink","feedId","text","window","location","host","copyToClipboard","RigAndWell","Divider","CompletionDateTimestamp","ErrorBoundary","ErrorView","Typography","Content","_objectSpread","Reactions","FeedComments","loadingContainer","style","grey","LoadingIndicator","ConfirmationDialog","open","title","handleClose","handleOk","okText"],"mappings":"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"}
+{"version":3,"file":"FeedItem.js","sources":["../../../src/components/FeedItem/FeedItem.js"],"sourcesContent":["import { useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport { Divider, makeStyles, Paper, Typography } from '@material-ui/core';\nimport { get, includes, noop, startCase } from 'lodash';\nimport grey from '@material-ui/core/colors/grey';\n\nimport { useDevCenterRouter } from '../DevCenter';\n\nimport Actions from './components/Actions';\nimport FeedComments from './components/FeedComments';\nimport Content from './components/Content';\nimport CreatedAt from './components/CreatedAt';\nimport Icon from './components/Icon';\nimport Reactions from './components/Reactions';\nimport RigAndWell from './components/RigAndWell';\nimport TypeAndAssetTitle from './components/TypeAndAssetTitle';\nimport CompletionDateTimestamp from './components/CompletionDateTimestamp';\n\nimport styles from './FeedItem.css';\n\nimport { isNativeDetected } from '~/utils/mobileDetect';\nimport ConfirmationDialog from '~/components/ConfirmationDialog';\nimport LoadingIndicator from '~/components/LoadingIndicator';\nimport ErrorBoundary from '~/components/ErrorBoundary';\nimport { useIsInsideIsolatedDcApp } from '~/components/DevCenter/DevCenterAppContainer/components';\nimport { FEED_ITEM_TYPES, FEED_ITEM_TYPES_BY_KEY } from '~/constants/feed';\nimport { deleteFeedItem, toggleFeedItemLike } from '~/clients/jsonApi';\nimport { showSuccessNotification } from '~/utils';\nimport utils from '~/utils/main';\nimport { OPEN_ALERT_DETAILS_ID_STORAGE_KEY } from '~/constants/alerts';\n\nconst PAGE_NAME = 'FeedPo';\n\nconst useStyles = makeStyles(theme => ({\n  paperRoot: {\n    position: 'relative',\n    marginBottom: 10,\n    paddingBottom: 16,\n    backgroundColor: ({ isInsideDcApp }) =>\n      isInsideDcApp ? 'rgba(65, 65, 65, 0.9)' : theme.palette.background.b8,\n    width: ({ isInsideDcApp }) => (isInsideDcApp ? 360 : '100%'),\n    boxShadow: ({ isInsideDcApp }) =>\n      isInsideDcApp &&\n      '0px 8px 10px rgba(0, 0, 0, 0.14), 0px 3px 14px rgba(0, 0, 0, 0.12), 0px 5px 5px rgba(0, 0, 0, 0.2)',\n  },\n  clickablePaperRoot: {\n    '&:hover': {\n      filter: 'brightness(90%)',\n      transition: 'filter 0.3s',\n    },\n  },\n  headerDividerRoot: {\n    margin: '8px 0 8px 0',\n    backgroundColor: '#595959',\n  },\n  dateTimestamp: {\n    color: theme.palette.primary.text6,\n    '& span': {\n      color: theme.palette.primary.contrastText,\n    },\n  },\n}));\n\n/**\n * @typedef {object} ActivityItem\n * @property {number} id\n * @property {string} type\n * @property {Record<string, any>} [context]\n * @property {Array<'update' | 'destroy' | 'like'>} [allowed_actions]\n * @property {number} [company_id]\n * @property {number} [asset_id] is not received from the back but have to be provided while saving activities\n * @property {any} [rig]\n * @property {any} [well]\n * @property {string} [updated_at]\n * @property {any} [segment]\n * @property {boolean} [liked]\n * @property {any[]} [likes]\n * @property {number} [likes_count]\n * @property {any[]} [mentioned_users]\n */\n\n/**\n * @param {object} props\n * @param {ActivityItem} props.feedItem\n * @param {string[]} [props.editableFeedItemTypes]\n * @param {(feedItemId: number) => void} [props.removeFeedItem] called after a feed item was removed by a user\n * @param {(feedItem: ActivityItem) => void} [props.enterEditMode] called when a used clicks \"Edit\" menu item\n * @param {any} [props.router]\n * @param {any} props.currentUser used to display Avatar and to determine the ability to edit comments\n * @param {any} [props.appData] passed to body Template\n * @param {Record<string, any>} [props.customFeedItemTypeTemplates]\n * @param {string} [props.paperClassName]\n * @param {any} [props.getFeedItemMessage] used only to create a data-testid attribute\n */\nfunction FeedItem({\n  feedItem,\n  editableFeedItemTypes = [FEED_ITEM_TYPES.POST],\n  removeFeedItem = noop,\n  enterEditMode = noop,\n  router,\n  currentUser,\n  appData,\n  customFeedItemTypeTemplates = {},\n  paperClassName,\n  getFeedItemMessage = ({ context }) => context?.post?.body || context?.dvd_comment?.body,\n  ...props\n}) {\n  const isCorvaV3FeaturesEnabled = get(currentUser, [\n    'settings',\n    'uiSettings',\n    'corva_v3_features_enabled',\n  ]);\n\n  const canDeleteFeedItem = includes(feedItem.allowed_actions, 'destroy');\n\n  const isInsideDcApp = useIsInsideIsolatedDcApp();\n  const classes = useStyles({ isInsideDcApp });\n  const [isLoading, setIsLoading] = useState(false);\n  const [openCommentInput, setOpenCommentInput] = useState(true);\n  const [openCommentList, setOpenCommentList] = useState(true);\n  const [openDeleteDialog, setOpenDeleteDialog] = useState(false);\n\n  const isPost = feedItem.type === FEED_ITEM_TYPES_BY_KEY.post.type;\n  const isEditableItem = editableFeedItemTypes.includes(feedItem.type);\n\n  const isGeosteering = feedItem.type === FEED_ITEM_TYPES_BY_KEY.geosteering_comments.type;\n  const isRecommended =\n    isGeosteering && feedItem.context?.geosteering_comments?.data?.isRecommendation;\n\n  const typeCategory = FEED_ITEM_TYPES_BY_KEY[feedItem.type]?.category || 'post';\n\n  const userFullName = utils.getUserFullName(feedItem.user);\n  const typeLabel = FEED_ITEM_TYPES_BY_KEY[feedItem.type]?.showCreatorToLabel\n    ? userFullName\n    : FEED_ITEM_TYPES_BY_KEY[feedItem.type]?.label || startCase(feedItem.type);\n\n  const feedItemSourceLink =\n    feedItem.type === FEED_ITEM_TYPES_BY_KEY.alert.type && `/alerts/${feedItem.context?.alert?.id}`;\n\n  const isFeedItemClickable =\n    feedItem.type === FEED_ITEM_TYPES_BY_KEY.alert.type && feedItemSourceLink;\n\n  const handleDeleteFeedItem = async () => {\n    setIsLoading(true);\n\n    try {\n      await deleteFeedItem(feedItem.id);\n    } catch (e) {\n      return;\n    } finally {\n      setIsLoading(false);\n    }\n\n    showSuccessNotification('Item was deleted');\n\n    removeFeedItem(feedItem.id);\n  };\n\n  const isBeingLikedRef = useRef(false);\n\n  const handleToggleLike = async () => {\n    if (!isBeingLikedRef.current) {\n      const feedItemId = feedItem.id;\n      isBeingLikedRef.current = true;\n      try {\n        await toggleFeedItemLike(feedItemId); // NOTE: Received through subscription\n      } catch (e) {\n        // NOTE: Do nothing\n      }\n      isBeingLikedRef.current = false;\n    }\n  };\n\n  const handleEditMenuItem = () => {\n    enterEditMode(feedItem);\n  };\n\n  const handleDeleteMenuItem = () => {\n    setOpenDeleteDialog(true);\n  };\n\n  const copyFeedItemLink = () => {\n    const feedId = feedItem.id;\n    const text = `${window.location.host}/feed/${feedId}`;\n\n    utils.copyToClipboard(text);\n  };\n\n  const handleDelete = () => {\n    handleDeleteFeedItem();\n  };\n\n  const devCenterRouter = useDevCenterRouter();\n\n  const handleMainContainerClick = () => {\n    if (!isFeedItemClickable) return;\n\n    if (isCorvaV3FeaturesEnabled)\n      localStorage.setItem(OPEN_ALERT_DETAILS_ID_STORAGE_KEY, feedItem.context.alert.id);\n    else (router || devCenterRouter).push(feedItemSourceLink);\n  };\n\n  const getRigName = feedItem => {\n    const isRigBasedItem = !!feedItem.rig;\n    return isRigBasedItem ? feedItem.rig?.name : feedItem.well?.parent_asset?.name;\n  };\n\n  return (\n    <Paper\n      data-testid={`${PAGE_NAME}_post_${getFeedItemMessage(feedItem)}_rigName_${getRigName(\n        feedItem\n      )}`}\n      className={classNames(classes.paperRoot, paperClassName, {\n        [classes.clickablePaperRoot]: isFeedItemClickable,\n        [styles.hideOverflow]: isLoading,\n      })}\n      elevation={0}\n    >\n      <div\n        onClick={handleMainContainerClick}\n        className={classNames(styles.mainContainer, {\n          [styles.mainContainerClickable]: isFeedItemClickable,\n          [styles.mainContainerNative]: isNativeDetected,\n        })}\n      >\n        <Icon\n          feedItem={feedItem}\n          classes={classes}\n          displayName={userFullName}\n          isRecommended={isRecommended}\n          currentUser={currentUser}\n        />\n        <div\n          className={classNames(styles.mainContainerTop, {\n            [styles.mainContainerTopNative]: isNativeDetected,\n          })}\n        >\n          <div className={styles.mainContainerTopLine}>\n            <TypeAndAssetTitle\n              feedItem={feedItem}\n              userFullName={userFullName}\n              typeLabel={typeLabel}\n              classes={classes}\n              isPost={isPost}\n            />\n            <div className={styles.mainContainerTopMenu}>\n              <CreatedAt feedItem={feedItem} classes={classes} />\n\n              <Actions\n                data-testid={`${PAGE_NAME}_actionsDropdown`}\n                isPost={isPost}\n                isEditableItem={isEditableItem}\n                canDeleteFeedItem={canDeleteFeedItem}\n                handleEditMenuItem={handleEditMenuItem}\n                handleDeleteMenuItem={handleDeleteMenuItem}\n                copyFeedItemLink={copyFeedItemLink}\n                feedItem={feedItem}\n                currentUser={currentUser}\n              />\n            </div>\n          </div>\n\n          <RigAndWell feedItem={feedItem} isPost={isPost} />\n        </div>\n        <Divider className={classes.headerDividerRoot} />\n        <CompletionDateTimestamp feedItem={feedItem} />\n        <ErrorBoundary ErrorView={() => <Typography>Feed Item loading failed</Typography>}>\n          <Content\n            feedItem={feedItem}\n            appData={appData}\n            customFeedItemTypeTemplates={customFeedItemTypeTemplates}\n            currentUser={currentUser}\n            isCorvaV3FeaturesEnabled={isCorvaV3FeaturesEnabled}\n            {...props}\n          />\n        </ErrorBoundary>\n      </div>\n      <Reactions\n        feedItem={feedItem}\n        handleToggleLike={handleToggleLike}\n        setOpenCommentInput={setOpenCommentInput}\n        setOpenCommentList={setOpenCommentList}\n        openCommentInput={openCommentInput}\n        openCommentList={openCommentList}\n        currentUser={currentUser}\n      />\n      <FeedComments\n        openCommentInput={openCommentInput}\n        openCommentList={openCommentList}\n        feedItem={feedItem}\n        currentUser={currentUser}\n      />\n      {isLoading && ( // NOTE: Avoids feed item height change\n        <div className={styles.loadingContainer} style={{ backgroundColor: grey[800] }}>\n          <LoadingIndicator />\n        </div>\n      )}\n      {openDeleteDialog && (\n        <ConfirmationDialog\n          open={openDeleteDialog}\n          title={`Delete ${typeCategory}`}\n          text={`Are you sure you want to delete ${typeCategory} and all attachments?`}\n          handleClose={() => setOpenDeleteDialog(false)}\n          handleOk={handleDelete}\n          okText=\"Delete\"\n        />\n      )}\n    </Paper>\n  );\n}\n\nexport default FeedItem;\n"],"names":["useStyles","makeStyles","theme","paperRoot","position","marginBottom","paddingBottom","backgroundColor","_ref","isInsideDcApp","palette","background","b8","width","_ref2","boxShadow","_ref3","clickablePaperRoot","filter","transition","headerDividerRoot","margin","dateTimestamp","color","primary","text6","contrastText","FeedItem","_ref4","_feedItem$context","_feedItem$context$geo","_feedItem$context$geo2","_FEED_ITEM_TYPES_BY_K","_FEED_ITEM_TYPES_BY_K2","_FEED_ITEM_TYPES_BY_K3","_feedItem$context2","_feedItem$context2$al","_classNames","_classNames2","_ref6","_ref7","feedItem","_ref4$editableFeedIte","editableFeedItemTypes","FEED_ITEM_TYPES","POST","_ref4$removeFeedItem","removeFeedItem","noop","_ref4$enterEditMode","enterEditMode","router","currentUser","appData","_ref4$customFeedItemT","customFeedItemTypeTemplates","paperClassName","_ref4$getFeedItemMess","getFeedItemMessage","_ref5","_context$post","_context$dvd_comment","context","post","body","dvd_comment","props","_objectWithoutProperties","_excluded","isCorvaV3FeaturesEnabled","get","canDeleteFeedItem","includes","allowed_actions","useIsInsideIsolatedDcApp","classes","useState","_useState2","_slicedToArray","_useState","isLoading","setIsLoading","_useState4","_useState3","openCommentInput","setOpenCommentInput","_useState6","_useState5","openCommentList","setOpenCommentList","_useState8","_useState7","openDeleteDialog","setOpenDeleteDialog","isPost","type","FEED_ITEM_TYPES_BY_KEY","isEditableItem","isRecommended","geosteering_comments","data","isRecommendation","typeCategory","category","userFullName","utils","getUserFullName","user","typeLabel","showCreatorToLabel","label","startCase","feedItemSourceLink","alert","id","isFeedItemClickable","handleDeleteFeedItem","_asyncToGenerator","_regeneratorRuntime","mark","_callee","wrap","_context","prev","next","deleteFeedItem","t0","abrupt","finish","showSuccessNotification","stop","apply","this","arguments","isBeingLikedRef","useRef","handleToggleLike","_callee2","feedItemId","_context2","current","toggleFeedItemLike","devCenterRouter","useDevCenterRouter","_jsxs","Paper","PAGE_NAME","concat","_feedItem$rig","_feedItem$well","_feedItem$well$parent","rig","name","well","parent_asset","getRigName","className","classNames","styles","hideOverflow","elevation","children","onClick","localStorage","setItem","OPEN_ALERT_DETAILS_ID_STORAGE_KEY","push","mainContainer","mainContainerClickable","mainContainerNative","isNativeDetected","_jsx","Icon","displayName","mainContainerTop","mainContainerTopNative","mainContainerTopLine","TypeAndAssetTitle","mainContainerTopMenu","CreatedAt","Actions","handleEditMenuItem","handleDeleteMenuItem","copyFeedItemLink","feedId","text","window","location","host","copyToClipboard","RigAndWell","Divider","CompletionDateTimestamp","ErrorBoundary","ErrorView","Typography","Content","_objectSpread","Reactions","FeedComments","loadingContainer","style","grey","LoadingIndicator","ConfirmationDialog","open","title","handleClose","handleOk","okText"],"mappings":"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"}

package/components/FeedItem/components/FeedComments.js

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/slicedToArray";import{useState as s,useRef as t,useMemo as e,useEffect as n}from"react";import i from"prop-types";import{sortBy as p,noop as r}from"lodash";import c from"moment";import{makeStyles as m,Typography as a}from"@material-ui/core";import l from"../../Comment/index.js";import d from"../../CommentLoader.js";import j from"../../CommentInput/index.js";import{postFeedItemComment as u}from"../../../clients/jsonApi/index.js";import"../../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import{jsxs as A,jsx as C}from"react/jsx-runtime";import"../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js";import"../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js";import"../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js";import"../../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../../componentsV2/Text/Text.js";import"../../../componentsV2/Grid/Grid.js";import"../../../componentsV2/Grid/Cell.js";import"@babel/runtime/helpers/defineProperty";import"classnames";import"../../../componentsV2/Header/Header.scss.js";import"../../../componentsV2/Button/Button.js";import"../../../componentsV2/ButtonIcon/ButtonIcon.js";import"@babel/runtime/helpers/objectWithoutProperties";import{useIsInsideIsolatedDcApp as V}from"../../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js";import"../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"uuid";import"../../../componentsV2/Tooltip/Tooltip.scss.js";import"../../../componentsV2/Popover/Popover.js";import"../../../componentsV2/Radio/Radio.js";import"../../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import"../../../componentsV2/Checkbox/Checkbox.js";import"@babel/runtime/helpers/toConsumableArray";import"../../../componentsV2/TextInput/TextInput.js";import"../../../componentsV2/Label/Label.js";import"../../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js";import"../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js";import"../../../componentsV2/TextLink/TextLink.js";import"../../../componentsV2/Chip/Chip.js";import"../../../componentsV2/ChipAlert/ChipAlert.js";import"../../../componentsV2/ChipIndicator/ChipIndicator.js";import"../../../componentsV2/Avatar/Avatar.js";import"../../../componentsV2/AvatarGroup/AvatarGroup.js";import"@material-ui/lab";import"../../../componentsV2/ToggleButtons/ToggleButtons.scss.js";import"../../../componentsV2/Paper/Paper.js";import"../../../componentsV2/ModalWindow/ModalWindow.js";import"../../../componentsV2/Modal/Modal.scss.js";import"../../../componentsV2/Menu/Menu.js";import"@icon-park/react/es/all";import"../../../icons/IconParkProvider.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/SearchOne.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../componentsV2/utils.js";import"../../../componentsV2/Hint/Hint.scss.js";import"../../../componentsV2/Counter/Counter.js";import"../../../componentsV2/BadgeBase/BadgeBase.scss.js";import"../../../componentsV2/TemplatesControl/TemplatesControl.js";import"zustand";import"../../../componentsV2/TemplatesControl/utils.js";import"../../../componentsV2/TemplatesControl/icons/folder/index.js";import"../../../componentsV2/TemplatesControl/Store/utils.js";import"../../../componentsV2/TemplatesControl/types.js";import"../../../utils/index.js";import"../../../permissions/PermissionsContext.js";import"../../../permissions/constants/index.js";import"../../../permissions/withPermissionsHOC.js";import"../../../permissions/ProvidePermissions.js";import"../../../componentsV2/BadgeDot/BadgeDot.scss.js";import"../../../componentsV2/LoaderLinear/LoaderLinear.scss.js";import"../../../componentsV2/LoaderLogo/LoaderLogo.constants.js";import"../../../componentsV2/LoaderLogo/LoaderLogo.scss.js";import"../../../componentsV2/Switch/Switch.js";import"../../../componentsV2/Tabs/Tabs.js";import"../../../componentsV2/EmptyState/EmptyState.scss.js";import"../../../componentsV2/FileIcon/FileIcon.js";import"../../../componentsV2/Tag/Tag.js";import"react-dropzone";import"../../../componentsV2/FilesDropzone/FilesDropzone.scss.js";import"../../../componentsV2/FilesLoader/FilesLoader.scss.js";import"../../../componentsV2/FilesProcessor/FilesProcessor.scss.js";import"../../../componentsV2/Skeleton/Skeleton.scss.js";import"../../../utils/main.js";import"../../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js";import"../../../componentsV2/Stepper/Step/Step.scss.js";import"../../../componentsV2/Stepper/Stepper.scss.js";import"../../../componentsV2/ButtonLive/ButtonLive.js";import"../../../componentsV2/ButtonText/ButtonText.js";import"../../../componentsV2/IndicatorLive/IndicatorLive.js";import"../../../componentsV2/Accordion/Accordion.scss.js";import"../../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js";import"../../../componentsV2/BadgeComment/BadgeComment.js";import"../../../componentsV2/AppContainer/AppContainer.js";import"../../../componentsV2/AppContainer/AppContainer.constants.js";import"../../../componentsV2/AppFooter/AppFooter.js";import"immutable";import"../../../constants/goals.js";import"../../../constants/segment.js";import"../../../constants/alerts.js";import"../../../constants/apps.js";import"../../../constants/drillstring.js";import"../../../constants/completion.js";import"../../../constants/appPackages.js";import"../../../constants/notifications.js";import"../../../constants/feed.js";import"../../../constants/bha.js";import"../../../constants/corvaCompanyId.js";import"../../GradientManager/configuration/constants.js";import"../../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import"../../../componentsV2/AppHeader/AppHeader.constants.js";import"../../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js";import"../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"react-router";import"../../../componentsV2/AppHeader/AppAssets/utils.js";import"../../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js";import"../../PadModeSelect/PadModeSelect.js";import"../../../componentsV2/AppHeader/PadMode/PadMode.scss.js";import"../../../constants/streamSourceType.js";import"../../../componentsV2/PadModeSelect/PadModeSelect.js";import"../../../componentsV2/PadModeSelect/PadModeSelect.constants.js";import"../../../componentsV2/AppCommonsProvider/AppCommonsProvider.js";import"../../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js";import"../../../componentsV2/UniversalLink/UniversalLink.scss.js";import"../../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js";import"../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js";import"../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js";import"../../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js";import"../../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js";import"../../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js";import"../../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js";import"../../../componentsV2/AppDqPopover/AppDqPopover.scss.js";import"../../AppIcon/AppIcon.js";import"../../../utils/getSingleAsset.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/constants.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js";import"../../../clients/subscriptions/constants.js";import"querystring";import"uuid/v1";import"../../../clients/subscriptions.v1.js";import"../../../clients/subscriptions/subscriptions-client.factory.js";import"jsona";import"../../../utils/env.js";import"../../StatusBadge/constants.js";import"lodash/set";import"lodash/get";import"lodash/unset";import"../../../clients/api/apiCore.js";import"../../../clients/constants.js";import"../../../clients/sso/auth0.js";import"../../../clients/sso/oauth2.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js";import"../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js";import"../../../componentsV2/AppHeader/V3/constants.scss.js";import"@babel/runtime/helpers/typeof";import"../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.js";import"../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js";import"../../../componentsV2/AppSettings/AppSettings.js";import"../../../componentsV2/AppSettings/AppSettings.constants.js";import"../../../componentsV2/AppSettings/AppSettingsPinningContext.js";import"../../../componentsV2/AppSizeProvider/AppSizeProvider.js";import"../../../componentsV2/AppHeader/V3/Actions/Actions.constants.js";import"../../../componentsV2/AppHeader/V3/Actions/Actions.scss.js";import"../../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js";import"../../../componentsV2/AppHeader/AppHeader.scss.js";import"../../../componentsV2/OffsetWellsButton/OffsetWellsButton.js";import"../../../componentsV2/Autocomplete/Autocomplete.scss.js";import"../../../componentsV2/Menu/MenuItem/MenuItem.js";import"../../../componentsV2/Autocomplete/AutocompleteListBox.js";import"../../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js";import"../../../componentsV2/WellArchivedMessage/WellArchivedMessage.js";import"../../../componentsV2/DatePicker/DatePicker.js";import"../../../componentsV2/DragHandle/DragHandle.js";import"../../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js";import"../../../componentsV2/Slider/constants.js";import"../../../componentsV2/Slider/components/SliderThumb.js";import"../../../componentsV2/Slider/Slider.scss.js";import"../../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js";import"../../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js";import"../../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js";import{isNativeDetected as v}from"../../../utils/mobileDetect.js";var I=m({showMore:{cursor:"pointer"},feedCommentsContainer:{padding:"0 16px 0 24px"},feedCommentsList:{marginTop:24},feedCommentsListContent:{height:function(o){var s=o.commentsListHeight;return s&&s-8},overflow:function(o){return o.commentsListHeight&&"scroll"}},feedCommentsListContentWrapper:{position:"relative"},gradient:{position:"absolute",bottom:0,left:0,width:"100%",height:16,background:function(o){var s=o.isInsideDcApp;return"linear-gradient(180deg, rgba(61, 61, 61, 0) 0%, ".concat(s?"#414141":"3b3b3b"," 100%)")}}});function g(i){var m,g=i.openCommentInput,D=i.openCommentList,h=i.feedItem,S=i.currentUser,f=h.comments,b=f.length,P=b>3,T=s(!1),x=o(T,2),L=x[0],H=x[1],B=s(!1),M=o(B,2),F=M[0],k=M[1],q=s(!1),y=o(q,2),R=y[0],w=y[1],W=s(null),E=o(W,2),G=E[0],O=E[1],U=t(),z=t(),N=e((function(){var o=p(h.comments,(function(o){return-c(o.created_at).unix()}));return R?R&&!F?o.slice(0,5):R&&F?o:[]:o.slice(0,3)}),[f,F,R]);n((function(){if(5===N.length&&!G){var o=z.current.clientHeight;O(o),k(!0)}G&&!R&&(O(null),k(!1))}),[N.length,G,R]);var _=V(),K=I({commentsListHeight:G,isAllCommentsVisibleKeyPressed:R,isInsideDcApp:_});return A("div",{className:(g||!!b)&&K.feedCommentsContainer,children:[g&&!v&&C(j,{inputRef:U,postComment:function(o){u(h.id,o)},setIsPosting:H,companyId:h.company_id,autoFocus:!1,currentUser:S,parentId:"".concat(h.id,"-").concat(null===(m=h.comments)||void 0===m?void 0:m.size)}),D&&A("div",{className:K.feedCommentsList,children:[C("div",{className:K.feedCommentsListContentWrapper,children:A("div",{className:K.feedCommentsListContent,ref:z,children:[N.map((function(o){return C(l,{comment:o,handleDeleteCallback:r,patchCommentCallback:r,companyId:h.company_id,currentUser:S},o.id)})),G&&C("div",{className:K.gradient})]})}),P&&C(a,{variant:"caption",color:"primary","data-testid":"".concat("FeedComments","_viewMoreComments"),className:K.showMore,onClick:function(){w(!R)},children:R?"Hide older comments":"See all comments"})]}),L&&C(d,{})]})}g.propTypes={openCommentInput:i.bool.isRequired,feedItem:i.shape().isRequired,currentUser:i.shape().isRequired};export{g as default};
+import o from"@babel/runtime/helpers/slicedToArray";import{useState as s,useRef as t,useMemo as e,useEffect as n}from"react";import i from"prop-types";import{sortBy as p,noop as r}from"lodash";import c from"moment";import{makeStyles as m,Typography as a}from"@material-ui/core";import l from"../../Comment/index.js";import d from"../../CommentLoader.js";import j from"../../CommentInput/index.js";import{postFeedItemComment as u}from"../../../clients/jsonApi/index.js";import"../../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import{jsxs as A,jsx as C}from"react/jsx-runtime";import"../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js";import"../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js";import"../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js";import"../../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../../componentsV2/Text/Text.js";import"../../../componentsV2/Grid/Grid.js";import"../../../componentsV2/Grid/Cell.js";import"@babel/runtime/helpers/defineProperty";import"classnames";import"../../../componentsV2/Header/Header.scss.js";import"../../../componentsV2/Button/Button.js";import"../../../componentsV2/ButtonIcon/ButtonIcon.js";import"@babel/runtime/helpers/objectWithoutProperties";import{useIsInsideIsolatedDcApp as V}from"../../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js";import"../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"uuid";import"../../../componentsV2/Tooltip/Tooltip.scss.js";import"../../../componentsV2/Popover/Popover.js";import"../../../componentsV2/Radio/Radio.js";import"../../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import"../../../componentsV2/Checkbox/Checkbox.js";import"@babel/runtime/helpers/toConsumableArray";import"../../../componentsV2/TextInput/TextInput.js";import"../../../componentsV2/TextInputNext/TextInputNext.js";import"../../../componentsV2/Label/Label.js";import"../../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js";import"../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js";import"../../../componentsV2/TextLink/TextLink.js";import"../../../componentsV2/Chip/Chip.js";import"../../../componentsV2/ChipAlert/ChipAlert.js";import"../../../componentsV2/ChipIndicator/ChipIndicator.js";import"../../../componentsV2/Avatar/Avatar.js";import"../../../componentsV2/AvatarGroup/AvatarGroup.js";import"@material-ui/lab";import"../../../componentsV2/ToggleButtons/ToggleButtons.scss.js";import"../../../componentsV2/Paper/Paper.js";import"../../../componentsV2/ModalWindow/ModalWindow.js";import"../../../componentsV2/Modal/Modal.scss.js";import"../../../componentsV2/Menu/Menu.js";import"@icon-park/react/es/all";import"../../../icons/IconParkProvider.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/SearchOne.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../componentsV2/utils.js";import"../../../componentsV2/Hint/Hint.scss.js";import"../../../componentsV2/Counter/Counter.js";import"../../../componentsV2/BadgeBase/BadgeBase.scss.js";import"../../../componentsV2/TemplatesControl/TemplatesControl.js";import"zustand";import"../../../componentsV2/TemplatesControl/utils.js";import"../../../componentsV2/TemplatesControl/icons/folder/index.js";import"../../../componentsV2/TemplatesControl/Store/utils.js";import"../../../componentsV2/TemplatesControl/types.js";import"../../../utils/index.js";import"../../../permissions/PermissionsContext.js";import"../../../permissions/constants/index.js";import"../../../permissions/withPermissionsHOC.js";import"../../../permissions/ProvidePermissions.js";import"../../../componentsV2/BadgeDot/BadgeDot.scss.js";import"../../../componentsV2/LoaderLinear/LoaderLinear.scss.js";import"../../../componentsV2/LoaderLogo/LoaderLogo.constants.js";import"../../../componentsV2/LoaderLogo/LoaderLogo.scss.js";import"../../../componentsV2/Switch/Switch.js";import"../../../componentsV2/Tabs/Tabs.js";import"../../../componentsV2/EmptyState/EmptyState.scss.js";import"../../../componentsV2/FileIcon/FileIcon.js";import"../../../componentsV2/Tag/Tag.js";import"react-dropzone";import"../../../componentsV2/FilesDropzone/FilesDropzone.scss.js";import"../../../componentsV2/FilesLoader/FilesLoader.scss.js";import"../../../componentsV2/FilesProcessor/FilesProcessor.scss.js";import"../../../componentsV2/Skeleton/Skeleton.scss.js";import"../../../utils/main.js";import"../../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js";import"../../../componentsV2/Stepper/Step/Step.scss.js";import"../../../componentsV2/Stepper/Stepper.scss.js";import"../../../componentsV2/ButtonLive/ButtonLive.js";import"../../../componentsV2/ButtonText/ButtonText.js";import"../../../componentsV2/IndicatorLive/IndicatorLive.js";import"../../../componentsV2/Accordion/Accordion.scss.js";import"../../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js";import"../../../componentsV2/BadgeComment/BadgeComment.js";import"../../../componentsV2/AppContainer/AppContainer.js";import"../../../componentsV2/AppContainer/AppContainer.constants.js";import"../../../componentsV2/AppFooter/AppFooter.js";import"immutable";import"query-string";import"../../../constants/goals.js";import"../../../constants/segment.js";import"../../../constants/alerts.js";import"../../../constants/apps.js";import"../../../constants/drillstring.js";import"../../../constants/completion.js";import"../../../constants/appPackages.js";import"../../../constants/notifications.js";import"../../../constants/feed.js";import"../../../constants/bha.js";import"../../../constants/corvaCompanyId.js";import"../../GradientManager/configuration/constants.js";import"../../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import"../../../componentsV2/AppHeader/AppHeader.constants.js";import"../../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js";import"../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"react-router-dom";import"../../../componentsV2/AppHeader/AppAssets/utils.js";import"../../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js";import"../../PadModeSelect/PadModeSelect.js";import"../../../componentsV2/AppHeader/PadMode/PadMode.scss.js";import"../../../constants/streamSourceType.js";import"../../../componentsV2/PadModeSelect/PadModeSelect.js";import"../../../componentsV2/PadModeSelect/PadModeSelect.constants.js";import"../../../componentsV2/AppCommonsProvider/AppCommonsProvider.js";import"../../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js";import"../../../componentsV2/UniversalLink/UniversalLink.scss.js";import"../../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js";import"../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js";import"../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js";import"../../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js";import"../../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js";import"../../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js";import"../../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js";import"../../../componentsV2/AppDqPopover/AppDqPopover.scss.js";import"../../AppIcon/AppIcon.js";import"../../../utils/getSingleAsset.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/constants.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js";import"../../../clients/subscriptions/constants.js";import"querystring";import"uuid/v1";import"../../../clients/subscriptions.v1.js";import"../../../clients/subscriptions/subscriptions-client.factory.js";import"jsona";import"../../../utils/env.js";import"../../StatusBadge/constants.js";import"lodash/set";import"lodash/get";import"lodash/unset";import"../../../clients/api/apiCore.js";import"../../../clients/constants.js";import"../../../clients/sso/auth0.js";import"../../../clients/sso/oauth2.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js";import"../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js";import"../../../componentsV2/AppHeader/V3/constants.scss.js";import"@babel/runtime/helpers/typeof";import"../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.js";import"../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js";import"../../../componentsV2/AppSettings/AppSettings.js";import"../../../componentsV2/AppSettings/AppSettings.constants.js";import"../../../componentsV2/AppSettings/AppSettingsPinningContext.js";import"../../../componentsV2/AppSizeProvider/AppSizeProvider.js";import"../../../componentsV2/AppHeader/V3/Actions/Actions.constants.js";import"../../../componentsV2/AppHeader/V3/Actions/Actions.scss.js";import"../../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js";import"../../../componentsV2/AppHeader/AppHeader.scss.js";import"../../../componentsV2/OffsetWellsButton/OffsetWellsButton.js";import"../../../componentsV2/Autocomplete/Autocomplete.js";import"../../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js";import"../../../componentsV2/WellArchivedMessage/WellArchivedMessage.js";import"../../../componentsV2/DatePicker/DatePicker.js";import"../../../componentsV2/DragHandle/DragHandle.js";import"../../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js";import"../../../componentsV2/Slider/constants.js";import"../../../componentsV2/Slider/components/SliderThumb.js";import"../../../componentsV2/Slider/Slider.scss.js";import"react-color";import"../../../componentsV2/ColorPicker/Swatches/Swatches.scss.js";import"../../../componentsV2/ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js";import"../../../componentsV2/ColorPicker/ColorPicker.scss.js";import"../../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js";import"../../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js";import"../../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js";import{isNativeDetected as v}from"../../../utils/mobileDetect.js";var I=m({showMore:{cursor:"pointer"},feedCommentsContainer:{padding:"0 16px 0 24px"},feedCommentsList:{marginTop:24},feedCommentsListContent:{height:function(o){var s=o.commentsListHeight;return s&&s-8},overflow:function(o){return o.commentsListHeight&&"scroll"}},feedCommentsListContentWrapper:{position:"relative"},gradient:{position:"absolute",bottom:0,left:0,width:"100%",height:16,background:function(o){var s=o.isInsideDcApp;return"linear-gradient(180deg, rgba(61, 61, 61, 0) 0%, ".concat(s?"#414141":"3b3b3b"," 100%)")}}});function g(i){var m,g=i.openCommentInput,D=i.openCommentList,h=i.feedItem,S=i.currentUser,f=h.comments,b=f.length,P=b>3,T=s(!1),x=o(T,2),L=x[0],H=x[1],k=s(!1),B=o(k,2),F=B[0],M=B[1],y=s(!1),q=o(y,2),R=q[0],w=q[1],O=s(null),W=o(O,2),E=W[0],G=W[1],U=t(),N=t(),z=e((function(){var o=p(h.comments,(function(o){return-c(o.created_at).unix()}));return R?R&&!F?o.slice(0,5):R&&F?o:[]:o.slice(0,3)}),[f,F,R]);n((function(){if(5===z.length&&!E){var o=N.current.clientHeight;G(o),M(!0)}E&&!R&&(G(null),M(!1))}),[z.length,E,R]);var _=V(),K=I({commentsListHeight:E,isAllCommentsVisibleKeyPressed:R,isInsideDcApp:_});return A("div",{className:(g||!!b)&&K.feedCommentsContainer,children:[g&&!v&&C(j,{inputRef:U,postComment:function(o){u(h.id,o)},setIsPosting:H,companyId:h.company_id,autoFocus:!1,currentUser:S,parentId:"".concat(h.id,"-").concat(null===(m=h.comments)||void 0===m?void 0:m.size)}),D&&A("div",{className:K.feedCommentsList,children:[C("div",{className:K.feedCommentsListContentWrapper,children:A("div",{className:K.feedCommentsListContent,ref:N,children:[z.map((function(o){return C(l,{comment:o,handleDeleteCallback:r,patchCommentCallback:r,companyId:h.company_id,currentUser:S},o.id)})),E&&C("div",{className:K.gradient})]})}),P&&C(a,{variant:"caption",color:"primary","data-testid":"".concat("FeedComments","_viewMoreComments"),className:K.showMore,onClick:function(){w(!R)},children:R?"Hide older comments":"See all comments"})]}),L&&C(d,{})]})}g.propTypes={openCommentInput:i.bool.isRequired,feedItem:i.shape().isRequired,currentUser:i.shape().isRequired};export{g as default};
 //# sourceMappingURL=FeedComments.js.map

package/components/FeedItem/components/FeedComments.js.map

@@ -1 +1 @@
-{"version":3,"file":"FeedComments.js","sources":["../../../../src/components/FeedItem/components/FeedComments.js"],"sourcesContent":["import { useState, useMemo, useEffect, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { noop, sortBy } from 'lodash';\nimport moment from 'moment';\nimport { Typography, makeStyles } from '@material-ui/core';\n\nimport Comment from '~/components/Comment';\nimport CommentLoader from '~/components/CommentLoader';\nimport CommentInput from '~/components/CommentInput';\nimport { postFeedItemComment } from '~/clients/jsonApi';\nimport { useIsInsideIsolatedDcApp } from '~/components/DevCenter/DevCenterAppContainer/components';\nimport { isNativeDetected } from '~utils/mobileDetect';\n\nconst PAGE_NAME = 'FeedComments';\n\nconst useStyles = makeStyles({\n  showMore: {\n    cursor: 'pointer',\n  },\n  feedCommentsContainer: { padding: '0 16px 0 24px' },\n  feedCommentsList: { marginTop: 24 },\n  feedCommentsListContent: {\n    height: ({ commentsListHeight }) => commentsListHeight && commentsListHeight - 8,\n    overflow: ({ commentsListHeight }) => commentsListHeight && 'scroll',\n  },\n  feedCommentsListContentWrapper: {\n    position: 'relative',\n  },\n  gradient: {\n    position: 'absolute',\n    bottom: 0,\n    left: 0,\n    width: '100%',\n    height: 16,\n    background: ({ isInsideDcApp }) =>\n      `linear-gradient(180deg, rgba(61, 61, 61, 0) 0%, ${\n        isInsideDcApp ? '#414141' : '3b3b3b'\n      } 100%)`,\n  },\n});\n\n// If there are  more than 3 comments, we show only last 3, other comments are hidden.\n// To see all comments, user clicks ‘SEE ALL COMMENTS’.\n// To hide all comments back, user clicks ‘HIDE OLDER COMMENTS’\n// After clicking on a ‘SEE ALL COMMENTS’:\n// Height of the comments pop-over changes to show 5 comments instead of 3.\n// If all comments to initial comment can’t fit into comment pop-over, than User needs to scroll down to see them.\n// If there are more than 5 comments (so 6th+ comments in not seen at the moment, we cover bottom comment with gradient, to show that there is more to see.\n// The height of the Comments pop-over remains the same (to show first 5 comments), we don’t change it to show all possible 1000 comments. Only 5.\n\nconst INITIAL_VISIBLE_COMMENTS_COUNT = 3;\nconst COUNT_OF_COMMENTS_IN_SCROLLABLE_CONTAINER = 5;\nfunction FeedComments({ openCommentInput, openCommentList, feedItem, currentUser }) {\n  const { comments } = feedItem;\n\n  const commentsCount = comments.length;\n  const moreCommentsExist = commentsCount > INITIAL_VISIBLE_COMMENTS_COUNT;\n\n  const [isPosting, setIsPosting] = useState(false);\n  const [isVisibleCommentsAppeared, setIsVisibleCommentsAppeared] = useState(false);\n  const [isAllCommentsVisibleKeyPressed, setIsAllCommentsVisibleKeyPressed] = useState(false);\n  const [commentsListHeight, setCommentsListHeight] = useState(null);\n\n  const inputEl = useRef();\n  const commentsListRef = useRef();\n\n  const toggleShowAllComments = () => {\n    setIsAllCommentsVisibleKeyPressed(!isAllCommentsVisibleKeyPressed);\n  };\n\n  const postComment = comment => {\n    postFeedItemComment(feedItem.id, comment);\n  };\n\n  const visibleComments = useMemo(() => {\n    const sortedComments = sortBy(feedItem.comments, item => -moment(item.created_at).unix());\n\n    if (!isAllCommentsVisibleKeyPressed)\n      return sortedComments.slice(0, INITIAL_VISIBLE_COMMENTS_COUNT);\n\n    if (isAllCommentsVisibleKeyPressed && !isVisibleCommentsAppeared) {\n      return sortedComments.slice(0, COUNT_OF_COMMENTS_IN_SCROLLABLE_CONTAINER);\n    }\n\n    if (isAllCommentsVisibleKeyPressed && isVisibleCommentsAppeared) return sortedComments;\n\n    return [];\n  }, [comments, isVisibleCommentsAppeared, isAllCommentsVisibleKeyPressed]);\n\n  useEffect(() => {\n    if (\n      visibleComments.length === COUNT_OF_COMMENTS_IN_SCROLLABLE_CONTAINER &&\n      !commentsListHeight\n    ) {\n      const divHeight = commentsListRef.current.clientHeight;\n      setCommentsListHeight(divHeight);\n      setIsVisibleCommentsAppeared(true);\n    }\n\n    if (commentsListHeight && !isAllCommentsVisibleKeyPressed) {\n      setCommentsListHeight(null);\n      setIsVisibleCommentsAppeared(false);\n    }\n  }, [visibleComments.length, commentsListHeight, isAllCommentsVisibleKeyPressed]);\n\n  const isInsideDcApp = useIsInsideIsolatedDcApp();\n  const classes = useStyles({ commentsListHeight, isAllCommentsVisibleKeyPressed, isInsideDcApp });\n\n  return (\n    <div className={(openCommentInput || !!commentsCount) && classes.feedCommentsContainer}>\n      {openCommentInput && !isNativeDetected && (\n        <CommentInput\n          inputRef={inputEl}\n          postComment={postComment}\n          setIsPosting={setIsPosting}\n          companyId={feedItem.company_id}\n          autoFocus={false}\n          currentUser={currentUser}\n          parentId={`${feedItem.id}-${feedItem.comments?.size}`}\n        />\n      )}\n      {openCommentList && (\n        <div className={classes.feedCommentsList}>\n          <div className={classes.feedCommentsListContentWrapper}>\n            <div className={classes.feedCommentsListContent} ref={commentsListRef}>\n              {visibleComments.map(comment => (\n                <Comment\n                  key={comment.id}\n                  comment={comment}\n                  handleDeleteCallback={noop /* NOTE: Received through subscription */}\n                  patchCommentCallback={noop}\n                  companyId={feedItem.company_id}\n                  currentUser={currentUser}\n                />\n              ))}\n              {commentsListHeight && <div className={classes.gradient} />}\n            </div>\n          </div>\n          {moreCommentsExist && (\n            <Typography\n              variant=\"caption\"\n              color=\"primary\"\n              data-testid={`${PAGE_NAME}_viewMoreComments`}\n              className={classes.showMore}\n              onClick={toggleShowAllComments}\n            >\n              {isAllCommentsVisibleKeyPressed ? 'Hide older comments' : 'See all comments'}\n            </Typography>\n          )}\n        </div>\n      )}\n\n      {isPosting && <CommentLoader />}\n    </div>\n  );\n}\n\nFeedComments.propTypes = {\n  openCommentInput: PropTypes.bool.isRequired,\n  feedItem: PropTypes.shape().isRequired,\n  currentUser: PropTypes.shape().isRequired,\n};\n\nexport default FeedComments;\n"],"names":["useStyles","makeStyles","showMore","cursor","feedCommentsContainer","padding","feedCommentsList","marginTop","feedCommentsListContent","height","_ref","commentsListHeight","overflow","_ref2","feedCommentsListContentWrapper","position","gradient","bottom","left","width","background","_ref3","isInsideDcApp","concat","FeedComments","_ref4","_feedItem$comments","openCommentInput","openCommentList","feedItem","currentUser","comments","commentsCount","length","moreCommentsExist","useState","_useState2","_slicedToArray","_useState","isPosting","setIsPosting","_useState4","_useState3","isVisibleCommentsAppeared","setIsVisibleCommentsAppeared","_useState6","_useState5","isAllCommentsVisibleKeyPressed","setIsAllCommentsVisibleKeyPressed","_useState8","_useState7","setCommentsListHeight","inputEl","useRef","commentsListRef","visibleComments","useMemo","sortedComments","sortBy","item","moment","created_at","unix","slice","useEffect","divHeight","current","clientHeight","useIsInsideIsolatedDcApp","classes","_jsxs","className","children","isNativeDetected","_jsx","CommentInput","inputRef","postComment","comment","postFeedItemComment","id","companyId","company_id","autoFocus","parentId","size","ref","map","Comment","handleDeleteCallback","noop","patchCommentCallback","Typography","variant","color","onClick","CommentLoader","propTypes","PropTypes","bool","isRequired","shape"],"mappings":"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"}
+{"version":3,"file":"FeedComments.js","sources":["../../../../src/components/FeedItem/components/FeedComments.js"],"sourcesContent":["import { useState, useMemo, useEffect, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { noop, sortBy } from 'lodash';\nimport moment from 'moment';\nimport { Typography, makeStyles } from '@material-ui/core';\n\nimport Comment from '~/components/Comment';\nimport CommentLoader from '~/components/CommentLoader';\nimport CommentInput from '~/components/CommentInput';\nimport { postFeedItemComment } from '~/clients/jsonApi';\nimport { useIsInsideIsolatedDcApp } from '~/components/DevCenter/DevCenterAppContainer/components';\nimport { isNativeDetected } from '~utils/mobileDetect';\n\nconst PAGE_NAME = 'FeedComments';\n\nconst useStyles = makeStyles({\n  showMore: {\n    cursor: 'pointer',\n  },\n  feedCommentsContainer: { padding: '0 16px 0 24px' },\n  feedCommentsList: { marginTop: 24 },\n  feedCommentsListContent: {\n    height: ({ commentsListHeight }) => commentsListHeight && commentsListHeight - 8,\n    overflow: ({ commentsListHeight }) => commentsListHeight && 'scroll',\n  },\n  feedCommentsListContentWrapper: {\n    position: 'relative',\n  },\n  gradient: {\n    position: 'absolute',\n    bottom: 0,\n    left: 0,\n    width: '100%',\n    height: 16,\n    background: ({ isInsideDcApp }) =>\n      `linear-gradient(180deg, rgba(61, 61, 61, 0) 0%, ${\n        isInsideDcApp ? '#414141' : '3b3b3b'\n      } 100%)`,\n  },\n});\n\n// If there are  more than 3 comments, we show only last 3, other comments are hidden.\n// To see all comments, user clicks ‘SEE ALL COMMENTS’.\n// To hide all comments back, user clicks ‘HIDE OLDER COMMENTS’\n// After clicking on a ‘SEE ALL COMMENTS’:\n// Height of the comments pop-over changes to show 5 comments instead of 3.\n// If all comments to initial comment can’t fit into comment pop-over, than User needs to scroll down to see them.\n// If there are more than 5 comments (so 6th+ comments in not seen at the moment, we cover bottom comment with gradient, to show that there is more to see.\n// The height of the Comments pop-over remains the same (to show first 5 comments), we don’t change it to show all possible 1000 comments. Only 5.\n\nconst INITIAL_VISIBLE_COMMENTS_COUNT = 3;\nconst COUNT_OF_COMMENTS_IN_SCROLLABLE_CONTAINER = 5;\nfunction FeedComments({ openCommentInput, openCommentList, feedItem, currentUser }) {\n  const { comments } = feedItem;\n\n  const commentsCount = comments.length;\n  const moreCommentsExist = commentsCount > INITIAL_VISIBLE_COMMENTS_COUNT;\n\n  const [isPosting, setIsPosting] = useState(false);\n  const [isVisibleCommentsAppeared, setIsVisibleCommentsAppeared] = useState(false);\n  const [isAllCommentsVisibleKeyPressed, setIsAllCommentsVisibleKeyPressed] = useState(false);\n  const [commentsListHeight, setCommentsListHeight] = useState(null);\n\n  const inputEl = useRef();\n  const commentsListRef = useRef();\n\n  const toggleShowAllComments = () => {\n    setIsAllCommentsVisibleKeyPressed(!isAllCommentsVisibleKeyPressed);\n  };\n\n  const postComment = comment => {\n    postFeedItemComment(feedItem.id, comment);\n  };\n\n  const visibleComments = useMemo(() => {\n    const sortedComments = sortBy(feedItem.comments, item => -moment(item.created_at).unix());\n\n    if (!isAllCommentsVisibleKeyPressed)\n      return sortedComments.slice(0, INITIAL_VISIBLE_COMMENTS_COUNT);\n\n    if (isAllCommentsVisibleKeyPressed && !isVisibleCommentsAppeared) {\n      return sortedComments.slice(0, COUNT_OF_COMMENTS_IN_SCROLLABLE_CONTAINER);\n    }\n\n    if (isAllCommentsVisibleKeyPressed && isVisibleCommentsAppeared) return sortedComments;\n\n    return [];\n  }, [comments, isVisibleCommentsAppeared, isAllCommentsVisibleKeyPressed]);\n\n  useEffect(() => {\n    if (\n      visibleComments.length === COUNT_OF_COMMENTS_IN_SCROLLABLE_CONTAINER &&\n      !commentsListHeight\n    ) {\n      const divHeight = commentsListRef.current.clientHeight;\n      setCommentsListHeight(divHeight);\n      setIsVisibleCommentsAppeared(true);\n    }\n\n    if (commentsListHeight && !isAllCommentsVisibleKeyPressed) {\n      setCommentsListHeight(null);\n      setIsVisibleCommentsAppeared(false);\n    }\n  }, [visibleComments.length, commentsListHeight, isAllCommentsVisibleKeyPressed]);\n\n  const isInsideDcApp = useIsInsideIsolatedDcApp();\n  const classes = useStyles({ commentsListHeight, isAllCommentsVisibleKeyPressed, isInsideDcApp });\n\n  return (\n    <div className={(openCommentInput || !!commentsCount) && classes.feedCommentsContainer}>\n      {openCommentInput && !isNativeDetected && (\n        <CommentInput\n          inputRef={inputEl}\n          postComment={postComment}\n          setIsPosting={setIsPosting}\n          companyId={feedItem.company_id}\n          autoFocus={false}\n          currentUser={currentUser}\n          parentId={`${feedItem.id}-${feedItem.comments?.size}`}\n        />\n      )}\n      {openCommentList && (\n        <div className={classes.feedCommentsList}>\n          <div className={classes.feedCommentsListContentWrapper}>\n            <div className={classes.feedCommentsListContent} ref={commentsListRef}>\n              {visibleComments.map(comment => (\n                <Comment\n                  key={comment.id}\n                  comment={comment}\n                  handleDeleteCallback={noop /* NOTE: Received through subscription */}\n                  patchCommentCallback={noop}\n                  companyId={feedItem.company_id}\n                  currentUser={currentUser}\n                />\n              ))}\n              {commentsListHeight && <div className={classes.gradient} />}\n            </div>\n          </div>\n          {moreCommentsExist && (\n            <Typography\n              variant=\"caption\"\n              color=\"primary\"\n              data-testid={`${PAGE_NAME}_viewMoreComments`}\n              className={classes.showMore}\n              onClick={toggleShowAllComments}\n            >\n              {isAllCommentsVisibleKeyPressed ? 'Hide older comments' : 'See all comments'}\n            </Typography>\n          )}\n        </div>\n      )}\n\n      {isPosting && <CommentLoader />}\n    </div>\n  );\n}\n\nFeedComments.propTypes = {\n  openCommentInput: PropTypes.bool.isRequired,\n  feedItem: PropTypes.shape().isRequired,\n  currentUser: PropTypes.shape().isRequired,\n};\n\nexport default FeedComments;\n"],"names":["useStyles","makeStyles","showMore","cursor","feedCommentsContainer","padding","feedCommentsList","marginTop","feedCommentsListContent","height","_ref","commentsListHeight","overflow","_ref2","feedCommentsListContentWrapper","position","gradient","bottom","left","width","background","_ref3","isInsideDcApp","concat","FeedComments","_ref4","_feedItem$comments","openCommentInput","openCommentList","feedItem","currentUser","comments","commentsCount","length","moreCommentsExist","useState","_useState2","_slicedToArray","_useState","isPosting","setIsPosting","_useState4","_useState3","isVisibleCommentsAppeared","setIsVisibleCommentsAppeared","_useState6","_useState5","isAllCommentsVisibleKeyPressed","setIsAllCommentsVisibleKeyPressed","_useState8","_useState7","setCommentsListHeight","inputEl","useRef","commentsListRef","visibleComments","useMemo","sortedComments","sortBy","item","moment","created_at","unix","slice","useEffect","divHeight","current","clientHeight","useIsInsideIsolatedDcApp","classes","_jsxs","className","children","isNativeDetected","_jsx","CommentInput","inputRef","postComment","comment","postFeedItemComment","id","companyId","company_id","autoFocus","parentId","size","ref","map","Comment","handleDeleteCallback","noop","patchCommentCallback","Typography","variant","color","onClick","CommentLoader","propTypes","PropTypes","bool","isRequired","shape"],"mappings":"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"}

package/components/FeedItem/feedItemTypes/AlertFeedItem.js

@@ -1,2 +1,2 @@
-import e from"prop-types";import{makeStyles as i,Typography as t}from"@material-ui/core";import{Link as r}from"react-router";import o from"@material-ui/icons/Timeline";import{OPEN_ALERT_DETAILS_ID_STORAGE_KEY as n}from"../../../constants/alerts.js";import{jsx as a,jsxs as l}from"react/jsx-runtime";var s=i((function(e){return{alertContanier:{display:"inline-block",width:"calc(100% - 35px)"},timlineIconRoot:{verticalAlign:"bottom",marginRight:15},timelineText:{color:e.palette.grey[400]},item:{color:"#fff","&:hover":{textDecoration:"underline"}}}})),c=function(e){var i=e.feedItem.context.alert,c=i.id,m=i.name,d=i.description,p=i.decision_path,u=e.isCorvaV3FeaturesEnabled,f=s();return a("div",{children:l("div",{className:f.alertContanier,children:[a(t,{variant:"body1",children:a(r,{className:f.item,to:"/alerts/".concat(c,"/"),onClick:function(e){u&&(e.preventDefault(),localStorage.setItem(n,c))},children:m})}),a(t,{variant:"body1",gutterBottom:!0,children:d}),l(t,{variant:"body1",className:f.timelineText,children:[a(o,{className:f.timlineIconRoot,color:"action"}),p]})]})})};c.propTypes={feedItem:e.shape({context:e.shape({alert:e.shape({id:e.number.isRequired,name:e.string.isRequired,description:e.string.isRequired,decision_path:e.string.isRequired,level:e.string.isRequired}).isRequired}).isRequired}).isRequired};export{c as default};
+import e from"prop-types";import{makeStyles as i,Typography as t}from"@material-ui/core";import{Link as r}from"react-router-dom";import o from"@material-ui/icons/Timeline";import{OPEN_ALERT_DETAILS_ID_STORAGE_KEY as n}from"../../../constants/alerts.js";import{jsx as a,jsxs as l}from"react/jsx-runtime";var s=i((function(e){return{alertContanier:{display:"inline-block",width:"calc(100% - 35px)"},timlineIconRoot:{verticalAlign:"bottom",marginRight:15},timelineText:{color:e.palette.grey[400]},item:{color:"#fff","&:hover":{textDecoration:"underline"}}}})),c=function(e){var i=e.feedItem.context.alert,c=i.id,m=i.name,d=i.description,p=i.decision_path,u=e.isCorvaV3FeaturesEnabled,f=s();return a("div",{children:l("div",{className:f.alertContanier,children:[a(t,{variant:"body1",children:a(r,{className:f.item,to:"/alerts/".concat(c,"/"),onClick:function(e){u&&(e.preventDefault(),localStorage.setItem(n,c))},children:m})}),a(t,{variant:"body1",gutterBottom:!0,children:d}),l(t,{variant:"body1",className:f.timelineText,children:[a(o,{className:f.timlineIconRoot,color:"action"}),p]})]})})};c.propTypes={feedItem:e.shape({context:e.shape({alert:e.shape({id:e.number.isRequired,name:e.string.isRequired,description:e.string.isRequired,decision_path:e.string.isRequired,level:e.string.isRequired}).isRequired}).isRequired}).isRequired};export{c as default};
 //# sourceMappingURL=AlertFeedItem.js.map

package/components/FeedItem/feedItemTypes/AlertFeedItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlertFeedItem.js","sources":["../../../../src/components/FeedItem/feedItemTypes/AlertFeedItem.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { Typography, makeStyles } from '@material-ui/core';\nimport { Link } from 'react-router';\nimport TimelineIcon from '@material-ui/icons/Timeline';\n\nimport { OPEN_ALERT_DETAILS_ID_STORAGE_KEY } from '~/constants/alerts';\n\nconst useStyles = makeStyles(theme => ({\n  alertContanier: {\n    display: 'inline-block',\n    width: 'calc(100% - 35px)',\n  },\n  timlineIconRoot: {\n    verticalAlign: 'bottom',\n    marginRight: 15,\n  },\n  timelineText: {\n    color: theme.palette.grey[400],\n  },\n  item: {\n    color: '#fff',\n    '&:hover': {\n      textDecoration: 'underline',\n    },\n  },\n}));\n\nconst AlertFeedItem = ({\n  feedItem: {\n    context: {\n      alert: { id, name, description, decision_path: desicionPath },\n    },\n  },\n  isCorvaV3FeaturesEnabled,\n}) => {\n  const classes = useStyles();\n\n  const handleAlertClick = e => {\n    if (isCorvaV3FeaturesEnabled) {\n      e.preventDefault();\n      localStorage.setItem(OPEN_ALERT_DETAILS_ID_STORAGE_KEY, id);\n    }\n  };\n\n  return (\n    <div>\n      <div className={classes.alertContanier}>\n        <Typography variant=\"body1\">\n          <Link className={classes.item} to={`/alerts/${id}/`} onClick={handleAlertClick}>\n            {name}\n          </Link>\n        </Typography>\n\n        <Typography variant=\"body1\" gutterBottom>\n          {description}\n        </Typography>\n\n        <Typography variant=\"body1\" className={classes.timelineText}>\n          <TimelineIcon className={classes.timlineIconRoot} color=\"action\" />\n          {desicionPath}\n        </Typography>\n      </div>\n    </div>\n  );\n};\n\nAlertFeedItem.propTypes = {\n  feedItem: PropTypes.shape({\n    context: PropTypes.shape({\n      alert: PropTypes.shape({\n        id: PropTypes.number.isRequired,\n        name: PropTypes.string.isRequired,\n        description: PropTypes.string.isRequired,\n        decision_path: PropTypes.string.isRequired,\n        level: PropTypes.string.isRequired,\n      }).isRequired,\n    }).isRequired,\n  }).isRequired,\n};\n\nexport default AlertFeedItem;\n"],"names":["useStyles","makeStyles","theme","alertContanier","display","width","timlineIconRoot","verticalAlign","marginRight","timelineText","color","palette","grey","item","textDecoration","AlertFeedItem","_ref","_ref$feedItem$context","feedItem","context","alert","id","name","description","desicionPath","decision_path","isCorvaV3FeaturesEnabled","classes","_jsx","children","_jsxs","className","Typography","variant","Link","to","concat","onClick","e","preventDefault","localStorage","setItem","OPEN_ALERT_DETAILS_ID_STORAGE_KEY","gutterBottom","TimelineIcon","propTypes","PropTypes","shape","number","isRequired","string","level"],"mappings":"2SAOA,IAAMA,EAAYC,GAAW,SAAAC,GAAK,MAAK,CACrCC,eAAgB,CACdC,QAAS,eACTC,MAAO,qBAETC,gBAAiB,CACfC,cAAe,SACfC,YAAa,IAEfC,aAAc,CACZC,MAAOR,EAAMS,QAAQC,KAAK,MAE5BC,KAAM,CACJH,MAAO,OACP,UAAW,CACTI,eAAgB,cAGrB,IAEKC,EAAgB,SAOhBC,GAAA,IAAAC,EAAAD,EANJE,SACEC,QACEC,MAASC,IAAAA,GAAIC,IAAAA,KAAMC,IAAAA,YAA4BC,IAAfC,cAGpCC,IAAAA,yBAEMC,EAAU3B,IAShB,OACE4B,EAAA,MAAA,CAAAC,SACEC,EAAA,MAAA,CAAKC,UAAWJ,EAAQxB,eAAe0B,SAAA,CACrCD,EAACI,EAAU,CAACC,QAAQ,QAAOJ,SACzBD,EAACM,EAAI,CAACH,UAAWJ,EAAQd,KAAMsB,GAAE,WAAAC,OAAaf,EAAM,KAACgB,QAXpC,SAAAC,GACnBZ,IACFY,EAAEC,iBACFC,aAAaC,QAAQC,EAAmCrB,KAQ2BQ,SAC5EP,MAILM,EAACI,EAAU,CAACC,QAAQ,QAAQU,cAAY,EAAAd,SACrCN,IAGHO,EAACE,EAAU,CAACC,QAAQ,QAAQF,UAAWJ,EAAQlB,aAAaoB,SAAA,CAC1DD,EAACgB,EAAY,CAACb,UAAWJ,EAAQrB,gBAAiBI,MAAM,WACvDc,SAKX,EAEAT,EAAc8B,UAAY,CACxB3B,SAAU4B,EAAUC,MAAM,CACxB5B,QAAS2B,EAAUC,MAAM,CACvB3B,MAAO0B,EAAUC,MAAM,CACrB1B,GAAIyB,EAAUE,OAAOC,WACrB3B,KAAMwB,EAAUI,OAAOD,WACvB1B,YAAauB,EAAUI,OAAOD,WAC9BxB,cAAeqB,EAAUI,OAAOD,WAChCE,MAAOL,EAAUI,OAAOD,aACvBA,aACFA,aACFA"}
+{"version":3,"file":"AlertFeedItem.js","sources":["../../../../src/components/FeedItem/feedItemTypes/AlertFeedItem.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { Typography, makeStyles } from '@material-ui/core';\nimport { Link } from 'react-router-dom';\nimport TimelineIcon from '@material-ui/icons/Timeline';\n\nimport { OPEN_ALERT_DETAILS_ID_STORAGE_KEY } from '~/constants/alerts';\n\nconst useStyles = makeStyles(theme => ({\n  alertContanier: {\n    display: 'inline-block',\n    width: 'calc(100% - 35px)',\n  },\n  timlineIconRoot: {\n    verticalAlign: 'bottom',\n    marginRight: 15,\n  },\n  timelineText: {\n    color: theme.palette.grey[400],\n  },\n  item: {\n    color: '#fff',\n    '&:hover': {\n      textDecoration: 'underline',\n    },\n  },\n}));\n\nconst AlertFeedItem = ({\n  feedItem: {\n    context: {\n      alert: { id, name, description, decision_path: desicionPath },\n    },\n  },\n  isCorvaV3FeaturesEnabled,\n}) => {\n  const classes = useStyles();\n\n  const handleAlertClick = e => {\n    if (isCorvaV3FeaturesEnabled) {\n      e.preventDefault();\n      localStorage.setItem(OPEN_ALERT_DETAILS_ID_STORAGE_KEY, id);\n    }\n  };\n\n  return (\n    <div>\n      <div className={classes.alertContanier}>\n        <Typography variant=\"body1\">\n          <Link className={classes.item} to={`/alerts/${id}/`} onClick={handleAlertClick}>\n            {name}\n          </Link>\n        </Typography>\n\n        <Typography variant=\"body1\" gutterBottom>\n          {description}\n        </Typography>\n\n        <Typography variant=\"body1\" className={classes.timelineText}>\n          <TimelineIcon className={classes.timlineIconRoot} color=\"action\" />\n          {desicionPath}\n        </Typography>\n      </div>\n    </div>\n  );\n};\n\nAlertFeedItem.propTypes = {\n  feedItem: PropTypes.shape({\n    context: PropTypes.shape({\n      alert: PropTypes.shape({\n        id: PropTypes.number.isRequired,\n        name: PropTypes.string.isRequired,\n        description: PropTypes.string.isRequired,\n        decision_path: PropTypes.string.isRequired,\n        level: PropTypes.string.isRequired,\n      }).isRequired,\n    }).isRequired,\n  }).isRequired,\n};\n\nexport default AlertFeedItem;\n"],"names":["useStyles","makeStyles","theme","alertContanier","display","width","timlineIconRoot","verticalAlign","marginRight","timelineText","color","palette","grey","item","textDecoration","AlertFeedItem","_ref","_ref$feedItem$context","feedItem","context","alert","id","name","description","desicionPath","decision_path","isCorvaV3FeaturesEnabled","classes","_jsx","children","_jsxs","className","Typography","variant","Link","to","concat","onClick","e","preventDefault","localStorage","setItem","OPEN_ALERT_DETAILS_ID_STORAGE_KEY","gutterBottom","TimelineIcon","propTypes","PropTypes","shape","number","isRequired","string","level"],"mappings":"+SAOA,IAAMA,EAAYC,GAAW,SAAAC,GAAK,MAAK,CACrCC,eAAgB,CACdC,QAAS,eACTC,MAAO,qBAETC,gBAAiB,CACfC,cAAe,SACfC,YAAa,IAEfC,aAAc,CACZC,MAAOR,EAAMS,QAAQC,KAAK,MAE5BC,KAAM,CACJH,MAAO,OACP,UAAW,CACTI,eAAgB,cAGrB,IAEKC,EAAgB,SAOhBC,GAAA,IAAAC,EAAAD,EANJE,SACEC,QACEC,MAASC,IAAAA,GAAIC,IAAAA,KAAMC,IAAAA,YAA4BC,IAAfC,cAGpCC,IAAAA,yBAEMC,EAAU3B,IAShB,OACE4B,EAAA,MAAA,CAAAC,SACEC,EAAA,MAAA,CAAKC,UAAWJ,EAAQxB,eAAe0B,SAAA,CACrCD,EAACI,EAAU,CAACC,QAAQ,QAAOJ,SACzBD,EAACM,EAAI,CAACH,UAAWJ,EAAQd,KAAMsB,GAAE,WAAAC,OAAaf,EAAM,KAACgB,QAXpC,SAAAC,GACnBZ,IACFY,EAAEC,iBACFC,aAAaC,QAAQC,EAAmCrB,KAQ2BQ,SAC5EP,MAILM,EAACI,EAAU,CAACC,QAAQ,QAAQU,cAAY,EAAAd,SACrCN,IAGHO,EAACE,EAAU,CAACC,QAAQ,QAAQF,UAAWJ,EAAQlB,aAAaoB,SAAA,CAC1DD,EAACgB,EAAY,CAACb,UAAWJ,EAAQrB,gBAAiBI,MAAM,WACvDc,SAKX,EAEAT,EAAc8B,UAAY,CACxB3B,SAAU4B,EAAUC,MAAM,CACxB5B,QAAS2B,EAAUC,MAAM,CACvB3B,MAAO0B,EAAUC,MAAM,CACrB1B,GAAIyB,EAAUE,OAAOC,WACrB3B,KAAMwB,EAAUI,OAAOD,WACvB1B,YAAauB,EAAUI,OAAOD,WAC9BxB,cAAeqB,EAAUI,OAAOD,WAChCE,MAAOL,EAAUI,OAAOD,aACvBA,aACFA,aACFA"}

package/components/FeedItem/feedItemTypes/BhaFeedItem/components/BhaSchematic.d.ts

@@ -9,7 +9,7 @@ declare function BhaSchematic({ feedItem, drillStringData, handleShowDrillstring
 declare namespace BhaSchematic {
     namespace propTypes {
         let feedItem: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<import("prop-types").ValidationMap<any>>>>;
-        let drillStringData: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<import("prop-types").ValidationMap<any>>>>;
+        let drillStringData: import("prop-types").Validator<(import("prop-types").InferProps<import("prop-types").ValidationMap<any>> | null | undefined)[]>;
         let isShowDrillstringDetailDialog: import("prop-types").Validator<boolean>;
         let handleShowDrillstringDetailDialog: import("prop-types").Validator<(...args: any[]) => any>;
         let handleHideDrillstringDetailDialog: import("prop-types").Validator<(...args: any[]) => any>;

package/components/FeedItem/feedItemTypes/BhaFeedItem/components/BhaSchematic.js

@@ -1,2 +1,2 @@
-import{shape as i,bool as r,func as l}from"prop-types";import{makeStyles as e,Dialog as t,DialogContent as a}from"@material-ui/core";import o from"../../../../Drillstring/BhaIndicator/BhaIndicator.js";import n from"../../../../Drillstring/BHASchematic.js";import s from"../../../../Drillstring/DrillstringDetail/DrillstringDetail.js";import{getUnitDisplay as d}from"../../../../../utils/convert.js";import{getBHAInformation as D,calculateBHALengthMax as m,getBHASchematic as p}from"../../../../../utils/bha.js";import{jsxs as g,Fragment as h,jsx as c}from"react/jsx-runtime";var u=e({wrapper:{width:200,cursor:"pointer",marginTop:-52,marginBottom:-52},bhaDetail:{maxWidth:1500,maxHeight:"80%"}}),f=function(i){var r,l,e,f,v,S=i.feedItem,w=i.drillStringData,j=i.handleShowDrillstringDetailDialog,x=i.isShowDrillstringDetailDialog,b=i.handleHideDrillstringDetailDialog,q=u(),H=null===(r=S.well)||void 0===r?void 0:r.id,I=null===(l=S.context)||void 0===l||null===(e=l.bha)||void 0===e||null===(f=e.data)||void 0===f?void 0:f.id,R=D(H,I,w),B=m(w),y=null===(v=R.data)||void 0===v?void 0:v.components,C=y&&p(y);return g(h,{children:[c("div",{className:q.wrapper,onClick:j,children:C&&c(n,{containerHeight:160,schematic:C,bhaLengthMax:B},H)}),c(o,{align:"left"}),c(t,{classes:{paperScrollPaper:q.bhaDetail},open:x,onClose:b,scroll:"paper",children:c(a,{children:c(s,{drillStringInfo:R,unit:d("length"),onDone:b})})})]})};f.propTypes={feedItem:i().isRequired,drillStringData:i().isRequired,isShowDrillstringDetailDialog:r.isRequired,handleShowDrillstringDetailDialog:l.isRequired,handleHideDrillstringDetailDialog:l.isRequired};export{f as default};
+import{shape as i,arrayOf as r,bool as l,func as e}from"prop-types";import{makeStyles as t,Dialog as a,DialogContent as o}from"@material-ui/core";import n from"../../../../Drillstring/BhaIndicator/BhaIndicator.js";import s from"../../../../Drillstring/BHASchematic.js";import d from"../../../../Drillstring/DrillstringDetail/DrillstringDetail.js";import{getUnitDisplay as D}from"../../../../../utils/convert.js";import{getBHAInformation as m,calculateBHALengthMax as p,getBHASchematic as g}from"../../../../../utils/bha.js";import{jsxs as h,Fragment as c,jsx as u}from"react/jsx-runtime";var f=t({wrapper:{width:200,cursor:"pointer",marginTop:-52,marginBottom:-52},bhaDetail:{maxWidth:1500,maxHeight:"80%"}}),v=function(i){var r,l,e,t,v,S=i.feedItem,w=i.drillStringData,j=i.handleShowDrillstringDetailDialog,x=i.isShowDrillstringDetailDialog,b=i.handleHideDrillstringDetailDialog,q=f(),H=null===(r=S.well)||void 0===r?void 0:r.id,I=null===(l=S.context)||void 0===l||null===(e=l.bha)||void 0===e||null===(t=e.data)||void 0===t?void 0:t.id,R=m(H,I,w),B=p(w),y=null===(v=R.data)||void 0===v?void 0:v.components,C=y&&g(y);return h(c,{children:[u("div",{className:q.wrapper,onClick:j,children:C&&u(s,{containerHeight:160,schematic:C,bhaLengthMax:B},H)}),u(n,{align:"left"}),u(a,{classes:{paperScrollPaper:q.bhaDetail},open:x,onClose:b,scroll:"paper",children:u(o,{children:u(d,{drillStringInfo:R,unit:D("length"),onDone:b})})})]})};v.propTypes={feedItem:i().isRequired,drillStringData:r(i()).isRequired,isShowDrillstringDetailDialog:l.isRequired,handleShowDrillstringDetailDialog:e.isRequired,handleHideDrillstringDetailDialog:e.isRequired};export{v as default};
 //# sourceMappingURL=BhaSchematic.js.map

package/components/FeedItem/feedItemTypes/BhaFeedItem/components/BhaSchematic.js.map

@@ -1 +1 @@
-{"version":3,"file":"BhaSchematic.js","sources":["../../../../../../src/components/FeedItem/feedItemTypes/BhaFeedItem/components/BhaSchematic.js"],"sourcesContent":["import { shape, func, bool } from 'prop-types';\nimport { Dialog, DialogContent, makeStyles } from '@material-ui/core';\n\nimport BhaIndicator from '~/components/Drillstring/BhaIndicator';\nimport BHASchematic from '~/components/Drillstring/BHASchematic';\nimport DrillstringDetail from '~/components/Drillstring/DrillstringDetail';\nimport { getUnitDisplay } from '~/utils/convert';\nimport { getBHAInformation, calculateBHALengthMax, getBHASchematic } from '~/utils/bha';\n\nconst useStyles = makeStyles({\n  wrapper: {\n    width: 200,\n    cursor: 'pointer',\n    marginTop: -52,\n    marginBottom: -52,\n  },\n  bhaDetail: {\n    maxWidth: 1500,\n    maxHeight: '80%',\n  },\n});\n\nconst BhaSchematic = ({\n  feedItem,\n  drillStringData,\n  handleShowDrillstringDetailDialog,\n  isShowDrillstringDetailDialog,\n  handleHideDrillstringDetailDialog,\n}) => {\n  const classes = useStyles();\n\n  const wellId = feedItem.well?.id;\n  const bhaId = feedItem.context?.bha?.data?.id;\n\n  const bhaInfo = getBHAInformation(wellId, bhaId, drillStringData);\n  const bhaLengthMax = calculateBHALengthMax(drillStringData);\n  const components = bhaInfo.data?.components;\n  const schematicData = components && getBHASchematic(components);\n\n  return (\n    <>\n      <div className={classes.wrapper} onClick={handleShowDrillstringDetailDialog}>\n        {schematicData && (\n          <BHASchematic\n            key={wellId}\n            containerHeight={160}\n            schematic={schematicData}\n            bhaLengthMax={bhaLengthMax}\n          />\n        )}\n      </div>\n\n      <BhaIndicator align=\"left\" />\n\n      <Dialog\n        classes={{\n          paperScrollPaper: classes.bhaDetail,\n        }}\n        open={isShowDrillstringDetailDialog}\n        onClose={handleHideDrillstringDetailDialog}\n        scroll=\"paper\"\n      >\n        <DialogContent>\n          <DrillstringDetail\n            drillStringInfo={bhaInfo}\n            unit={getUnitDisplay('length')}\n            onDone={handleHideDrillstringDetailDialog}\n          />\n        </DialogContent>\n      </Dialog>\n    </>\n  );\n};\n\nBhaSchematic.propTypes = {\n  feedItem: shape().isRequired,\n  drillStringData: shape().isRequired,\n  isShowDrillstringDetailDialog: bool.isRequired,\n  handleShowDrillstringDetailDialog: func.isRequired,\n  handleHideDrillstringDetailDialog: func.isRequired,\n};\n\nexport default BhaSchematic;\n"],"names":["useStyles","makeStyles","wrapper","width","cursor","marginTop","marginBottom","bhaDetail","maxWidth","maxHeight","BhaSchematic","_ref","_feedItem$well","_feedItem$context","_feedItem$context$bha","_feedItem$context$bha2","_bhaInfo$data","feedItem","drillStringData","handleShowDrillstringDetailDialog","isShowDrillstringDetailDialog","handleHideDrillstringDetailDialog","classes","wellId","well","id","bhaId","context","bha","data","bhaInfo","getBHAInformation","bhaLengthMax","calculateBHALengthMax","components","schematicData","getBHASchematic","_jsxs","_Fragment","children","_jsx","className","onClick","BHASchematic","containerHeight","schematic","BhaIndicator","align","Dialog","paperScrollPaper","open","onClose","scroll","DialogContent","DrillstringDetail","drillStringInfo","unit","getUnitDisplay","onDone","propTypes","shape","isRequired","bool","func"],"mappings":"+jBASA,IAAMA,EAAYC,EAAW,CAC3BC,QAAS,CACPC,MAAO,IACPC,OAAQ,UACRC,WAAY,GACZC,cAAe,IAEjBC,UAAW,CACTC,SAAU,KACVC,UAAW,SAITC,EAAe,SAMfC,GAAA,IAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EALJC,IAAAA,SACAC,IAAAA,gBACAC,IAAAA,kCACAC,IAAAA,8BACAC,IAAAA,kCAEMC,EAAUtB,IAEVuB,EAAsB,QAAbN,EAAAA,EAASO,YAAI,IAAAZ,OAAA,EAAbA,EAAea,GACxBC,EAAwB,QAAnBb,EAAGI,EAASU,eAAO,IAAAd,GAAhB,QAAgBC,EAAhBD,EAAkBe,WAAlB,IAAAd,GAA2B,QAA3BC,EAAAD,EAAuBe,YAAI,IAAAd,OAAX,EAAhBA,EAA6BU,GAErCK,EAAUC,EAAkBR,EAAQG,EAAOR,GAC3Cc,EAAeC,EAAsBf,GACrCgB,EAAyB,QAAZJ,EAAAA,EAAQD,YAAI,IAAAb,OAAA,EAAZA,EAAckB,WAC3BC,EAAgBD,GAAcE,EAAgBF,GAEpD,OACEG,EAAAC,EAAA,CAAAC,SACE,CAAAC,EAAA,MAAA,CAAKC,UAAWnB,EAAQpB,QAASwC,QAASvB,EAAkCoB,SACzEJ,GACCK,EAACG,EAAY,CAEXC,gBAAiB,IACjBC,UAAWV,EACXH,aAAcA,GAHTT,KAQXiB,EAACM,EAAY,CAACC,MAAM,SAEpBP,EAACQ,EAAM,CACL1B,QAAS,CACP2B,iBAAkB3B,EAAQf,WAE5B2C,KAAM9B,EACN+B,QAAS9B,EACT+B,OAAO,QAAOb,SAEdC,EAACa,EAAa,CAAAd,SACZC,EAACc,EAAiB,CAChBC,gBAAiBzB,EACjB0B,KAAMC,EAAe,UACrBC,OAAQrC,UAMpB,EAEAX,EAAaiD,UAAY,CACvB1C,SAAU2C,IAAQC,WAClB3C,gBAAiB0C,IAAQC,WACzBzC,8BAA+B0C,EAAKD,WACpC1C,kCAAmC4C,EAAKF,WACxCxC,kCAAmC0C,EAAKF"}
+{"version":3,"file":"BhaSchematic.js","sources":["../../../../../../src/components/FeedItem/feedItemTypes/BhaFeedItem/components/BhaSchematic.js"],"sourcesContent":["import { shape, func, bool, arrayOf } from 'prop-types';\nimport { Dialog, DialogContent, makeStyles } from '@material-ui/core';\n\nimport BhaIndicator from '~/components/Drillstring/BhaIndicator';\nimport BHASchematic from '~/components/Drillstring/BHASchematic';\nimport DrillstringDetail from '~/components/Drillstring/DrillstringDetail';\nimport { getUnitDisplay } from '~/utils/convert';\nimport { getBHAInformation, calculateBHALengthMax, getBHASchematic } from '~/utils/bha';\n\nconst useStyles = makeStyles({\n  wrapper: {\n    width: 200,\n    cursor: 'pointer',\n    marginTop: -52,\n    marginBottom: -52,\n  },\n  bhaDetail: {\n    maxWidth: 1500,\n    maxHeight: '80%',\n  },\n});\n\nconst BhaSchematic = ({\n  feedItem,\n  drillStringData,\n  handleShowDrillstringDetailDialog,\n  isShowDrillstringDetailDialog,\n  handleHideDrillstringDetailDialog,\n}) => {\n  const classes = useStyles();\n\n  const wellId = feedItem.well?.id;\n  const bhaId = feedItem.context?.bha?.data?.id;\n\n  const bhaInfo = getBHAInformation(wellId, bhaId, drillStringData);\n  const bhaLengthMax = calculateBHALengthMax(drillStringData);\n  const components = bhaInfo.data?.components;\n  const schematicData = components && getBHASchematic(components);\n\n  return (\n    <>\n      <div className={classes.wrapper} onClick={handleShowDrillstringDetailDialog}>\n        {schematicData && (\n          <BHASchematic\n            key={wellId}\n            containerHeight={160}\n            schematic={schematicData}\n            bhaLengthMax={bhaLengthMax}\n          />\n        )}\n      </div>\n\n      <BhaIndicator align=\"left\" />\n\n      <Dialog\n        classes={{\n          paperScrollPaper: classes.bhaDetail,\n        }}\n        open={isShowDrillstringDetailDialog}\n        onClose={handleHideDrillstringDetailDialog}\n        scroll=\"paper\"\n      >\n        <DialogContent>\n          <DrillstringDetail\n            drillStringInfo={bhaInfo}\n            unit={getUnitDisplay('length')}\n            onDone={handleHideDrillstringDetailDialog}\n          />\n        </DialogContent>\n      </Dialog>\n    </>\n  );\n};\n\nBhaSchematic.propTypes = {\n  feedItem: shape().isRequired,\n  drillStringData: arrayOf(shape()).isRequired,\n  isShowDrillstringDetailDialog: bool.isRequired,\n  handleShowDrillstringDetailDialog: func.isRequired,\n  handleHideDrillstringDetailDialog: func.isRequired,\n};\n\nexport default BhaSchematic;\n"],"names":["useStyles","makeStyles","wrapper","width","cursor","marginTop","marginBottom","bhaDetail","maxWidth","maxHeight","BhaSchematic","_ref","_feedItem$well","_feedItem$context","_feedItem$context$bha","_feedItem$context$bha2","_bhaInfo$data","feedItem","drillStringData","handleShowDrillstringDetailDialog","isShowDrillstringDetailDialog","handleHideDrillstringDetailDialog","classes","wellId","well","id","bhaId","context","bha","data","bhaInfo","getBHAInformation","bhaLengthMax","calculateBHALengthMax","components","schematicData","getBHASchematic","_jsxs","_Fragment","children","_jsx","className","onClick","BHASchematic","containerHeight","schematic","BhaIndicator","align","Dialog","paperScrollPaper","open","onClose","scroll","DialogContent","DrillstringDetail","drillStringInfo","unit","getUnitDisplay","onDone","propTypes","shape","isRequired","arrayOf","bool","func"],"mappings":"4kBASA,IAAMA,EAAYC,EAAW,CAC3BC,QAAS,CACPC,MAAO,IACPC,OAAQ,UACRC,WAAY,GACZC,cAAe,IAEjBC,UAAW,CACTC,SAAU,KACVC,UAAW,SAITC,EAAe,SAMfC,GAAA,IAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EALJC,IAAAA,SACAC,IAAAA,gBACAC,IAAAA,kCACAC,IAAAA,8BACAC,IAAAA,kCAEMC,EAAUtB,IAEVuB,EAAsB,QAAbN,EAAAA,EAASO,YAAI,IAAAZ,OAAA,EAAbA,EAAea,GACxBC,EAAwB,QAAnBb,EAAGI,EAASU,eAAO,IAAAd,GAAhB,QAAgBC,EAAhBD,EAAkBe,WAAlB,IAAAd,GAA2B,QAA3BC,EAAAD,EAAuBe,YAAI,IAAAd,OAAX,EAAhBA,EAA6BU,GAErCK,EAAUC,EAAkBR,EAAQG,EAAOR,GAC3Cc,EAAeC,EAAsBf,GACrCgB,EAAyB,QAAZJ,EAAAA,EAAQD,YAAI,IAAAb,OAAA,EAAZA,EAAckB,WAC3BC,EAAgBD,GAAcE,EAAgBF,GAEpD,OACEG,EAAAC,EAAA,CAAAC,SACE,CAAAC,EAAA,MAAA,CAAKC,UAAWnB,EAAQpB,QAASwC,QAASvB,EAAkCoB,SACzEJ,GACCK,EAACG,EAAY,CAEXC,gBAAiB,IACjBC,UAAWV,EACXH,aAAcA,GAHTT,KAQXiB,EAACM,EAAY,CAACC,MAAM,SAEpBP,EAACQ,EAAM,CACL1B,QAAS,CACP2B,iBAAkB3B,EAAQf,WAE5B2C,KAAM9B,EACN+B,QAAS9B,EACT+B,OAAO,QAAOb,SAEdC,EAACa,EAAa,CAAAd,SACZC,EAACc,EAAiB,CAChBC,gBAAiBzB,EACjB0B,KAAMC,EAAe,UACrBC,OAAQrC,UAMpB,EAEAX,EAAaiD,UAAY,CACvB1C,SAAU2C,IAAQC,WAClB3C,gBAAiB4C,EAAQF,KAASC,WAClCzC,8BAA+B2C,EAAKF,WACpC1C,kCAAmC6C,EAAKH,WACxCxC,kCAAmC2C,EAAKH"}

package/components/FeedItem/feedItemTypes/BhaFeedItem/components/Info.js

@@ -1,2 +1,2 @@
-import{shape as e,string as a}from"prop-types";import{makeStyles as t,Grid as i,Typography as n}from"@material-ui/core";import{getBhaBitSize as l,getBhaDepthIn as r}from"../../../../../utils/bha.js";import{jsxs as o,jsx as d}from"react/jsx-runtime";var c=t((function(e){return{labelGrid:{marginRight:11},planUnit:{color:e.palette.grey[400],marginLeft:5,fontSize:12},planText:{color:e.palette.grey[400]},pointValue:{display:"flex",alignItems:"center"},columnWithMargin:{marginRight:40}}})),s=function(e){var a,t,s=e.feedItem,m=e.bitComponent,p=e.pageName,u=c(),h=null===(a=s.context)||void 0===a||null===(t=a.bha)||void 0===t?void 0:t.data,b=null==h?void 0:h.components,v=null==h?void 0:h.start_depth,f=l(b),y=r(v),g=(null==m?void 0:m.make)||"-",N=(null==m?void 0:m.model)||"-";return o(i,{container:!0,spacing:16,justify:"flex-start",children:[o(i,{item:!0,className:u.labelGrid,children:[d(n,{variant:"body2",className:u.planText,children:"Bit Size:"}),d(n,{variant:"body2",className:u.planText,children:"Depth In:"})]}),o(i,{item:!0,className:u.columnWithMargin,children:[d(n,{variant:"body2",className:u.pointValue,children:f}),d(n,{variant:"body2","data-testid":"".concat(p,"_bitSize"),className:u.pointValue,children:y})]}),o(i,{item:!0,className:u.labelGrid,children:[d(n,{variant:"body2",className:u.planText,children:"Bit Maker:"}),d(n,{variant:"body2",className:u.planText,children:"Bit Model:"})]}),o(i,{item:!0,children:[d(n,{variant:"body2","data-testid":"".concat(p,"_bitMaker"),className:u.pointValue,children:g}),d(n,{variant:"body2","data-testid":"".concat(p,"_bitModel"),className:u.pointValue,children:N})]})]})};s.propTypes={feedItem:e().isRequired,bitComponent:e().isRequired,pageName:a.isRequired};export{s as default};
+import{shape as e,string as a}from"prop-types";import{makeStyles as t,Grid as i,Typography as l}from"@material-ui/core";import{getBhaBitSize as n,getBhaDepthIn as r}from"../../../../../utils/bha.js";import{jsxs as o,jsx as d}from"react/jsx-runtime";var c=t((function(e){return{labelGrid:{marginRight:11},planUnit:{color:e.palette.grey[400],marginLeft:5,fontSize:12},planText:{color:e.palette.grey[400]},pointValue:{display:"flex",alignItems:"center"},columnWithMargin:{marginRight:40}}})),m=function(e){var a,t,m=e.feedItem,s=e.bitComponent,p=e.pageName,u=c(),h=null===(a=m.context)||void 0===a||null===(t=a.bha)||void 0===t?void 0:t.data,b=null==h?void 0:h.components,v=null==h?void 0:h.start_depth,f=n(b),y=r(v),N=(null==s?void 0:s.make)||"-",g=(null==s?void 0:s.model)||"-";return o(i,{container:!0,justify:"flex-start",children:[o(i,{item:!0,className:u.labelGrid,children:[d(l,{variant:"body2",className:u.planText,children:"Bit Size:"}),d(l,{variant:"body2",className:u.planText,children:"Depth In:"})]}),o(i,{item:!0,className:u.columnWithMargin,children:[d(l,{variant:"body2",className:u.pointValue,children:f}),d(l,{variant:"body2","data-testid":"".concat(p,"_bitSize"),className:u.pointValue,children:y})]}),o(i,{item:!0,className:u.labelGrid,children:[d(l,{variant:"body2",className:u.planText,children:"Bit Maker:"}),d(l,{variant:"body2",className:u.planText,children:"Bit Model:"})]}),o(i,{item:!0,children:[d(l,{variant:"body2","data-testid":"".concat(p,"_bitMaker"),className:u.pointValue,children:N}),d(l,{variant:"body2","data-testid":"".concat(p,"_bitModel"),className:u.pointValue,children:g})]})]})};m.propTypes={feedItem:e().isRequired,bitComponent:e().isRequired,pageName:a.isRequired};export{m as default};
 //# sourceMappingURL=Info.js.map

package/components/FeedItem/feedItemTypes/BhaFeedItem/components/Info.js.map

@@ -1 +1 @@
-{"version":3,"file":"Info.js","sources":["../../../../../../src/components/FeedItem/feedItemTypes/BhaFeedItem/components/Info.js"],"sourcesContent":["import { shape, string } from 'prop-types';\nimport { Typography, Grid, makeStyles } from '@material-ui/core';\n\nimport { getBhaBitSize, getBhaDepthIn } from '~/utils/bha';\n\nconst useStyles = makeStyles(theme => ({\n  labelGrid: {\n    marginRight: 11,\n  },\n  planUnit: {\n    color: theme.palette.grey[400],\n    marginLeft: 5,\n    fontSize: 12,\n  },\n  planText: {\n    color: theme.palette.grey[400],\n  },\n  pointValue: {\n    display: 'flex',\n    alignItems: 'center',\n  },\n  columnWithMargin: {\n    marginRight: 40,\n  },\n}));\n\nconst Info = ({ feedItem, bitComponent, pageName }) => {\n  const classes = useStyles();\n\n  const bhaData = feedItem.context?.bha?.data;\n  const components = bhaData?.components;\n  const startDepth = bhaData?.start_depth;\n\n  const bitSize = getBhaBitSize(components);\n  const depthIn = getBhaDepthIn(startDepth);\n\n  const bitMaker = bitComponent?.make || '-';\n  const bitModel = bitComponent?.model || '-';\n\n  return (\n    <Grid container spacing={16} justify=\"flex-start\">\n      <Grid item className={classes.labelGrid}>\n        <Typography variant=\"body2\" className={classes.planText}>\n          Bit Size:\n        </Typography>\n        <Typography variant=\"body2\" className={classes.planText}>\n          Depth In:\n        </Typography>\n      </Grid>\n      <Grid item className={classes.columnWithMargin}>\n        <Typography variant=\"body2\" className={classes.pointValue}>\n          {bitSize}\n        </Typography>\n        <Typography\n          variant=\"body2\"\n          data-testid={`${pageName}_bitSize`}\n          className={classes.pointValue}\n        >\n          {depthIn}\n        </Typography>\n      </Grid>\n      <Grid item className={classes.labelGrid}>\n        <Typography variant=\"body2\" className={classes.planText}>\n          Bit Maker:\n        </Typography>\n        <Typography variant=\"body2\" className={classes.planText}>\n          Bit Model:\n        </Typography>\n      </Grid>\n      <Grid item>\n        <Typography\n          variant=\"body2\"\n          data-testid={`${pageName}_bitMaker`}\n          className={classes.pointValue}\n        >\n          {bitMaker}\n        </Typography>\n        <Typography\n          variant=\"body2\"\n          data-testid={`${pageName}_bitModel`}\n          className={classes.pointValue}\n        >\n          {bitModel}\n        </Typography>\n      </Grid>\n    </Grid>\n  );\n};\n\nInfo.propTypes = {\n  feedItem: shape().isRequired,\n  bitComponent: shape().isRequired,\n  pageName: string.isRequired,\n};\n\nexport default Info;\n"],"names":["useStyles","makeStyles","theme","labelGrid","marginRight","planUnit","color","palette","grey","marginLeft","fontSize","planText","pointValue","display","alignItems","columnWithMargin","Info","_ref","_feedItem$context","_feedItem$context$bha","feedItem","bitComponent","pageName","classes","bhaData","context","bha","data","components","startDepth","start_depth","bitSize","getBhaBitSize","depthIn","getBhaDepthIn","bitMaker","make","bitModel","model","_jsxs","Grid","container","spacing","justify","children","item","className","_jsx","Typography","variant","concat","propTypes","shape","isRequired","string"],"mappings":"yPAKA,IAAMA,EAAYC,GAAW,SAAAC,GAAK,MAAK,CACrCC,UAAW,CACTC,YAAa,IAEfC,SAAU,CACRC,MAAOJ,EAAMK,QAAQC,KAAK,KAC1BC,WAAY,EACZC,SAAU,IAEZC,SAAU,CACRL,MAAOJ,EAAMK,QAAQC,KAAK,MAE5BI,WAAY,CACVC,QAAS,OACTC,WAAY,UAEdC,iBAAkB,CAChBX,YAAa,IAEhB,IAEKY,EAAO,SAA0CC,GAAA,IAAAC,EAAAC,EAAvCC,IAAAA,SAAUC,IAAAA,aAAcC,IAAAA,SAChCC,EAAUvB,IAEVwB,UAAUJ,EAAAA,EAASK,sBAAT,UAAAP,EAAkBQ,WAAlB,IAAAP,SAAAA,EAAuBQ,KACjCC,EAAaJ,aAAAA,EAAAA,EAASI,WACtBC,EAAaL,aAAAA,EAAAA,EAASM,YAEtBC,EAAUC,EAAcJ,GACxBK,EAAUC,EAAcL,GAExBM,GAAWd,aAAY,EAAZA,EAAce,OAAQ,IACjCC,GAAWhB,aAAY,EAAZA,EAAciB,QAAS,IAExC,OACEC,EAACC,EAAI,CAACC,WAAS,EAACC,QAAS,GAAIC,QAAQ,aAAYC,SAAA,CAC/CL,EAACC,EAAI,CAACK,MAAI,EAACC,UAAWvB,EAAQpB,UAAUyC,SAAA,CACtCG,EAACC,EAAU,CAACC,QAAQ,QAAQH,UAAWvB,EAAQZ,SAASiC,SAAA,cAGxDG,EAACC,EAAU,CAACC,QAAQ,QAAQH,UAAWvB,EAAQZ,SAASiC,SAAA,iBAI1DL,EAACC,EAAI,CAACK,MAAI,EAACC,UAAWvB,EAAQR,iBAAiB6B,SAAA,CAC7CG,EAACC,EAAU,CAACC,QAAQ,QAAQH,UAAWvB,EAAQX,WAAWgC,SACvDb,IAEHgB,EAACC,EAAU,CACTC,QAAQ,QACR,cAAA,GAAAC,OAAgB5B,EAAmB,YACnCwB,UAAWvB,EAAQX,WAAWgC,SAE7BX,OAGLM,EAACC,EAAI,CAACK,MAAI,EAACC,UAAWvB,EAAQpB,UAAUyC,SAAA,CACtCG,EAACC,EAAU,CAACC,QAAQ,QAAQH,UAAWvB,EAAQZ,SAASiC,SAAA,eAGxDG,EAACC,EAAU,CAACC,QAAQ,QAAQH,UAAWvB,EAAQZ,SAASiC,SAAA,kBAI1DL,EAACC,EAAI,CAACK,MAAI,EAAAD,SAAA,CACRG,EAACC,EAAU,CACTC,QAAQ,QACR,cAAA,GAAAC,OAAgB5B,EAAoB,aACpCwB,UAAWvB,EAAQX,WAAWgC,SAE7BT,IAEHY,EAACC,EAAU,CACTC,QAAQ,QACR,cAAA,GAAAC,OAAgB5B,EAAoB,aACpCwB,UAAWvB,EAAQX,WAAWgC,SAE7BP,SAKX,EAEArB,EAAKmC,UAAY,CACf/B,SAAUgC,IAAQC,WAClBhC,aAAc+B,IAAQC,WACtB/B,SAAUgC,EAAOD"}
+{"version":3,"file":"Info.js","sources":["../../../../../../src/components/FeedItem/feedItemTypes/BhaFeedItem/components/Info.js"],"sourcesContent":["import { shape, string } from 'prop-types';\nimport { Typography, Grid, makeStyles } from '@material-ui/core';\n\nimport { getBhaBitSize, getBhaDepthIn } from '~/utils/bha';\n\nconst useStyles = makeStyles(theme => ({\n  labelGrid: {\n    marginRight: 11,\n  },\n  planUnit: {\n    color: theme.palette.grey[400],\n    marginLeft: 5,\n    fontSize: 12,\n  },\n  planText: {\n    color: theme.palette.grey[400],\n  },\n  pointValue: {\n    display: 'flex',\n    alignItems: 'center',\n  },\n  columnWithMargin: {\n    marginRight: 40,\n  },\n}));\n\nconst Info = ({ feedItem, bitComponent, pageName }) => {\n  const classes = useStyles();\n\n  const bhaData = feedItem.context?.bha?.data;\n  const components = bhaData?.components;\n  const startDepth = bhaData?.start_depth;\n\n  const bitSize = getBhaBitSize(components);\n  const depthIn = getBhaDepthIn(startDepth);\n\n  const bitMaker = bitComponent?.make || '-';\n  const bitModel = bitComponent?.model || '-';\n\n  return (\n    <Grid container justify=\"flex-start\">\n      <Grid item className={classes.labelGrid}>\n        <Typography variant=\"body2\" className={classes.planText}>\n          Bit Size:\n        </Typography>\n        <Typography variant=\"body2\" className={classes.planText}>\n          Depth In:\n        </Typography>\n      </Grid>\n      <Grid item className={classes.columnWithMargin}>\n        <Typography variant=\"body2\" className={classes.pointValue}>\n          {bitSize}\n        </Typography>\n        <Typography\n          variant=\"body2\"\n          data-testid={`${pageName}_bitSize`}\n          className={classes.pointValue}\n        >\n          {depthIn}\n        </Typography>\n      </Grid>\n      <Grid item className={classes.labelGrid}>\n        <Typography variant=\"body2\" className={classes.planText}>\n          Bit Maker:\n        </Typography>\n        <Typography variant=\"body2\" className={classes.planText}>\n          Bit Model:\n        </Typography>\n      </Grid>\n      <Grid item>\n        <Typography\n          variant=\"body2\"\n          data-testid={`${pageName}_bitMaker`}\n          className={classes.pointValue}\n        >\n          {bitMaker}\n        </Typography>\n        <Typography\n          variant=\"body2\"\n          data-testid={`${pageName}_bitModel`}\n          className={classes.pointValue}\n        >\n          {bitModel}\n        </Typography>\n      </Grid>\n    </Grid>\n  );\n};\n\nInfo.propTypes = {\n  feedItem: shape().isRequired,\n  bitComponent: shape().isRequired,\n  pageName: string.isRequired,\n};\n\nexport default Info;\n"],"names":["useStyles","makeStyles","theme","labelGrid","marginRight","planUnit","color","palette","grey","marginLeft","fontSize","planText","pointValue","display","alignItems","columnWithMargin","Info","_ref","_feedItem$context","_feedItem$context$bha","feedItem","bitComponent","pageName","classes","bhaData","context","bha","data","components","startDepth","start_depth","bitSize","getBhaBitSize","depthIn","getBhaDepthIn","bitMaker","make","bitModel","model","_jsxs","Grid","container","justify","children","item","className","_jsx","Typography","variant","concat","propTypes","shape","isRequired","string"],"mappings":"yPAKA,IAAMA,EAAYC,GAAW,SAAAC,GAAK,MAAK,CACrCC,UAAW,CACTC,YAAa,IAEfC,SAAU,CACRC,MAAOJ,EAAMK,QAAQC,KAAK,KAC1BC,WAAY,EACZC,SAAU,IAEZC,SAAU,CACRL,MAAOJ,EAAMK,QAAQC,KAAK,MAE5BI,WAAY,CACVC,QAAS,OACTC,WAAY,UAEdC,iBAAkB,CAChBX,YAAa,IAEhB,IAEKY,EAAO,SAA0CC,GAAA,IAAAC,EAAAC,EAAvCC,IAAAA,SAAUC,IAAAA,aAAcC,IAAAA,SAChCC,EAAUvB,IAEVwB,UAAUJ,EAAAA,EAASK,sBAAT,UAAAP,EAAkBQ,WAAlB,IAAAP,SAAAA,EAAuBQ,KACjCC,EAAaJ,aAAAA,EAAAA,EAASI,WACtBC,EAAaL,aAAAA,EAAAA,EAASM,YAEtBC,EAAUC,EAAcJ,GACxBK,EAAUC,EAAcL,GAExBM,GAAWd,aAAY,EAAZA,EAAce,OAAQ,IACjCC,GAAWhB,aAAY,EAAZA,EAAciB,QAAS,IAExC,OACEC,EAACC,EAAI,CAACC,WAAS,EAACC,QAAQ,aAAYC,SAAA,CAClCJ,EAACC,EAAI,CAACI,MAAI,EAACC,UAAWtB,EAAQpB,UAAUwC,SAAA,CACtCG,EAACC,EAAU,CAACC,QAAQ,QAAQH,UAAWtB,EAAQZ,SAASgC,SAAA,cAGxDG,EAACC,EAAU,CAACC,QAAQ,QAAQH,UAAWtB,EAAQZ,SAASgC,SAAA,iBAI1DJ,EAACC,EAAI,CAACI,MAAI,EAACC,UAAWtB,EAAQR,iBAAiB4B,SAAA,CAC7CG,EAACC,EAAU,CAACC,QAAQ,QAAQH,UAAWtB,EAAQX,WAAW+B,SACvDZ,IAEHe,EAACC,EAAU,CACTC,QAAQ,QACR,cAAA,GAAAC,OAAgB3B,EAAmB,YACnCuB,UAAWtB,EAAQX,WAAW+B,SAE7BV,OAGLM,EAACC,EAAI,CAACI,MAAI,EAACC,UAAWtB,EAAQpB,UAAUwC,SAAA,CACtCG,EAACC,EAAU,CAACC,QAAQ,QAAQH,UAAWtB,EAAQZ,SAASgC,SAAA,eAGxDG,EAACC,EAAU,CAACC,QAAQ,QAAQH,UAAWtB,EAAQZ,SAASgC,SAAA,kBAI1DJ,EAACC,EAAI,CAACI,MAAI,EAAAD,SAAA,CACRG,EAACC,EAAU,CACTC,QAAQ,QACR,cAAA,GAAAC,OAAgB3B,EAAoB,aACpCuB,UAAWtB,EAAQX,WAAW+B,SAE7BR,IAEHW,EAACC,EAAU,CACTC,QAAQ,QACR,cAAA,GAAAC,OAAgB3B,EAAoB,aACpCuB,UAAWtB,EAAQX,WAAW+B,SAE7BN,SAKX,EAEArB,EAAKkC,UAAY,CACf9B,SAAU+B,IAAQC,WAClB/B,aAAc8B,IAAQC,WACtB9B,SAAU+B,EAAOD"}