npm - @corva/ui - Versions diffs - 3.37.0-2 → 3.37.0-3 - Mend

@corva/ui 3.37.0-2 → 3.37.0-3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (430) hide show

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

@@ -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"),n=require("@babel/runtime/regenerator"),o=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 l=require("react/jsx-runtime");require("../../constants/goals.js"),require("../../constants/segment.js");var d=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/Cell.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/Popover/Popover.js"),require("../../componentsV2/Radio/Radio.js"),require("../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js"),require("../../componentsV2/Checkbox/Checkbox.js"),require("../../componentsV2/TextInput/TextInput.js"),require("../../componentsV2/Label/Label.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/AvatarGroup/AvatarGroup.js"),require("@material-ui/lab"),require("../../componentsV2/ToggleButtons/ToggleButtons.scss.js"),require("../../componentsV2/Paper/Paper.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/Global.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("../../icons/customIcons/icons/InterventionUnit.js"),require("../../componentsV2/Modal/Modal.scss.js"),require("../../componentsV2/Menu/Menu.js"),require("../../componentsV2/utils.js"),require("../../componentsV2/Hint/Hint.scss.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("../../componentsV2/Tag/Tag.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/IndicatorLive/IndicatorLive.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 A=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("../../utils/getSingleAsset.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/constants.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.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/AppHeader/V3/SettingsButton/SettingsButton.js"),require("../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js"),require("../../componentsV2/AppSettings/AppSettings.js"),require("../../componentsV2/AppSettings/AppSettings.constants.js"),require("../../componentsV2/AppSettings/AppSettingsPinningContext.js"),require("../../componentsV2/AppSizeProvider/AppSizeProvider.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.js"),require("../../componentsV2/Autocomplete/Autocomplete.scss.js"),require("../../componentsV2/Menu/MenuItem/MenuItem.js"),require("../../componentsV2/Autocomplete/AutocompleteListBox.js"),require("../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js"),require("../../componentsV2/WellArchivedMessage/WellArchivedMessage.js"),require("../../componentsV2/DatePicker/DatePicker.js"),require("../../componentsV2/DragHandle/DragHandle.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 v=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"),S=require("./components/Reactions.js"),f=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(n),H=F(i),w=F(p),O=["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,n,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,ne=e.customFeedItemTypeTemplates,oe=void 0===ne?{}:ne,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,O),ue=a.get(re,["settings","uiSettings","corva_v3_features_enabled"]),le=a.includes(z.allowed_actions,"destroy"),de=q.useIsInsideIsolatedDcApp(),me=N({isInsideDcApp:de}),qe=o.useState(!1),je=L.default(qe,2),Ae=je[0],ve=je[1],Ce=o.useState(!0),De=L.default(Ce,2),Ie=De[0],Ve=De[1],ge=o.useState(!0),Se=L.default(ge,2),fe=Se[0],he=Se[1],be=o.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===(n=m.FEED_ITEM_TYPES_BY_KEY[z.type])||void 0===n?void 0:n.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,He=(W=M.default(k.default.mark((function e(){return k.default.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return ve(!0),e.prev=1,e.next=4,A.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,ve(!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)}),we=o.useRef(!1),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:if(we.current){e.next=11;break}return s=z.id,we.current=!0,e.prev=3,e.next=6,A.toggleFeedItemLike(s);case 6:e.next=10;break;case 8:e.prev=8,e.t0=e.catch(3);case 10:we.current=!1;case 11:case"end":return e.stop()}}),e,null,[[3,8]])}))),function(){return K.apply(this,arguments)}),Re=u.useDevCenterRouter();return l.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:H.default(me.paperRoot,ie,(U={},B.default(U,me.clickablePaperRoot,ke),B.default(U,x.hideOverflow,Ae),U)),elevation:0,children:[l.jsxs("div",{onClick:function(){ke&&(ue?localStorage.setItem(d.OPEN_ALERT_DETAILS_ID_STORAGE_KEY,z.context.alert.id):(se||Re).push(_e))},className:H.default(x.mainContainer,(G={},B.default(G,x.mainContainerClickable,ke),B.default(G,x.mainContainerNative,v.isNativeDetected),G)),children:[l.jsx(g,{feedItem:z,classes:me,displayName:Me,isRecommended:Fe,currentUser:re}),l.jsxs("div",{className:H.default(x.mainContainerTop,B.default({},x.mainContainerTopNative,v.isNativeDetected)),children:[l.jsxs("div",{className:x.mainContainerTopLine,children:[l.jsx(h,{feedItem:z,userFullName:Me,typeLabel:Le,classes:me,isPost:ye}),l.jsxs("div",{className:x.mainContainerTopMenu,children:[l.jsx(V,{feedItem:z,classes:me}),l.jsx(C,{"data-testid":"".concat("FeedPo","_actionsDropdown"),isPost:ye,isEditableItem:Ee,canDeleteFeedItem:le,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})]})]}),l.jsx(f,{feedItem:z,isPost:ye})]}),l.jsx(c.Divider,{className:me.headerDividerRoot}),l.jsx(b,{feedItem:z}),l.jsx(y,{ErrorView:function(){return l.jsx(c.Typography,{children:"Feed Item loading failed"})},children:l.jsx(I,Y({feedItem:z,appData:te,customFeedItemTypeTemplates:oe,currentUser:re,isCorvaV3FeaturesEnabled:ue},pe))})]}),l.jsx(S,{feedItem:z,handleToggleLike:Oe,setOpenCommentInput:Ve,setOpenCommentList:he,openCommentInput:Ie,openCommentList:fe,currentUser:re}),l.jsx(D,{openCommentInput:Ie,openCommentList:fe,feedItem:z,currentUser:re}),Ae&&l.jsx("div",{className:x.loadingContainer,style:{backgroundColor:w.default[800]},children:l.jsx(P,{})}),Te&&l.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(){He()},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"),n=require("@babel/runtime/regenerator"),o=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 l=require("react/jsx-runtime");require("../../constants/goals.js"),require("../../constants/segment.js");var d=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/Cell.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/Popover/Popover.js"),require("../../componentsV2/Radio/Radio.js"),require("../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js"),require("../../componentsV2/Checkbox/Checkbox.js"),require("../../componentsV2/TextInput/TextInput.js"),require("../../componentsV2/Label/Label.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/AvatarGroup/AvatarGroup.js"),require("@material-ui/lab"),require("../../componentsV2/ToggleButtons/ToggleButtons.scss.js"),require("../../componentsV2/Paper/Paper.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/SearchOne.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/Global.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("../../icons/customIcons/icons/InterventionUnit.js"),require("../../componentsV2/Modal/Modal.scss.js"),require("../../componentsV2/Menu/Menu.js"),require("../../componentsV2/utils.js"),require("../../componentsV2/Hint/Hint.scss.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("../../componentsV2/Tag/Tag.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/IndicatorLive/IndicatorLive.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 A=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("../../utils/getSingleAsset.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/constants.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.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/AppHeader/V3/SettingsButton/SettingsButton.js"),require("../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js"),require("../../componentsV2/AppSettings/AppSettings.js"),require("../../componentsV2/AppSettings/AppSettings.constants.js"),require("../../componentsV2/AppSettings/AppSettingsPinningContext.js"),require("../../componentsV2/AppSizeProvider/AppSizeProvider.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.js"),require("../../componentsV2/Autocomplete/Autocomplete.scss.js"),require("../../componentsV2/Menu/MenuItem/MenuItem.js"),require("../../componentsV2/Autocomplete/AutocompleteListBox.js"),require("../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js"),require("../../componentsV2/WellArchivedMessage/WellArchivedMessage.js"),require("../../componentsV2/DatePicker/DatePicker.js"),require("../../componentsV2/DragHandle/DragHandle.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 v=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"),S=require("./components/Reactions.js"),f=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(n),H=F(i),w=F(p),O=["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,n,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,ne=e.customFeedItemTypeTemplates,oe=void 0===ne?{}:ne,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,O),ue=a.get(re,["settings","uiSettings","corva_v3_features_enabled"]),le=a.includes(z.allowed_actions,"destroy"),de=q.useIsInsideIsolatedDcApp(),me=N({isInsideDcApp:de}),qe=o.useState(!1),je=L.default(qe,2),Ae=je[0],ve=je[1],Ce=o.useState(!0),De=L.default(Ce,2),Ie=De[0],Ve=De[1],ge=o.useState(!0),Se=L.default(ge,2),fe=Se[0],he=Se[1],be=o.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===(n=m.FEED_ITEM_TYPES_BY_KEY[z.type])||void 0===n?void 0:n.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,He=(W=M.default(k.default.mark((function e(){return k.default.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return ve(!0),e.prev=1,e.next=4,A.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,ve(!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)}),we=o.useRef(!1),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:if(we.current){e.next=11;break}return s=z.id,we.current=!0,e.prev=3,e.next=6,A.toggleFeedItemLike(s);case 6:e.next=10;break;case 8:e.prev=8,e.t0=e.catch(3);case 10:we.current=!1;case 11:case"end":return e.stop()}}),e,null,[[3,8]])}))),function(){return K.apply(this,arguments)}),Re=u.useDevCenterRouter();return l.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:H.default(me.paperRoot,ie,(U={},B.default(U,me.clickablePaperRoot,ke),B.default(U,x.hideOverflow,Ae),U)),elevation:0,children:[l.jsxs("div",{onClick:function(){ke&&(ue?localStorage.setItem(d.OPEN_ALERT_DETAILS_ID_STORAGE_KEY,z.context.alert.id):(se||Re).push(_e))},className:H.default(x.mainContainer,(G={},B.default(G,x.mainContainerClickable,ke),B.default(G,x.mainContainerNative,v.isNativeDetected),G)),children:[l.jsx(g,{feedItem:z,classes:me,displayName:Me,isRecommended:Fe,currentUser:re}),l.jsxs("div",{className:H.default(x.mainContainerTop,B.default({},x.mainContainerTopNative,v.isNativeDetected)),children:[l.jsxs("div",{className:x.mainContainerTopLine,children:[l.jsx(h,{feedItem:z,userFullName:Me,typeLabel:Le,classes:me,isPost:ye}),l.jsxs("div",{className:x.mainContainerTopMenu,children:[l.jsx(V,{feedItem:z,classes:me}),l.jsx(C,{"data-testid":"".concat("FeedPo","_actionsDropdown"),isPost:ye,isEditableItem:Ee,canDeleteFeedItem:le,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})]})]}),l.jsx(f,{feedItem:z,isPost:ye})]}),l.jsx(c.Divider,{className:me.headerDividerRoot}),l.jsx(b,{feedItem:z}),l.jsx(y,{ErrorView:function(){return l.jsx(c.Typography,{children:"Feed Item loading failed"})},children:l.jsx(I,Y({feedItem:z,appData:te,customFeedItemTypeTemplates:oe,currentUser:re,isCorvaV3FeaturesEnabled:ue},pe))})]}),l.jsx(S,{feedItem:z,handleToggleLike:Oe,setOpenCommentInput:Ve,setOpenCommentList:he,openCommentInput:Ie,openCommentList:fe,currentUser:re}),l.jsx(D,{openCommentInput:Ie,openCommentList:fe,feedItem:z,currentUser:re}),Ae&&l.jsx("div",{className:x.loadingContainer,style:{backgroundColor:w.default[800]},children:l.jsx(P,{})}),Te&&l.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(){He()},okText:"Delete"})]})};
 //# sourceMappingURL=FeedItem.js.map

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

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

