npm - @corva/ui - Versions diffs - 3.12.0-0 → 3.12.0-10 - Mend

@corva/ui 3.12.0-0 → 3.12.0-10

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 (4981) hide show

package/components/FeedItem/components/FeedComments.js CHANGED Viewed

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

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

@@ -0,0 +1 @@

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

package/components/FeedItem/components/Icon.js CHANGED Viewed

	@@ -1 +1,2 @@
1 1	import e from"@babel/runtime/helpers/defineProperty";import o from"classnames";import{makeStyles as r}from"@material-ui/core";import t from"./AvatarIcon.js";import i from"./LessonsLearnedLeafIcon.js";import{isNativeDetected as n}from"../../../utils/mobileDetect.js";import{getIconForFeedItemType as a,AVATAR_ICON as m}from"../../../utils/feed.js";import{FEED_ITEM_TYPES as s,FEED_ITEM_TYPES_BY_KEY as c}from"../../../constants/feed.js";import{ALERT_LEVEL_COLOR as l}from"../../../constants/alerts.js";import{jsxs as d,Fragment as f,jsx as p}from"react/jsx-runtime";var u=r({icon:{width:32,height:32,backgroundColor:"grey",borderRadius:23,position:"absolute",top:18,left:-16,padding:6},iconWrapper:{display:"inline-block",height:20,width:20,overflow:"hidden"},iconImg:{height:20,width:20},iconNative:{left:"auto"}}),h=function(r){var t,i=r.feedItem,a=r.feedItemType,m=r.icon,s=u(),d=c[a]?c[a].label:"Other";if(a===c.alert.type){var f,h,v=null===(f=i.context)\|\|void 0===f\|\|null===(h=f.alert)\|\|void 0===h?void 0:h.level;t={backgroundColor:l[v]}}return p("div",{className:o(s.icon,e({},s.iconNative,n)),style:t,children:p("div",{className:s.iconWrapper,children:p("img",{src:m,alt:"".concat(d," icon"),className:s.iconImg})})})},v=function(e){var o=e.feedItem,r=e.displayName,n=e.isRecommended,c=e.currentUser,l=o.type,u=a(l),v=l===s.LESSONS_LEARNED;return u===m\|\|v?d(f,{children:[p(t,{displayName:r,feedItem:o,isRecommended:n,currentUser:c}),v&&p(i,{offsetX:-22,offsetY:32})]}):p(h,{icon:u,feedItem:o,feedItemType:l})};export{v as default};
2	+ //# sourceMappingURL=Icon.js.map

package/components/FeedItem/components/Icon.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Icon.js","sources":["../../../../src/components/FeedItem/components/Icon.js"],"sourcesContent":["/* eslint-disable react/prop-types */\n\n// TODO: Fix styles shit\nimport classNames from 'classnames';\nimport { makeStyles } from '@material-ui/core';\n\nimport AvatarIcon from './AvatarIcon';\nimport LessonsLearnedLeafIcon from './LessonsLearnedLeafIcon';\n\nimport { isNativeDetected } from '~/utils/mobileDetect';\nimport { getIconForFeedItemType, AVATAR_ICON } from '~/utils/feed';\nimport { FEED_ITEM_TYPES_BY_KEY, FEED_ITEM_TYPES } from '~/constants/feed';\nimport { ALERT_LEVEL_COLOR } from '~/constants/alerts';\n\nconst useStyles = makeStyles({\n icon: {\n width: 32,\n height: 32,\n backgroundColor: 'grey',\n borderRadius: 23,\n position: 'absolute',\n top: 18,\n left: -16,\n padding: 6,\n },\n iconWrapper: {\n display: 'inline-block',\n height: 20,\n width: 20,\n overflow: 'hidden',\n },\n iconImg: {\n height: 20,\n width: 20,\n },\n iconNative: {\n left: 'auto',\n },\n});\n\nconst TypeIcon = ({ feedItem, feedItemType, icon }) => {\n const classes = useStyles();\n\n const label = FEED_ITEM_TYPES_BY_KEY[feedItemType]\n ? FEED_ITEM_TYPES_BY_KEY[feedItemType].label\n : 'Other';\n\n let backgroundColorContainer;\n if (feedItemType === FEED_ITEM_TYPES_BY_KEY.alert.type) {\n const level = feedItem.context?.alert?.level;\n backgroundColorContainer = { backgroundColor: ALERT_LEVEL_COLOR[level] };\n }\n\n return (\n <div\n className={classNames(classes.icon, {\n [classes.iconNative]: isNativeDetected,\n })}\n style={backgroundColorContainer}\n >\n <div className={classes.iconWrapper}>\n <img src={icon} alt={`${label} icon`} className={classes.iconImg} />\n </div>\n </div>\n );\n};\n\nconst Icon = ({ feedItem, displayName, isRecommended, currentUser }) => {\n const feedItemType = feedItem.type;\n const icon = getIconForFeedItemType(feedItemType);\n const isLessonsLearned = feedItemType === FEED_ITEM_TYPES.LESSONS_LEARNED;\n\n // LessonsLearned has a custom icon. However, inside feedItem, we would like to display the avatar icon with a mark\n if (icon === AVATAR_ICON || isLessonsLearned) {\n return (\n <>\n <AvatarIcon\n displayName={displayName}\n feedItem={feedItem}\n isRecommended={isRecommended}\n currentUser={currentUser}\n />\n\n {isLessonsLearned && <LessonsLearnedLeafIcon offsetX={-22} offsetY={32} />}\n </>\n );\n }\n\n return <TypeIcon icon={icon} feedItem={feedItem} feedItemType={feedItemType} />;\n};\n\nexport default Icon;\n"],"names":["useStyles","makeStyles","icon","width","height","backgroundColor","borderRadius","position","top","left","padding","iconWrapper","display","overflow","iconImg","iconNative","TypeIcon","_ref","backgroundColorContainer","feedItem","feedItemType","classes","label","FEED_ITEM_TYPES_BY_KEY","alert","type","_feedItem$context","_feedItem$context$ale","level","context","ALERT_LEVEL_COLOR","_jsx","className","classNames","isNativeDetected","style","children","src","alt","concat","Icon","_ref2","displayName","isRecommended","currentUser","getIconForFeedItemType","isLessonsLearned","FEED_ITEM_TYPES","LESSONS_LEARNED","AVATAR_ICON","_jsxs","_Fragment","AvatarIcon","LessonsLearnedLeafIcon","offsetX","offsetY"],"mappings":"qjBAcA,IAAMA,EAAYC,EAAW,CAC3BC,KAAM,CACJC,MAAO,GACPC,OAAQ,GACRC,gBAAiB,OACjBC,aAAc,GACdC,SAAU,WACVC,IAAK,GACLC,MAAO,GACPC,QAAS,GAEXC,YAAa,CACXC,QAAS,eACTR,OAAQ,GACRD,MAAO,GACPU,SAAU,UAEZC,QAAS,CACPV,OAAQ,GACRD,MAAO,IAETY,WAAY,CACVN,KAAM,UAIJO,EAAW,SAAsCC,GAAA,IAOjDC,EAPcC,IAAAA,SAAUC,IAAAA,aAAclB,IAAAA,KACpCmB,EAAUrB,IAEVsB,EAAQC,EAAuBH,GACjCG,EAAuBH,GAAcE,MACrC,QAGJ,GAAIF,IAAiBG,EAAuBC,MAAMC,KAAM,CAAA,IAAAC,EAAAC,EAChDC,UAAQT,EAAAA,EAASU,sBAAT,UAAAH,EAAkBF,aAAlB,IAAAG,SAAAA,EAAyBC,MACvCV,EAA2B,CAAEb,gBAAiByB,EAAkBF,GAClE,CAEA,OACEG,EAAA,MAAA,CACEC,UAAWC,EAAWZ,EAAQnB,KAC3BmB,EAAAA,CAAAA,EAAAA,EAAQN,WAAamB,IAExBC,MAAOjB,EAAyBkB,SAEhCL,EAAA,MAAA,CAAKC,UAAWX,EAAQV,YAAYyB,SAClCL,EAAA,MAAA,CAAKM,IAAKnC,EAAMoC,IAAG,GAAAC,OAAKjB,EAAa,SAACU,UAAWX,EAAQP,aAIjE,EAEM0B,EAAO,SAA2DC,GAAA,IAAxDtB,IAAAA,SAAUuB,IAAAA,YAAaC,IAAAA,cAAeC,IAAAA,YAC9CxB,EAAeD,EAASM,KACxBvB,EAAO2C,EAAuBzB,GAC9B0B,EAAmB1B,IAAiB2B,EAAgBC,gBAG1D,OAAI9C,IAAS+C,GAAeH,EAExBI,EAAAC,EAAA,CAAAf,SAAA,CACEL,EAACqB,EAAU,CACTV,YAAaA,EACbvB,SAAUA,EACVwB,cAAeA,EACfC,YAAaA,IAGdE,GAAoBf,EAACsB,EAAsB,CAACC,SAAU,GAAIC,QAAS,QAKnExB,EAACf,EAAQ,CAACd,KAAMA,EAAMiB,SAAUA,EAAUC,aAAcA,GACjE"}

package/components/FeedItem/components/LessonsLearnedLeafIcon.js CHANGED Viewed

	@@ -1 +1,2 @@
1 1	import t from"prop-types";import{jsxs as e,jsx as r}from"react/jsx-runtime";function f(t){var f=t.offsetX,o=t.offsetY;return e("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",transform:"translate(".concat(f,",").concat(o,")"),children:[r("path",{d:"M11.3259 0L15.4044 0.0174C15.5624 0.017453 15.7139 0.0802618 15.8256 0.192012C15.9373 0.303762 16 0.455301 16 0.6133V12.9293C16 13.0872 15.9373 13.2387 15.8257 13.3504C15.7141 13.4622 15.5627 13.525 15.4048 13.5252L11.3263 13.5078C10.652 13.509 10.0036 13.7676 9.51363 14.2308C9.19101 14.5358 8.95309 14.9143 8.81705 15.3295C8.69742 15.6946 8.38984 16 8.00564 16C7.6214 16 7.31381 15.6945 7.19419 15.3294C7.05821 14.9143 6.82039 14.5359 6.4979 14.2309C6.00804 13.7677 5.35978 13.5091 4.6856 13.5078H0.5956C0.437601 13.5077 0.286094 13.4449 0.1744 13.3332C0.0627059 13.2214 -2.65192e-05 13.0699 0 12.9119V0.5959C-2.65192e-05 0.437901 0.0627059 0.286362 0.1744 0.174612C0.286094 0.0628618 0.437601 5.30353e-05 0.5956 0H4.6853C5.30628 8.92501e-05 5.91871 0.144783 6.47407 0.42262C7.02943 0.700456 7.51246 1.1038 7.8849 1.6007L8.0049 1.7607L8.1249 1.6014C8.49748 1.10426 8.98071 0.700718 9.53632 0.422757C10.0919 0.144796 10.7046 5.43028e-05 11.3259 0Z",fill:"#63EFFF"}),r("rect",{x:"7",y:"3",width:"2",height:"10",rx:"1",fill:"#212121"})]})}f.propTypes={offsetX:t.number,offsetY:t.number},f.defaultProps={offsetX:0,offsetY:0};export{f as default};
2	+ //# sourceMappingURL=LessonsLearnedLeafIcon.js.map

package/components/FeedItem/components/LessonsLearnedLeafIcon.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"LessonsLearnedLeafIcon.js","sources":["../../../../src/components/FeedItem/components/LessonsLearnedLeafIcon.js"],"sourcesContent":["import PropTypes from 'prop-types';\n\nfunction LessonsLearnedLeafIcon({ offsetX, offsetY }) {\n return (\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n transform={`translate(${offsetX},${offsetY})`}\n >\n <path\n d=\"M11.3259 0L15.4044 0.0174C15.5624 0.017453 15.7139 0.0802618 15.8256 0.192012C15.9373 0.303762 16 0.455301 16 0.6133V12.9293C16 13.0872 15.9373 13.2387 15.8257 13.3504C15.7141 13.4622 15.5627 13.525 15.4048 13.5252L11.3263 13.5078C10.652 13.509 10.0036 13.7676 9.51363 14.2308C9.19101 14.5358 8.95309 14.9143 8.81705 15.3295C8.69742 15.6946 8.38984 16 8.00564 16C7.6214 16 7.31381 15.6945 7.19419 15.3294C7.05821 14.9143 6.82039 14.5359 6.4979 14.2309C6.00804 13.7677 5.35978 13.5091 4.6856 13.5078H0.5956C0.437601 13.5077 0.286094 13.4449 0.1744 13.3332C0.0627059 13.2214 -2.65192e-05 13.0699 0 12.9119V0.5959C-2.65192e-05 0.437901 0.0627059 0.286362 0.1744 0.174612C0.286094 0.0628618 0.437601 5.30353e-05 0.5956 0H4.6853C5.30628 8.92501e-05 5.91871 0.144783 6.47407 0.42262C7.02943 0.700456 7.51246 1.1038 7.8849 1.6007L8.0049 1.7607L8.1249 1.6014C8.49748 1.10426 8.98071 0.700718 9.53632 0.422757C10.0919 0.144796 10.7046 5.43028e-05 11.3259 0Z\"\n fill=\"#63EFFF\"\n />\n <rect x=\"7\" y=\"3\" width=\"2\" height=\"10\" rx=\"1\" fill=\"#212121\" />\n </svg>\n );\n}\n\nLessonsLearnedLeafIcon.propTypes = {\n offsetX: PropTypes.number,\n offsetY: PropTypes.number,\n};\n\nLessonsLearnedLeafIcon.defaultProps = {\n offsetX: 0,\n offsetY: 0,\n};\n\nexport default LessonsLearnedLeafIcon;\n"],"names":["LessonsLearnedLeafIcon","_ref","offsetX","offsetY","_jsxs","width","height","viewBox","fill","xmlns","transform","children","_jsx","d","x","y","rx","propTypes","PropTypes","number","defaultProps"],"mappings":"4EAEA,SAASA,EAA6CC,GAAA,IAApBC,IAAAA,QAASC,IAAAA,QACzC,OACEC,EAAA,MAAA,CACEC,MAAM,KACNC,OAAO,KACPC,QAAQ,YACRC,KAAK,OACLC,MAAM,6BACNC,UAAwBR,aAAAA,OAAAA,EAAWC,KAAAA,OAAAA,EAAW,KAAAQ,SAE9C,CAAAC,EAAA,OAAA,CACEC,EAAE,u7BACFL,KAAK,YAEPI,EAAA,OAAA,CAAME,EAAE,IAAIC,EAAE,IAAIV,MAAM,IAAIC,OAAO,KAAKU,GAAG,IAAIR,KAAK,cAG1D,CAEAR,EAAuBiB,UAAY,CACjCf,QAASgB,EAAUC,OACnBhB,QAASe,EAAUC,QAGrBnB,EAAuBoB,aAAe,CACpClB,QAAS,EACTC,QAAS"}

package/components/FeedItem/components/Reactions.js CHANGED Viewed

	@@ -1 +1,2 @@
1 1	import e from"@babel/runtime/helpers/defineProperty";import t from"classnames";import i from"moment";import{uniq as n,uniqBy as o}from"lodash";import{makeStyles as r,useTheme as m,IconButton as a}from"@material-ui/core";import s from"@material-ui/icons/ThumbUp";import l from"@material-ui/icons/Comment";import{notifyOpenFeedCommentInput as c}from"../../../utils/nativeMessages.js";import{isNativeDetected as u}from"../../../utils/mobileDetect.js";import p from"../../CommentsInfo/index.js";import d from"../../../utils/main.js";import{jsx as f,jsxs as g}from"react/jsx-runtime";var C=r({reactionButton:{padding:8},reactions:{minHeight:48,marginTop:5,display:"flex",alignItems:"center",padding:"8px 16px 8px 24px",flexWrap:"wrap"},reactionsNative:{padding:"0 16px"},actions:{display:"flex",marginRight:30,alignItems:"center"}}),h=u?2:3,k=function(r){var k=r.feedItem,x=r.currentUser,v=r.setOpenCommentInput,N=r.setOpenCommentList,b=r.openCommentInput,y=r.openCommentList,I=r.handleToggleLike,L=m(),j=C(),B=k.likes_count,U=k.comments.length,F=(k.likes\|\|[]).find((function(e){var t;return(null===(t=e.user)\|\|void 0===t?void 0:t.id)===x.id})),_=(k.likes\|\|[]).map((function(e){return d.getUserFullName(e.user)})),P=n((k.comments\|\|[]).map((function(e){return d.getUserFullName(e.user)}))),T=o((k.comments\|\|[]).concat(k.likes\|\|[]).map((function(e){return e.user})).sort((function(e){return i(e.created_at).unix()})),"id").slice(0,h),W=!b\|\|!y;return f("div",{className:t(j.reactions,e({},j.reactionsNative,u)),children:g("div",{className:j.actions,children:[f(a,{"data-testid":"".concat("FeedPo","_likeButton"),"aria-label":"Like",onClick:I,className:j.reactionButton,children:f(s,{htmlColor:F?L.palette.primary.main:L.palette.grey[400]})}),f(a,{"data-testid":"".concat("FeedPo","_commentButton"),"aria-label":"Comment",onClick:function(){u?c(k.id):(v(W),N(W))},className:j.reactionButton,children:f(l,{htmlColor:L.palette.grey[400]})}),f(p,{likesCount:B,usersWhoLike:_,commentsCount:U,usersWhoCommented:P,activeUsersList:T,onCommentsClick:function(){return N(!y)},small:!0})]})})};export{k as default};
2	+ //# sourceMappingURL=Reactions.js.map

