@corva/ui 3.23.0-2 → 3.23.0-4

package/cjs-bundle/components/FeedItem/FeedItem.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/defineProperty"),s=require("@babel/runtime/helpers/asyncToGenerator"),r=require("@babel/runtime/helpers/slicedToArray"),t=require("@babel/runtime/helpers/objectWithoutProperties"),o=require("@babel/runtime/regenerator"),n=require("react"),i=require("classnames"),c=require("@material-ui/core"),a=require("lodash"),p=require("@material-ui/core/colors/grey");require("../DevCenter/AppHeader/AppHeader.js"),require("../DevCenter/AppSideBar/AppSideBar.js"),require("../DevCenter/AppsDataProvider/AppsDataProvider.js"),require("@material-ui/icons"),require("../DevCenter/AppContext.js"),require("../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js"),require("../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js");var u=require("../DevCenter/DevCenterRouterContext/effects/useDevCenterRouter.js");require("react-router");var d=require("react/jsx-runtime");require("../../constants/goals.js"),require("../../constants/segment.js");var l=require("../../constants/alerts.js");require("../../constants/apps.js"),require("../../constants/drillstring.js"),require("../../constants/completion.js"),require("../../constants/appPackages.js"),require("../../constants/notifications.js");var m=require("../../constants/feed.js");require("../../constants/bha.js"),require("../../constants/corvaCompanyId.js"),require("../GradientManager/configuration/constants.js"),require("../../utils/index.js"),require("../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js"),require("../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js"),require("../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js"),require("../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js"),require("../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js"),require("../../componentsV2/Text/Text.js"),require("../../componentsV2/Grid/Grid.js"),require("../../componentsV2/Grid/Grid.scss.js"),require("../../componentsV2/Header/Header.scss.js"),require("../../componentsV2/Button/Button.js"),require("../../componentsV2/ButtonIcon/ButtonIcon.js");var q=require("../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js");require("../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js"),require("../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js"),require("uuid"),require("../../componentsV2/Tooltip/Tooltip.scss.js"),require("../../componentsV2/Paper/Paper.js"),require("../../componentsV2/Popover/Popover.scss.js"),require("../../componentsV2/Radio/Radio.js"),require("../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js"),require("../../componentsV2/Checkbox/Checkbox.js"),require("../../componentsV2/TextInput/TextInput.js"),require("../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js"),require("../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js"),require("../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js"),require("../../componentsV2/TextLink/TextLink.js"),require("../../componentsV2/Chip/Chip.js"),require("../../componentsV2/ChipAlert/ChipAlert.js"),require("../../componentsV2/ChipIndicator/ChipIndicator.js"),require("../../componentsV2/Avatar/Avatar.js"),require("../../componentsV2/Avatar/constants.js"),require("../../componentsV2/AvatarGroup/AvatarGroup.scss.js"),require("@material-ui/lab"),require("../../componentsV2/ToggleButtons/ToggleButtons.scss.js"),require("../../componentsV2/ModalWindow/ModalWindow.scss.js"),require("@icon-park/react/es/all"),require("../../icons/IconParkProvider.js"),require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../componentsV2/Modal/Modal.scss.js"),require("../../componentsV2/Menu/Menu.js"),require("../../componentsV2/Counter/Counter.js"),require("../../componentsV2/BadgeBase/BadgeBase.scss.js"),require("../../componentsV2/BadgeDot/BadgeDot.scss.js"),require("../../componentsV2/LoaderLinear/LoaderLinear.scss.js"),require("../../componentsV2/LoaderLogo/LoaderLogo.constants.js"),require("../../componentsV2/LoaderLogo/LoaderLogo.scss.js"),require("../../componentsV2/Switch/Switch.js"),require("../../componentsV2/Tabs/Tabs.js"),require("../../componentsV2/EmptyState/EmptyState.scss.js"),require("../../componentsV2/FileIcon/FileIcon.js"),require("react-dropzone"),require("../../componentsV2/FilesDropzone/FilesDropzone.scss.js"),require("../../componentsV2/FilesLoader/FilesLoader.scss.js"),require("../../componentsV2/FilesProcessor/FilesProcessor.scss.js"),require("../../componentsV2/Skeleton/Skeleton.scss.js");var j=require("../../utils/main.js");require("../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js"),require("../../componentsV2/Stepper/Step/Step.scss.js"),require("../../componentsV2/Stepper/Stepper.scss.js"),require("../../componentsV2/ButtonLive/ButtonLive.js"),require("../../componentsV2/ButtonText/ButtonText.js"),require("../../componentsV2/LiveDotIndicator/LiveDotIndicator.scss.js"),require("../../componentsV2/IndicatorLive/IndicatorLive.scss.js"),require("../../componentsV2/Accordion/Accordion.scss.js"),require("../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js"),require("../../componentsV2/BadgeComment/BadgeComment.js"),require("../../componentsV2/AppContainer/AppContainer.js"),require("../../componentsV2/AppContainer/AppContainer.constants.js"),require("../../componentsV2/AppFooter/AppFooter.js"),require("../../componentsV2/AppCommonsProvider/AppCommonsContext.js"),require("../../componentsV2/AppHeader/AppHeader.constants.js"),require("../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js"),require("../../componentsV2/AppHeader/AppAssets/utils.js"),require("../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js"),require("../PadModeSelect/PadModeSelect.js"),require("../../componentsV2/AppHeader/PadMode/PadMode.scss.js"),require("../../constants/streamSourceType.js"),require("../../types/shared/Completions.js"),require("../PadModeSelect/types.js"),require("lodash/flatten"),require("lodash/partition"),require("../../componentsV2/PadModeSelect/FracModeLabel/FracModeLabel.js"),require("../../componentsV2/PadModeSelect/FracModeLabel/FracModeLabel.constants.js");var v=require("../../clients/jsonApi/index.js");require("@babel/runtime/helpers/toConsumableArray"),require("lodash/set"),require("lodash/get"),require("lodash/unset"),require("moment"),require("../../clients/subscriptions/constants.js"),require("../../clients/subscriptions.v1.js"),require("../../clients/subscriptions/subscriptions-client.factory.js"),require("../../clients/api/apiCore.js"),require("../../clients/constants.js"),require("../../clients/sso/auth0.js"),require("../../clients/sso/oauth2.js"),require("../../componentsV2/PadModeSelect/WellStreamActivityStatus/WellStreamActivityStatus.scss.js"),require("../../componentsV2/PadModeSelect/PadModeSelect.constants.js"),require("../../componentsV2/PadModeSelect/PadModeSelect.scss.js"),require("querystring"),require("uuid/v1"),require("jsona"),require("../../utils/env.js"),require("../StatusBadge/constants.js"),require("lodash/isEmpty"),require("lodash/sortBy"),require("../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js"),require("../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js"),require("../../componentsV2/UniversalLink/UniversalLink.scss.js"),require("../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js"),require("../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js"),require("../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js"),require("../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js"),require("../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js"),require("../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js"),require("../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js"),require("../../componentsV2/AppDqPopover/AppDqPopover.scss.js"),require("../AppIcon/AppIcon.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/constants.js"),require("../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js"),require("../../componentsV2/AppContainer/headerCommon.scss.js"),require("../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js"),require("../../componentsV2/AppHeader/V3/constants.scss.js"),require("@babel/runtime/helpers/typeof"),require("../../componentsV2/AppSizeProvider/AppSizeProvider.js"),require("../../componentsV2/AppSettings/AppSettings.js"),require("../../componentsV2/AppSettings/AppSettings.constants.js"),require("../../componentsV2/AppSettings/AppSettingsPinningContext.js"),require("../../componentsV2/AppHeader/V3/SettingsPopover/SettingsPopover.constants.js"),require("../../componentsV2/AppHeader/V3/SettingsPopover/SettingsPopover.scss.js"),require("../../componentsV2/AppHeader/V3/Actions/Actions.constants.js"),require("../../componentsV2/AppHeader/V3/Actions/Actions.scss.js"),require("../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js"),require("../../componentsV2/AppHeader/AppHeader.scss.js"),require("../../componentsV2/OffsetWellsButton/OffsetWellsButton.scss.js"),require("../../componentsV2/Autocomplete/Autocomplete.scss.js"),require("../../componentsV2/Menu/MenuItem/MenuItem.scss.js"),require("../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js"),require("../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js"),require("../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js"),require("../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js"),require("../DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js"),require("rollbar"),require("@rollbar/react"),require("../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchButton.scss.js"),require("../DevCenter/DevCenterAppContainer/DevCenterAppContainer.css.js");var A=require("../../utils/mobileDetect.js");require("../Icons/AnnotationIcon.js"),require("../Annotations/components/AnnotationsList/index.js"),require("../Annotations/components/LastAnnotation/index.js"),require("../Annotations/AnnotationsContext.js"),require("../Toaster/Toaster.js"),require("../HelpCenter/HelpCenterIcon.js"),require("../DevCenter/NavigationBar/NavigationBar.js"),require("../DevCenter/SideBar/SideBar.js"),require("../DevCenter/AppSettingsPopover/AppSettingsPopover.js"),require("../DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js"),require("../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js"),require("../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js");var C=require("./components/Actions.js"),D=require("./components/FeedComments.js"),I=require("./components/Content.js"),V=require("./components/CreatedAt.js"),g=require("./components/Icon.js"),f=require("./components/Reactions.js"),S=require("./components/RigAndWell.js"),h=require("./components/TypeAndAssetTitle.js"),b=require("./components/CompletionDateTimestamp.js"),x=require("./FeedItem.css.js"),T=require("../ConfirmationDialog.js"),P=require("../LoadingIndicator/LoadingIndicator.js"),y=require("../ErrorBoundary/ErrorBoundary.js");require("../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js");var E=require("../../utils/notificationToasts.js");function F(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var B=F(e),M=F(s),L=F(r),_=F(t),k=F(o),w=F(i),O=F(p),H=["feedItem","editableFeedItemTypes","removeFeedItem","enterEditMode","router","currentUser","appData","customFeedItemTypeTemplates","paperClassName","getFeedItemMessage"];function R(e,s){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);s&&(t=t.filter((function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable}))),r.push.apply(r,t)}return r}function Y(e){for(var s=1;s<arguments.length;s++){var r=null!=arguments[s]?arguments[s]:{};s%2?R(Object(r),!0).forEach((function(s){B.default(e,s,r[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):R(Object(r)).forEach((function(s){Object.defineProperty(e,s,Object.getOwnPropertyDescriptor(r,s))}))}return e}var N=c.makeStyles((function(e){return{paperRoot:{position:"relative",marginBottom:10,paddingBottom:16,backgroundColor:function(s){return s.isInsideDcApp?"rgba(65, 65, 65, 0.9)":e.palette.background.b8},width:function(e){return e.isInsideDcApp?360:"100%"},boxShadow:function(e){return e.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:e.palette.primary.text6,"& span":{color:e.palette.primary.contrastText}}}}));module.exports=function(e){var s,r,t,o,i,p,F,R,U,G,W,K,z=e.feedItem,Z=e.editableFeedItemTypes,J=void 0===Z?[m.FEED_ITEM_TYPES.POST]:Z,Q=e.removeFeedItem,X=void 0===Q?a.noop:Q,$=e.enterEditMode,ee=void 0===$?a.noop:$,se=e.router,re=e.currentUser,te=e.appData,oe=e.customFeedItemTypeTemplates,ne=void 0===oe?{}:oe,ie=e.paperClassName,ce=e.getFeedItemMessage,ae=void 0===ce?function(e){var s,r,t=e.context;return(null==t||null===(s=t.post)||void 0===s?void 0:s.body)||(null==t||null===(r=t.dvd_comment)||void 0===r?void 0:r.body)}:ce,pe=_.default(e,H),ue=a.get(re,["settings","uiSettings","corva_v3_features_enabled"]),de=a.includes(z.allowed_actions,"destroy"),le=q.useIsInsideIsolatedDcApp(),me=N({isInsideDcApp:le}),qe=n.useState(!1),je=L.default(qe,2),ve=je[0],Ae=je[1],Ce=n.useState(!0),De=L.default(Ce,2),Ie=De[0],Ve=De[1],ge=n.useState(!0),fe=L.default(ge,2),Se=fe[0],he=fe[1],be=n.useState(!1),xe=L.default(be,2),Te=xe[0],Pe=xe[1],ye=z.type===m.FEED_ITEM_TYPES_BY_KEY.post.type,Ee=J.includes(z.type),Fe=z.type===m.FEED_ITEM_TYPES_BY_KEY.geosteering_comments.type&&(null===(s=z.context)||void 0===s||null===(r=s.geosteering_comments)||void 0===r||null===(t=r.data)||void 0===t?void 0:t.isRecommendation),Be=(null===(o=m.FEED_ITEM_TYPES_BY_KEY[z.type])||void 0===o?void 0:o.category)||"post",Me=j.default.getUserFullName(z.user),Le=null!==(i=m.FEED_ITEM_TYPES_BY_KEY[z.type])&&void 0!==i&&i.showCreatorToLabel?Me:(null===(p=m.FEED_ITEM_TYPES_BY_KEY[z.type])||void 0===p?void 0:p.label)||a.startCase(z.type),_e=z.type===m.FEED_ITEM_TYPES_BY_KEY.alert.type&&"/alerts/".concat(null===(F=z.context)||void 0===F||null===(R=F.alert)||void 0===R?void 0:R.id),ke=z.type===m.FEED_ITEM_TYPES_BY_KEY.alert.type&&_e,we=(W=M.default(k.default.mark((function e(){return k.default.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return Ae(!0),e.prev=1,e.next=4,v.deleteFeedItem(z.id);case 4:e.next=9;break;case 6:return e.prev=6,e.t0=e.catch(1),e.abrupt("return");case 9:return e.prev=9,Ae(!1),e.finish(9);case 12:E.showSuccessNotification("Item was deleted"),X(z.id);case 14:case"end":return e.stop()}}),e,null,[[1,6,9,12]])}))),function(){return W.apply(this,arguments)}),Oe=(K=M.default(k.default.mark((function e(){var s;return k.default.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return s=z.id,e.prev=1,e.next=4,v.toggleFeedItemLike(s);case 4:e.next=8;break;case 6:e.prev=6,e.t0=e.catch(1);case 8:case"end":return e.stop()}}),e,null,[[1,6]])}))),function(){return K.apply(this,arguments)}),He=u.useDevCenterRouter();return d.jsxs(c.Paper,{"data-testid":"".concat("FeedPo","_post_").concat(ae(z),"_rigName_").concat(function(e){var s,r,t;return!!e.rig?null===(s=e.rig)||void 0===s?void 0:s.name:null===(r=e.well)||void 0===r||null===(t=r.parent_asset)||void 0===t?void 0:t.name}(z)),className:w.default(me.paperRoot,ie,(U={},B.default(U,me.clickablePaperRoot,ke),B.default(U,x.hideOverflow,ve),U)),elevation:0,children:[d.jsxs("div",{onClick:function(){ke&&(ue?localStorage.setItem(l.OPEN_ALERT_DETAILS_ID_STORAGE_KEY,z.context.alert.id):(se||He).push(_e))},className:w.default(x.mainContainer,(G={},B.default(G,x.mainContainerClickable,ke),B.default(G,x.mainContainerNative,A.isNativeDetected),G)),children:[d.jsx(g,{feedItem:z,classes:me,displayName:Me,isRecommended:Fe,currentUser:re}),d.jsxs("div",{className:w.default(x.mainContainerTop,B.default({},x.mainContainerTopNative,A.isNativeDetected)),children:[d.jsxs("div",{className:x.mainContainerTopLine,children:[d.jsx(h,{feedItem:z,userFullName:Me,typeLabel:Le,classes:me,isPost:ye}),d.jsxs("div",{className:x.mainContainerTopMenu,children:[d.jsx(V,{feedItem:z,classes:me}),d.jsx(C,{"data-testid":"".concat("FeedPo","_actionsDropdown"),isPost:ye,isEditableItem:Ee,canDeleteFeedItem:de,handleEditMenuItem:function(){ee(z)},handleDeleteMenuItem:function(){Pe(!0)},copyFeedItemLink:function(){var e=z.id,s="".concat(window.location.host,"/feed/").concat(e);j.default.copyToClipboard(s)},feedItem:z,currentUser:re})]})]}),d.jsx(S,{feedItem:z,isPost:ye})]}),d.jsx(c.Divider,{className:me.headerDividerRoot}),d.jsx(b,{feedItem:z}),d.jsx(y,{ErrorView:function(){return d.jsx(c.Typography,{children:"Feed Item loading failed"})},children:d.jsx(I,Y({feedItem:z,appData:te,customFeedItemTypeTemplates:ne,currentUser:re,isCorvaV3FeaturesEnabled:ue},pe))})]}),d.jsx(f,{feedItem:z,handleToggleLike:Oe,setOpenCommentInput:Ve,setOpenCommentList:he,openCommentInput:Ie,openCommentList:Se,currentUser:re}),d.jsx(D,{openCommentInput:Ie,openCommentList:Se,feedItem:z,currentUser:re}),ve&&d.jsx("div",{className:x.loadingContainer,style:{backgroundColor:O.default[800]},children:d.jsx(P,{})}),Te&&d.jsx(T,{open:Te,title:"Delete ".concat(Be),text:"Are you sure you want to delete ".concat(Be," and all attachments?"),handleClose:function(){return Pe(!1)},handleOk:function(){we()},okText:"Delete"})]})};
+"use strict";var e=require("@babel/runtime/helpers/defineProperty"),s=require("@babel/runtime/helpers/asyncToGenerator"),r=require("@babel/runtime/helpers/slicedToArray"),t=require("@babel/runtime/helpers/objectWithoutProperties"),o=require("@babel/runtime/regenerator"),n=require("react"),i=require("classnames"),c=require("@material-ui/core"),a=require("lodash"),p=require("@material-ui/core/colors/grey");require("../DevCenter/AppHeader/AppHeader.js"),require("../DevCenter/AppSideBar/AppSideBar.js"),require("../DevCenter/AppsDataProvider/AppsDataProvider.js"),require("@material-ui/icons"),require("../DevCenter/AppContext.js"),require("../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js"),require("../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js");var u=require("../DevCenter/DevCenterRouterContext/effects/useDevCenterRouter.js");require("react-router");var d=require("react/jsx-runtime");require("../../constants/goals.js"),require("../../constants/segment.js");var l=require("../../constants/alerts.js");require("../../constants/apps.js"),require("../../constants/drillstring.js"),require("../../constants/completion.js"),require("../../constants/appPackages.js"),require("../../constants/notifications.js");var m=require("../../constants/feed.js");require("../../constants/bha.js"),require("../../constants/corvaCompanyId.js"),require("../GradientManager/configuration/constants.js"),require("../../utils/index.js"),require("../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js"),require("../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js"),require("../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js"),require("../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js"),require("../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js"),require("../../componentsV2/Text/Text.js"),require("../../componentsV2/Grid/Grid.js"),require("../../componentsV2/Grid/Grid.scss.js"),require("../../componentsV2/Header/Header.scss.js"),require("../../componentsV2/Button/Button.js"),require("../../componentsV2/ButtonIcon/ButtonIcon.js");var q=require("../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js");require("../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js"),require("../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js"),require("uuid"),require("../../componentsV2/Tooltip/Tooltip.scss.js"),require("../../componentsV2/Paper/Paper.js"),require("../../componentsV2/Popover/Popover.scss.js"),require("../../componentsV2/Radio/Radio.js"),require("../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js"),require("../../componentsV2/Checkbox/Checkbox.js"),require("../../componentsV2/TextInput/TextInput.js"),require("../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js"),require("../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js"),require("../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js"),require("../../componentsV2/TextLink/TextLink.js"),require("../../componentsV2/Chip/Chip.js"),require("../../componentsV2/ChipAlert/ChipAlert.js"),require("../../componentsV2/ChipIndicator/ChipIndicator.js"),require("../../componentsV2/Avatar/Avatar.js"),require("../../componentsV2/Avatar/constants.js"),require("../../componentsV2/AvatarGroup/AvatarGroup.scss.js"),require("@material-ui/lab"),require("../../componentsV2/ToggleButtons/ToggleButtons.scss.js"),require("../../componentsV2/ModalWindow/ModalWindow.scss.js"),require("@icon-park/react/es/all"),require("../../icons/IconParkProvider.js"),require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../componentsV2/Modal/Modal.scss.js"),require("../../componentsV2/Menu/Menu.js"),require("../../componentsV2/Counter/Counter.js"),require("../../componentsV2/BadgeBase/BadgeBase.scss.js"),require("../../componentsV2/BadgeDot/BadgeDot.scss.js"),require("../../componentsV2/LoaderLinear/LoaderLinear.scss.js"),require("../../componentsV2/LoaderLogo/LoaderLogo.constants.js"),require("../../componentsV2/LoaderLogo/LoaderLogo.scss.js"),require("../../componentsV2/Switch/Switch.js"),require("../../componentsV2/Tabs/Tabs.js"),require("../../componentsV2/EmptyState/EmptyState.scss.js"),require("../../componentsV2/FileIcon/FileIcon.js"),require("react-dropzone"),require("../../componentsV2/FilesDropzone/FilesDropzone.scss.js"),require("../../componentsV2/FilesLoader/FilesLoader.scss.js"),require("../../componentsV2/FilesProcessor/FilesProcessor.scss.js"),require("../../componentsV2/Skeleton/Skeleton.scss.js");var j=require("../../utils/main.js");require("../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js"),require("../../componentsV2/Stepper/Step/Step.scss.js"),require("../../componentsV2/Stepper/Stepper.scss.js"),require("../../componentsV2/ButtonLive/ButtonLive.js"),require("../../componentsV2/ButtonText/ButtonText.js"),require("../../componentsV2/LiveDotIndicator/LiveDotIndicator.scss.js"),require("../../componentsV2/IndicatorLive/IndicatorLive.scss.js"),require("../../componentsV2/Accordion/Accordion.scss.js"),require("../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js"),require("../../componentsV2/BadgeComment/BadgeComment.js"),require("../../componentsV2/AppContainer/AppContainer.js"),require("../../componentsV2/AppContainer/AppContainer.constants.js"),require("../../componentsV2/AppFooter/AppFooter.js"),require("../../componentsV2/AppCommonsProvider/AppCommonsContext.js"),require("../../componentsV2/AppHeader/AppHeader.constants.js"),require("../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js"),require("../../componentsV2/AppHeader/AppAssets/utils.js"),require("../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js"),require("../PadModeSelect/PadModeSelect.js"),require("../../componentsV2/AppHeader/PadMode/PadMode.scss.js"),require("../../constants/streamSourceType.js"),require("../../types/shared/Completions.js"),require("../PadModeSelect/types.js"),require("lodash/flatten"),require("lodash/partition"),require("../../componentsV2/PadModeSelect/FracModeLabel/FracModeLabel.js"),require("../../componentsV2/PadModeSelect/FracModeLabel/FracModeLabel.constants.js");var v=require("../../clients/jsonApi/index.js");require("@babel/runtime/helpers/toConsumableArray"),require("lodash/set"),require("lodash/get"),require("lodash/unset"),require("moment"),require("../../clients/subscriptions/constants.js"),require("../../clients/subscriptions.v1.js"),require("../../clients/subscriptions/subscriptions-client.factory.js"),require("../../clients/api/apiCore.js"),require("../../clients/constants.js"),require("../../clients/sso/auth0.js"),require("../../clients/sso/oauth2.js"),require("../../componentsV2/PadModeSelect/WellStreamActivityStatus/WellStreamActivityStatus.scss.js"),require("../../componentsV2/PadModeSelect/PadModeSelect.constants.js"),require("../../componentsV2/PadModeSelect/PadModeSelect.scss.js"),require("querystring"),require("uuid/v1"),require("jsona"),require("../../utils/env.js"),require("../StatusBadge/constants.js"),require("lodash/isEmpty"),require("lodash/sortBy"),require("../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js"),require("../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js"),require("../../componentsV2/UniversalLink/UniversalLink.scss.js"),require("../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js"),require("../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js"),require("../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js"),require("../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js"),require("../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js"),require("../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js"),require("../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js"),require("../../componentsV2/AppDqPopover/AppDqPopover.scss.js"),require("../AppIcon/AppIcon.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/constants.js"),require("../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js"),require("../../componentsV2/AppContainer/headerCommon.scss.js"),require("../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js"),require("../../componentsV2/AppHeader/V3/constants.scss.js"),require("@babel/runtime/helpers/typeof"),require("../../componentsV2/AppSizeProvider/AppSizeProvider.js"),require("../../componentsV2/AppSettings/AppSettings.js"),require("../../componentsV2/AppSettings/AppSettings.constants.js"),require("../../componentsV2/AppSettings/AppSettingsPinningContext.js"),require("../../componentsV2/AppHeader/V3/SettingsPopover/SettingsPopover.constants.js"),require("../../componentsV2/AppHeader/V3/SettingsPopover/SettingsPopover.scss.js"),require("../../componentsV2/AppHeader/V3/Actions/Actions.constants.js"),require("../../componentsV2/AppHeader/V3/Actions/Actions.scss.js"),require("../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js"),require("../../componentsV2/AppHeader/AppHeader.scss.js"),require("../../componentsV2/OffsetWellsButton/OffsetWellsButton.scss.js"),require("../../componentsV2/Autocomplete/Autocomplete.scss.js"),require("../../componentsV2/Menu/MenuItem/MenuItem.scss.js"),require("../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js"),require("../../componentsV2/WellArchivedMessage/WellArchivedMessage.js"),require("../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js"),require("../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js"),require("../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js"),require("../DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js"),require("rollbar"),require("@rollbar/react"),require("../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchButton.scss.js"),require("../DevCenter/DevCenterAppContainer/DevCenterAppContainer.css.js");var A=require("../../utils/mobileDetect.js");require("../Icons/AnnotationIcon.js"),require("../Annotations/components/AnnotationsList/index.js"),require("../Annotations/components/LastAnnotation/index.js"),require("../Annotations/AnnotationsContext.js"),require("../Toaster/Toaster.js"),require("../HelpCenter/HelpCenterIcon.js"),require("../DevCenter/NavigationBar/NavigationBar.js"),require("../DevCenter/SideBar/SideBar.js"),require("../DevCenter/AppSettingsPopover/AppSettingsPopover.js"),require("../DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js"),require("../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js"),require("../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js");var C=require("./components/Actions.js"),D=require("./components/FeedComments.js"),I=require("./components/Content.js"),V=require("./components/CreatedAt.js"),g=require("./components/Icon.js"),f=require("./components/Reactions.js"),S=require("./components/RigAndWell.js"),h=require("./components/TypeAndAssetTitle.js"),b=require("./components/CompletionDateTimestamp.js"),x=require("./FeedItem.css.js"),T=require("../ConfirmationDialog.js"),P=require("../LoadingIndicator/LoadingIndicator.js"),y=require("../ErrorBoundary/ErrorBoundary.js");require("../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js");var E=require("../../utils/notificationToasts.js");function F(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var M=F(e),B=F(s),L=F(r),_=F(t),k=F(o),w=F(i),O=F(p),H=["feedItem","editableFeedItemTypes","removeFeedItem","enterEditMode","router","currentUser","appData","customFeedItemTypeTemplates","paperClassName","getFeedItemMessage"];function R(e,s){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);s&&(t=t.filter((function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable}))),r.push.apply(r,t)}return r}function Y(e){for(var s=1;s<arguments.length;s++){var r=null!=arguments[s]?arguments[s]:{};s%2?R(Object(r),!0).forEach((function(s){M.default(e,s,r[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):R(Object(r)).forEach((function(s){Object.defineProperty(e,s,Object.getOwnPropertyDescriptor(r,s))}))}return e}var N=c.makeStyles((function(e){return{paperRoot:{position:"relative",marginBottom:10,paddingBottom:16,backgroundColor:function(s){return s.isInsideDcApp?"rgba(65, 65, 65, 0.9)":e.palette.background.b8},width:function(e){return e.isInsideDcApp?360:"100%"},boxShadow:function(e){return e.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:e.palette.primary.text6,"& span":{color:e.palette.primary.contrastText}}}}));module.exports=function(e){var s,r,t,o,i,p,F,R,U,G,W,K,z=e.feedItem,Z=e.editableFeedItemTypes,J=void 0===Z?[m.FEED_ITEM_TYPES.POST]:Z,Q=e.removeFeedItem,X=void 0===Q?a.noop:Q,$=e.enterEditMode,ee=void 0===$?a.noop:$,se=e.router,re=e.currentUser,te=e.appData,oe=e.customFeedItemTypeTemplates,ne=void 0===oe?{}:oe,ie=e.paperClassName,ce=e.getFeedItemMessage,ae=void 0===ce?function(e){var s,r,t=e.context;return(null==t||null===(s=t.post)||void 0===s?void 0:s.body)||(null==t||null===(r=t.dvd_comment)||void 0===r?void 0:r.body)}:ce,pe=_.default(e,H),ue=a.get(re,["settings","uiSettings","corva_v3_features_enabled"]),de=a.includes(z.allowed_actions,"destroy"),le=q.useIsInsideIsolatedDcApp(),me=N({isInsideDcApp:le}),qe=n.useState(!1),je=L.default(qe,2),ve=je[0],Ae=je[1],Ce=n.useState(!0),De=L.default(Ce,2),Ie=De[0],Ve=De[1],ge=n.useState(!0),fe=L.default(ge,2),Se=fe[0],he=fe[1],be=n.useState(!1),xe=L.default(be,2),Te=xe[0],Pe=xe[1],ye=z.type===m.FEED_ITEM_TYPES_BY_KEY.post.type,Ee=J.includes(z.type),Fe=z.type===m.FEED_ITEM_TYPES_BY_KEY.geosteering_comments.type&&(null===(s=z.context)||void 0===s||null===(r=s.geosteering_comments)||void 0===r||null===(t=r.data)||void 0===t?void 0:t.isRecommendation),Me=(null===(o=m.FEED_ITEM_TYPES_BY_KEY[z.type])||void 0===o?void 0:o.category)||"post",Be=j.default.getUserFullName(z.user),Le=null!==(i=m.FEED_ITEM_TYPES_BY_KEY[z.type])&&void 0!==i&&i.showCreatorToLabel?Be:(null===(p=m.FEED_ITEM_TYPES_BY_KEY[z.type])||void 0===p?void 0:p.label)||a.startCase(z.type),_e=z.type===m.FEED_ITEM_TYPES_BY_KEY.alert.type&&"/alerts/".concat(null===(F=z.context)||void 0===F||null===(R=F.alert)||void 0===R?void 0:R.id),ke=z.type===m.FEED_ITEM_TYPES_BY_KEY.alert.type&&_e,we=(W=B.default(k.default.mark((function e(){return k.default.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return Ae(!0),e.prev=1,e.next=4,v.deleteFeedItem(z.id);case 4:e.next=9;break;case 6:return e.prev=6,e.t0=e.catch(1),e.abrupt("return");case 9:return e.prev=9,Ae(!1),e.finish(9);case 12:E.showSuccessNotification("Item was deleted"),X(z.id);case 14:case"end":return e.stop()}}),e,null,[[1,6,9,12]])}))),function(){return W.apply(this,arguments)}),Oe=(K=B.default(k.default.mark((function e(){var s;return k.default.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return s=z.id,e.prev=1,e.next=4,v.toggleFeedItemLike(s);case 4:e.next=8;break;case 6:e.prev=6,e.t0=e.catch(1);case 8:case"end":return e.stop()}}),e,null,[[1,6]])}))),function(){return K.apply(this,arguments)}),He=u.useDevCenterRouter();return d.jsxs(c.Paper,{"data-testid":"".concat("FeedPo","_post_").concat(ae(z),"_rigName_").concat(function(e){var s,r,t;return!!e.rig?null===(s=e.rig)||void 0===s?void 0:s.name:null===(r=e.well)||void 0===r||null===(t=r.parent_asset)||void 0===t?void 0:t.name}(z)),className:w.default(me.paperRoot,ie,(U={},M.default(U,me.clickablePaperRoot,ke),M.default(U,x.hideOverflow,ve),U)),elevation:0,children:[d.jsxs("div",{onClick:function(){ke&&(ue?localStorage.setItem(l.OPEN_ALERT_DETAILS_ID_STORAGE_KEY,z.context.alert.id):(se||He).push(_e))},className:w.default(x.mainContainer,(G={},M.default(G,x.mainContainerClickable,ke),M.default(G,x.mainContainerNative,A.isNativeDetected),G)),children:[d.jsx(g,{feedItem:z,classes:me,displayName:Be,isRecommended:Fe,currentUser:re}),d.jsxs("div",{className:w.default(x.mainContainerTop,M.default({},x.mainContainerTopNative,A.isNativeDetected)),children:[d.jsxs("div",{className:x.mainContainerTopLine,children:[d.jsx(h,{feedItem:z,userFullName:Be,typeLabel:Le,classes:me,isPost:ye}),d.jsxs("div",{className:x.mainContainerTopMenu,children:[d.jsx(V,{feedItem:z,classes:me}),d.jsx(C,{"data-testid":"".concat("FeedPo","_actionsDropdown"),isPost:ye,isEditableItem:Ee,canDeleteFeedItem:de,handleEditMenuItem:function(){ee(z)},handleDeleteMenuItem:function(){Pe(!0)},copyFeedItemLink:function(){var e=z.id,s="".concat(window.location.host,"/feed/").concat(e);j.default.copyToClipboard(s)},feedItem:z,currentUser:re})]})]}),d.jsx(S,{feedItem:z,isPost:ye})]}),d.jsx(c.Divider,{className:me.headerDividerRoot}),d.jsx(b,{feedItem:z}),d.jsx(y,{ErrorView:function(){return d.jsx(c.Typography,{children:"Feed Item loading failed"})},children:d.jsx(I,Y({feedItem:z,appData:te,customFeedItemTypeTemplates:ne,currentUser:re,isCorvaV3FeaturesEnabled:ue},pe))})]}),d.jsx(f,{feedItem:z,handleToggleLike:Oe,setOpenCommentInput:Ve,setOpenCommentList:he,openCommentInput:Ie,openCommentList:Se,currentUser:re}),d.jsx(D,{openCommentInput:Ie,openCommentList:Se,feedItem:z,currentUser:re}),ve&&d.jsx("div",{className:x.loadingContainer,style:{backgroundColor:O.default[800]},children:d.jsx(P,{})}),Te&&d.jsx(T,{open:Te,title:"Delete ".concat(Me),text:"Are you sure you want to delete ".concat(Me," and all attachments?"),handleClose:function(){return Pe(!1)},handleOk:function(){we()},okText:"Delete"})]})};
 //# sourceMappingURL=FeedItem.js.map