@@ -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("../../../componentsV2/Grid/Cell.js"),require("classnames"),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/Popover/Popover.js"),require("../../../componentsV2/Radio/Radio.js"),require("../../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js"),require("../../../componentsV2/Checkbox/Checkbox.js"),require("../../../componentsV2/TextInput/TextInput.js"),require("../../../componentsV2/Label/Label.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/AvatarGroup/AvatarGroup.js"),require("@material-ui/lab"),require("../../../componentsV2/ToggleButtons/ToggleButtons.scss.js"),require("../../../componentsV2/Paper/Paper.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/Global.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("../../../icons/customIcons/icons/InterventionUnit.js"),require("../../../componentsV2/Modal/Modal.scss.js"),require("../../../componentsV2/Menu/Menu.js"),require("../../../componentsV2/utils.js"),require("../../../componentsV2/Hint/Hint.scss.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("../../../componentsV2/Tag/Tag.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/IndicatorLive/IndicatorLive.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("../../../utils/getSingleAsset.js"),require("../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js"),require("../../../componentsV2/AppHeader/V3/AssetSelector/constants.js"),require("../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js"),require("../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js"),require("../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.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/AppHeader/V3/SettingsButton/SettingsButton.js"),require("../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js"),require("../../../componentsV2/AppSettings/AppSettings.js"),require("../../../componentsV2/AppSettings/AppSettings.constants.js"),require("../../../componentsV2/AppSettings/AppSettingsPinningContext.js"),require("../../../componentsV2/AppSizeProvider/AppSizeProvider.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.js"),require("../../../componentsV2/Autocomplete/Autocomplete.scss.js"),require("../../../componentsV2/Menu/MenuItem/MenuItem.js"),require("../../../componentsV2/Autocomplete/AutocompleteListBox.js"),require("../../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js"),require("../../../componentsV2/WellArchivedMessage/WellArchivedMessage.js"),require("../../../componentsV2/DatePicker/DatePicker.js"),require("../../../componentsV2/DragHandle/DragHandle.js"),require("../../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js"),require("../../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js"),require("../../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js");var l=require("../../../utils/mobileDetect.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var q=d(e),j=d(o),A=d(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,d=e.openCommentList,j=e.feedItem,V=e.currentUser,v=j.comments,I=v.length,g=I>3,S=s.useState(!1),h=q.default(S,2),D=h[0],b=h[1],f=s.useState(!1),x=q.default(f,2),P=x[0],L=x[1],T=s.useState(!1),M=q.default(T,2),B=M[0],H=M[1],F=s.useState(null),y=q.default(F,2),k=y[0],R=y[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 B?B&&!P?e.slice(0,5):B&&P?e:[]:e.slice(0,3)}),[v,P,B]);s.useEffect((function(){if(5===W.length&&!k){var e=E.current.clientHeight;R(e),L(!0)}k&&!B&&(R(null),L(!1))}),[W.length,k,B]);var G=m.useIsInsideIsolatedDcApp(),U=C({commentsListHeight:k,isAllCommentsVisibleKeyPressed:B,isInsideDcApp:G});return a.jsxs("div",{className:(n||!!I)&&U.feedCommentsContainer,children:[n&&!l.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)}),d&&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})]})}),g&&a.jsx(t.Typography,{variant:"caption",color:"primary","data-testid":"".concat("FeedComments","_viewMoreComments"),className:U.showMore,onClick:function(){H(!B)},children:B?"Hide older comments":"See all comments"})]}),D&&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("../../../componentsV2/Grid/Cell.js"),require("classnames"),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/Popover/Popover.js"),require("../../../componentsV2/Radio/Radio.js"),require("../../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js"),require("../../../componentsV2/Checkbox/Checkbox.js"),require("../../../componentsV2/TextInput/TextInput.js"),require("../../../componentsV2/Label/Label.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/AvatarGroup/AvatarGroup.js"),require("@material-ui/lab"),require("../../../componentsV2/ToggleButtons/ToggleButtons.scss.js"),require("../../../componentsV2/Paper/Paper.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/SearchOne.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/Global.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("../../../icons/customIcons/icons/InterventionUnit.js"),require("../../../componentsV2/Modal/Modal.scss.js"),require("../../../componentsV2/Menu/Menu.js"),require("../../../componentsV2/utils.js"),require("../../../componentsV2/Hint/Hint.scss.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("../../../componentsV2/Tag/Tag.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/IndicatorLive/IndicatorLive.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("../../../utils/getSingleAsset.js"),require("../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js"),require("../../../componentsV2/AppHeader/V3/AssetSelector/constants.js"),require("../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js"),require("../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js"),require("../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.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/AppHeader/V3/SettingsButton/SettingsButton.js"),require("../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js"),require("../../../componentsV2/AppSettings/AppSettings.js"),require("../../../componentsV2/AppSettings/AppSettings.constants.js"),require("../../../componentsV2/AppSettings/AppSettingsPinningContext.js"),require("../../../componentsV2/AppSizeProvider/AppSizeProvider.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.js"),require("../../../componentsV2/Autocomplete/Autocomplete.scss.js"),require("../../../componentsV2/Menu/MenuItem/MenuItem.js"),require("../../../componentsV2/Autocomplete/AutocompleteListBox.js"),require("../../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js"),require("../../../componentsV2/WellArchivedMessage/WellArchivedMessage.js"),require("../../../componentsV2/DatePicker/DatePicker.js"),require("../../../componentsV2/DragHandle/DragHandle.js"),require("../../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js"),require("../../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js"),require("../../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js");var l=require("../../../utils/mobileDetect.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var q=d(e),j=d(o),A=d(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,d=e.openCommentList,j=e.feedItem,V=e.currentUser,v=j.comments,I=v.length,g=I>3,S=s.useState(!1),h=q.default(S,2),D=h[0],b=h[1],f=s.useState(!1),x=q.default(f,2),P=x[0],L=x[1],T=s.useState(!1),M=q.default(T,2),B=M[0],H=M[1],F=s.useState(null),y=q.default(F,2),k=y[0],R=y[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 B?B&&!P?e.slice(0,5):B&&P?e:[]:e.slice(0,3)}),[v,P,B]);s.useEffect((function(){if(5===W.length&&!k){var e=E.current.clientHeight;R(e),L(!0)}k&&!B&&(R(null),L(!1))}),[W.length,k,B]);var G=m.useIsInsideIsolatedDcApp(),U=C({commentsListHeight:k,isAllCommentsVisibleKeyPressed:B,isInsideDcApp:G});return a.jsxs("div",{className:(n||!!I)&&U.feedCommentsContainer,children:[n&&!l.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)}),d&&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})]})}),g&&a.jsx(t.Typography,{variant:"caption",color:"primary","data-testid":"".concat("FeedComments","_viewMoreComments"),className:U.showMore,onClick:function(){H(!B)},children:B?"Hide older comments":"See all comments"})]}),D&&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 CHANGED Viewed

	@@ -1 +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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"}
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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"}