package/components/FeedItem/components/Reactions.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Reactions.js","sources":["../../../../src/components/FeedItem/components/Reactions.js"],"sourcesContent":["/* eslint-disable react/prop-types */\n// NOTE: CHECK utils\nimport classNames from 'classnames';\nimport moment from 'moment';\nimport { uniq, uniqBy } from 'lodash';\nimport { makeStyles, useTheme, IconButton } from '@material-ui/core';\nimport ThumbUpIcon from '@material-ui/icons/ThumbUp';\nimport CommentIcon from '@material-ui/icons/Comment';\n\nimport { notifyOpenFeedCommentInput } from '~/utils/nativeMessages';\nimport { isNativeDetected } from '~utils/mobileDetect';\nimport CommentsInfo from '~/components/CommentsInfo';\nimport utils from '~/utils/main';\n\nconst PAGE_NAME = 'FeedPo';\n\nconst useStyles = makeStyles({\n reactionButton: { padding: 8 },\n reactions: {\n minHeight: 48,\n marginTop: 5,\n display: 'flex',\n alignItems: 'center',\n padding: '8px 16px 8px 24px',\n flexWrap: 'wrap',\n },\n reactionsNative: {\n padding: '0 16px',\n },\n actions: {\n display: 'flex',\n marginRight: 30,\n alignItems: 'center',\n },\n});\n\nconst AVATARS_VISIBLE_AMOUNT = isNativeDetected ? 2 : 3;\n\nconst Reactions = ({\n feedItem,\n currentUser,\n setOpenCommentInput,\n setOpenCommentList,\n openCommentInput,\n openCommentList,\n handleToggleLike,\n}) => {\n const theme = useTheme();\n const classes = useStyles();\n const likesCount = feedItem.likes_count;\n const commentsCount = feedItem.comments.length;\n\n const isLikedByCurrentUser = (feedItem.likes || []).find(\n like => like.user?.id === currentUser.id\n );\n\n const usersWhoLike = (feedItem.likes || []).map(like => utils.getUserFullName(like.user));\n\n const usersWhoCommented = uniq(\n (feedItem.comments || []).map(comment => utils.getUserFullName(comment.user))\n );\n\n const activeUsersList = uniqBy(\n (feedItem.comments || [])\n .concat(feedItem.likes || [])\n .map(item => item.user)\n .sort(item => moment(item.created_at).unix()),\n 'id'\n ).slice(0, AVATARS_VISIBLE_AMOUNT);\n\n const isListOrInputClosed = !openCommentInput || !openCommentList;\n\n const handleCommentIconClick = () => {\n if (isNativeDetected) {\n notifyOpenFeedCommentInput(feedItem.id);\n } else {\n setOpenCommentInput(isListOrInputClosed);\n setOpenCommentList(isListOrInputClosed);\n }\n };\n\n return (\n <div\n className={classNames(classes.reactions, {\n [classes.reactionsNative]: isNativeDetected,\n })}\n >\n <div className={classes.actions}>\n <IconButton\n data-testid={`${PAGE_NAME}_likeButton`}\n aria-label=\"Like\"\n onClick={handleToggleLike}\n className={classes.reactionButton}\n >\n <ThumbUpIcon\n htmlColor={isLikedByCurrentUser ? theme.palette.primary.main : theme.palette.grey[400]}\n />\n </IconButton>\n\n <IconButton\n data-testid={`${PAGE_NAME}_commentButton`}\n aria-label=\"Comment\"\n onClick={handleCommentIconClick}\n className={classes.reactionButton}\n >\n <CommentIcon htmlColor={theme.palette.grey[400]} />\n </IconButton>\n\n <CommentsInfo\n likesCount={likesCount}\n usersWhoLike={usersWhoLike}\n commentsCount={commentsCount}\n usersWhoCommented={usersWhoCommented}\n activeUsersList={activeUsersList}\n onCommentsClick={() => setOpenCommentList(!openCommentList)}\n small\n />\n </div>\n </div>\n );\n};\n\nexport default Reactions;\n"],"names":["useStyles","makeStyles","reactionButton","padding","reactions","minHeight","marginTop","display","alignItems","flexWrap","reactionsNative","actions","marginRight","AVATARS_VISIBLE_AMOUNT","isNativeDetected","Reactions","_ref","feedItem","currentUser","setOpenCommentInput","setOpenCommentList","openCommentInput","openCommentList","handleToggleLike","theme","useTheme","classes","likesCount","likes_count","commentsCount","comments","length","isLikedByCurrentUser","likes","find","like","_like$user","user","id","usersWhoLike","map","utils","getUserFullName","usersWhoCommented","uniq","comment","activeUsersList","uniqBy","concat","item","sort","moment","created_at","unix","slice","isListOrInputClosed","_jsx","className","classNames","children","_jsxs","IconButton","onClick","ThumbUpIcon","htmlColor","palette","primary","main","grey","notifyOpenFeedCommentInput","CommentIcon","CommentsInfo","onCommentsClick","small"],"mappings":"mkBAcA,IAEMA,EAAYC,EAAW,CAC3BC,eAAgB,CAAEC,QAAS,GAC3BC,UAAW,CACTC,UAAW,GACXC,UAAW,EACXC,QAAS,OACTC,WAAY,SACZL,QAAS,oBACTM,SAAU,QAEZC,gBAAiB,CACfP,QAAS,UAEXQ,QAAS,CACPJ,QAAS,OACTK,YAAa,GACbJ,WAAY,YAIVK,EAAyBC,EAAmB,EAAI,EAEhDC,EAAY,SAQZC,GAAA,IAPJC,IAAAA,SACAC,IAAAA,YACAC,IAAAA,oBACAC,IAAAA,mBACAC,IAAAA,iBACAC,IAAAA,gBACAC,IAAAA,iBAEMC,EAAQC,IACRC,EAAU1B,IACV2B,EAAaV,EAASW,YACtBC,EAAgBZ,EAASa,SAASC,OAElCC,GAAwBf,EAASgB,OAAS,IAAIC,MAClD,SAAAC,GAAI,IAAAC,EAAA,OAAa,QAATA,EAAAD,EAAKE,YAAI,IAAAD,OAAA,EAATA,EAAWE,MAAOpB,EAAYoB,MAGlCC,GAAgBtB,EAASgB,OAAS,IAAIO,KAAI,SAAAL,GAAI,OAAIM,EAAMC,gBAAgBP,EAAKE,SAE7EM,EAAoBC,GACvB3B,EAASa,UAAY,IAAIU,KAAI,SAAAK,GAAO,OAAIJ,EAAMC,gBAAgBG,EAAQR,KAAK,KAGxES,EAAkBC,GACrB9B,EAASa,UAAY,IACnBkB,OAAO/B,EAASgB,OAAS,IACzBO,KAAI,SAAAS,GAAI,OAAIA,EAAKZ,IAAI,IACrBa,MAAK,SAAAD,GAAI,OAAIE,EAAOF,EAAKG,YAAYC,MAAO,IAC/C,MACAC,MAAM,EAAGzC,GAEL0C,GAAuBlC,IAAqBC,EAWlD,OACEkC,EAAA,MAAA,CACEC,UAAWC,EAAWhC,EAAQtB,UAC3BsB,EAAAA,CAAAA,EAAAA,EAAQhB,gBAAkBI,IAC1B6C,SAEHC,EAAA,MAAA,CAAKH,UAAW/B,EAAQf,QAAQgD,SAAA,CAC9BH,EAACK,EAAU,CACT,cAAA,GAAAb,OA3EQ,SA2E+B,eACvC,aAAW,OACXc,QAASvC,EACTkC,UAAW/B,EAAQxB,eAAeyD,SAElCH,EAACO,EAAW,CACVC,UAAWhC,EAAuBR,EAAMyC,QAAQC,QAAQC,KAAO3C,EAAMyC,QAAQG,KAAK,SAItFZ,EAACK,EAAU,CACT,cAAA,GAAAb,OAtFQ,SAsFkC,kBAC1C,aAAW,UACXc,QA9BuB,WACzBhD,EACFuD,EAA2BpD,EAASqB,KAEpCnB,EAAoBoC,GACpBnC,EAAmBmC,KA0BfE,UAAW/B,EAAQxB,eAAeyD,SAElCH,EAACc,EAAW,CAACN,UAAWxC,EAAMyC,QAAQG,KAAK,SAG7CZ,EAACe,EAAY,CACX5C,WAAYA,EACZY,aAAcA,EACdV,cAAeA,EACfc,kBAAmBA,EACnBG,gBAAiBA,EACjB0B,gBAAiB,WAAA,OAAMpD,GAAoBE,EAAiB,EAC5DmD,OAAK,QAKf"}

package/components/FeedItem/components/RigAndWell.js CHANGED Viewed

	@@ -1 +1,2 @@
1 1	import{get as e}from"lodash";import{makeStyles as n,Typography as t}from"@material-ui/core";import{SEGMENTS as i}from"../../../constants/segment.js";import{jsxs as a,jsx as o}from"react/jsx-runtime";var r=n((function(e){return{rigAndWellContainer:{display:"flex",gap:"8px",alignItems:"flex-end"},contentAssetInfo:{color:e.palette.primary.main,width:"100%",fontSize:12},assetLink:{cursor:"pointer",display:"block",marginTop:e.spacing(.5),fontSize:"12px",pointerEvents:"auto",zIndex:1},stageNumber:{color:e.palette.primary.text6,fontSize:12}}})),l=function(n){var l,s,d,c,m,v,u=n.feedItem,p=r(),f=!!u.rig,g=function(e){var n,t,i;return e.rig?null===(n=e.rig)\|\|void 0===n?void 0:n.name:null===(t=e.well)\|\|void 0===t\|\|null===(i=t.parent_asset)\|\|void 0===i?void 0:i.name}(u),x=f?null===(l=u.rig)\|\|void 0===l\|\|null===(s=l.active_well)\|\|void 0===s?void 0:s.name:null===(d=u.well)\|\|void 0===d?void 0:d.name,N=f?null===(c=u.rig)\|\|void 0===c\|\|null===(m=c.active_well)\|\|void 0===m?void 0:m.id:null===(v=u.well)\|\|void 0===v?void 0:v.id,b=e(u,["segment",0])===i.COMPLETION&&e(u,["context","alert","stage_numbers",0]);return a("div",{className:p.rigAndWellContainer,children:[N?o("a",{"data-testid":"".concat("FeedPo","_wellLink"),className:p.assetLink,onClick:function(e){return e.stopPropagation()},href:"/assets/".concat(N,"/"),target:"_blank",rel:"noreferrer",children:a(t,{variant:"body2",className:p.contentAssetInfo,children:[g," - ",x]})}):a(t,{variant:"body2",className:p.contentAssetInfo,children:[g," - No Active Well"]}),b&&a(t,{variant:"body2",className:p.stageNumber,children:["Stage ",b]})]})};export{l as default};
2	+ //# sourceMappingURL=RigAndWell.js.map