package/cjs-bundle/components/FeedItem/FeedItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"FeedItem.js","sources":["../../../../src/components/FeedItem/FeedItem.js"],"sourcesContent":["import { useState } from 'react';\nimport classNames from 'classnames';\nimport { Paper, Divider, Typography, makeStyles } from '@material-ui/core';\nimport { noop, includes, startCase, get } 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_BY_KEY, FEED_ITEM_TYPES } 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 handleToggleLike = async () => {\n    const feedItemId = feedItem.id;\n\n    try {\n      await toggleFeedItemLike(feedItemId); // NOTE: Received through subscription\n    } catch (e) {\n      // NOTE: Do nothing\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\n      <FeedComments\n        openCommentInput={openCommentInput}\n        openCommentList={openCommentList}\n        feedItem={feedItem}\n        currentUser={currentUser}\n      />\n\n      {isLoading && ( // NOTE: Avoids feed item height change\n        <div className={styles.loadingContainer} style={{ backgroundColor: grey[800] }}>\n          <LoadingIndicator />\n        </div>\n      )}\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","_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","handleToggleLike","_callee2","feedItemId","_context2","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","jsxs","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","jsx","ConfirmationDialog","open","title","handleClose","handleOk","okText"],"mappings":"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"}
+{"version":3,"file":"FeedItem.js","sources":["../../../../src/components/FeedItem/FeedItem.js"],"sourcesContent":["import { useState } from 'react';\nimport classNames from 'classnames';\nimport { Paper, Divider, Typography, makeStyles } from '@material-ui/core';\nimport { noop, includes, startCase, get } 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_BY_KEY, FEED_ITEM_TYPES } 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 handleToggleLike = async () => {\n    const feedItemId = feedItem.id;\n\n    try {\n      await toggleFeedItemLike(feedItemId); // NOTE: Received through subscription\n    } catch (e) {\n      // NOTE: Do nothing\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\n      <FeedComments\n        openCommentInput={openCommentInput}\n        openCommentList={openCommentList}\n        feedItem={feedItem}\n        currentUser={currentUser}\n      />\n\n      {isLoading && ( // NOTE: Avoids feed item height change\n        <div className={styles.loadingContainer} style={{ backgroundColor: grey[800] }}>\n          <LoadingIndicator />\n        </div>\n      )}\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","_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","handleToggleLike","_callee2","feedItemId","_context2","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","jsxs","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","jsx","ConfirmationDialog","open","title","handleClose","handleOk","okText"],"mappings":"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"}