package/cjs-bundle/components/FilesDropzone/FilesDropzone.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require('./../../ext-esm/tslib/tslib.es6.js'),e=require("react/jsx-runtime"),o=require("react-dropzone"),i=require("classnames"),c=require("./styles.js"),n=require("../../icons/iconParkIcons.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");var r=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/Global.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("../../icons/customIcons/icons/InterventionUnit.js");var t=require("../Typography.js"),u=require("../Button/components/Button/index.js");require("moment-timezone"),require("@material-ui/core"),require("../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js"),require("../Button/components/LiveButton/styles.js");var l=require("../../componentsV2/FilesDropzone/utils.js");function a(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var m=a(i);exports.FilesDropzone=function(i){var a=i.multiple,j=i.children,d=i.accept,q=i.onDrop,I=i.className,p=i.maxFiles,h=i.maxSize,x=i.errorText,v=i.disabled,F=c.useStyles(),g=l.parseAccept(d),b=g.mimetypes,C=g.extensions,f=b.length||C.length?s.__assign({"*/*":C},Object.fromEntries(b.map((function(s){return[s,[]]})))):void 0,D=l.formatDescription(C,h),y=o.useDropzone({onDrop:q,multiple:a,accept:f,maxFiles:p,maxSize:h,disabled:v}),z=y.getRootProps,A=y.getInputProps,_=y.isDragActive;return e.jsxs("div",{className:I,children:[e.jsxs("div",s.__assign({},z(),{className:m.default(F.root,v&&F.disabled,_&&F.active),children:[e.jsx("input",s.__assign({},A())),j||e.jsxs(e.Fragment,{children:[e.jsx(n.FileAdditionOne,{size:24,className:F.icon}),e.jsx(t.Regular14,{children:"Drag & Drop your file here or"}),e.jsx(u,{variation:"tertiary",size:"small",disabled:v,className:F.uploadButton,children:"Choose file"})]})]})),!x&&D&&e.jsx(t.Regular14,{className:m.default(F.description,v&&F.disabled),children:D}),x&&e.jsxs(t.Regular14,{className:F.error,children:[e.jsx(r.CautionFilledCustomIcon,{size:20}),x]})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require('./../../ext-esm/tslib/tslib.es6.js'),e=require("react/jsx-runtime"),o=require("react-dropzone"),i=require("classnames"),c=require("./styles.js"),n=require("../../icons/iconParkIcons.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/SearchOne.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");var r=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/Global.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("../../icons/customIcons/icons/InterventionUnit.js");var t=require("../Typography.js"),u=require("../Button/components/Button/index.js");require("moment-timezone"),require("@material-ui/core"),require("../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js"),require("../Button/components/LiveButton/styles.js");var l=require("../../componentsV2/FilesDropzone/utils.js");function a(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var m=a(i);exports.FilesDropzone=function(i){var a=i.multiple,j=i.children,d=i.accept,q=i.onDrop,I=i.className,p=i.maxFiles,h=i.maxSize,x=i.errorText,v=i.disabled,F=c.useStyles(),g=l.parseAccept(d),b=g.mimetypes,C=g.extensions,f=b.length||C.length?s.__assign({"*/*":C},Object.fromEntries(b.map((function(s){return[s,[]]})))):void 0,D=l.formatDescription(C,h),y=o.useDropzone({onDrop:q,multiple:a,accept:f,maxFiles:p,maxSize:h,disabled:v}),z=y.getRootProps,A=y.getInputProps,O=y.isDragActive;return e.jsxs("div",{className:I,children:[e.jsxs("div",s.__assign({},z(),{className:m.default(F.root,v&&F.disabled,O&&F.active),children:[e.jsx("input",s.__assign({},A())),j||e.jsxs(e.Fragment,{children:[e.jsx(n.FileAdditionOne,{size:24,className:F.icon}),e.jsx(t.Regular14,{children:"Drag & Drop your file here or"}),e.jsx(u,{variation:"tertiary",size:"small",disabled:v,className:F.uploadButton,children:"Choose file"})]})]})),!x&&D&&e.jsx(t.Regular14,{className:m.default(F.description,v&&F.disabled),children:D}),x&&e.jsxs(t.Regular14,{className:F.error,children:[e.jsx(r.CautionFilledCustomIcon,{size:20}),x]})]})};
 //# sourceMappingURL=FilesDropzone.js.map

package/cjs-bundle/components/FilesLoader/FilesLoader.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require('./../../ext-esm/tslib/tslib.es6.js'),s=require("react/jsx-runtime"),o=require("react"),n=require("prop-types"),i=require("classnames"),r=require("@material-ui/core"),c=require("../IconButton/index.js"),t=require("../Button/components/Button/index.js");require("moment-timezone"),require("../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js"),require("../Button/components/LiveButton/styles.js");var a=require("../../icons/iconParkIcons.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/Global.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("../../icons/customIcons/icons/InterventionUnit.js");var l=require("./Icons/IconWarning.js"),u=require("../FileIcon/FileIcon.js"),d=require("./useStyles.js");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var f=m(n),j=m(i);function p(n){var i,m,f,p,I,h,q,g=n.size,x=n.unit,v=n.name,z=n.customUnitName,y=n.sizeBytes,C=n.handleCancel,B=n.onReload,N=n.onDelete,S=n.loadedBytes,F=n.error,b=n.errorText,w=n.formatError,L=n.importButtonType,k=n.isLoadingAnimation,P=n.showActions,A=d.useStyles(),E=o.useState({}),M=E[0],T=E[1],_=o.useState(0),U=_[0],R=_[1],O=o.useState(!0),D=O[0],W=O[1],G="large"===g,K=G?24:16,Z=G?"medium":"small";o.useEffect((function(){T(function(e,s,o){return"time"===s?{downloaded:0,unit:"min",convertedSize:e}:"custom"===s?{downloaded:0,unit:o,convertedSize:e}:e>=Math.pow(10,6)?{downloaded:0,unit:"MB",convertedSize:Math.floor(e/Math.pow(10,5))/10}:e>=Math.pow(10,3)?{downloaded:0,unit:"KB",convertedSize:Math.floor(e/Math.pow(10,2))/10}:{downloaded:0,unit:"B",convertedSize:Math.floor(10*e)/10}}(y,x,z))}),[y,x]),o.useEffect((function(){if(S&&y){var s=Math.round(S/y*100);T((function(o){return e.__assign(e.__assign({},o),{downloaded:Math.floor(o.convertedSize*s/10)/10})})),R(s)}}),[S,y]),o.useEffect((function(){var e;return N&&U>=100&&(W(!0),e=setTimeout((function(){W(!1)}),5e3)),function(){return e&&clearTimeout(e)}}),[U]),o.useEffect((function(){F&&(R(0),T((function(s){return e.__assign(e.__assign({},s),{downloaded:0})})))}),[F]);var H=o.useMemo((function(){var e,s;return[j.default(A.iconButton,((e={})[A.iconButtonLarge]=G,e)),j.default(A.actionIcon,((s={})[A.actionIconLarge]=G,s))]}),[G]),J=H[0],Q=H[1];return s.jsxs("div",{className:A.fileStateWrapper,children:[s.jsx("div",{className:A.fileIconContainer,children:s.jsx(u.FileIcon,{name:v,style:{fontSize:G?48:32}})}),s.jsxs("div",{className:A.fileState,children:[s.jsxs("div",{className:A.fileStateProgress,children:[s.jsx("div",{className:A.fileNameWrapper,children:s.jsx(r.Typography,{className:j.default(A.fileName,(i={},i[A.fileNameLarge]=G,i)),children:v.length>7?s.jsxs(s.Fragment,{children:[s.jsx("span",{className:A.firstPart,children:v.slice(0,v.length-7)}),s.jsx("span",{children:v.slice(-7)})]}):v})}),!k&&s.jsx(r.LinearProgress,{className:A.progressBar,variant:"determinate",value:U,classes:{colorPrimary:j.default(A.progressBackground,(m={},m[A.progressBarError]=F,m)),barColorPrimary:j.default(A.progressBarColor,(f={},f[A.progressBarError]=F,f))}}),s.jsxs("div",{className:A.loaderProgressContainer,children:[!k&&s.jsx(r.Typography,{className:j.default(A.fileSize,(p={},p[A.fileSizeLarge]=G,p)),component:"span",children:"".concat(M.downloaded," of ").concat(M.convertedSize," ").concat(M.unit)}),s.jsxs("div",{className:j.default(A.progressStatus,(I={},I[A.fileSizeLarge]=G,I)),children:[F&&s.jsxs(r.Typography,{component:"div",className:A.errorContainer,children:[s.jsx(l,{size:g}),s.jsx(r.Typography,{component:"span",className:j.default(A.errorText,(h={},h[A.fileSizeLarge]=G,h)),children:w?"Upload Error. Unacceptable file format.":"Upload Error".concat(b&&". ".concat(b))})]}),!F&&!k&&"".concat(U," %")]})]})]}),P&&s.jsxs("div",{className:A.fileActions,children:[U<100&&!F&&s.jsx(s.Fragment,{children:k?s.jsx("div",{className:j.default(A.loadingIcon,(q={},q[A.loadingLargeIcon]=G,q)),style:{backgroundImage:"url(".concat("/static/media/6fa6f1128bc0185126482345243bcd42.svg",")")}}):s.jsx(c,{tooltipProps:{title:"Cancel"},className:J,onClick:function(){C(v),R(0),T((function(s){return e.__assign(e.__assign({},s),{downloaded:0})}))},size:Z,children:s.jsx(a.CloseSmallIcon,{className:Q,size:K})})}),100===U&&!F&&(!D&&N?s.jsx(c,{variant:"contained",tooltipProps:{title:"Delete"},className:J,onClick:N,size:Z,children:s.jsx(a.DeleteFourIcon,{className:Q,size:K})}):s.jsx(a.CheckOneIcon,{fill:"#75DB29",size:K,style:{marginLeft:12}})),B&&F&&s.jsx(s.Fragment,{children:w?s.jsx(s.Fragment,{children:"default"===L?s.jsx(t,{size:G?"medium":"small",variation:"primary",startIcon:s.jsx(a.UploadIcon,{}),onClick:B,children:"Import"}):s.jsx(c,{size:Z,tooltipProps:{title:"Import File"},className:J,onClick:B,children:s.jsx(a.UploadIcon,{size:K})})}):s.jsx(c,{size:Z,tooltipProps:{title:"Reload"},className:J,onClick:B,children:s.jsx(a.RedoIcon,{size:K})})})]})]})]})}var I={size:f.default.oneOf(["small","large"]),unit:f.default.oneOf(["size","time","custom"]),customUnitName:f.default.string,onDelete:f.default.func,onReload:f.default.func,handleCancel:f.default.func,name:f.default.string,sizeBytes:f.default.number,error:f.default.bool,errorText:f.default.string,formatError:f.default.bool,importButtonType:f.default.oneOf(["default","icon"]),loadedBytes:f.default.number.isRequired,isLoadingAnimation:f.default.bool,showActions:f.default.bool};p.propTypes=I,p.defaultProps={size:"small",unit:"size",onDelete:null,onReload:null,name:"",customUnitName:"",sizeBytes:1,error:null,errorText:"",formatError:!1,importButtonType:"default",handleCancel:null,isLoadingAnimation:!1,showActions:!0},module.exports=p;
+"use strict";var e=require('./../../ext-esm/tslib/tslib.es6.js'),s=require("react/jsx-runtime"),o=require("react"),n=require("prop-types"),i=require("classnames"),r=require("@material-ui/core"),c=require("../IconButton/index.js"),t=require("../Button/components/Button/index.js");require("moment-timezone"),require("../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js"),require("../Button/components/LiveButton/styles.js");var a=require("../../icons/iconParkIcons.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/SearchOne.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/Global.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("../../icons/customIcons/icons/InterventionUnit.js");var l=require("./Icons/IconWarning.js"),u=require("../FileIcon/FileIcon.js"),d=require("./useStyles.js");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var f=m(n),j=m(i);function p(n){var i,m,f,p,I,h,q,g=n.size,x=n.unit,v=n.name,z=n.customUnitName,y=n.sizeBytes,C=n.handleCancel,B=n.onReload,N=n.onDelete,S=n.loadedBytes,F=n.error,b=n.errorText,w=n.formatError,L=n.importButtonType,k=n.isLoadingAnimation,P=n.showActions,A=d.useStyles(),E=o.useState({}),M=E[0],T=E[1],_=o.useState(0),U=_[0],O=_[1],R=o.useState(!0),D=R[0],W=R[1],G="large"===g,K=G?24:16,Z=G?"medium":"small";o.useEffect((function(){T(function(e,s,o){return"time"===s?{downloaded:0,unit:"min",convertedSize:e}:"custom"===s?{downloaded:0,unit:o,convertedSize:e}:e>=Math.pow(10,6)?{downloaded:0,unit:"MB",convertedSize:Math.floor(e/Math.pow(10,5))/10}:e>=Math.pow(10,3)?{downloaded:0,unit:"KB",convertedSize:Math.floor(e/Math.pow(10,2))/10}:{downloaded:0,unit:"B",convertedSize:Math.floor(10*e)/10}}(y,x,z))}),[y,x]),o.useEffect((function(){if(S&&y){var s=Math.round(S/y*100);T((function(o){return e.__assign(e.__assign({},o),{downloaded:Math.floor(o.convertedSize*s/10)/10})})),O(s)}}),[S,y]),o.useEffect((function(){var e;return N&&U>=100&&(W(!0),e=setTimeout((function(){W(!1)}),5e3)),function(){return e&&clearTimeout(e)}}),[U]),o.useEffect((function(){F&&(O(0),T((function(s){return e.__assign(e.__assign({},s),{downloaded:0})})))}),[F]);var H=o.useMemo((function(){var e,s;return[j.default(A.iconButton,((e={})[A.iconButtonLarge]=G,e)),j.default(A.actionIcon,((s={})[A.actionIconLarge]=G,s))]}),[G]),J=H[0],Q=H[1];return s.jsxs("div",{className:A.fileStateWrapper,children:[s.jsx("div",{className:A.fileIconContainer,children:s.jsx(u.FileIcon,{name:v,style:{fontSize:G?48:32}})}),s.jsxs("div",{className:A.fileState,children:[s.jsxs("div",{className:A.fileStateProgress,children:[s.jsx("div",{className:A.fileNameWrapper,children:s.jsx(r.Typography,{className:j.default(A.fileName,(i={},i[A.fileNameLarge]=G,i)),children:v.length>7?s.jsxs(s.Fragment,{children:[s.jsx("span",{className:A.firstPart,children:v.slice(0,v.length-7)}),s.jsx("span",{children:v.slice(-7)})]}):v})}),!k&&s.jsx(r.LinearProgress,{className:A.progressBar,variant:"determinate",value:U,classes:{colorPrimary:j.default(A.progressBackground,(m={},m[A.progressBarError]=F,m)),barColorPrimary:j.default(A.progressBarColor,(f={},f[A.progressBarError]=F,f))}}),s.jsxs("div",{className:A.loaderProgressContainer,children:[!k&&s.jsx(r.Typography,{className:j.default(A.fileSize,(p={},p[A.fileSizeLarge]=G,p)),component:"span",children:"".concat(M.downloaded," of ").concat(M.convertedSize," ").concat(M.unit)}),s.jsxs("div",{className:j.default(A.progressStatus,(I={},I[A.fileSizeLarge]=G,I)),children:[F&&s.jsxs(r.Typography,{component:"div",className:A.errorContainer,children:[s.jsx(l,{size:g}),s.jsx(r.Typography,{component:"span",className:j.default(A.errorText,(h={},h[A.fileSizeLarge]=G,h)),children:w?"Upload Error. Unacceptable file format.":"Upload Error".concat(b&&". ".concat(b))})]}),!F&&!k&&"".concat(U," %")]})]})]}),P&&s.jsxs("div",{className:A.fileActions,children:[U<100&&!F&&s.jsx(s.Fragment,{children:k?s.jsx("div",{className:j.default(A.loadingIcon,(q={},q[A.loadingLargeIcon]=G,q)),style:{backgroundImage:"url(".concat("/static/media/6fa6f1128bc0185126482345243bcd42.svg",")")}}):s.jsx(c,{tooltipProps:{title:"Cancel"},className:J,onClick:function(){C(v),O(0),T((function(s){return e.__assign(e.__assign({},s),{downloaded:0})}))},size:Z,children:s.jsx(a.CloseSmallIcon,{className:Q,size:K})})}),100===U&&!F&&(!D&&N?s.jsx(c,{variant:"contained",tooltipProps:{title:"Delete"},className:J,onClick:N,size:Z,children:s.jsx(a.DeleteFourIcon,{className:Q,size:K})}):s.jsx(a.CheckOneIcon,{fill:"#75DB29",size:K,style:{marginLeft:12}})),B&&F&&s.jsx(s.Fragment,{children:w?s.jsx(s.Fragment,{children:"default"===L?s.jsx(t,{size:G?"medium":"small",variation:"primary",startIcon:s.jsx(a.UploadIcon,{}),onClick:B,children:"Import"}):s.jsx(c,{size:Z,tooltipProps:{title:"Import File"},className:J,onClick:B,children:s.jsx(a.UploadIcon,{size:K})})}):s.jsx(c,{size:Z,tooltipProps:{title:"Reload"},className:J,onClick:B,children:s.jsx(a.RedoIcon,{size:K})})})]})]})]})}var I={size:f.default.oneOf(["small","large"]),unit:f.default.oneOf(["size","time","custom"]),customUnitName:f.default.string,onDelete:f.default.func,onReload:f.default.func,handleCancel:f.default.func,name:f.default.string,sizeBytes:f.default.number,error:f.default.bool,errorText:f.default.string,formatError:f.default.bool,importButtonType:f.default.oneOf(["default","icon"]),loadedBytes:f.default.number.isRequired,isLoadingAnimation:f.default.bool,showActions:f.default.bool};p.propTypes=I,p.defaultProps={size:"small",unit:"size",onDelete:null,onReload:null,name:"",customUnitName:"",sizeBytes:1,error:null,errorText:"",formatError:!1,importButtonType:"default",handleCancel:null,isLoadingAnimation:!1,showActions:!0},module.exports=p;
 //# sourceMappingURL=FilesLoader.js.map

package/cjs-bundle/components/FilesLoaderV2/FilesLoaderV2.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("react/jsx-runtime"),e=require("classnames"),o=require("@material-ui/core"),c=require("../FileIcon/FileIcon.js"),i=require("../IconButton/index.js"),r=require("../../icons/iconParkIcons.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");var n=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/Global.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("../../icons/customIcons/icons/InterventionUnit.js");var u=require("../MiddleTruncatedText/MiddleTruncatedText.js"),t=require("../Typography.js"),l=require("./utils.js"),a=require("./styles.js");function m(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var j=m(e);exports.FilesLoaderV2=function(e){var m=e.formatProgress,d=void 0===m?l.formatSizeProgress:m,q=e.className,I=e.name,x=e.current,h=e.total,p=e.errorText,C=e.onCancel,F=e.onReload,v=e.onDelete,g=a.useStyles(),R=h>=0&&x>=0,k=Math.min(100,Math.ceil(x/h*100)),P=x>=h;return s.jsxs("div",{className:j.default(g.root,q),children:[s.jsx(c.FileIcon,{name:I,className:g.icon,strokeWidth:2}),s.jsxs("div",{className:g.content,children:[s.jsx(t.Regular14,{className:g.name,children:s.jsx(u.MiddleTruncatedText,{children:I},I)}),!p&&!P&&s.jsxs(s.Fragment,{children:[s.jsx(o.LinearProgress,{className:g.progressBar,variant:R?"determinate":void 0,value:k}),s.jsxs("div",{className:g.progressTextContainer,children:[s.jsx(t.Regular12,{className:g.progressText,children:d(h,x)}),R&&s.jsxs(t.Regular12,{className:g.progressText,children:[k,"%"]})]})]}),p&&s.jsxs(t.Regular14,{className:g.error,children:[s.jsx(n.CautionFilledCustomIcon,{size:16}),p]})]}),C&&!p&&!P&&s.jsx(i,{onClick:C,size:"small",tooltipProps:{title:"Cancel"},children:s.jsx(r.CloseIcon,{})}),v&&(p||P)&&s.jsx(i,{onClick:v,size:"small",tooltipProps:{title:"Remove File"},children:s.jsx(r.DeleteFourIcon,{})}),F&&p&&s.jsx(i,{onClick:F,size:"small",tooltipProps:{title:"Reload"},children:s.jsx(r.RedoIcon,{})})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("react/jsx-runtime"),e=require("classnames"),o=require("@material-ui/core"),c=require("../FileIcon/FileIcon.js"),i=require("../IconButton/index.js"),n=require("../../icons/iconParkIcons.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/SearchOne.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");var r=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/Global.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("../../icons/customIcons/icons/InterventionUnit.js");var u=require("../MiddleTruncatedText/MiddleTruncatedText.js"),t=require("../Typography.js"),l=require("./utils.js"),a=require("./styles.js");function m(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var j=m(e);exports.FilesLoaderV2=function(e){var m=e.formatProgress,d=void 0===m?l.formatSizeProgress:m,q=e.className,I=e.name,x=e.current,h=e.total,p=e.errorText,C=e.onCancel,F=e.onReload,v=e.onDelete,g=a.useStyles(),R=h>=0&&x>=0,k=Math.min(100,Math.ceil(x/h*100)),P=x>=h;return s.jsxs("div",{className:j.default(g.root,q),children:[s.jsx(c.FileIcon,{name:I,className:g.icon,strokeWidth:2}),s.jsxs("div",{className:g.content,children:[s.jsx(t.Regular14,{className:g.name,children:s.jsx(u.MiddleTruncatedText,{children:I},I)}),!p&&!P&&s.jsxs(s.Fragment,{children:[s.jsx(o.LinearProgress,{className:g.progressBar,variant:R?"determinate":void 0,value:k}),s.jsxs("div",{className:g.progressTextContainer,children:[s.jsx(t.Regular12,{className:g.progressText,children:d(h,x)}),R&&s.jsxs(t.Regular12,{className:g.progressText,children:[k,"%"]})]})]}),p&&s.jsxs(t.Regular14,{className:g.error,children:[s.jsx(r.CautionFilledCustomIcon,{size:16}),p]})]}),C&&!p&&!P&&s.jsx(i,{onClick:C,size:"small",tooltipProps:{title:"Cancel"},children:s.jsx(n.CloseIcon,{})}),v&&(p||P)&&s.jsx(i,{onClick:v,size:"small",tooltipProps:{title:"Remove File"},children:s.jsx(n.DeleteFourIcon,{})}),F&&p&&s.jsx(i,{onClick:F,size:"small",tooltipProps:{title:"Reload"},children:s.jsx(n.RedoIcon,{})})]})};
 //# sourceMappingURL=FilesLoaderV2.js.map

package/cjs-bundle/components/Formula/CloseSuggestion.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var s=require("@material-ui/core"),o=require("../Tooltip/Tooltip.js");require("../Tooltip/ScrollableTooltip.js");var c=require("../../icons/iconParkIcons.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/Global.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("../../icons/customIcons/icons/InterventionUnit.js");var e=require("react/jsx-runtime"),i=s.makeStyles((function(s){return{buttonWrapper:{display:"flex",alignItems:"center",color:s.palette.primary.text7,"&:hover":{color:s.palette.primary.text1,cursor:"pointer"},marginLeft:"-24px",zIndex:999}}}));module.exports=function(s){var n=s.onClose,r=i();return e.jsx("div",{className:r.buttonWrapper,onClick:n,children:e.jsx(o.Tooltip,{title:"Clear",placement:"bottom",children:e.jsx(c.CloseSmallIcon,{size:16,strokeWidth:3})})})};
+"use strict";var s=require("@material-ui/core"),o=require("../Tooltip/Tooltip.js");require("../Tooltip/ScrollableTooltip.js");var c=require("../../icons/iconParkIcons.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/SearchOne.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/Global.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("../../icons/customIcons/icons/InterventionUnit.js");var e=require("react/jsx-runtime"),i=s.makeStyles((function(s){return{buttonWrapper:{display:"flex",alignItems:"center",color:s.palette.primary.text7,"&:hover":{color:s.palette.primary.text1,cursor:"pointer"},marginLeft:"-24px",zIndex:999}}}));module.exports=function(s){var n=s.onClose,r=i();return e.jsx("div",{className:r.buttonWrapper,onClick:n,children:e.jsx(o.Tooltip,{title:"Clear",placement:"bottom",children:e.jsx(c.CloseSmallIcon,{size:16,strokeWidth:3})})})};
 //# sourceMappingURL=CloseSuggestion.js.map

package/cjs-bundle/components/Formula/CloseSuggestion.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CloseSuggestion.js","sources":["../../../../src/components/Formula/CloseSuggestion.js"],"sourcesContent":["import { makeStyles } from '@material-ui/core';\n\nimport Tooltip from '~/components/Tooltip';\nimport { CloseSmallIcon } from '~/icons';\n\nconst useStyles = makeStyles(theme => ({\n buttonWrapper: {\n display: 'flex',\n alignItems: 'center',\n color: theme.palette.primary.text7,\n '&:hover': {\n color: theme.palette.primary.text1,\n cursor: 'pointer',\n },\n marginLeft: '-24px',\n zIndex: 999,\n },\n}));\n\nexport default function CloseSuggestion({ onClose }) {\n const classes = useStyles();\n return (\n <div className={classes.buttonWrapper} onClick={onClose}>\n <Tooltip title=\"Clear\" placement=\"bottom\">\n <CloseSmallIcon size={16} strokeWidth={3} />\n </Tooltip>\n </div>\n );\n}\n"],"names":["useStyles","makeStyles","theme","buttonWrapper","display","alignItems","color","palette","primary","text7","text1","cursor","marginLeft","zIndex","_ref","onClose","classes","_jsx","className","onClick","children","Tooltip","title","placement","CloseSmallIcon","size","strokeWidth"],"mappings":"~~oyEAKMA~~,EAAYC,EAAAA,YAAW,SAAAC,GAAK,MAAK,CACrCC,cAAe,CACbC,QAAS,OACTC,WAAY,SACZC,MAAOJ,EAAMK,QAAQC,QAAQC,MAC7B,UAAW,CACTH,MAAOJ,EAAMK,QAAQC,QAAQE,MAC7BC,OAAQ,WAEVC,WAAY,QACZC,OAAQ,KAEX,mBAEc,SAAsCC,GAAA,IAAXC,IAAAA,QAClCC,EAAUhB,IAChB,OACEiB,EAAAA,IAAA,MAAA,CAAKC,UAAWF,EAAQb,cAAegB,QAASJ,EAAQK,SACtDH,MAACI,UAAO,CAACC,MAAM,QAAQC,UAAU,SAAQH,SACvCH,MAACO,iBAAc,CAACC,KAAM,GAAIC,YAAa,OAI/C"}
1	+ {"version":3,"file":"CloseSuggestion.js","sources":["../../../../src/components/Formula/CloseSuggestion.js"],"sourcesContent":["import { makeStyles } from '@material-ui/core';\n\nimport Tooltip from '~/components/Tooltip';\nimport { CloseSmallIcon } from '~/icons';\n\nconst useStyles = makeStyles(theme => ({\n buttonWrapper: {\n display: 'flex',\n alignItems: 'center',\n color: theme.palette.primary.text7,\n '&:hover': {\n color: theme.palette.primary.text1,\n cursor: 'pointer',\n },\n marginLeft: '-24px',\n zIndex: 999,\n },\n}));\n\nexport default function CloseSuggestion({ onClose }) {\n const classes = useStyles();\n return (\n <div className={classes.buttonWrapper} onClick={onClose}>\n <Tooltip title=\"Clear\" placement=\"bottom\">\n <CloseSmallIcon size={16} strokeWidth={3} />\n </Tooltip>\n </div>\n );\n}\n"],"names":["useStyles","makeStyles","theme","buttonWrapper","display","alignItems","color","palette","primary","text7","text1","cursor","marginLeft","zIndex","_ref","onClose","classes","_jsx","className","onClick","children","Tooltip","title","placement","CloseSmallIcon","size","strokeWidth"],"mappings":"01EAKMA,EAAYC,EAAAA,YAAW,SAAAC,GAAK,MAAK,CACrCC,cAAe,CACbC,QAAS,OACTC,WAAY,SACZC,MAAOJ,EAAMK,QAAQC,QAAQC,MAC7B,UAAW,CACTH,MAAOJ,EAAMK,QAAQC,QAAQE,MAC7BC,OAAQ,WAEVC,WAAY,QACZC,OAAQ,KAEX,mBAEc,SAAsCC,GAAA,IAAXC,IAAAA,QAClCC,EAAUhB,IAChB,OACEiB,EAAAA,IAAA,MAAA,CAAKC,UAAWF,EAAQb,cAAegB,QAASJ,EAAQK,SACtDH,MAACI,UAAO,CAACC,MAAM,QAAQC,UAAU,SAAQH,SACvCH,MAACO,iBAAc,CAACC,KAAM,GAAIC,YAAa,OAI/C"}