package/components/FeedItem/components/RigAndWell.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"RigAndWell.js","sources":["../../../../src/components/FeedItem/components/RigAndWell.js"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport { get } from 'lodash';\nimport { Typography, makeStyles } from '@material-ui/core';\n\nimport { SEGMENTS } from '~/constants/segment';\n\nconst PAGE_NAME = 'FeedPo';\n\nconst useStyles = makeStyles(theme => ({\n rigAndWellContainer: {\n display: 'flex',\n gap: '8px',\n alignItems: 'flex-end',\n },\n contentAssetInfo: {\n color: theme.palette.primary.main,\n width: '100%',\n fontSize: 12,\n },\n assetLink: {\n cursor: 'pointer',\n display: 'block',\n marginTop: theme.spacing(0.5),\n fontSize: '12px',\n pointerEvents: 'auto',\n zIndex: 1,\n },\n stageNumber: {\n color: theme.palette.primary.text6,\n fontSize: 12,\n },\n}));\n\nconst getRigName = feedItem => {\n const isRigBasedItem = !!feedItem.rig;\n return isRigBasedItem ? feedItem.rig?.name : feedItem.well?.parent_asset?.name;\n};\n\nconst RigAndWell = ({ feedItem }) => {\n const classes = useStyles();\n const isRigBasedItem = !!feedItem.rig;\n\n const rigName = getRigName(feedItem);\n\n const wellName = isRigBasedItem ? feedItem.rig?.active_well?.name : feedItem.well?.name;\n\n const wellId = isRigBasedItem ? feedItem.rig?.active_well?.id : feedItem.well?.id;\n\n const stageNumber =\n get(feedItem, ['segment', 0]) === SEGMENTS.COMPLETION &&\n get(feedItem, ['context', 'alert', 'stage_numbers', 0]);\n\n return (\n <div className={classes.rigAndWellContainer}>\n {wellId ? (\n <a\n data-testid={`${PAGE_NAME}_wellLink`}\n className={classes.assetLink}\n onClick={e => e.stopPropagation()}\n href={`/assets/${wellId}/`}\n target=\"_blank\"\n rel=\"noreferrer\"\n >\n <Typography variant=\"body2\" className={classes.contentAssetInfo}>\n {rigName} - {wellName}\n </Typography>\n </a>\n ) : (\n <Typography variant=\"body2\" className={classes.contentAssetInfo}>\n {rigName} - No Active Well\n </Typography>\n )}\n {stageNumber && (\n <Typography variant=\"body2\" className={classes.stageNumber}>\n Stage {stageNumber}\n </Typography>\n )}\n </div>\n );\n};\n\nexport default RigAndWell;\n"],"names":["useStyles","makeStyles","theme","rigAndWellContainer","display","gap","alignItems","contentAssetInfo","color","palette","primary","main","width","fontSize","assetLink","cursor","marginTop","spacing","pointerEvents","zIndex","stageNumber","text6","RigAndWell","_ref","_feedItem$rig2","_feedItem$rig2$active","_feedItem$well2","_feedItem$rig3","_feedItem$rig3$active","_feedItem$well3","feedItem","classes","isRigBasedItem","rig","rigName","_feedItem$rig","_feedItem$well","_feedItem$well$parent","name","well","parent_asset","getRigName","wellName","active_well","wellId","id","get","SEGMENTS","COMPLETION","_jsxs","className","children","_jsx","concat","onClick","e","stopPropagation","href","target","rel","Typography","variant"],"mappings":"uMAMA,IAEMA,EAAYC,GAAW,SAAAC,GAAK,MAAK,CACrCC,oBAAqB,CACnBC,QAAS,OACTC,IAAK,MACLC,WAAY,YAEdC,iBAAkB,CAChBC,MAAON,EAAMO,QAAQC,QAAQC,KAC7BC,MAAO,OACPC,SAAU,IAEZC,UAAW,CACTC,OAAQ,UACRX,QAAS,QACTY,UAAWd,EAAMe,QAAQ,IACzBJ,SAAU,OACVK,cAAe,OACfC,OAAQ,GAEVC,YAAa,CACXZ,MAAON,EAAMO,QAAQC,QAAQW,MAC7BR,SAAU,IAEb,IAOKS,EAAa,SAAkBC,GAAA,IAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAfC,IAAAA,SACdC,EAAU/B,IACVgC,IAAmBF,EAASG,IAE5BC,EATW,SAAAJ,GAAY,IAAAK,EAAAC,EAAAC,EAE7B,OADyBP,EAASG,YACVH,EAAAA,EAASG,wBAATE,EAAcG,KAAoB,QAAbR,EAAAA,EAASS,YAAI,IAAAH,GAAc,QAAdC,EAAbD,EAAeI,oBAAY,IAAAH,OAAd,EAAbA,EAA6BC,IAC5E,CAMkBG,CAAWX,GAErBY,EAAWV,EAAiB,UAAAF,EAASG,WAAT,IAAAT,GAAA,QAAAC,EAAAD,EAAcmB,mBAAd,IAAAlB,OAAA,EAAAA,EAA2Ba,KAAoB,QAAbR,EAAAA,EAASS,YAAI,IAAAb,OAAA,EAAbA,EAAeY,KAE7EM,EAASZ,EAAiB,UAAAF,EAASG,WAAT,IAAAN,GAAA,QAAAC,EAAAD,EAAcgB,mBAAd,IAAAf,OAAA,EAAAA,EAA2BiB,GAAkB,QAAbf,EAAAA,EAASS,YAAI,IAAAV,OAAA,EAAbA,EAAegB,GAEzEzB,EACJ0B,EAAIhB,EAAU,CAAC,UAAW,MAAQiB,EAASC,YAC3CF,EAAIhB,EAAU,CAAC,UAAW,QAAS,gBAAiB,IAEtD,OACEmB,EAAA,MAAA,CAAKC,UAAWnB,EAAQ5B,oBAAoBgD,SAAA,CACzCP,EACCQ,EAAA,IAAA,CACE,cAAA,GAAAC,OAlDQ,SAkD6B,aACrCH,UAAWnB,EAAQjB,UACnBwC,QAAS,SAAAC,GAAC,OAAIA,EAAEC,iBAAkB,EAClCC,KAAI,WAAAJ,OAAaT,EAAU,KAC3Bc,OAAO,SACPC,IAAI,aAAYR,SAEhBF,EAACW,EAAU,CAACC,QAAQ,QAAQX,UAAWnB,EAAQxB,iBAAiB4C,SAC7DjB,CAAAA,QAAYQ,OAIjBO,EAACW,EAAU,CAACC,QAAQ,QAAQX,UAAWnB,EAAQxB,iBAAiB4C,SAAA,CAC7DjB,EAAO,uBAGXd,GACC6B,EAACW,EAAU,CAACC,QAAQ,QAAQX,UAAWnB,EAAQX,YAAY+B,SAAA,CAAA,SAClD/B,OAKjB"}

package/components/FeedItem/components/TypeAndAssetTitle.js CHANGED Viewed

	@@ -1 +1,2 @@
1 1	import{makeStyles as e,Typography as t}from"@material-ui/core";import{FEED_ITEM_TYPES_BY_KEY as o,FEED_ITEM_TYPES as a}from"../../../constants/feed.js";import{jsx as r}from"react/jsx-runtime";var i=[o.post.type,o.app_annotation.type,o.geosteering_comments.type,a.TRACES_MEMO,a.DEPTH_COMMENTS],n=e((function(e){return{assetRoot:{color:e.palette.grey[400],whiteSpace:"nowrap",textOverflow:"ellipsis",overflow:"hidden",marginRight:4,fontWeight:700,letterSpacing:.25},postTitle:{color:"#fff"}}})),s=function(e){var o=e.feedItem,a=e.userFullName,s=e.typeLabel,l=n(),p=i.includes(o.type)?a:s;return r(t,{variant:"body2",className:l.assetRoot,children:r("span",{"data-testid":"".concat("FeedPo","_postTitle"),className:l.postTitle,children:p})})};export{s as default};
2	+ //# sourceMappingURL=TypeAndAssetTitle.js.map

package/components/FeedItem/components/TypeAndAssetTitle.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"TypeAndAssetTitle.js","sources":["../../../../src/components/FeedItem/components/TypeAndAssetTitle.js"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport { Typography, makeStyles } from '@material-ui/core';\n\nimport { FEED_ITEM_TYPES, FEED_ITEM_TYPES_BY_KEY } from '~/constants/feed';\n\nconst PAGE_NAME = 'FeedPo';\n\nconst USER_NAME_TITLE_ITEMS = [\n FEED_ITEM_TYPES_BY_KEY.post.type,\n FEED_ITEM_TYPES_BY_KEY.app_annotation.type,\n FEED_ITEM_TYPES_BY_KEY.geosteering_comments.type,\n FEED_ITEM_TYPES.TRACES_MEMO,\n FEED_ITEM_TYPES.DEPTH_COMMENTS,\n];\n\nconst useStyles = makeStyles(theme => ({\n assetRoot: {\n color: theme.palette.grey[400],\n whiteSpace: 'nowrap',\n textOverflow: 'ellipsis',\n overflow: 'hidden',\n marginRight: 4,\n fontWeight: 700,\n letterSpacing: 0.25,\n },\n postTitle: {\n color: '#fff',\n },\n}));\n\nconst TypeAndAssetTitle = ({ feedItem, userFullName, typeLabel }) => {\n const classes = useStyles();\n\n const typeOrName = USER_NAME_TITLE_ITEMS.includes(feedItem.type) ? userFullName : typeLabel;\n\n return (\n <Typography variant=\"body2\" className={classes.assetRoot}>\n <span data-testid={`${PAGE_NAME}_postTitle`} className={classes.postTitle}>\n {typeOrName}\n </span>\n </Typography>\n );\n};\n\nexport default TypeAndAssetTitle;\n"],"names":["USER_NAME_TITLE_ITEMS","FEED_ITEM_TYPES_BY_KEY","post","type","app_annotation","geosteering_comments","FEED_ITEM_TYPES","TRACES_MEMO","DEPTH_COMMENTS","useStyles","makeStyles","theme","assetRoot","color","palette","grey","whiteSpace","textOverflow","overflow","marginRight","fontWeight","letterSpacing","postTitle","TypeAndAssetTitle","_ref","feedItem","userFullName","typeLabel","classes","typeOrName","includes","_jsx","Typography","variant","className","children","concat"],"mappings":"gMAKA,IAEMA,EAAwB,CAC5BC,EAAuBC,KAAKC,KAC5BF,EAAuBG,eAAeD,KACtCF,EAAuBI,qBAAqBF,KAC5CG,EAAgBC,YAChBD,EAAgBE,gBAGZC,EAAYC,GAAW,SAAAC,GAAK,MAAK,CACrCC,UAAW,CACTC,MAAOF,EAAMG,QAAQC,KAAK,KAC1BC,WAAY,SACZC,aAAc,WACdC,SAAU,SACVC,YAAa,EACbC,WAAY,IACZC,cAAe,KAEjBC,UAAW,CACTT,MAAO,QAEV,IAEKU,EAAoB,SAA2CC,GAAA,IAAxCC,IAAAA,SAAUC,IAAAA,aAAcC,IAAAA,UAC7CC,EAAUnB,IAEVoB,EAAa7B,EAAsB8B,SAASL,EAAStB,MAAQuB,EAAeC,EAElF,OACEI,EAACC,EAAU,CAACC,QAAQ,QAAQC,UAAWN,EAAQhB,UAAUuB,SACvDJ,EAAA,OAAA,CAAM,cAAA,GAAAK,OAhCM,SAgCgC,cAACF,UAAWN,EAAQN,UAAUa,SACvEN,KAIT"}

package/components/FeedItem/editModals/DvdCommentEdit/DvdCommentEdit.js CHANGED Viewed

	@@ -1 +1,2 @@
1 1	import t from"@babel/runtime/helpers/defineProperty";import e from"@babel/runtime/helpers/slicedToArray";import{useRef as n,useState as o}from"react";import r from"moment";import i from"classnames";import{makeStyles as a,Grid as c,Typography as s}from"@material-ui/core";import{convertValue as l,getUnitDisplay as m}from"../../../../utils/index.js";import p from"../../../Modal/Modal.js";import d from"../../../PostInput/PostInput.js";import u from"../../../IconButton/index.js";import{Regular14 as f}from"../../../Typography.js";import h from"../../../Icons/SendIcon.js";import{isSuggestionsListOpened as g}from"../../../UserMention/utils/index.js";import{MENTION_STYLE as b}from"../../../../constants/feed.js";import{jsxs as y,jsx as v}from"react/jsx-runtime";function x(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,o)}return n}function N(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?x(Object(o),!0).forEach((function(n){t(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):x(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}var j=a((function(t){return{postInput:{paddingBottom:8},filePreviewWrapper:{width:"100%",marginLeft:0,maxHeight:251},modal:{maxWidth:450,width:"100vw"},actionsAdornment:{flex:1},info:{marginTop:16},text:{color:t.palette.primary.text6},value:{color:"#fff"},inputMain:{marginBottom:0,fontSize:"11px",color:t.palette.primary.text8},inputHelper:{display:"flex",paddingRight:5},cancelText:{cursor:"pointer"},highlightedLabel:{color:t.palette.primary.main},modalActions:{paddingTop:16},actions:{height:36},sendRow:{display:"flex"},sendIcon:{"&.Mui-disabled":{cursor:"not-allowed!important"}}}}));function w(t){var a,x=t.feedItem.context.dvd_comment,w=x.body,C=x.attachment,O=x.data,P=x.data,I=P.bitDepth,D=P.holeDepth,B=P.cost,M=P.timestamp,S=t.onClose,E=t.onSave,H=t.userCompanyId,T=j(),k=l(+I,"length","ft"),A=l(+D,"length","ft"),L=n(),W=o({body:w,attachment:C}),_=e(W,2),F=_[0],R=_[1],K=function(){E({context:{dvd_comment:N(N({},F),{},{data:O})}})};return y(p,{open:!0,onClose:S,title:"Edit Comment",contentClassName:T.modal,actionsClassName:T.modalActions,onClick:function(t){t.stopPropagation()},actions:y(c,{container:!0,direction:"row",justify:"space-between",alignItems:"center",className:T.actions,children:[v(c,{item:!0,children:v(s,{variant:"caption",className:i(T.inputMain,T.cancelText,T.highlightedLabel),"data-testid":"".concat("EditComment","_cancel"),component:"div",gutterBottom:!0,onClick:S,children:"Cancel"})}),y(c,{item:!0,direction:"row",alignItems:"center",className:T.sendRow,children:[y(s,{variant:"caption",className:i(T.inputMain,T.inputHelper),component:"div",gutterBottom:!0,children:["Press ",v(s,{variant:"caption",color:"primary",className:i(T.inputMain,T.highlightedLabel),children:"Enter"})," to send"]}),v(u,{onClick:K,className:T.sendIcon,"data-testid":"".concat("EditComment","_send"),disabled:!F\|\|!F.body&&!F.attachment,children:v(h,{})})]})]}),ref:L,children:[v(d,{initialValue:{body:w,attachment:C},userCompanyId:H,onChange:R,filePreviewWrapperClass:T.filePreviewWrapper,className:T.postInput,onKeyDown:function(t){"Enter"!==t.key\|\|t.shiftKey\|\|g()\|\|(t.preventDefault(),K())},mentionStyle:b,suggestionsPortalHost:L.current,allowSuggestionsAboveCursor:!0}),y("div",{className:T.info,children:[M&&y(f,{className:T.text,gutterBottom:!0,children:["Time:",v("span",{className:T.value,children:r(1e3*M).format("MM/DD/YY, HH:mm")})]}),Number.isFinite(B)&&y(f,{className:T.text,gutterBottom:!0,children:["Cost: ",y("span",{className:T.value,children:[" ",(a=B,a.toString().replace(/\B(?=(\d{3})+(?!\d))/g," "))]}),v("span",{className:T.currency,children:"$"})]}),Number.isFinite(k)&&y(f,{className:T.text,gutterBottom:!0,children:["Bit Depth:",v("span",{className:T.value,children:"".concat(k," ").concat(m("length"))})]}),Number.isFinite(A)&&y(f,{className:T.text,gutterBottom:!0,children:["Hole Depth:",v("span",{className:T.value,children:"".concat(A," ").concat(m("length"))})]})]})]})}export{w as default};
2	+ //# sourceMappingURL=DvdCommentEdit.js.map

package/components/FeedItem/editModals/DvdCommentEdit/DvdCommentEdit.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"DvdCommentEdit.js","sources":["../../../../../src/components/FeedItem/editModals/DvdCommentEdit/DvdCommentEdit.js"],"sourcesContent":["import { useState, useRef } from 'react';\nimport moment from 'moment';\nimport classNames from 'classnames';\nimport { Grid, Typography, makeStyles } from '@material-ui/core';\n\nimport { convertValue, getUnitDisplay } from '~/utils';\nimport Modal from '~/components/Modal';\nimport PostInput from '~/components/PostInput';\nimport IconButton from '~/components/IconButton';\nimport { Regular14 } from '~/components/Typography';\nimport SendIcon from '~components/Icons/SendIcon';\nimport { isSuggestionsListOpened } from '~/components/UserMention/utils';\nimport { MENTION_STYLE } from '~/constants/feed';\n\nconst PAGE_NAME = 'EditComment';\n\nfunction formatNumberWithSpaces(x) {\n return x.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, ' ');\n}\n\nconst useStyles = makeStyles(theme => ({\n postInput: { paddingBottom: 8 },\n filePreviewWrapper: {\n width: '100%',\n marginLeft: 0,\n maxHeight: 251,\n },\n modal: {\n maxWidth: 450,\n width: '100vw',\n },\n actionsAdornment: { flex: 1 },\n info: { marginTop: 16 },\n text: {\n color: theme.palette.primary.text6,\n },\n value: {\n color: '#fff',\n },\n inputMain: {\n marginBottom: 0,\n fontSize: '11px',\n color: theme.palette.primary.text8,\n },\n inputHelper: {\n display: 'flex',\n paddingRight: 5,\n },\n cancelText: {\n cursor: 'pointer',\n },\n highlightedLabel: {\n color: theme.palette.primary.main,\n },\n modalActions: { paddingTop: 16 },\n actions: { height: 36 },\n sendRow: { display: 'flex' },\n sendIcon: {\n '&.Mui-disabled': {\n cursor: 'not-allowed!important',\n },\n },\n}));\n\nfunction DvdCommentEdit({\n feedItem: {\n context: {\n dvd_comment: {\n body,\n attachment,\n data: pointData,\n data: { bitDepth, holeDepth, cost, timestamp },\n },\n },\n },\n onClose,\n onSave,\n userCompanyId,\n}) {\n const classes = useStyles();\n\n const convertedBitDepth = convertValue(+bitDepth, 'length', 'ft');\n const convertedHoleDepth = convertValue(+holeDepth, 'length', 'ft');\n\n const wrapperRef = useRef();\n const [comment, setComment] = useState({\n body,\n attachment,\n });\n\n const sendActivity = () => {\n onSave({\n context: {\n dvd_comment: {\n ...comment,\n data: pointData,\n },\n },\n });\n };\n\n const onKeyDown = e => {\n if (e.key === 'Enter' && !e.shiftKey && !isSuggestionsListOpened()) {\n e.preventDefault();\n sendActivity();\n }\n };\n\n const handleClick = e => {\n e.stopPropagation();\n };\n\n return (\n <Modal\n open\n onClose={onClose}\n title=\"Edit Comment\"\n contentClassName={classes.modal}\n actionsClassName={classes.modalActions}\n onClick={handleClick}\n actions={\n <Grid\n container\n direction=\"row\"\n justify=\"space-between\"\n alignItems=\"center\"\n className={classes.actions}\n >\n <Grid item>\n <Typography\n variant=\"caption\"\n className={classNames(\n classes.inputMain,\n classes.cancelText,\n classes.highlightedLabel\n )}\n data-testid={`${PAGE_NAME}_cancel`}\n component=\"div\"\n gutterBottom\n onClick={onClose}\n >\n Cancel\n </Typography>\n </Grid>\n <Grid item direction=\"row\" alignItems=\"center\" className={classes.sendRow}>\n <Typography\n variant=\"caption\"\n className={classNames(classes.inputMain, classes.inputHelper)}\n component=\"div\"\n gutterBottom\n >\n Press \n <Typography\n variant=\"caption\"\n color=\"primary\"\n className={classNames(classes.inputMain, classes.highlightedLabel)}\n >\n Enter\n </Typography>\n  to send\n </Typography>\n <IconButton\n onClick={sendActivity}\n className={classes.sendIcon}\n data-testid={`${PAGE_NAME}_send`}\n disabled={!comment || (!comment.body && !comment.attachment)}\n >\n <SendIcon />\n </IconButton>\n </Grid>\n </Grid>\n }\n ref={wrapperRef}\n >\n <PostInput\n initialValue={{ body, attachment }}\n userCompanyId={userCompanyId}\n onChange={setComment}\n filePreviewWrapperClass={classes.filePreviewWrapper}\n className={classes.postInput}\n onKeyDown={onKeyDown}\n mentionStyle={MENTION_STYLE}\n suggestionsPortalHost={wrapperRef.current}\n allowSuggestionsAboveCursor\n />\n\n <div className={classes.info}>\n {timestamp && (\n <Regular14 className={classes.text} gutterBottom>\n Time:\n <span className={classes.value}>\n {moment(timestamp * 1000).format('MM/DD/YY, HH:mm')}\n </span>\n </Regular14>\n )}\n\n {Number.isFinite(cost) && (\n <Regular14 className={classes.text} gutterBottom>\n Cost: <span className={classes.value}> {formatNumberWithSpaces(cost)}</span>\n <span className={classes.currency}>$</span>\n </Regular14>\n )}\n\n {Number.isFinite(convertedBitDepth) && (\n <Regular14 className={classes.text} gutterBottom>\n Bit Depth:\n <span className={classes.value}>\n {`${convertedBitDepth} ${getUnitDisplay('length')}`}\n </span>\n </Regular14>\n )}\n\n {Number.isFinite(convertedHoleDepth) && (\n <Regular14 className={classes.text} gutterBottom>\n Hole Depth:\n <span className={classes.value}>\n {`${convertedHoleDepth} ${getUnitDisplay('length')}`}\n </span>\n </Regular14>\n )}\n </div>\n </Modal>\n );\n}\n\nexport default DvdCommentEdit;\n"],"names":["useStyles","makeStyles","theme","postInput","paddingBottom","filePreviewWrapper","width","marginLeft","maxHeight","modal","maxWidth","actionsAdornment","flex","info","marginTop","text","color","palette","primary","text6","value","inputMain","marginBottom","fontSize","text8","inputHelper","display","paddingRight","cancelText","cursor","highlightedLabel","main","modalActions","paddingTop","actions","height","sendRow","sendIcon","DvdCommentEdit","_ref","x","_ref$feedItem$context","feedItem","context","dvd_comment","body","attachment","pointData","data","_ref$feedItem$context2","bitDepth","holeDepth","cost","timestamp","onClose","onSave","userCompanyId","classes","convertedBitDepth","convertValue","convertedHoleDepth","wrapperRef","useRef","_useState","useState","_useState2","_slicedToArray","comment","setComment","sendActivity","_jsxs","Modal","open","title","contentClassName","actionsClassName","onClick","e","stopPropagation","Grid","container","direction","justify","alignItems","className","children","_jsx","item","Typography","variant","classNames","concat","component","gutterBottom","IconButton","disabled","SendIcon","ref","PostInput","initialValue","onChange","filePreviewWrapperClass","onKeyDown","key","shiftKey","isSuggestionsListOpened","preventDefault","mentionStyle","MENTION_STYLE","suggestionsPortalHost","current","allowSuggestionsAboveCursor","Regular14","moment","format","Number","isFinite","formatNumberWithSpaces","toString","replace","currency","getUnitDisplay"],"mappings":"yzCAoBA,IAAMA,EAAYC,GAAW,SAAAC,GAAK,MAAK,CACrCC,UAAW,CAAEC,cAAe,GAC5BC,mBAAoB,CAClBC,MAAO,OACPC,WAAY,EACZC,UAAW,KAEbC,MAAO,CACLC,SAAU,IACVJ,MAAO,SAETK,iBAAkB,CAAEC,KAAM,GAC1BC,KAAM,CAAEC,UAAW,IACnBC,KAAM,CACJC,MAAOd,EAAMe,QAAQC,QAAQC,OAE/BC,MAAO,CACLJ,MAAO,QAETK,UAAW,CACTC,aAAc,EACdC,SAAU,OACVP,MAAOd,EAAMe,QAAQC,QAAQM,OAE/BC,YAAa,CACXC,QAAS,OACTC,aAAc,GAEhBC,WAAY,CACVC,OAAQ,WAEVC,iBAAkB,CAChBd,MAAOd,EAAMe,QAAQC,QAAQa,MAE/BC,aAAc,CAAEC,WAAY,IAC5BC,QAAS,CAAEC,OAAQ,IACnBC,QAAS,CAAEV,QAAS,QACpBW,SAAU,CACR,iBAAkB,CAChBR,OAAQ,0BAGb,IAED,SAASS,EAcNC,GAAA,IA9D6BC,EA8D7BC,EAAAF,EAbDG,SACEC,QACEC,YACEC,IAAAA,KACAC,IAAAA,WACMC,IAANC,KAAIC,EAAAR,EACJO,KAAQE,IAAAA,SAAUC,IAAAA,UAAWC,IAAAA,KAAMC,IAAAA,UAIzCC,IAAAA,QACAC,IAAAA,OACAC,IAAAA,cAEMC,EAAUzD,IAEV0D,EAAoBC,GAAcT,EAAU,SAAU,MACtDU,EAAqBD,GAAcR,EAAW,SAAU,MAExDU,EAAaC,IACnBC,EAA8BC,EAAS,CACrCnB,KAAAA,EACAC,WAAAA,IACAmB,EAAAC,EAAAH,EAAA,GAHKI,EAAOF,EAAA,GAAEG,EAAUH,EAAA,GAKpBI,EAAe,WACnBd,EAAO,CACLZ,QAAS,CACPC,mBACKuB,GAAO,CAAA,EAAA,CACVnB,KAAMD,QAiBd,OACEuB,EAACC,EAAK,CACJC,MAAI,EACJlB,QAASA,EACTmB,MAAM,eACNC,iBAAkBjB,EAAQhD,MAC1BkE,iBAAkBlB,EAAQzB,aAC1B4C,QAXgB,SAAAC,GAClBA,EAAEC,mBAWA5C,QACEoC,EAACS,EAAI,CACHC,WAAS,EACTC,UAAU,MACVC,QAAQ,gBACRC,WAAW,SACXC,UAAW3B,EAAQvB,QAAQmD,SAAA,CAE3BC,EAACP,EAAI,CAACQ,MAAI,EAAAF,SACRC,EAACE,EAAU,CACTC,QAAQ,UACRL,UAAWM,EACTjC,EAAQpC,UACRoC,EAAQ7B,WACR6B,EAAQ3B,kBAEV,cAAA,GAAA6D,OA1HI,cA0H+B,WACnCC,UAAU,MACVC,cAAY,EACZjB,QAAStB,EAAQ+B,SAAA,aAKrBf,EAACS,EAAI,CAACQ,MAAI,EAACN,UAAU,MAAME,WAAW,SAASC,UAAW3B,EAAQrB,QAAQiD,SAAA,CACxEf,EAACkB,EAAU,CACTC,QAAQ,UACRL,UAAWM,EAAWjC,EAAQpC,UAAWoC,EAAQhC,aACjDmE,UAAU,MACVC,cAAY,EAAAR,SAAA,CAAA,SAGZC,EAACE,EAAU,CACTC,QAAQ,UACRzE,MAAM,UACNoE,UAAWM,EAAWjC,EAAQpC,UAAWoC,EAAQ3B,kBAAkBuD,SAAA,UAGxD,cAGfC,EAACQ,EAAU,CACTlB,QAASP,EACTe,UAAW3B,EAAQpB,SACnB,cAAA,GAAAsD,OAtJI,cAsJ6B,SACjCI,UAAW5B,IAAaA,EAAQtB,OAASsB,EAAQrB,WAAYuC,SAE7DC,EAACU,EAAQ,YAKjBC,IAAKpC,EAAWwB,SAAA,CAEhBC,EAACY,EAAS,CACRC,aAAc,CAAEtD,KAAAA,EAAMC,WAAAA,GACtBU,cAAeA,EACf4C,SAAUhC,EACViC,wBAAyB5C,EAAQpD,mBACjC+E,UAAW3B,EAAQtD,UACnBmG,UA/EY,SAAAzB,GACF,UAAVA,EAAE0B,KAAoB1B,EAAE2B,UAAaC,MACvC5B,EAAE6B,iBACFrC,MA6EEsC,aAAcC,EACdC,sBAAuBhD,EAAWiD,QAClCC,6BAA2B,IAG7BzC,EAAA,MAAA,CAAKc,UAAW3B,EAAQ5C,KAAKwE,SAC1BhC,CAAAA,GACCiB,EAAC0C,EAAS,CAAC5B,UAAW3B,EAAQ1C,KAAM8E,cAAY,EAAAR,SAE9C,CAAA,QAAAC,EAAA,OAAA,CAAMF,UAAW3B,EAAQrC,MAAMiE,SAC5B4B,EAAmB,IAAZ5D,GAAkB6D,OAAO,wBAKtCC,OAAOC,SAAShE,IACfkB,EAAC0C,EAAS,CAAC5B,UAAW3B,EAAQ1C,KAAM8E,cAAY,EAAAR,SACxC,CAAA,SAAAf,EAAA,OAAA,CAAMc,UAAW3B,EAAQrC,MAAMiE,SAAGgC,CAAAA,KAtLpB7E,EAsL2CY,EArLlEZ,EAAE8E,WAAWC,QAAQ,wBAAyB,SAsL3CjC,EAAA,OAAA,CAAMF,UAAW3B,EAAQ+D,SAASnC,SAAA,SAIrC8B,OAAOC,SAAS1D,IACfY,EAAC0C,EAAS,CAAC5B,UAAW3B,EAAQ1C,KAAM8E,cAAY,EAAAR,SAE9C,CAAA,aAAAC,EAAA,OAAA,CAAMF,UAAW3B,EAAQrC,MAAMiE,SAAA,GAAAM,OACzBjC,EAAiB,KAAAiC,OAAI8B,EAAe,gBAK7CN,OAAOC,SAASxD,IACfU,EAAC0C,EAAS,CAAC5B,UAAW3B,EAAQ1C,KAAM8E,cAAY,EAAAR,SAE9C,CAAA,cAAAC,EAAA,OAAA,CAAMF,UAAW3B,EAAQrC,MAAMiE,SAAA,GAAAM,OACzB/B,EAAkB,KAAA+B,OAAI8B,EAAe,qBAOvD"}

package/components/FeedItem/editModals/HookloadCommentEdit/HookloadCommentEdit.js CHANGED Viewed

	@@ -1 +1,2 @@
1 1	import t from"@babel/runtime/helpers/defineProperty";import e from"@babel/runtime/helpers/slicedToArray";import{useRef as o,useState as n}from"react";import r from"moment";import a from"classnames";import{makeStyles as i,Grid as c,Typography as s}from"@material-ui/core";import l from"../../../Modal/Modal.js";import m from"../../../PostInput/PostInput.js";import p from"../../../IconButton/index.js";import{Regular14 as d}from"../../../Typography.js";import u from"../../../Icons/SendIcon.js";import{isSuggestionsListOpened as f}from"../../../UserMention/utils/index.js";import{convertValue as h,getUnitDisplay as g}from"../../../../utils/convert.js";import{MENTION_STYLE as b}from"../../../../constants/feed.js";import{jsxs as y,jsx as v}from"react/jsx-runtime";function x(t,e){var o=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),o.push.apply(o,n)}return o}function j(e){for(var o=1;o<arguments.length;o++){var n=null!=arguments[o]?arguments[o]:{};o%2?x(Object(n),!0).forEach((function(o){t(e,o,n[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):x(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var w=i((function(t){return{postInput:{paddingBottom:8},filePreviewWrapper:{width:"100%",marginLeft:0,maxHeight:251},modal:{maxWidth:450,width:"100vw"},actionsAdornment:{flex:1},info:{marginTop:16},text:{color:t.palette.primary.text6},value:{color:"#fff",paddingLeft:4},inputMain:{marginBottom:0,fontSize:"11px",color:t.palette.primary.text8},inputHelper:{display:"flex",paddingRight:5},cancelText:{cursor:"pointer"},highlightedLabel:{color:t.palette.primary.main},modalActions:{paddingTop:16},actions:{height:36},sendRow:{display:"flex"},sendIcon:{"&.Mui-disabled":{cursor:"not-allowed!important"}}}}));function N(t){var i=t.feedItem.context.hookload_broomstick_comment,x=i.body,N=i.attachment,O=i.data,P=i.data,C=P.timestamp,I=P.measuredDepth,M=P.activityLabel,k=P.hookload,D=t.onClose,B=t.onSave,S=t.userCompanyId,L=w(),H=h(+I,"length","ft"),T=h(+k,"force","klbf"),A=o(),E=n({body:x,attachment:N}),W=e(E,2),_=W[0],R=W[1],K=function(){B({context:{hookload_broomstick_comment:j(j({},_),{},{data:O})}})};return y(l,{open:!0,onClose:D,title:"Edit Comment",contentClassName:L.modal,actionsClassName:L.modalActions,onClick:function(t){t.stopPropagation()},actions:y(c,{container:!0,direction:"row",justify:"space-between",alignItems:"center",className:L.actions,children:[v(c,{item:!0,children:v(s,{variant:"caption",className:a(L.inputMain,L.cancelText,L.highlightedLabel),component:"div",gutterBottom:!0,onClick:D,children:"Cancel"})}),y(c,{item:!0,direction:"row",alignItems:"center",className:L.sendRow,children:[y(s,{variant:"caption",className:a(L.inputMain,L.inputHelper),component:"div",gutterBottom:!0,children:["Press ",v(s,{variant:"caption",color:"primary",className:a(L.inputMain,L.highlightedLabel),children:"Enter"})," to send"]}),v(p,{onClick:K,className:L.sendIcon,disabled:!_\|\|!_.body&&!_.attachment,children:v(u,{})})]})]}),ref:A,children:[v(m,{initialValue:{body:x,attachment:N},userCompanyId:S,onChange:R,filePreviewWrapperClass:L.filePreviewWrapper,className:L.postInput,onKeyDown:function(t){"Enter"!==t.key\|\|t.shiftKey\|\|f()\|\|(t.preventDefault(),K())},mentionStyle:b,suggestionsPortalHost:A.current,allowSuggestionsAboveCursor:!0}),y("div",{className:L.info,children:[Number.isFinite(I)&&y(d,{className:L.text,gutterBottom:!0,children:["Measured Depth:",v("span",{className:L.value,children:"".concat(Math.round(H).toLocaleString()," ").concat(g("length"))})]}),k&&y(d,{className:L.text,gutterBottom:!0,children:["Hookload:",v("span",{className:L.value,children:"".concat(Math.round(T).toLocaleString()," ").concat(g("force"))})]}),M&&y(d,{className:L.text,gutterBottom:!0,children:["Activity:",v("span",{className:L.value,children:M})]}),C&&y(d,{className:L.text,gutterBottom:!0,children:["Time:",v("span",{className:L.value,children:r.unix(C).format("MM/DD/YY HH:mm")})]})]})]})}export{N as default};
2	+ //# sourceMappingURL=HookloadCommentEdit.js.map

package/components/FeedItem/editModals/HookloadCommentEdit/HookloadCommentEdit.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"HookloadCommentEdit.js","sources":["../../../../../src/components/FeedItem/editModals/HookloadCommentEdit/HookloadCommentEdit.js"],"sourcesContent":["import { useState, useRef } from 'react';\nimport moment from 'moment';\nimport classNames from 'classnames';\nimport { Grid, Typography, makeStyles } from '@material-ui/core';\n\nimport Modal from '~/components/Modal';\nimport PostInput from '~/components/PostInput';\nimport IconButton from '~/components/IconButton';\nimport { Regular14 } from '~/components/Typography';\nimport SendIcon from '~components/Icons/SendIcon';\nimport { isSuggestionsListOpened } from '~/components/UserMention/utils';\nimport { convertValue, getUnitDisplay } from '~/utils/convert';\nimport { MENTION_STYLE } from '~/constants/feed';\n\nconst useStyles = makeStyles(theme => ({\n postInput: { paddingBottom: 8 },\n filePreviewWrapper: {\n width: '100%',\n marginLeft: 0,\n maxHeight: 251,\n },\n modal: {\n maxWidth: 450,\n width: '100vw',\n },\n actionsAdornment: { flex: 1 },\n info: { marginTop: 16 },\n text: {\n color: theme.palette.primary.text6,\n },\n value: {\n color: '#fff',\n paddingLeft: 4,\n },\n inputMain: {\n marginBottom: 0,\n fontSize: '11px',\n color: theme.palette.primary.text8,\n },\n inputHelper: {\n display: 'flex',\n paddingRight: 5,\n },\n cancelText: {\n cursor: 'pointer',\n },\n highlightedLabel: {\n color: theme.palette.primary.main,\n },\n modalActions: { paddingTop: 16 },\n actions: { height: 36 },\n sendRow: { display: 'flex' },\n sendIcon: {\n '&.Mui-disabled': {\n cursor: 'not-allowed!important',\n },\n },\n}));\n\nfunction HookloadCommentEdit({\n feedItem: {\n context: {\n hookload_broomstick_comment: {\n body,\n attachment,\n data: pointData,\n data: { timestamp, measuredDepth, activityLabel, hookload },\n },\n },\n },\n onClose,\n onSave,\n userCompanyId,\n}) {\n const classes = useStyles();\n const depthConverted = convertValue(+measuredDepth, 'length', 'ft');\n const hookloadConverted = convertValue(+hookload, 'force', 'klbf');\n\n const wrapperRef = useRef();\n const [comment, setComment] = useState({\n body,\n attachment,\n });\n\n const sendActivity = () => {\n onSave({\n context: {\n hookload_broomstick_comment: {\n ...comment,\n data: pointData,\n },\n },\n });\n };\n\n const onKeyDown = e => {\n if (e.key === 'Enter' && !e.shiftKey && !isSuggestionsListOpened()) {\n e.preventDefault();\n sendActivity();\n }\n };\n\n const handleClick = e => {\n e.stopPropagation();\n };\n\n return (\n <Modal\n open\n onClose={onClose}\n title=\"Edit Comment\"\n contentClassName={classes.modal}\n actionsClassName={classes.modalActions}\n onClick={handleClick}\n actions={\n <Grid\n container\n direction=\"row\"\n justify=\"space-between\"\n alignItems=\"center\"\n className={classes.actions}\n >\n <Grid item>\n <Typography\n variant=\"caption\"\n className={classNames(\n classes.inputMain,\n classes.cancelText,\n classes.highlightedLabel\n )}\n component=\"div\"\n gutterBottom\n onClick={onClose}\n >\n Cancel\n </Typography>\n </Grid>\n <Grid item direction=\"row\" alignItems=\"center\" className={classes.sendRow}>\n <Typography\n variant=\"caption\"\n className={classNames(classes.inputMain, classes.inputHelper)}\n component=\"div\"\n gutterBottom\n >\n Press \n <Typography\n variant=\"caption\"\n color=\"primary\"\n className={classNames(classes.inputMain, classes.highlightedLabel)}\n >\n Enter\n </Typography>\n  to send\n </Typography>\n <IconButton\n onClick={sendActivity}\n className={classes.sendIcon}\n disabled={!comment || (!comment.body && !comment.attachment)}\n >\n <SendIcon />\n </IconButton>\n </Grid>\n </Grid>\n }\n ref={wrapperRef}\n >\n <PostInput\n initialValue={{ body, attachment }}\n userCompanyId={userCompanyId}\n onChange={setComment}\n filePreviewWrapperClass={classes.filePreviewWrapper}\n className={classes.postInput}\n onKeyDown={onKeyDown}\n mentionStyle={MENTION_STYLE}\n suggestionsPortalHost={wrapperRef.current}\n allowSuggestionsAboveCursor\n />\n\n <div className={classes.info}>\n {Number.isFinite(measuredDepth) && (\n <Regular14 className={classes.text} gutterBottom>\n Measured Depth:\n <span className={classes.value}>\n {`${Math.round(depthConverted).toLocaleString()} ${getUnitDisplay('length')}`}\n </span>\n </Regular14>\n )}\n {hookload && (\n <Regular14 className={classes.text} gutterBottom>\n Hookload:\n <span className={classes.value}>\n {`${Math.round(hookloadConverted).toLocaleString()} ${getUnitDisplay('force')}`}\n </span>\n </Regular14>\n )}\n {activityLabel && (\n <Regular14 className={classes.text} gutterBottom>\n Activity:\n <span className={classes.value}>{activityLabel}</span>\n </Regular14>\n )}\n {timestamp && (\n <Regular14 className={classes.text} gutterBottom>\n Time:\n <span className={classes.value}>{moment.unix(timestamp).format('MM/DD/YY HH:mm')}</span>\n </Regular14>\n )}\n </div>\n </Modal>\n );\n}\n\nexport default HookloadCommentEdit;\n"],"names":["useStyles","makeStyles","theme","postInput","paddingBottom","filePreviewWrapper","width","marginLeft","maxHeight","modal","maxWidth","actionsAdornment","flex","info","marginTop","text","color","palette","primary","text6","value","paddingLeft","inputMain","marginBottom","fontSize","text8","inputHelper","display","paddingRight","cancelText","cursor","highlightedLabel","main","modalActions","paddingTop","actions","height","sendRow","sendIcon","HookloadCommentEdit","_ref","_ref$feedItem$context","feedItem","context","hookload_broomstick_comment","body","attachment","pointData","data","_ref$feedItem$context2","timestamp","measuredDepth","activityLabel","hookload","onClose","onSave","userCompanyId","classes","depthConverted","convertValue","hookloadConverted","wrapperRef","useRef","_useState","useState","_useState2","_slicedToArray","comment","setComment","sendActivity","_jsxs","Modal","open","title","contentClassName","actionsClassName","onClick","e","stopPropagation","Grid","container","direction","justify","alignItems","className","children","_jsx","item","Typography","variant","classNames","component","gutterBottom","IconButton","disabled","SendIcon","ref","PostInput","initialValue","onChange","filePreviewWrapperClass","onKeyDown","key","shiftKey","isSuggestionsListOpened","preventDefault","mentionStyle","MENTION_STYLE","suggestionsPortalHost","current","allowSuggestionsAboveCursor","Number","isFinite","Regular14","concat","Math","round","toLocaleString","getUnitDisplay","moment","unix","format"],"mappings":"2zCAcA,IAAMA,EAAYC,GAAW,SAAAC,GAAK,MAAK,CACrCC,UAAW,CAAEC,cAAe,GAC5BC,mBAAoB,CAClBC,MAAO,OACPC,WAAY,EACZC,UAAW,KAEbC,MAAO,CACLC,SAAU,IACVJ,MAAO,SAETK,iBAAkB,CAAEC,KAAM,GAC1BC,KAAM,CAAEC,UAAW,IACnBC,KAAM,CACJC,MAAOd,EAAMe,QAAQC,QAAQC,OAE/BC,MAAO,CACLJ,MAAO,OACPK,YAAa,GAEfC,UAAW,CACTC,aAAc,EACdC,SAAU,OACVR,MAAOd,EAAMe,QAAQC,QAAQO,OAE/BC,YAAa,CACXC,QAAS,OACTC,aAAc,GAEhBC,WAAY,CACVC,OAAQ,WAEVC,iBAAkB,CAChBf,MAAOd,EAAMe,QAAQC,QAAQc,MAE/BC,aAAc,CAAEC,WAAY,IAC5BC,QAAS,CAAEC,OAAQ,IACnBC,QAAS,CAAEV,QAAS,QACpBW,SAAU,CACR,iBAAkB,CAChBR,OAAQ,0BAGb,IAED,SAASS,EAcNC,GAAA,IAAAC,EAAAD,EAbDE,SACEC,QACEC,4BACEC,IAAAA,KACAC,IAAAA,WACMC,IAANC,KAAIC,EAAAR,EACJO,KAAQE,IAAAA,UAAWC,IAAAA,cAAeC,IAAAA,cAAeC,IAAAA,SAIvDC,IAAAA,QACAC,IAAAA,OACAC,IAAAA,cAEMC,EAAUzD,IACV0D,EAAiBC,GAAcR,EAAe,SAAU,MACxDS,EAAoBD,GAAcN,EAAU,QAAS,QAErDQ,EAAaC,IACnBC,EAA8BC,EAAS,CACrCnB,KAAAA,EACAC,WAAAA,IACAmB,EAAAC,EAAAH,EAAA,GAHKI,EAAOF,EAAA,GAAEG,EAAUH,EAAA,GAKpBI,EAAe,WACnBd,EAAO,CACLZ,QAAS,CACPC,mCACKuB,GAAO,CAAA,EAAA,CACVnB,KAAMD,QAiBd,OACEuB,EAACC,EAAK,CACJC,MAAI,EACJlB,QAASA,EACTmB,MAAM,eACNC,iBAAkBjB,EAAQhD,MAC1BkE,iBAAkBlB,EAAQxB,aAC1B2C,QAXgB,SAAAC,GAClBA,EAAEC,mBAWA3C,QACEmC,EAACS,EAAI,CACHC,WAAS,EACTC,UAAU,MACVC,QAAQ,gBACRC,WAAW,SACXC,UAAW3B,EAAQtB,QAAQkD,SAAA,CAE3BC,EAACP,EAAI,CAACQ,MAAI,EAAAF,SACRC,EAACE,EAAU,CACTC,QAAQ,UACRL,UAAWM,EACTjC,EAAQnC,UACRmC,EAAQ5B,WACR4B,EAAQ1B,kBAEV4D,UAAU,MACVC,cAAY,EACZhB,QAAStB,EAAQ+B,SAAA,aAKrBf,EAACS,EAAI,CAACQ,MAAI,EAACN,UAAU,MAAME,WAAW,SAASC,UAAW3B,EAAQpB,QAAQgD,SAAA,CACxEf,EAACkB,EAAU,CACTC,QAAQ,UACRL,UAAWM,EAAWjC,EAAQnC,UAAWmC,EAAQ/B,aACjDiE,UAAU,MACVC,cAAY,EAAAP,SAAA,CAAA,SAGZC,EAACE,EAAU,CACTC,QAAQ,UACRzE,MAAM,UACNoE,UAAWM,EAAWjC,EAAQnC,UAAWmC,EAAQ1B,kBAAkBsD,SAAA,UAGxD,cAGfC,EAACO,EAAU,CACTjB,QAASP,EACTe,UAAW3B,EAAQnB,SACnBwD,UAAW3B,IAAaA,EAAQtB,OAASsB,EAAQrB,WAAYuC,SAE7DC,EAACS,EAAQ,YAKjBC,IAAKnC,EAAWwB,SAAA,CAEhBC,EAACW,EAAS,CACRC,aAAc,CAAErD,KAAAA,EAAMC,WAAAA,GACtBU,cAAeA,EACf2C,SAAU/B,EACVgC,wBAAyB3C,EAAQpD,mBACjC+E,UAAW3B,EAAQtD,UACnBkG,UA7EY,SAAAxB,GACF,UAAVA,EAAEyB,KAAoBzB,EAAE0B,UAAaC,MACvC3B,EAAE4B,iBACFpC,MA2EEqC,aAAcC,EACdC,sBAAuB/C,EAAWgD,QAClCC,6BAA2B,IAG7BxC,EAAA,MAAA,CAAKc,UAAW3B,EAAQ5C,KAAKwE,SAC1B0B,CAAAA,OAAOC,SAAS7D,IACfmB,EAAC2C,EAAS,CAAC7B,UAAW3B,EAAQ1C,KAAM6E,cAAY,EAAAP,SAE9C,CAAA,kBAAAC,EAAA,OAAA,CAAMF,UAAW3B,EAAQrC,MAAMiE,SAAA,GAAA6B,OACzBC,KAAKC,MAAM1D,GAAgB2D,iBAAgB,KAAAH,OAAII,EAAe,gBAIvEjE,GACCiB,EAAC2C,EAAS,CAAC7B,UAAW3B,EAAQ1C,KAAM6E,cAAY,EAAAP,SAE9C,CAAA,YAAAC,EAAA,OAAA,CAAMF,UAAW3B,EAAQrC,MAAMiE,SAAA,GAAA6B,OACzBC,KAAKC,MAAMxD,GAAmByD,iBAAgB,KAAAH,OAAII,EAAe,eAI1ElE,GACCkB,EAAC2C,EAAS,CAAC7B,UAAW3B,EAAQ1C,KAAM6E,cAAY,EAAAP,SAE9C,CAAA,YAAAC,EAAA,OAAA,CAAMF,UAAW3B,EAAQrC,MAAMiE,SAAEjC,OAGpCF,GACCoB,EAAC2C,EAAS,CAAC7B,UAAW3B,EAAQ1C,KAAM6E,cAAY,EAAAP,SAE9C,CAAA,QAAAC,EAAA,OAAA,CAAMF,UAAW3B,EAAQrC,MAAMiE,SAAEkC,EAAOC,KAAKtE,GAAWuE,OAAO,4BAM3E"}

package/components/FeedItem/editModals/LessonsLearnedEdit/LessonsLearnedEdit.js CHANGED Viewed

	@@ -1 +1,2 @@
1 1	import t from"@babel/runtime/helpers/defineProperty";import e from"@babel/runtime/helpers/slicedToArray";import{useRef as n,useState as o}from"react";import a from"moment";import r from"classnames";import{makeStyles as i,Grid as s,Typography as c}from"@material-ui/core";import{getUnitDisplay as l}from"../../../../utils/index.js";import m from"../../../Modal/Modal.js";import p from"../../../PostInput/PostInput.js";import d from"../../../IconButton/index.js";import{Regular14 as u}from"../../../Typography.js";import f from"../../../Icons/SendIcon.js";import{isSuggestionsListOpened as h}from"../../../UserMention/utils/index.js";import{MENTION_STYLE as g}from"../../../../constants/feed.js";import{jsxs as y,jsx as b}from"react/jsx-runtime";function v(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,o)}return n}function x(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?v(Object(o),!0).forEach((function(n){t(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):v(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}var N=i((function(t){return{postInput:{paddingBottom:8},filePreviewWrapper:{width:"100%",marginLeft:0,maxHeight:251},modal:{maxWidth:450,width:"100vw"},actionsAdornment:{flex:1},info:{marginTop:16},text:{color:t.palette.primary.text6},value:{color:t.palette.primary.text1},inputMain:{marginBottom:0,fontSize:"11px",color:t.palette.primary.text8},inputHelper:{display:"flex",paddingRight:5},cancelText:{cursor:"pointer"},highlightedLabel:{color:t.palette.primary.main},modalActions:{paddingTop:16},actions:{height:36},sendRow:{display:"flex"},sendIcon:{"&.Mui-disabled":{cursor:"not-allowed!important"}}}}));function j(t){var i=t.feedItem.context,v=i.id,j=i.lessons_learned,w=j.attachment,O=j.timestamp,C=j.data,P=j.data,I=P.description,M=P.cause,B=P.section,D=P.activity,E=P.md_start,S=P.tvd_start,T=t.onClose,H=t.onSave,F=t.userCompanyId,_=N(),k=n(),A=o({body:I,attachment:w}),L=e(A,2),W=L[0],R=L[1],K=function(){H({context:{id:v,lessons_learned:{attachment:W.attachment,data:x(x({},C),{},{description:W.body})}}})};return y(m,{open:!0,onClose:T,title:"Edit Comment",contentClassName:_.modal,actionsClassName:_.modalActions,onClick:function(t){t.stopPropagation()},actions:y(s,{container:!0,direction:"row",justify:"space-between",alignItems:"center",className:_.actions,children:[b(s,{item:!0,children:b(c,{variant:"caption",className:r(_.inputMain,_.cancelText,_.highlightedLabel),"data-testid":"".concat("EditComment","_cancel"),component:"div",gutterBottom:!0,onClick:T,children:"Cancel"})}),y(s,{item:!0,direction:"row",alignItems:"center",className:_.sendRow,children:[y(c,{variant:"caption",className:r(_.inputMain,_.inputHelper),component:"div",gutterBottom:!0,children:["Press ",b(c,{variant:"caption",color:"primary",className:r(_.inputMain,_.highlightedLabel),children:"Enter"})," to send"]}),b(d,{onClick:K,className:_.sendIcon,"data-testid":"".concat("EditComment","_send"),disabled:!W\|\|!W.body&&!W.attachment,children:b(f,{})})]})]}),ref:k,children:[b(p,{initialValue:{body:I,attachment:w},userCompanyId:F,onChange:R,filePreviewWrapperClass:_.filePreviewWrapper,className:_.postInput,onKeyDown:function(t){"Enter"!==t.key\|\|t.shiftKey\|\|h()\|\|(t.preventDefault(),K())},mentionStyle:g,suggestionsPortalHost:k.current,allowSuggestionsAboveCursor:!0}),y("div",{className:_.info,children:[O&&y(u,{className:_.text,gutterBottom:!0,children:["Time:"," ",b("span",{className:_.value,children:a(O).format("MM/DD/YY, HH:mm")})," "]}),M&&y(u,{className:_.text,gutterBottom:!0,children:["Event Cause: ",b("span",{className:_.value,children:M})]}),(Number.isFinite(E)\|\|Number.isFinite(S))&&y(u,{className:_.text,gutterBottom:!0,children:["MD/TVD:"," ",y("span",{className:_.value,children:[Number.isFinite(E)?"".concat(E.fixFloat(2)," ").concat(l("length")):"-","/",Number.isFinite(S)?"".concat(S.fixFloat(2)," ").concat(l("length")):"-"]})]}),B&&y(u,{className:_.text,gutterBottom:!0,children:["Hole Section: ",b("span",{className:_.value,children:B})]}),D&&y(u,{className:_.text,gutterBottom:!0,children:["Operation: ",b("span",{className:_.value,children:D})]})]})]})}export{j as default};
2	+ //# sourceMappingURL=LessonsLearnedEdit.js.map

package/components/FeedItem/editModals/LessonsLearnedEdit/LessonsLearnedEdit.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"LessonsLearnedEdit.js","sources":["../../../../../src/components/FeedItem/editModals/LessonsLearnedEdit/LessonsLearnedEdit.js"],"sourcesContent":["import { useState, useRef } from 'react';\nimport moment from 'moment';\nimport classNames from 'classnames';\nimport { Grid, Typography, makeStyles } from '@material-ui/core';\n\nimport { getUnitDisplay } from '~/utils';\nimport Modal from '~/components/Modal';\nimport PostInput from '~/components/PostInput';\nimport IconButton from '~/components/IconButton';\nimport { Regular14 } from '~/components/Typography';\nimport SendIcon from '~components/Icons/SendIcon';\nimport { isSuggestionsListOpened } from '~/components/UserMention/utils';\nimport { MENTION_STYLE } from '~/constants/feed';\n\nconst PAGE_NAME = 'EditComment';\n\nconst useStyles = makeStyles(theme => ({\n postInput: { paddingBottom: 8 },\n filePreviewWrapper: {\n width: '100%',\n marginLeft: 0,\n maxHeight: 251,\n },\n modal: {\n maxWidth: 450,\n width: '100vw',\n },\n actionsAdornment: { flex: 1 },\n info: { marginTop: 16 },\n text: {\n color: theme.palette.primary.text6,\n },\n value: {\n color: theme.palette.primary.text1,\n },\n inputMain: {\n marginBottom: 0,\n fontSize: '11px',\n color: theme.palette.primary.text8,\n },\n inputHelper: {\n display: 'flex',\n paddingRight: 5,\n },\n cancelText: {\n cursor: 'pointer',\n },\n highlightedLabel: {\n color: theme.palette.primary.main,\n },\n modalActions: { paddingTop: 16 },\n actions: { height: 36 },\n sendRow: { display: 'flex' },\n sendIcon: {\n '&.Mui-disabled': {\n cursor: 'not-allowed!important',\n },\n },\n}));\n\nfunction LessonsLearnedEdit({\n feedItem: {\n context: {\n id,\n lessons_learned: {\n attachment,\n timestamp,\n data: pointData,\n data: { description, cause, section, activity, md_start, tvd_start },\n },\n },\n },\n onClose,\n onSave,\n userCompanyId,\n}) {\n const classes = useStyles();\n\n const wrapperRef = useRef();\n const [comment, setComment] = useState({\n body: description,\n attachment,\n });\n\n const sendActivity = () => {\n onSave({\n context: {\n id,\n lessons_learned: {\n attachment: comment.attachment,\n data: { ...pointData, description: comment.body },\n },\n },\n });\n };\n\n const onKeyDown = e => {\n if (e.key === 'Enter' && !e.shiftKey && !isSuggestionsListOpened()) {\n e.preventDefault();\n sendActivity();\n }\n };\n\n const handleClick = e => {\n e.stopPropagation();\n };\n\n return (\n <Modal\n open\n onClose={onClose}\n title=\"Edit Comment\"\n contentClassName={classes.modal}\n actionsClassName={classes.modalActions}\n onClick={handleClick}\n actions={\n <Grid\n container\n direction=\"row\"\n justify=\"space-between\"\n alignItems=\"center\"\n className={classes.actions}\n >\n <Grid item>\n <Typography\n variant=\"caption\"\n className={classNames(\n classes.inputMain,\n classes.cancelText,\n classes.highlightedLabel\n )}\n data-testid={`${PAGE_NAME}_cancel`}\n component=\"div\"\n gutterBottom\n onClick={onClose}\n >\n Cancel\n </Typography>\n </Grid>\n <Grid item direction=\"row\" alignItems=\"center\" className={classes.sendRow}>\n <Typography\n variant=\"caption\"\n className={classNames(classes.inputMain, classes.inputHelper)}\n component=\"div\"\n gutterBottom\n >\n Press \n <Typography\n variant=\"caption\"\n color=\"primary\"\n className={classNames(classes.inputMain, classes.highlightedLabel)}\n >\n Enter\n </Typography>\n  to send\n </Typography>\n <IconButton\n onClick={sendActivity}\n className={classes.sendIcon}\n data-testid={`${PAGE_NAME}_send`}\n disabled={!comment || (!comment.body && !comment.attachment)}\n >\n <SendIcon />\n </IconButton>\n </Grid>\n </Grid>\n }\n ref={wrapperRef}\n >\n <PostInput\n initialValue={{ body: description, attachment }}\n userCompanyId={userCompanyId}\n onChange={setComment}\n filePreviewWrapperClass={classes.filePreviewWrapper}\n className={classes.postInput}\n onKeyDown={onKeyDown}\n mentionStyle={MENTION_STYLE}\n suggestionsPortalHost={wrapperRef.current}\n allowSuggestionsAboveCursor\n />\n\n <div className={classes.info}>\n {timestamp && (\n <Regular14 className={classes.text} gutterBottom>\n Time:{' '}\n <span className={classes.value}>{moment(timestamp).format('MM/DD/YY, HH:mm')}</span>{' '}\n </Regular14>\n )}\n\n {cause && (\n <Regular14 className={classes.text} gutterBottom>\n Event Cause: <span className={classes.value}>{cause}</span>\n </Regular14>\n )}\n\n {(Number.isFinite(md_start) || Number.isFinite(tvd_start)) && (\n <Regular14 className={classes.text} gutterBottom>\n MD/TVD:{' '}\n <span className={classes.value}>\n {Number.isFinite(md_start)\n ? `${md_start.fixFloat(2)} ${getUnitDisplay('length')}`\n : '-'}\n /\n {Number.isFinite(tvd_start)\n ? `${tvd_start.fixFloat(2)} ${getUnitDisplay('length')}`\n : '-'}\n </span>\n </Regular14>\n )}\n\n {section && (\n <Regular14 className={classes.text} gutterBottom>\n Hole Section: <span className={classes.value}>{section}</span>\n </Regular14>\n )}\n\n {activity && (\n <Regular14 className={classes.text} gutterBottom>\n Operation: <span className={classes.value}>{activity}</span>\n </Regular14>\n )}\n </div>\n </Modal>\n );\n}\n\nexport default LessonsLearnedEdit;\n"],"names":["useStyles","makeStyles","theme","postInput","paddingBottom","filePreviewWrapper","width","marginLeft","maxHeight","modal","maxWidth","actionsAdornment","flex","info","marginTop","text","color","palette","primary","text6","value","text1","inputMain","marginBottom","fontSize","text8","inputHelper","display","paddingRight","cancelText","cursor","highlightedLabel","main","modalActions","paddingTop","actions","height","sendRow","sendIcon","LessonsLearnedEdit","_ref","feedItem","context","id","_ref$feedItem$context2","_ref$feedItem$context","lessons_learned","attachment","timestamp","pointData","data","_ref$feedItem$context3","description","cause","section","activity","md_start","tvd_start","onClose","onSave","userCompanyId","classes","wrapperRef","useRef","_useState","useState","body","_useState2","_slicedToArray","comment","setComment","sendActivity","_jsxs","Modal","open","title","contentClassName","actionsClassName","onClick","e","stopPropagation","Grid","container","direction","justify","alignItems","className","children","_jsx","item","Typography","variant","classNames","concat","component","gutterBottom","IconButton","disabled","SendIcon","ref","PostInput","initialValue","onChange","filePreviewWrapperClass","onKeyDown","key","shiftKey","isSuggestionsListOpened","preventDefault","mentionStyle","MENTION_STYLE","suggestionsPortalHost","current","allowSuggestionsAboveCursor","Regular14","moment","format","Number","isFinite","fixFloat","getUnitDisplay"],"mappings":"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"}

package/components/FeedItem/editModals/NptLessonsCommentEdit/NptLessonsCommentEdit.js CHANGED Viewed

	@@ -1 +1,2 @@
1 1	import t from"@babel/runtime/helpers/defineProperty";import e from"@babel/runtime/helpers/slicedToArray";import{useRef as o,useState as n}from"react";import r from"moment";import i from"classnames";import{makeStyles as a,Grid as c,Typography as s}from"@material-ui/core";import{getUnitDisplay as l}from"../../../../utils/index.js";import m from"../../../Modal/Modal.js";import p from"../../../PostInput/PostInput.js";import d from"../../../IconButton/index.js";import{Regular14 as u}from"../../../Typography.js";import h from"../../../Icons/SendIcon.js";import{isSuggestionsListOpened as f}from"../../../UserMention/utils/index.js";import{FEED_ITEM_TYPES as g,MENTION_STYLE as b}from"../../../../constants/feed.js";import{jsxs as y,jsx as v}from"react/jsx-runtime";function j(t,e){var o=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),o.push.apply(o,n)}return o}function w(e){for(var o=1;o<arguments.length;o++){var n=null!=arguments[o]?arguments[o]:{};o%2?j(Object(n),!0).forEach((function(o){t(e,o,n[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):j(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var x=a((function(t){return{postInput:{paddingBottom:8},filePreviewWrapper:{width:"100%",marginLeft:0,maxHeight:251},modal:{maxWidth:450,width:"100vw"},info:{marginTop:16},text:{color:t.palette.primary.text6},value:{color:"#fff"},inputMain:{marginBottom:0,fontSize:"11px",color:t.palette.primary.text8},inputHelper:{display:"flex",paddingRight:5},cancelText:{cursor:"pointer"},highlightedLabel:{color:t.palette.primary.main},modalActions:{paddingTop:16},actions:{height:36},sendRow:{display:"flex"},sendIcon:{"&.Mui-disabled":{cursor:"not-allowed!important"}}}}));function O(a){var j=a.feedItem.context[g.TRACES_MEMO],O=j.body,C=j.attachment,N=j.bitDepth,P=j.holeDepth,D=j.timestamp,I=a.onClose,M=a.onSave,E=a.userCompanyId,B=x(),S=o(),T=n({body:O,attachment:C}),H=e(T,2),A=H[0],k=H[1],R=function(){M({context:t({},g.TRACES_MEMO,w(w({},A),{},{bitDepth:N,holeDepth:P,timestamp:D}))})};return y(m,{open:!0,onClose:I,title:"Edit Comment",contentClassName:B.modal,actionsClassName:B.modalActions,onClick:function(t){t.stopPropagation()},actions:y(c,{container:!0,direction:"row",justify:"space-between",alignItems:"center",className:B.actions,children:[v(c,{item:!0,children:v(s,{variant:"caption",className:i(B.inputMain,B.cancelText,B.highlightedLabel),"data-testid":"".concat("EditComment","_cancel"),component:"div",gutterBottom:!0,onClick:I,children:"Cancel"})}),y(c,{item:!0,direction:"row",alignItems:"center",className:B.sendRow,children:[y(s,{variant:"caption",className:i(B.inputMain,B.inputHelper),component:"div",gutterBottom:!0,children:["Press ",v(s,{variant:"caption",color:"primary",className:i(B.inputMain,B.highlightedLabel),children:"Enter"})," to send"]}),v(d,{onClick:R,className:B.sendIcon,"data-testid":"".concat("EditComment","_send"),disabled:!A\|\|!A.body&&!A.attachment,children:v(h,{})})]})]}),ref:S,children:[v(p,{initialValue:{body:O,attachment:C},userCompanyId:E,onChange:k,filePreviewWrapperClass:B.filePreviewWrapper,className:B.postInput,onKeyDown:function(t){"Enter"!==t.key\|\|t.shiftKey\|\|f()\|\|(t.preventDefault(),R())},mentionStyle:b,suggestionsPortalHost:S.current,allowSuggestionsAboveCursor:!0}),y("div",{className:B.info,children:[D&&y(u,{className:B.text,gutterBottom:!0,children:["Time:"," ",v("span",{className:B.value,children:r(D).format("MM/DD/YY, HH:mm")})," "]}),Number.isFinite(N)&&y(u,{className:B.text,gutterBottom:!0,children:["Bit Depth:"," ",v("span",{className:B.value,children:"".concat(N," ").concat(l("length"))})]}),Number.isFinite(P)&&y(u,{className:B.text,gutterBottom:!0,children:["Hole Depth:"," ",v("span",{className:B.value,children:"".concat(P," ").concat(l("length"))})]})]})]})}export{O as default};
2	+ //# sourceMappingURL=NptLessonsCommentEdit.js.map

package/components/FeedItem/editModals/NptLessonsCommentEdit/NptLessonsCommentEdit.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"NptLessonsCommentEdit.js","sources":["../../../../../src/components/FeedItem/editModals/NptLessonsCommentEdit/NptLessonsCommentEdit.js"],"sourcesContent":["import { useState, useRef } from 'react';\nimport moment from 'moment';\nimport classNames from 'classnames';\nimport { Grid, Typography, makeStyles } from '@material-ui/core';\n\nimport { getUnitDisplay } from '~/utils';\nimport Modal from '~/components/Modal';\nimport PostInput from '~/components/PostInput';\nimport IconButton from '~/components/IconButton';\nimport { Regular14 } from '~/components/Typography';\nimport SendIcon from '~components/Icons/SendIcon';\nimport { isSuggestionsListOpened } from '~/components/UserMention/utils';\nimport { FEED_ITEM_TYPES, MENTION_STYLE } from '~/constants/feed';\n\nconst PAGE_NAME = 'EditComment';\n\nconst useStyles = makeStyles(theme => ({\n postInput: { paddingBottom: 8 },\n filePreviewWrapper: {\n width: '100%',\n marginLeft: 0,\n maxHeight: 251,\n },\n modal: {\n maxWidth: 450,\n width: '100vw',\n },\n info: { marginTop: 16 },\n text: {\n color: theme.palette.primary.text6,\n },\n value: {\n color: '#fff',\n },\n inputMain: {\n marginBottom: 0,\n fontSize: '11px',\n color: theme.palette.primary.text8,\n },\n inputHelper: {\n display: 'flex',\n paddingRight: 5,\n },\n cancelText: {\n cursor: 'pointer',\n },\n highlightedLabel: {\n color: theme.palette.primary.main,\n },\n modalActions: { paddingTop: 16 },\n actions: { height: 36 },\n sendRow: { display: 'flex' },\n sendIcon: {\n '&.Mui-disabled': {\n cursor: 'not-allowed!important',\n },\n },\n}));\n\nfunction NptLessonsCommentEdit({\n feedItem: {\n context: {\n [FEED_ITEM_TYPES.TRACES_MEMO]: { body, attachment, bitDepth, holeDepth, timestamp },\n },\n },\n onClose,\n onSave,\n userCompanyId,\n}) {\n const classes = useStyles();\n\n const wrapperRef = useRef();\n const [comment, setComment] = useState({\n body,\n attachment,\n });\n\n const sendActivity = () => {\n onSave({\n context: {\n [FEED_ITEM_TYPES.TRACES_MEMO]: {\n ...comment,\n bitDepth,\n holeDepth,\n timestamp,\n },\n },\n });\n };\n\n const onKeyDown = e => {\n if (e.key === 'Enter' && !e.shiftKey && !isSuggestionsListOpened()) {\n e.preventDefault();\n sendActivity();\n }\n };\n\n const handleClick = e => {\n e.stopPropagation();\n };\n\n return (\n <Modal\n open\n onClose={onClose}\n title=\"Edit Comment\"\n contentClassName={classes.modal}\n actionsClassName={classes.modalActions}\n onClick={handleClick}\n actions={\n <Grid\n container\n direction=\"row\"\n justify=\"space-between\"\n alignItems=\"center\"\n className={classes.actions}\n >\n <Grid item>\n <Typography\n variant=\"caption\"\n className={classNames(\n classes.inputMain,\n classes.cancelText,\n classes.highlightedLabel\n )}\n data-testid={`${PAGE_NAME}_cancel`}\n component=\"div\"\n gutterBottom\n onClick={onClose}\n >\n Cancel\n </Typography>\n </Grid>\n <Grid item direction=\"row\" alignItems=\"center\" className={classes.sendRow}>\n <Typography\n variant=\"caption\"\n className={classNames(classes.inputMain, classes.inputHelper)}\n component=\"div\"\n gutterBottom\n >\n Press \n <Typography\n variant=\"caption\"\n color=\"primary\"\n className={classNames(classes.inputMain, classes.highlightedLabel)}\n >\n Enter\n </Typography>\n  to send\n </Typography>\n <IconButton\n onClick={sendActivity}\n className={classes.sendIcon}\n data-testid={`${PAGE_NAME}_send`}\n disabled={!comment || (!comment.body && !comment.attachment)}\n >\n <SendIcon />\n </IconButton>\n </Grid>\n </Grid>\n }\n ref={wrapperRef}\n >\n <PostInput\n initialValue={{ body, attachment }}\n userCompanyId={userCompanyId}\n onChange={setComment}\n filePreviewWrapperClass={classes.filePreviewWrapper}\n className={classes.postInput}\n onKeyDown={onKeyDown}\n mentionStyle={MENTION_STYLE}\n suggestionsPortalHost={wrapperRef.current}\n allowSuggestionsAboveCursor\n />\n\n <div className={classes.info}>\n {timestamp && (\n <Regular14 className={classes.text} gutterBottom>\n Time:{' '}\n <span className={classes.value}>{moment(timestamp).format('MM/DD/YY, HH:mm')}</span>{' '}\n </Regular14>\n )}\n\n {Number.isFinite(bitDepth) && (\n <Regular14 className={classes.text} gutterBottom>\n Bit Depth:{' '}\n <span className={classes.value}>{`${bitDepth} ${getUnitDisplay('length')}`}</span>\n </Regular14>\n )}\n\n {Number.isFinite(holeDepth) && (\n <Regular14 className={classes.text} gutterBottom>\n Hole Depth:{' '}\n <span className={classes.value}>{`${holeDepth} ${getUnitDisplay('length')}`}</span>\n </Regular14>\n )}\n </div>\n </Modal>\n );\n}\n\nexport default NptLessonsCommentEdit;\n"],"names":["useStyles","makeStyles","theme","postInput","paddingBottom","filePreviewWrapper","width","marginLeft","maxHeight","modal","maxWidth","info","marginTop","text","color","palette","primary","text6","value","inputMain","marginBottom","fontSize","text8","inputHelper","display","paddingRight","cancelText","cursor","highlightedLabel","main","modalActions","paddingTop","actions","height","sendRow","sendIcon","NptLessonsCommentEdit","_ref","_ref$feedItem$context","feedItem","context","FEED_ITEM_TYPES","TRACES_MEMO","body","attachment","bitDepth","holeDepth","timestamp","onClose","onSave","userCompanyId","classes","wrapperRef","useRef","_useState","useState","_useState2","_slicedToArray","comment","setComment","sendActivity","_jsxs","Modal","open","title","contentClassName","actionsClassName","onClick","e","stopPropagation","Grid","container","direction","justify","alignItems","className","children","_jsx","item","Typography","variant","classNames","concat","component","gutterBottom","IconButton","disabled","SendIcon","ref","PostInput","initialValue","onChange","filePreviewWrapperClass","onKeyDown","key","shiftKey","isSuggestionsListOpened","preventDefault","mentionStyle","MENTION_STYLE","suggestionsPortalHost","current","allowSuggestionsAboveCursor","Regular14","moment","format","Number","isFinite","getUnitDisplay"],"mappings":"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"}

package/components/FeedItem/editModals/PCCommentEdit/PCCommentEdit.js CHANGED Viewed

	@@ -1 +1,2 @@
1 1	import e from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/slicedToArray";import{useRef as o,useState as n}from"react";import r from"moment";import i from"classnames";import{makeStyles as a,Grid as c,Typography as s}from"@material-ui/core";import l from"../../../Modal/Modal.js";import m from"../../../PostInput/PostInput.js";import p from"../../../IconButton/index.js";import{Regular14 as d}from"../../../Typography.js";import u from"../../../Icons/SendIcon.js";import{isSuggestionsListOpened as f}from"../../../UserMention/utils/index.js";import{MENTION_STYLE as h}from"../../../../constants/feed.js";import{jsxs as g,jsx as y}from"react/jsx-runtime";function b(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,n)}return o}function v(t){for(var o=1;o<arguments.length;o++){var n=null!=arguments[o]?arguments[o]:{};o%2?b(Object(n),!0).forEach((function(o){e(t,o,n[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):b(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var j=a((function(e){return{postInput:{paddingBottom:8},filePreviewWrapper:{width:"100%",marginLeft:0,maxHeight:251},modal:{maxWidth:450,width:"100vw"},actionsAdornment:{flex:1},info:{marginTop:16},text:{color:e.palette.primary.text6},value:{color:"#fff"},inputMain:{marginBottom:0,fontSize:"11px",color:e.palette.primary.text8},inputHelper:{display:"flex",paddingRight:5},cancelText:{cursor:"pointer"},highlightedLabel:{color:e.palette.primary.main},modalActions:{paddingTop:16},actions:{height:36},sendRow:{display:"flex"},sendIcon:{"&.Mui-disabled":{cursor:"not-allowed!important"}}}}));function w(e){var a=e.feedItem.context.pc_comment,b=a.body,w=a.attachment,x=a.data,O=a.data,P=O.holeDepth,N=O.timestamp,C=e.onClose,I=e.onSave,D=e.userCompanyId,M=j(),B=o(),H=n({body:b,attachment:w}),S=t(H,2),T=S[0],k=S[1],A=function(){I({context:{pc_comment:v(v({},T),{},{data:x})}})};return g(l,{open:!0,onClose:C,title:"Edit Comment",contentClassName:M.modal,actionsClassName:M.modalActions,onClick:function(e){e.stopPropagation()},actions:g(c,{container:!0,direction:"row",justify:"space-between",alignItems:"center",className:M.actions,children:[y(c,{item:!0,children:y(s,{variant:"caption",className:i(M.inputMain,M.cancelText,M.highlightedLabel),component:"div",gutterBottom:!0,onClick:C,children:"Cancel"})}),g(c,{item:!0,direction:"row",alignItems:"center",className:M.sendRow,children:[g(s,{variant:"caption",className:i(M.inputMain,M.inputHelper),component:"div",gutterBottom:!0,children:["Press ",y(s,{variant:"caption",color:"primary",className:i(M.inputMain,M.highlightedLabel),children:"Enter"})," to send"]}),y(p,{onClick:A,className:M.sendIcon,disabled:!T\|\|!T.body&&!T.attachment,children:y(u,{})})]})]}),ref:B,children:[y(m,{initialValue:{body:b,attachment:w},userCompanyId:D,onChange:k,filePreviewWrapperClass:M.filePreviewWrapper,className:M.postInput,onKeyDown:function(e){"Enter"!==e.key\|\|e.shiftKey\|\|f()\|\|(e.preventDefault(),A())},mentionStyle:h,suggestionsPortalHost:B.current,allowSuggestionsAboveCursor:!0}),g("div",{className:M.info,children:[N&&g(d,{className:M.text,gutterBottom:!0,children:["Time:"," ",y("span",{className:M.value,children:r(1e3*N).format("MM/DD/YY, HH:mm")})]}),Number.isFinite(P)&&g(d,{className:M.text,gutterBottom:!0,children:["Hole Depth: ",g("span",{className:M.value,children:[P,"'"]})]})]})]})}export{w as default};
2	+ //# sourceMappingURL=PCCommentEdit.js.map

package/components/FeedItem/editModals/PCCommentEdit/PCCommentEdit.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"PCCommentEdit.js","sources":["../../../../../src/components/FeedItem/editModals/PCCommentEdit/PCCommentEdit.js"],"sourcesContent":["import { useState, useRef } from 'react';\nimport moment from 'moment';\nimport classNames from 'classnames';\nimport { Grid, Typography, makeStyles } from '@material-ui/core';\n\nimport Modal from '~/components/Modal';\nimport PostInput from '~/components/PostInput';\nimport IconButton from '~/components/IconButton';\nimport { Regular14 } from '~/components/Typography';\nimport SendIcon from '~components/Icons/SendIcon';\nimport { isSuggestionsListOpened } from '~/components/UserMention/utils';\nimport { MENTION_STYLE } from '~/constants/feed';\n\nconst useStyles = makeStyles(theme => ({\n postInput: { paddingBottom: 8 },\n filePreviewWrapper: {\n width: '100%',\n marginLeft: 0,\n maxHeight: 251,\n },\n modal: {\n maxWidth: 450,\n width: '100vw',\n },\n actionsAdornment: { flex: 1 },\n info: { marginTop: 16 },\n text: {\n color: theme.palette.primary.text6,\n },\n value: {\n color: '#fff',\n },\n inputMain: {\n marginBottom: 0,\n fontSize: '11px',\n color: theme.palette.primary.text8,\n },\n inputHelper: {\n display: 'flex',\n paddingRight: 5,\n },\n cancelText: {\n cursor: 'pointer',\n },\n highlightedLabel: {\n color: theme.palette.primary.main,\n },\n modalActions: { paddingTop: 16 },\n actions: { height: 36 },\n sendRow: { display: 'flex' },\n sendIcon: {\n '&.Mui-disabled': {\n cursor: 'not-allowed!important',\n },\n },\n}));\n\nfunction PCCommentEdit({\n feedItem: {\n context: {\n pc_comment: {\n body,\n attachment,\n data: pointData,\n data: { holeDepth, timestamp },\n },\n },\n },\n onClose,\n onSave,\n userCompanyId,\n}) {\n const classes = useStyles();\n\n const wrapperRef = useRef();\n const [comment, setComment] = useState({\n body,\n attachment,\n });\n\n const sendActivity = () => {\n onSave({\n context: {\n pc_comment: {\n ...comment,\n data: pointData,\n },\n },\n });\n };\n\n const onKeyDown = e => {\n if (e.key === 'Enter' && !e.shiftKey && !isSuggestionsListOpened()) {\n e.preventDefault();\n sendActivity();\n }\n };\n\n const handleClick = e => {\n e.stopPropagation();\n };\n\n return (\n <Modal\n open\n onClose={onClose}\n title=\"Edit Comment\"\n contentClassName={classes.modal}\n actionsClassName={classes.modalActions}\n onClick={handleClick}\n actions={\n <Grid\n container\n direction=\"row\"\n justify=\"space-between\"\n alignItems=\"center\"\n className={classes.actions}\n >\n <Grid item>\n <Typography\n variant=\"caption\"\n className={classNames(\n classes.inputMain,\n classes.cancelText,\n classes.highlightedLabel\n )}\n component=\"div\"\n gutterBottom\n onClick={onClose}\n >\n Cancel\n </Typography>\n </Grid>\n <Grid item direction=\"row\" alignItems=\"center\" className={classes.sendRow}>\n <Typography\n variant=\"caption\"\n className={classNames(classes.inputMain, classes.inputHelper)}\n component=\"div\"\n gutterBottom\n >\n Press \n <Typography\n variant=\"caption\"\n color=\"primary\"\n className={classNames(classes.inputMain, classes.highlightedLabel)}\n >\n Enter\n </Typography>\n  to send\n </Typography>\n <IconButton\n onClick={sendActivity}\n className={classes.sendIcon}\n disabled={!comment || (!comment.body && !comment.attachment)}\n >\n <SendIcon />\n </IconButton>\n </Grid>\n </Grid>\n }\n ref={wrapperRef}\n >\n <PostInput\n initialValue={{ body, attachment }}\n userCompanyId={userCompanyId}\n onChange={setComment}\n filePreviewWrapperClass={classes.filePreviewWrapper}\n className={classes.postInput}\n onKeyDown={onKeyDown}\n mentionStyle={MENTION_STYLE}\n suggestionsPortalHost={wrapperRef.current}\n allowSuggestionsAboveCursor\n />\n\n <div className={classes.info}>\n {timestamp && (\n <Regular14 className={classes.text} gutterBottom>\n Time:{' '}\n <span className={classes.value}>\n {moment(timestamp * 1000).format('MM/DD/YY, HH:mm')}\n </span>\n </Regular14>\n )}\n\n {Number.isFinite(holeDepth) && (\n <Regular14 className={classes.text} gutterBottom>\n Hole Depth: <span className={classes.value}>{holeDepth}'</span>\n </Regular14>\n )}\n </div>\n </Modal>\n );\n}\n\nexport default PCCommentEdit;\n"],"names":["useStyles","makeStyles","theme","postInput","paddingBottom","filePreviewWrapper","width","marginLeft","maxHeight","modal","maxWidth","actionsAdornment","flex","info","marginTop","text","color","palette","primary","text6","value","inputMain","marginBottom","fontSize","text8","inputHelper","display","paddingRight","cancelText","cursor","highlightedLabel","main","modalActions","paddingTop","actions","height","sendRow","sendIcon","PCCommentEdit","_ref","_ref$feedItem$context","feedItem","context","pc_comment","body","attachment","pointData","data","_ref$feedItem$context2","holeDepth","timestamp","onClose","onSave","userCompanyId","classes","wrapperRef","useRef","_useState","useState","_useState2","_slicedToArray","comment","setComment","sendActivity","_jsxs","Modal","open","title","contentClassName","actionsClassName","onClick","e","stopPropagation","Grid","container","direction","justify","alignItems","className","children","_jsx","item","Typography","variant","classNames","component","gutterBottom","IconButton","disabled","SendIcon","ref","PostInput","initialValue","onChange","filePreviewWrapperClass","onKeyDown","key","shiftKey","isSuggestionsListOpened","preventDefault","mentionStyle","MENTION_STYLE","suggestionsPortalHost","current","allowSuggestionsAboveCursor","Regular14","moment","format","Number","isFinite"],"mappings":"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"}

package/components/FeedItem/feedItemTypes/AlertFeedItem.js CHANGED Viewed

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

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

@@ -0,0 +1 @@

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

package/components/FeedItem/feedItemTypes/AppAnnotationFeedItem/helpers.js CHANGED Viewed

	@@ -1 +1,2 @@
1 1	import e from"@babel/runtime/helpers/defineProperty";function t(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function r(r){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?t(Object(i),!0).forEach((function(t){e(r,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(i)):t(Object(i)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(i,e))}))}return r}var n=function(e,t){if(!e)return null;var n=e.parent_asset?r(r({},e),{},{parent_asset_id:e.parent_asset.id,company_id:t}):{id:e.active_well.id,name:e.active_well.name,company_id:t,parent_asset:{id:e.id,name:e.name},parent_asset_id:e.id};return e.id?n:null};export{n as normalizeAssetForApp};
2	+ //# sourceMappingURL=helpers.js.map

package/components/FeedItem/feedItemTypes/AppAnnotationFeedItem/helpers.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"helpers.js","sources":["../../../../../src/components/FeedItem/feedItemTypes/AppAnnotationFeedItem/helpers.js"],"sourcesContent":["export const normalizeAssetForApp = (asset, companyId) => {\n if (!asset) return null;\n\n const normalizedAsset = asset.parent_asset\n ? {\n ...asset,\n parent_asset_id: asset.parent_asset.id, // NOTE: Some apps requires this.\n company_id: companyId,\n }\n : {\n id: asset.active_well.id,\n name: asset.active_well.name,\n company_id: companyId,\n\n parent_asset: {\n id: asset.id,\n name: asset.name,\n },\n parent_asset_id: asset.id,\n };\n\n return asset.id ? normalizedAsset : null;\n};\n"],"names":["normalizeAssetForApp","asset","companyId","normalizedAsset","parent_asset","parent_asset_id","id","company_id","active_well","name"],"mappings":"onBAAO,IAAMA,EAAuB,SAACC,EAAOC,GAC1C,IAAKD,EAAO,OAAO,KAEnB,IAAME,EAAkBF,EAAMG,oBAErBH,GAAK,GAAA,CACRI,gBAAiBJ,EAAMG,aAAaE,GACpCC,WAAYL,IAEd,CACEI,GAAIL,EAAMO,YAAYF,GACtBG,KAAMR,EAAMO,YAAYC,KACxBF,WAAYL,EAEZE,aAAc,CACZE,GAAIL,EAAMK,GACVG,KAAMR,EAAMQ,MAEdJ,gBAAiBJ,EAAMK,IAG7B,OAAOL,EAAMK,GAAKH,EAAkB,IACtC"}

package/components/FeedItem/feedItemTypes/AppAnnotationFeedItem/index.js CHANGED Viewed

	@@ -1 +1,2 @@
1 1	import e from"@babel/runtime/helpers/typeof";import t from"@babel/runtime/helpers/defineProperty";import{shape as r,oneOfType as i,number as a,string as o,func as p,bool as n}from"prop-types";import{Map as s,List as m}from"immutable";import c from"moment";import{makeStyles as d,Typography as u}from"@material-ui/core";import{normalizeAssetForApp as l}from"./helpers.js";import b from"./styles.css.js";import{isNativeDetected as f}from"../../../../utils/mobileDetect.js";import g from"../../../EmbeddedApp/DevCenterEmbeddedApp.js";import y from"../../../EmbeddedApp/EmbeddedApp.js";import A from"../../../Attachment/index.js";import{formatMentionText as h}from"../../../UserMention/utils/index.js";import{jsx as w,jsxs as j,Fragment as v}from"react/jsx-runtime";function O(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,i)}return r}function R(e){for(var r=1;r<arguments.length;r++){var i=null!=arguments[r]?arguments[r]:{};r%2?O(Object(i),!0).forEach((function(r){t(e,r,i[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):O(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}var _=d((function(e){return{attachmentLable:{fontSize:"12px",color:e.palette.primary.text6}}})),q=function(e){var t=e.feedItem,r=t.id,i=t.well,a=t.rig,o=t.app,p=t.package,n=t.company_id,d=t.context.app_annotation,O=d.body,q=d.app_category,D=d.app_key,E=d.created_at,P=d.settings,S=void 0===P?{}:P,x=d.attachment,C=d.data_timestamp,F=t.mentioned_users,I=e.appContext,N=e.appRegistry,L=e.subscribeAppForAsset,U=e.unsubscribeAppFromAsset,k=e.currentUser,z=e.appData,B=e.isSubDataLoading,K=e.getSubErrors,M=e.isSubDataEmpty,T=_(),G=!!o,H=G&&"dev_center"===o.platform;if(!G\|\|H&&!p)return w(u,{variant:"body2",children:"App not found"});var J=l(i\|\|a,n),Q=c(C\|\|E).unix();return[J,q,D,E].every(Boolean)&&J.id?j("div",{className:b.appAnnotationFeedItem,children:[w(u,{variant:"body2","data-testid":"".concat("FeedActivityPo_appAnnotation","_message"),children:h(O,F,f)}),e.showAppPreview&&j(v,{children:[w("br",{}),p&&p.url?w(g,{appContainerClassName:b.appAnnotationFeedItemApp,appId:r,assetId:J.id,asset:J,app:{app:R(R({},o),{},{settings:S}),package:p},coordinates:{},timestamp:Q,time:C,currentUser:k}):w(y,{appContainerClassName:b.appAnnotationFeedItemApp,appId:r,assetId:J.id,asset:s(J),appComponentKey:D,appComponentCategory:q,requiresSubscription:!0,appContext:s(I),assetDashboards:m(),timestamp:Q,time:C,onSettingChange:function(){},settings:S,internalSelectors:{isSubDataLoading:B,getSubErrors:K,isSubDataEmpty:M},appRegistry:N,appData:z,subscribeAppForAsset:L,unsubscribeAppFromAsset:U})]}),x&&x.signed_url&&j("div",{className:b.appAnnotationFeedItemAttachment,children:[w(u,{variant:"subtitle1",className:T.attachmentLable,children:"Attachments"}),w(A,{small:!0,attachmentUrl:x.signed_url,fileName:x.file_name,displayName:x.file_name})]})]}):w(u,{variant:"body2",children:"No Data"})};q.propTypes={feedItem:r({id:i([a,o]).isRequired,well:function(t,r,i){return t.well\|\|t.rig?t.well&&"object"!==e(t.well)?new Error("Prop '".concat(r,"' should be an object")):null:new Error("One of props 'well' or 'rig' was not specified in '".concat(i,"'."))},rig:function(t,r,i){return t.well\|\|t.rig?t.rig&&"object"!==e(t.rig)?new Error("Prop '".concat(r,"' should be an object")):null:new Error("One of props 'well' or 'rig' was not specified in '".concat(i,"'."))},context:r({app_annotation:r({body:o,app_category:o.isRequired,app_name:o.isRequired,created_at:o.isRequired,settings:r()}).isRequired}).isRequired}).isRequired,appContext:r().isRequired,currentUser:r().isRequired,appData:r().isRequired,appRegistry:r().isRequired,subscribeAppForAsset:p.isRequired,unsubscribeAppFromAsset:p.isRequired,isSubDataLoading:p.isRequired,getSubErrors:p.isRequired,isSubDataEmpty:p.isRequired,showAppPreview:n},q.defaultProps={showAppPreview:!0};export{q as default};
2	+ //# sourceMappingURL=index.js.map

package/components/FeedItem/feedItemTypes/AppAnnotationFeedItem/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../../../src/components/FeedItem/feedItemTypes/AppAnnotationFeedItem/index.js"],"sourcesContent":["import { shape, number, string, oneOfType, func, bool } from 'prop-types';\nimport { Map, List } from 'immutable';\nimport moment from 'moment';\nimport { Typography, makeStyles } from '@material-ui/core';\n\nimport { normalizeAssetForApp } from './helpers';\n\nimport styles from './styles.css';\n\nimport { isNativeDetected } from '~/utils/mobileDetect';\nimport { EmbeddedApp, DevCenterEmbeddedApp } from '~/components/EmbeddedApp';\nimport Attachment from '~/components/Attachment';\nimport { formatMentionText } from '~/components/UserMention/utils';\n\nconst PAGE_NAME = 'FeedActivityPo_appAnnotation';\n\nconst useStyles = makeStyles(theme => ({\n attachmentLable: {\n fontSize: '12px',\n color: theme.palette.primary.text6,\n },\n}));\n\nconst AppAnnotationFeedItem = props => {\n const {\n feedItem: {\n id,\n well,\n rig,\n app,\n package: appPackage,\n company_id: companyId,\n context: {\n app_annotation: {\n body,\n app_category: appCategory,\n app_key: appKey,\n created_at: createdAt,\n settings = {},\n attachment,\n data_timestamp: dataTimestamp,\n },\n },\n mentioned_users: mentionedUsers,\n },\n appContext,\n\n appRegistry,\n subscribeAppForAsset,\n unsubscribeAppFromAsset,\n currentUser,\n appData,\n isSubDataLoading,\n getSubErrors,\n isSubDataEmpty,\n } = props;\n const classes = useStyles();\n\n const isAppFound = !!app;\n const isDevCenterApp = isAppFound && app.platform === 'dev_center';\n const isDevCenterWithoutPackage = isDevCenterApp && !appPackage;\n\n if (!isAppFound || isDevCenterWithoutPackage)\n return <Typography variant=\"body2\">App not found</Typography>;\n\n const asset = normalizeAssetForApp(well || rig, companyId);\n const timestamp = moment(dataTimestamp || createdAt).unix();\n\n const requiredFields = [asset, appCategory, appKey, createdAt];\n\n if (!requiredFields.every(Boolean) || !asset.id)\n return <Typography variant=\"body2\">No Data</Typography>;\n\n return (\n <div className={styles.appAnnotationFeedItem}>\n <Typography variant=\"body2\" data-testid={`${PAGE_NAME}_message`}>\n {formatMentionText(body, mentionedUsers, isNativeDetected)}\n </Typography>\n {props.showAppPreview && (\n <>\n <br />\n {appPackage && appPackage.url ? (\n <DevCenterEmbeddedApp\n appContainerClassName={styles.appAnnotationFeedItemApp}\n appId={id}\n assetId={asset.id}\n asset={asset}\n app={{\n app: { ...app, settings },\n package: appPackage,\n }}\n coordinates={{}}\n timestamp={timestamp}\n time={dataTimestamp}\n currentUser={currentUser}\n />\n ) : (\n <EmbeddedApp\n appContainerClassName={styles.appAnnotationFeedItemApp}\n appId={id}\n assetId={asset.id}\n asset={Map(asset)}\n appComponentKey={appKey}\n appComponentCategory={appCategory}\n requiresSubscription\n appContext={Map(appContext)}\n assetDashboards={List()}\n timestamp={timestamp}\n time={dataTimestamp}\n onSettingChange={() => undefined}\n settings={settings}\n internalSelectors={{\n isSubDataLoading,\n getSubErrors,\n isSubDataEmpty,\n }}\n appRegistry={appRegistry}\n appData={appData}\n subscribeAppForAsset={subscribeAppForAsset}\n unsubscribeAppFromAsset={unsubscribeAppFromAsset}\n />\n )}\n </>\n )}\n {attachment && attachment.signed_url && (\n <div className={styles.appAnnotationFeedItemAttachment}>\n <Typography variant=\"subtitle1\" className={classes.attachmentLable}>\n Attachments\n </Typography>\n <Attachment\n small\n attachmentUrl={attachment.signed_url}\n fileName={attachment.file_name}\n displayName={attachment.file_name}\n />\n </div>\n )}\n </div>\n );\n};\n\nAppAnnotationFeedItem.propTypes = {\n feedItem: shape({\n id: oneOfType([number, string]).isRequired,\n well: (props, propName, componentName) => {\n if (!props.well && !props.rig) {\n return new Error(`One of props 'well' or 'rig' was not specified in '${componentName}'.`);\n }\n if (props.well && typeof props.well !== 'object')\n return new Error(`Prop '${propName}' should be an object`);\n return null;\n },\n rig: (props, propName, componentName) => {\n if (!props.well && !props.rig) {\n return new Error(`One of props 'well' or 'rig' was not specified in '${componentName}'.`);\n }\n if (props.rig && typeof props.rig !== 'object')\n return new Error(`Prop '${propName}' should be an object`);\n return null;\n },\n context: shape({\n app_annotation: shape({\n body: string,\n app_category: string.isRequired,\n app_name: string.isRequired,\n created_at: string.isRequired,\n settings: shape(),\n }).isRequired,\n }).isRequired,\n }).isRequired,\n appContext: shape().isRequired,\n currentUser: shape().isRequired,\n appData: shape().isRequired,\n appRegistry: shape().isRequired,\n subscribeAppForAsset: func.isRequired,\n unsubscribeAppFromAsset: func.isRequired,\n isSubDataLoading: func.isRequired,\n getSubErrors: func.isRequired,\n isSubDataEmpty: func.isRequired,\n showAppPreview: bool,\n};\n\nAppAnnotationFeedItem.defaultProps = {\n showAppPreview: true,\n};\n\nexport default AppAnnotationFeedItem;\n"],"names":["useStyles","makeStyles","theme","attachmentLable","fontSize","color","palette","primary","text6","AppAnnotationFeedItem","props","feedItem","id","well","rig","app","appPackage","package","companyId","company_id","_props$feedItem$conte","context","app_annotation","body","appCategory","app_category","appKey","app_key","createdAt","created_at","_props$feedItem$conte2","settings","attachment","dataTimestamp","data_timestamp","mentionedUsers","mentioned_users","appContext","appRegistry","subscribeAppForAsset","unsubscribeAppFromAsset","currentUser","appData","isSubDataLoading","getSubErrors","isSubDataEmpty","classes","isAppFound","isDevCenterApp","platform","_jsx","Typography","variant","children","asset","normalizeAssetForApp","timestamp","moment","unix","every","Boolean","_jsxs","className","styles","appAnnotationFeedItem","concat","formatMentionText","isNativeDetected","showAppPreview","_Fragment","url","DevCenterEmbeddedApp","appContainerClassName","appAnnotationFeedItemApp","appId","assetId","coordinates","time","EmbeddedApp","Map","appComponentKey","appComponentCategory","requiresSubscription","assetDashboards","List","onSettingChange","internalSelectors","signed_url","appAnnotationFeedItemAttachment","Attachment","small","attachmentUrl","fileName","file_name","displayName","propTypes","shape","oneOfType","number","string","isRequired","propName","componentName","_typeof","Error","app_name","func","bool","defaultProps"],"mappings":"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"}

package/components/FeedItem/feedItemTypes/AppAnnotationFeedItem/styles.css.js CHANGED Viewed

	@@ -1 +1,2 @@
1 1	import t from'./../../../../ext-esm/style-inject/dist/style-inject.es.js';var e={appAnnotationFeedItem:"styles_appAnnotationFeedItem__YxXXr",appAnnotationFeedItemApp:"styles_appAnnotationFeedItemApp__ocHQR",appAnnotationFeedItemAttachment:"styles_appAnnotationFeedItemAttachment__0MiDo"};t(".styles_appAnnotationFeedItem__YxXXr{display:flex;flex-direction:column}.styles_appAnnotationFeedItemApp__ocHQR{display:inline-block;height:480px;margin-right:15px;position:relative;width:628px}.styles_appAnnotationFeedItemAttachment__0MiDo{padding-top:10px;width:300px}");export{e as default};
2	+ //# sourceMappingURL=styles.css.js.map

package/components/FeedItem/feedItemTypes/AppAnnotationFeedItem/styles.css.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,aAAa,4DAA+D;"}

package/components/FeedItem/feedItemTypes/BhaFeedItem/BhaFeedItem.js CHANGED Viewed

	@@ -1 +1,2 @@
1 1	import e from"@babel/runtime/helpers/asyncToGenerator";import i from"@babel/runtime/helpers/slicedToArray";import r from"@babel/runtime/regenerator";import{useState as t,useEffect as o}from"react";import{shape as n,number as a,string as s,arrayOf as l}from"prop-types";import m from"./components/Info.js";import d from"./components/BhaNumber.js";import p from"./components/BhaSchematic.js";import u from"./components/NoData.js";import c from"./styles.css.js";import{loadDrillStringData as f}from"../../../../utils/bha.js";import{jsxs as h,Fragment as b,jsx as v}from"react/jsx-runtime";var y=function(n){var a,s,l=n.feedItem,y=n.feedItem,g=y.well,q=y.context,D=y.company_id,R=t([]),I=i(R,2),j=I[0],x=I[1],w=t(!1),N=i(w,2),_=N[0],A=N[1],S=null==g?void 0:g.id,T=null==q\|\|null===(a=q.bha)\|\|void 0===a?void 0:a.data,k=[null==T?void 0:T.id],B=(null==T\|\|null===(s=T.components)\|\|void 0===s?void 0:s.find((function(e){return"bit"===e.family})))\|\|{},C=(null==T?void 0:T.id)\|\|"-";function F(){return(F=e(r.mark((function e(){var i;return r.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,f([{_id:S,bha_ids:k}],D);case 3:i=e.sent,x(i),e.next=10;break;case 7:e.prev=7,e.t0=e.catch(0),console.error(e.t0);case 10:case"end":return e.stop()}}),e,null,[[0,7]])})))).apply(this,arguments)}return o((function(){!function(){F.apply(this,arguments)}()}),[]),h(b,{children:[h("div",{className:c.bhaFeedItemInfoWrapper,children:[v(d,{bhaId:C,pageName:"bhaActivity"}),v(m,{feedItem:l,bitComponent:B,pageName:"bhaActivity"})]}),j.length>0?v(p,{feedItem:l,drillStringData:j,isShowDrillstringDetailDialog:_,handleShowDrillstringDetailDialog:function(){return A(!0)},handleHideDrillstringDetailDialog:function(){return A(!1)}}):v(u,{pageName:"bhaActivity"})]})};y.propTypes={feedItem:n({id:a.isRequired,type:s.isRequired,company_id:a.isRequired,context:n({bha:n({data:n({id:a.isRequired,components:l(n).isRequired,start_depth:a.isRequired}).isRequired})}).isRequired,created_at:s.isRequired,well:n({id:a.isRequired})}).isRequired};export{y as default};
2	+ //# sourceMappingURL=BhaFeedItem.js.map