package/cjs-bundle/components/FeedItem/components/FeedComments.js

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

package/cjs-bundle/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","jsxs","jsx","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","jsxs","jsx","ref","map","Comment","handleDeleteCallback","noop","patchCommentCallback","Typography","variant","color","onClick","CommentLoader","propTypes","PropTypes","bool","isRequired","shape"],"mappings":"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"}

package/cjs-bundle/components/ImageViewer/index.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/defineProperty"),s=require("prop-types"),r=require("react-image-lightbox"),o=require("@material-ui/icons/SaveAlt"),n=require("@material-ui/icons/ArrowBack");require("../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js");var t=require("react/jsx-runtime");require("../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js"),require("../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js"),require("../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js"),require("../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js"),require("react"),require("@material-ui/core"),require("../../componentsV2/Text/Text.js"),require("../../componentsV2/Grid/Grid.js"),require("classnames"),require("../../componentsV2/Grid/Grid.scss.js"),require("../../componentsV2/Header/Header.scss.js"),require("../../componentsV2/Button/Button.js"),require("../../componentsV2/ButtonIcon/ButtonIcon.js");var i=require("../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js");require("../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js"),require("../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js"),require("uuid"),require("../../componentsV2/Tooltip/Tooltip.scss.js"),require("../../componentsV2/Paper/Paper.js"),require("../../componentsV2/Popover/Popover.scss.js"),require("../../componentsV2/Radio/Radio.js"),require("../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js"),require("../../componentsV2/Checkbox/Checkbox.js"),require("../../componentsV2/TextInput/TextInput.js"),require("lodash"),require("../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js"),require("../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js"),require("../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js"),require("../../componentsV2/TextLink/TextLink.js"),require("../../componentsV2/Chip/Chip.js"),require("../../componentsV2/ChipAlert/ChipAlert.js"),require("../../componentsV2/ChipIndicator/ChipIndicator.js"),require("../../componentsV2/Avatar/Avatar.js"),require("../../componentsV2/Avatar/constants.js"),require("../../componentsV2/AvatarGroup/AvatarGroup.scss.js"),require("@material-ui/lab"),require("../../componentsV2/ToggleButtons/ToggleButtons.scss.js"),require("../../componentsV2/ModalWindow/ModalWindow.scss.js"),require("@icon-park/react/es/all"),require("../../icons/IconParkProvider.js"),require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../componentsV2/Modal/Modal.scss.js"),require("../../componentsV2/Menu/Menu.js"),require("../../componentsV2/Counter/Counter.js"),require("../../componentsV2/BadgeBase/BadgeBase.scss.js"),require("../../componentsV2/BadgeDot/BadgeDot.scss.js"),require("../../componentsV2/LoaderLinear/LoaderLinear.scss.js"),require("../../componentsV2/LoaderLogo/LoaderLogo.constants.js"),require("../../componentsV2/LoaderLogo/LoaderLogo.scss.js"),require("../../componentsV2/Switch/Switch.js"),require("../../componentsV2/Tabs/Tabs.js"),require("../../componentsV2/EmptyState/EmptyState.scss.js"),require("../../componentsV2/FileIcon/FileIcon.js"),require("react-dropzone"),require("../../utils/index.js"),require("../../componentsV2/FilesDropzone/FilesDropzone.scss.js"),require("../../componentsV2/FilesLoader/FilesLoader.scss.js"),require("../../componentsV2/FilesProcessor/FilesProcessor.scss.js"),require("../../componentsV2/Skeleton/Skeleton.scss.js"),require("../../utils/main.js"),require("../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js"),require("../../componentsV2/Stepper/Step/Step.scss.js"),require("../../componentsV2/Stepper/Stepper.scss.js"),require("../../componentsV2/ButtonLive/ButtonLive.js"),require("../../componentsV2/ButtonText/ButtonText.js"),require("../../componentsV2/LiveDotIndicator/LiveDotIndicator.scss.js"),require("../../componentsV2/IndicatorLive/IndicatorLive.scss.js"),require("../../componentsV2/Accordion/Accordion.scss.js"),require("../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js"),require("../../componentsV2/BadgeComment/BadgeComment.js"),require("../../componentsV2/AppContainer/AppContainer.js"),require("../../componentsV2/AppContainer/AppContainer.constants.js"),require("../../componentsV2/AppFooter/AppFooter.js"),require("../../constants/goals.js"),require("../../constants/segment.js"),require("../../constants/alerts.js"),require("../../constants/apps.js"),require("../../constants/drillstring.js"),require("../../constants/completion.js"),require("../../constants/appPackages.js"),require("../../constants/notifications.js"),require("../../constants/feed.js"),require("../../constants/bha.js"),require("../../constants/corvaCompanyId.js"),require("../GradientManager/configuration/constants.js"),require("../../componentsV2/AppCommonsProvider/AppCommonsContext.js"),require("../../componentsV2/AppHeader/AppHeader.constants.js"),require("../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js"),require("../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js"),require("../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js"),require("@babel/runtime/helpers/objectWithoutProperties"),require("react-router"),require("../../componentsV2/AppHeader/AppAssets/utils.js"),require("../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js"),require("../PadModeSelect/PadModeSelect.js"),require("../../componentsV2/AppHeader/PadMode/PadMode.scss.js"),require("../../constants/streamSourceType.js"),require("../../types/shared/Completions.js"),require("../PadModeSelect/types.js"),require("lodash/flatten"),require("lodash/partition"),require("../../componentsV2/PadModeSelect/FracModeLabel/FracModeLabel.js"),require("../../componentsV2/PadModeSelect/FracModeLabel/FracModeLabel.constants.js"),require("../../clients/jsonApi/index.js"),require("@babel/runtime/helpers/toConsumableArray"),require("lodash/set"),require("lodash/get"),require("lodash/unset"),require("moment"),require("../../clients/subscriptions/constants.js"),require("../../clients/subscriptions.v1.js"),require("../../clients/subscriptions/subscriptions-client.factory.js"),require("../../clients/api/apiCore.js"),require("../../clients/constants.js"),require("../../clients/sso/auth0.js"),require("../../clients/sso/oauth2.js"),require("../../componentsV2/PadModeSelect/WellStreamActivityStatus/WellStreamActivityStatus.scss.js"),require("../../componentsV2/PadModeSelect/PadModeSelect.constants.js"),require("../../componentsV2/PadModeSelect/PadModeSelect.scss.js"),require("@babel/runtime/helpers/slicedToArray"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("querystring"),require("uuid/v1"),require("jsona"),require("../../utils/env.js"),require("../StatusBadge/constants.js"),require("lodash/isEmpty"),require("lodash/sortBy"),require("../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js"),require("../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js"),require("../../componentsV2/UniversalLink/UniversalLink.scss.js"),require("../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js"),require("../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js"),require("../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js"),require("../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js"),require("../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js"),require("../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js"),require("../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js"),require("../../componentsV2/AppDqPopover/AppDqPopover.scss.js"),require("../AppIcon/AppIcon.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/constants.js"),require("../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js"),require("../../componentsV2/AppContainer/headerCommon.scss.js"),require("../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js"),require("../../componentsV2/AppHeader/V3/constants.scss.js"),require("@babel/runtime/helpers/typeof"),require("../../componentsV2/AppSizeProvider/AppSizeProvider.js"),require("../../componentsV2/AppSettings/AppSettings.js"),require("../../componentsV2/AppSettings/AppSettings.constants.js"),require("../../componentsV2/AppSettings/AppSettingsPinningContext.js"),require("../../componentsV2/AppHeader/V3/SettingsPopover/SettingsPopover.constants.js"),require("../../componentsV2/AppHeader/V3/SettingsPopover/SettingsPopover.scss.js"),require("../../componentsV2/AppHeader/V3/Actions/Actions.constants.js"),require("../../componentsV2/AppHeader/V3/Actions/Actions.scss.js"),require("../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js"),require("../../componentsV2/AppHeader/AppHeader.scss.js"),require("../../componentsV2/OffsetWellsButton/OffsetWellsButton.scss.js"),require("../../componentsV2/Autocomplete/Autocomplete.scss.js"),require("../../componentsV2/Menu/MenuItem/MenuItem.scss.js"),require("../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js"),require("../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js"),require("../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js"),require("../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js");var c=require("./styles.css.js");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=p(e),a=p(s),l=p(r),q=p(o),m=p(n);function d(e,s){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);s&&(o=o.filter((function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable}))),r.push.apply(r,o)}return r}function j(e){for(var s=1;s<arguments.length;s++){var r=null!=arguments[s]?arguments[s]:{};s%2?d(Object(r),!0).forEach((function(s){u.default(e,s,r[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):d(Object(r)).forEach((function(s){Object.defineProperty(e,s,Object.getOwnPropertyDescriptor(r,s))}))}return e}var A=function(e){return t.jsx("div",{className:c.cImageViewerToolbar,children:t.jsx("button",{type:"button","aria-label":"Close",className:c.cImageViewerToolbarButton,onClick:e.onCloseRequest,children:t.jsx(m.default,{className:c.cImageViewerToolbarIcon,htmlColor:"#fff"})})})},V=function(e){var s=i.useIsInsideIsolatedDcApp();return t.jsx("div",{className:c.cImageViewer,children:t.jsx(l.default,{mainSrc:e.mainSrc,imagePadding:e.imagePadding,toolbarButtons:[t.jsx("button",{"data-testid":"".concat("ImageViewer","_download"),type:"button","aria-label":"Download",className:c.cImageViewerToolbarButton,children:t.jsx("a",{href:e.mainSrc,download:"image",target:"_blank",rel:"noopener noreferrer",children:t.jsx(q.default,{className:c.cImageViewerToolbarIcon,htmlColor:"#fff"})})},"Download")],onAfterOpen:e.onAfterOpen,onCloseRequest:e.onCloseRequest,reactModalStyle:{overlay:{zIndex:1500}},reactModalProps:{parentSelector:function(){return s?parent.document.body:document.body},overlayElement:function(e,s){return t.jsxs("div",j(j({},e),{},{children:[t.jsx(A,{onCloseRequest:e.onCloseRequest}),s]}))}},wrapperClassName:c.cImageViewerWrapper})})};V.propTypes={mainSrc:a.default.string.isRequired,imagePadding:a.default.number,onAfterOpen:a.default.func,onCloseRequest:a.default.func},A.propTypes={onCloseRequest:a.default.func.isRequired},V.defaultProps={imagePadding:50,onAfterOpen:void 0,onCloseRequest:void 0},module.exports=V;
+"use strict";var e=require("@babel/runtime/helpers/defineProperty"),s=require("prop-types"),r=require("react-image-lightbox"),o=require("@material-ui/icons/SaveAlt"),n=require("@material-ui/icons/ArrowBack");require("../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js");var t=require("react/jsx-runtime");require("../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js"),require("../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js"),require("../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js"),require("../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js"),require("react"),require("@material-ui/core"),require("../../componentsV2/Text/Text.js"),require("../../componentsV2/Grid/Grid.js"),require("classnames"),require("../../componentsV2/Grid/Grid.scss.js"),require("../../componentsV2/Header/Header.scss.js"),require("../../componentsV2/Button/Button.js"),require("../../componentsV2/ButtonIcon/ButtonIcon.js");var i=require("../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js");require("../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js"),require("../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js"),require("uuid"),require("../../componentsV2/Tooltip/Tooltip.scss.js"),require("../../componentsV2/Paper/Paper.js"),require("../../componentsV2/Popover/Popover.scss.js"),require("../../componentsV2/Radio/Radio.js"),require("../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js"),require("../../componentsV2/Checkbox/Checkbox.js"),require("../../componentsV2/TextInput/TextInput.js"),require("lodash"),require("../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js"),require("../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js"),require("../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js"),require("../../componentsV2/TextLink/TextLink.js"),require("../../componentsV2/Chip/Chip.js"),require("../../componentsV2/ChipAlert/ChipAlert.js"),require("../../componentsV2/ChipIndicator/ChipIndicator.js"),require("../../componentsV2/Avatar/Avatar.js"),require("../../componentsV2/Avatar/constants.js"),require("../../componentsV2/AvatarGroup/AvatarGroup.scss.js"),require("@material-ui/lab"),require("../../componentsV2/ToggleButtons/ToggleButtons.scss.js"),require("../../componentsV2/ModalWindow/ModalWindow.scss.js"),require("@icon-park/react/es/all"),require("../../icons/IconParkProvider.js"),require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../componentsV2/Modal/Modal.scss.js"),require("../../componentsV2/Menu/Menu.js"),require("../../componentsV2/Counter/Counter.js"),require("../../componentsV2/BadgeBase/BadgeBase.scss.js"),require("../../componentsV2/BadgeDot/BadgeDot.scss.js"),require("../../componentsV2/LoaderLinear/LoaderLinear.scss.js"),require("../../componentsV2/LoaderLogo/LoaderLogo.constants.js"),require("../../componentsV2/LoaderLogo/LoaderLogo.scss.js"),require("../../componentsV2/Switch/Switch.js"),require("../../componentsV2/Tabs/Tabs.js"),require("../../componentsV2/EmptyState/EmptyState.scss.js"),require("../../componentsV2/FileIcon/FileIcon.js"),require("react-dropzone"),require("../../utils/index.js"),require("../../componentsV2/FilesDropzone/FilesDropzone.scss.js"),require("../../componentsV2/FilesLoader/FilesLoader.scss.js"),require("../../componentsV2/FilesProcessor/FilesProcessor.scss.js"),require("../../componentsV2/Skeleton/Skeleton.scss.js"),require("../../utils/main.js"),require("../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js"),require("../../componentsV2/Stepper/Step/Step.scss.js"),require("../../componentsV2/Stepper/Stepper.scss.js"),require("../../componentsV2/ButtonLive/ButtonLive.js"),require("../../componentsV2/ButtonText/ButtonText.js"),require("../../componentsV2/LiveDotIndicator/LiveDotIndicator.scss.js"),require("../../componentsV2/IndicatorLive/IndicatorLive.scss.js"),require("../../componentsV2/Accordion/Accordion.scss.js"),require("../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js"),require("../../componentsV2/BadgeComment/BadgeComment.js"),require("../../componentsV2/AppContainer/AppContainer.js"),require("../../componentsV2/AppContainer/AppContainer.constants.js"),require("../../componentsV2/AppFooter/AppFooter.js"),require("../../constants/goals.js"),require("../../constants/segment.js"),require("../../constants/alerts.js"),require("../../constants/apps.js"),require("../../constants/drillstring.js"),require("../../constants/completion.js"),require("../../constants/appPackages.js"),require("../../constants/notifications.js"),require("../../constants/feed.js"),require("../../constants/bha.js"),require("../../constants/corvaCompanyId.js"),require("../GradientManager/configuration/constants.js"),require("../../componentsV2/AppCommonsProvider/AppCommonsContext.js"),require("../../componentsV2/AppHeader/AppHeader.constants.js"),require("../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js"),require("../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js"),require("../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js"),require("@babel/runtime/helpers/objectWithoutProperties"),require("react-router"),require("../../componentsV2/AppHeader/AppAssets/utils.js"),require("../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js"),require("../PadModeSelect/PadModeSelect.js"),require("../../componentsV2/AppHeader/PadMode/PadMode.scss.js"),require("../../constants/streamSourceType.js"),require("../../types/shared/Completions.js"),require("../PadModeSelect/types.js"),require("lodash/flatten"),require("lodash/partition"),require("../../componentsV2/PadModeSelect/FracModeLabel/FracModeLabel.js"),require("../../componentsV2/PadModeSelect/FracModeLabel/FracModeLabel.constants.js"),require("../../clients/jsonApi/index.js"),require("@babel/runtime/helpers/toConsumableArray"),require("lodash/set"),require("lodash/get"),require("lodash/unset"),require("moment"),require("../../clients/subscriptions/constants.js"),require("../../clients/subscriptions.v1.js"),require("../../clients/subscriptions/subscriptions-client.factory.js"),require("../../clients/api/apiCore.js"),require("../../clients/constants.js"),require("../../clients/sso/auth0.js"),require("../../clients/sso/oauth2.js"),require("../../componentsV2/PadModeSelect/WellStreamActivityStatus/WellStreamActivityStatus.scss.js"),require("../../componentsV2/PadModeSelect/PadModeSelect.constants.js"),require("../../componentsV2/PadModeSelect/PadModeSelect.scss.js"),require("@babel/runtime/helpers/slicedToArray"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("querystring"),require("uuid/v1"),require("jsona"),require("../../utils/env.js"),require("../StatusBadge/constants.js"),require("lodash/isEmpty"),require("lodash/sortBy"),require("../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js"),require("../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js"),require("../../componentsV2/UniversalLink/UniversalLink.scss.js"),require("../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js"),require("../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js"),require("../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js"),require("../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js"),require("../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js"),require("../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js"),require("../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js"),require("../../componentsV2/AppDqPopover/AppDqPopover.scss.js"),require("../AppIcon/AppIcon.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/constants.js"),require("../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js"),require("../../componentsV2/AppContainer/headerCommon.scss.js"),require("../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js"),require("../../componentsV2/AppHeader/V3/constants.scss.js"),require("@babel/runtime/helpers/typeof"),require("../../componentsV2/AppSizeProvider/AppSizeProvider.js"),require("../../componentsV2/AppSettings/AppSettings.js"),require("../../componentsV2/AppSettings/AppSettings.constants.js"),require("../../componentsV2/AppSettings/AppSettingsPinningContext.js"),require("../../componentsV2/AppHeader/V3/SettingsPopover/SettingsPopover.constants.js"),require("../../componentsV2/AppHeader/V3/SettingsPopover/SettingsPopover.scss.js"),require("../../componentsV2/AppHeader/V3/Actions/Actions.constants.js"),require("../../componentsV2/AppHeader/V3/Actions/Actions.scss.js"),require("../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js"),require("../../componentsV2/AppHeader/AppHeader.scss.js"),require("../../componentsV2/OffsetWellsButton/OffsetWellsButton.scss.js"),require("../../componentsV2/Autocomplete/Autocomplete.scss.js"),require("../../componentsV2/Menu/MenuItem/MenuItem.scss.js"),require("../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js"),require("../../componentsV2/WellArchivedMessage/WellArchivedMessage.js"),require("../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js"),require("../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js"),require("../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js");var c=require("./styles.css.js");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=p(e),a=p(s),l=p(r),q=p(o),m=p(n);function d(e,s){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);s&&(o=o.filter((function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable}))),r.push.apply(r,o)}return r}function j(e){for(var s=1;s<arguments.length;s++){var r=null!=arguments[s]?arguments[s]:{};s%2?d(Object(r),!0).forEach((function(s){u.default(e,s,r[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):d(Object(r)).forEach((function(s){Object.defineProperty(e,s,Object.getOwnPropertyDescriptor(r,s))}))}return e}var A=function(e){return t.jsx("div",{className:c.cImageViewerToolbar,children:t.jsx("button",{type:"button","aria-label":"Close",className:c.cImageViewerToolbarButton,onClick:e.onCloseRequest,children:t.jsx(m.default,{className:c.cImageViewerToolbarIcon,htmlColor:"#fff"})})})},V=function(e){var s=i.useIsInsideIsolatedDcApp();return t.jsx("div",{className:c.cImageViewer,children:t.jsx(l.default,{mainSrc:e.mainSrc,imagePadding:e.imagePadding,toolbarButtons:[t.jsx("button",{"data-testid":"".concat("ImageViewer","_download"),type:"button","aria-label":"Download",className:c.cImageViewerToolbarButton,children:t.jsx("a",{href:e.mainSrc,download:"image",target:"_blank",rel:"noopener noreferrer",children:t.jsx(q.default,{className:c.cImageViewerToolbarIcon,htmlColor:"#fff"})})},"Download")],onAfterOpen:e.onAfterOpen,onCloseRequest:e.onCloseRequest,reactModalStyle:{overlay:{zIndex:1500}},reactModalProps:{parentSelector:function(){return s?parent.document.body:document.body},overlayElement:function(e,s){return t.jsxs("div",j(j({},e),{},{children:[t.jsx(A,{onCloseRequest:e.onCloseRequest}),s]}))}},wrapperClassName:c.cImageViewerWrapper})})};V.propTypes={mainSrc:a.default.string.isRequired,imagePadding:a.default.number,onAfterOpen:a.default.func,onCloseRequest:a.default.func},A.propTypes={onCloseRequest:a.default.func.isRequired},V.defaultProps={imagePadding:50,onAfterOpen:void 0,onCloseRequest:void 0},module.exports=V;
 //# sourceMappingURL=index.js.map

package/cjs-bundle/components/ImageViewer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/ImageViewer/index.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport Lightbox from 'react-image-lightbox';\nimport DownloadIcon from '@material-ui/icons/SaveAlt';\nimport BackIcon from '@material-ui/icons/ArrowBack';\n\nimport { useIsInsideIsolatedDcApp } from '../DevCenter/DevCenterAppContainer/components';\n\nimport styles from './styles.css';\n\nconst PAGE_NAME = 'ImageViewer';\n\nconst Toolbar = props => (\n  <div className={styles.cImageViewerToolbar}>\n    <button\n      type=\"button\"\n      aria-label=\"Close\"\n      className={styles.cImageViewerToolbarButton}\n      onClick={props.onCloseRequest}\n    >\n      <BackIcon className={styles.cImageViewerToolbarIcon} htmlColor=\"#fff\" />\n    </button>\n  </div>\n);\n\nconst ImageViewer = props => {\n  const isInsideDcApp = useIsInsideIsolatedDcApp();\n\n  const renderToolbarButtons = () => [\n    <button\n      key=\"Download\"\n      data-testid={`${PAGE_NAME}_download`}\n      type=\"button\"\n      aria-label=\"Download\"\n      className={styles.cImageViewerToolbarButton}\n    >\n      <a href={props.mainSrc} download=\"image\" target=\"_blank\" rel=\"noopener noreferrer\">\n        <DownloadIcon className={styles.cImageViewerToolbarIcon} htmlColor=\"#fff\" />\n      </a>\n    </button>,\n  ];\n\n  return (\n    <div className={styles.cImageViewer}>\n      <Lightbox\n        mainSrc={props.mainSrc}\n        imagePadding={props.imagePadding}\n        toolbarButtons={renderToolbarButtons()}\n        onAfterOpen={props.onAfterOpen}\n        onCloseRequest={props.onCloseRequest}\n        reactModalStyle={{ overlay: { zIndex: 1500 } }}\n        reactModalProps={{\n          // eslint-disable-next-line no-restricted-globals\n          parentSelector: () => (isInsideDcApp ? parent.document.body : document.body),\n          overlayElement: (props, contentElement) => (\n            <div {...props}>\n              <Toolbar onCloseRequest={props.onCloseRequest} />\n              {contentElement}\n            </div>\n          ),\n        }}\n        wrapperClassName={styles.cImageViewerWrapper}\n      />\n    </div>\n  );\n};\n\nImageViewer.propTypes = {\n  mainSrc: PropTypes.string.isRequired,\n  imagePadding: PropTypes.number,\n  onAfterOpen: PropTypes.func,\n  onCloseRequest: PropTypes.func,\n};\n\nToolbar.propTypes = {\n  onCloseRequest: PropTypes.func.isRequired,\n};\n\nImageViewer.defaultProps = {\n  imagePadding: 50,\n  onAfterOpen: undefined,\n  onCloseRequest: undefined,\n};\n\nexport default ImageViewer;\n"],"names":["Toolbar","props","_jsx","className","styles","cImageViewerToolbar","children","jsx","type","cImageViewerToolbarButton","onClick","onCloseRequest","BackIcon","cImageViewerToolbarIcon","htmlColor","ImageViewer","isInsideDcApp","useIsInsideIsolatedDcApp","cImageViewer","Lightbox","mainSrc","imagePadding","toolbarButtons","concat","href","download","target","rel","DownloadIcon","onAfterOpen","reactModalStyle","overlay","zIndex","reactModalProps","parentSelector","parent","document","body","overlayElement","contentElement","_jsxs","wrapperClassName","cImageViewerWrapper","propTypes","PropTypes","string","isRequired","number","func","defaultProps","undefined"],"mappings":"ykYASA,IAEMA,EAAU,SAAAC,GAAK,OACnBC,EAAAA,IAAA,MAAA,CAAKC,UAAWC,EAAOC,oBAAoBC,SACzCJ,EAAAK,IAAA,SAAA,CACEC,KAAK,SACL,aAAW,QACXL,UAAWC,EAAOK,0BAClBC,QAAST,EAAMU,eAAeL,SAE9BJ,MAACU,UAAQ,CAACT,UAAWC,EAAOS,wBAAyBC,UAAU,YAE7D,EAGFC,EAAc,SAAAd,GAClB,IAAMe,EAAgBC,EAAAA,2BAgBtB,OACEf,EAAAA,IAAA,MAAA,CAAKC,UAAWC,EAAOc,aAAaZ,SAClCJ,MAACiB,UAAQ,CACPC,QAASnB,EAAMmB,QACfC,aAAcpB,EAAMoB,aACpBC,eAnB6B,CACjCpB,EAAAK,IAAA,SAAA,CAEE,cAAA,GAAAgB,OArBY,cAqByB,aACrCf,KAAK,SACL,aAAW,WACXL,UAAWC,EAAOK,0BAA0BH,SAE5CJ,EAAAK,IAAA,IAAA,CAAGiB,KAAMvB,EAAMmB,QAASK,SAAS,QAAQC,OAAO,SAASC,IAAI,sBAAqBrB,SAChFJ,MAAC0B,UAAY,CAACzB,UAAWC,EAAOS,wBAAyBC,UAAU,YAPjE,aAkBFe,YAAa5B,EAAM4B,YACnBlB,eAAgBV,EAAMU,eACtBmB,gBAAiB,CAAEC,QAAS,CAAEC,OAAQ,OACtCC,gBAAiB,CAEfC,eAAgB,WAAA,OAAOlB,EAAgBmB,OAAOC,SAASC,KAAOD,SAASC,IAAK,EAC5EC,eAAgB,SAACrC,EAAOsC,GAAc,OACpCC,EAAAA,kBAASvC,GAAK,GAAA,CAAAK,SAAA,CACZJ,MAACF,EAAO,CAACW,eAAgBV,EAAMU,iBAC9B4B,KACG,GAGVE,iBAAkBrC,EAAOsC,uBAIjC,EAEA3B,EAAY4B,UAAY,CACtBvB,QAASwB,EAAAA,QAAUC,OAAOC,WAC1BzB,aAAcuB,EAAS,QAACG,OACxBlB,YAAae,EAAS,QAACI,KACvBrC,eAAgBiC,EAAS,QAACI,MAG5BhD,EAAQ2C,UAAY,CAClBhC,eAAgBiC,EAAAA,QAAUI,KAAKF,YAGjC/B,EAAYkC,aAAe,CACzB5B,aAAc,GACdQ,iBAAaqB,EACbvC,oBAAgBuC"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/ImageViewer/index.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport Lightbox from 'react-image-lightbox';\nimport DownloadIcon from '@material-ui/icons/SaveAlt';\nimport BackIcon from '@material-ui/icons/ArrowBack';\n\nimport { useIsInsideIsolatedDcApp } from '../DevCenter/DevCenterAppContainer/components';\n\nimport styles from './styles.css';\n\nconst PAGE_NAME = 'ImageViewer';\n\nconst Toolbar = props => (\n  <div className={styles.cImageViewerToolbar}>\n    <button\n      type=\"button\"\n      aria-label=\"Close\"\n      className={styles.cImageViewerToolbarButton}\n      onClick={props.onCloseRequest}\n    >\n      <BackIcon className={styles.cImageViewerToolbarIcon} htmlColor=\"#fff\" />\n    </button>\n  </div>\n);\n\nconst ImageViewer = props => {\n  const isInsideDcApp = useIsInsideIsolatedDcApp();\n\n  const renderToolbarButtons = () => [\n    <button\n      key=\"Download\"\n      data-testid={`${PAGE_NAME}_download`}\n      type=\"button\"\n      aria-label=\"Download\"\n      className={styles.cImageViewerToolbarButton}\n    >\n      <a href={props.mainSrc} download=\"image\" target=\"_blank\" rel=\"noopener noreferrer\">\n        <DownloadIcon className={styles.cImageViewerToolbarIcon} htmlColor=\"#fff\" />\n      </a>\n    </button>,\n  ];\n\n  return (\n    <div className={styles.cImageViewer}>\n      <Lightbox\n        mainSrc={props.mainSrc}\n        imagePadding={props.imagePadding}\n        toolbarButtons={renderToolbarButtons()}\n        onAfterOpen={props.onAfterOpen}\n        onCloseRequest={props.onCloseRequest}\n        reactModalStyle={{ overlay: { zIndex: 1500 } }}\n        reactModalProps={{\n          // eslint-disable-next-line no-restricted-globals\n          parentSelector: () => (isInsideDcApp ? parent.document.body : document.body),\n          overlayElement: (props, contentElement) => (\n            <div {...props}>\n              <Toolbar onCloseRequest={props.onCloseRequest} />\n              {contentElement}\n            </div>\n          ),\n        }}\n        wrapperClassName={styles.cImageViewerWrapper}\n      />\n    </div>\n  );\n};\n\nImageViewer.propTypes = {\n  mainSrc: PropTypes.string.isRequired,\n  imagePadding: PropTypes.number,\n  onAfterOpen: PropTypes.func,\n  onCloseRequest: PropTypes.func,\n};\n\nToolbar.propTypes = {\n  onCloseRequest: PropTypes.func.isRequired,\n};\n\nImageViewer.defaultProps = {\n  imagePadding: 50,\n  onAfterOpen: undefined,\n  onCloseRequest: undefined,\n};\n\nexport default ImageViewer;\n"],"names":["Toolbar","props","_jsx","className","styles","cImageViewerToolbar","children","jsx","type","cImageViewerToolbarButton","onClick","onCloseRequest","BackIcon","cImageViewerToolbarIcon","htmlColor","ImageViewer","isInsideDcApp","useIsInsideIsolatedDcApp","cImageViewer","Lightbox","mainSrc","imagePadding","toolbarButtons","concat","href","download","target","rel","DownloadIcon","onAfterOpen","reactModalStyle","overlay","zIndex","reactModalProps","parentSelector","parent","document","body","overlayElement","contentElement","_jsxs","wrapperClassName","cImageViewerWrapper","propTypes","PropTypes","string","isRequired","number","func","defaultProps","undefined"],"mappings":"kpYASA,IAEMA,EAAU,SAAAC,GAAK,OACnBC,EAAAA,IAAA,MAAA,CAAKC,UAAWC,EAAOC,oBAAoBC,SACzCJ,EAAAK,IAAA,SAAA,CACEC,KAAK,SACL,aAAW,QACXL,UAAWC,EAAOK,0BAClBC,QAAST,EAAMU,eAAeL,SAE9BJ,MAACU,UAAQ,CAACT,UAAWC,EAAOS,wBAAyBC,UAAU,YAE7D,EAGFC,EAAc,SAAAd,GAClB,IAAMe,EAAgBC,EAAAA,2BAgBtB,OACEf,EAAAA,IAAA,MAAA,CAAKC,UAAWC,EAAOc,aAAaZ,SAClCJ,MAACiB,UAAQ,CACPC,QAASnB,EAAMmB,QACfC,aAAcpB,EAAMoB,aACpBC,eAnB6B,CACjCpB,EAAAK,IAAA,SAAA,CAEE,cAAA,GAAAgB,OArBY,cAqByB,aACrCf,KAAK,SACL,aAAW,WACXL,UAAWC,EAAOK,0BAA0BH,SAE5CJ,EAAAK,IAAA,IAAA,CAAGiB,KAAMvB,EAAMmB,QAASK,SAAS,QAAQC,OAAO,SAASC,IAAI,sBAAqBrB,SAChFJ,MAAC0B,UAAY,CAACzB,UAAWC,EAAOS,wBAAyBC,UAAU,YAPjE,aAkBFe,YAAa5B,EAAM4B,YACnBlB,eAAgBV,EAAMU,eACtBmB,gBAAiB,CAAEC,QAAS,CAAEC,OAAQ,OACtCC,gBAAiB,CAEfC,eAAgB,WAAA,OAAOlB,EAAgBmB,OAAOC,SAASC,KAAOD,SAASC,IAAK,EAC5EC,eAAgB,SAACrC,EAAOsC,GAAc,OACpCC,EAAAA,kBAASvC,GAAK,GAAA,CAAAK,SAAA,CACZJ,MAACF,EAAO,CAACW,eAAgBV,EAAMU,iBAC9B4B,KACG,GAGVE,iBAAkBrC,EAAOsC,uBAIjC,EAEA3B,EAAY4B,UAAY,CACtBvB,QAASwB,EAAAA,QAAUC,OAAOC,WAC1BzB,aAAcuB,EAAS,QAACG,OACxBlB,YAAae,EAAS,QAACI,KACvBrC,eAAgBiC,EAAS,QAACI,MAG5BhD,EAAQ2C,UAAY,CAClBhC,eAAgBiC,EAAAA,QAAUI,KAAKF,YAGjC/B,EAAYkC,aAAe,CACzB5B,aAAc,GACdQ,iBAAaqB,EACbvC,oBAAgBuC"}