@corva/ui 3.22.3 → 3.22.5

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

@@ -1,2 +1,2 @@
-"use strict";var s=require("react/jsx-runtime"),o=require("react"),e=require("classnames"),c=require("@material-ui/core"),i=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js");var n=require("../../utils/main.js");function r(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var t=r(e),u=c.makeStyles((function(s){return{iconWrapper:{color:s.palette.primary.text6,cursor:"pointer",paddingLeft:4,display:"flex",alignItems:"center","&:hover":{color:s.palette.primary.contrastText}},tooltip:{color:s.palette.primary.text6,backgroundColor:"rgba(20, 20, 20, 0.5)"}}}));module.exports=function(e){var r=e.children,l=e.classes,a=void 0===l?{}:l,m=e.dataTestId,p=e.IconComponent,d=void 0===p?function(){return s.jsx(i.CopyIcon,{size:16})}:p,j=e.tooltipProps,q=void 0===j?{title:"Copied",placement:"bottom",delay:1500}:j,I=o.useState(!1),C=I[0],f=I[1],h=u();return o.useEffect((function(){var s=setTimeout((function(){f(!1)}),q.delay);return function(){return clearTimeout(s)}}),[C]),s.jsx(c.Tooltip,{classes:{tooltip:t.default(h.tooltip,a.tooltip),popper:a.tooltipPopper},title:q.title,open:C,disableFocusListener:!0,disableHoverListener:!0,placement:q.placement,children:s.jsx("span",{className:t.default(h.iconWrapper,a.iconWrapper),onClick:function(){f(!0),n.copyToClipboard(r)},children:s.jsx(d,{className:a.icon,"data-testid":m})})})};
+"use strict";var s=require("react/jsx-runtime"),o=require("react"),e=require("classnames"),c=require("@material-ui/core"),i=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js");var n=require("../../utils/main.js");function r(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var t=r(e),u=c.makeStyles((function(s){return{iconWrapper:{color:s.palette.primary.text6,cursor:"pointer",paddingLeft:4,display:"flex",alignItems:"center","&:hover":{color:s.palette.primary.contrastText}},tooltip:{color:s.palette.primary.text6,backgroundColor:"rgba(20, 20, 20, 0.5)"}}}));module.exports=function(e){var r=e.children,l=e.classes,a=void 0===l?{}:l,m=e.dataTestId,d=e.IconComponent,p=void 0===d?function(){return s.jsx(i.CopyIcon,{size:16})}:d,j=e.tooltipProps,q=void 0===j?{title:"Copied",placement:"bottom",delay:1500}:j,I=o.useState(!1),f=I[0],C=I[1],h=u();return o.useEffect((function(){var s=setTimeout((function(){C(!1)}),q.delay);return function(){return clearTimeout(s)}}),[f]),s.jsx(c.Tooltip,{classes:{tooltip:t.default(h.tooltip,a.tooltip),popper:a.tooltipPopper},title:q.title,open:f,disableFocusListener:!0,disableHoverListener:!0,placement:q.placement,children:s.jsx("span",{className:t.default(h.iconWrapper,a.iconWrapper),onClick:function(){C(!0),n.default.copyToClipboard(r)},children:s.jsx(p,{className:a.icon,"data-testid":m})})})};
 //# sourceMappingURL=CopyToClipboard.js.map

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

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

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

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

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("prop-types"),t=require("../editModals/DvdCommentEdit/DvdCommentEdit.js"),o=require("../editModals/PCCommentEdit/PCCommentEdit.js"),n=require("../editModals/NptLessonsCommentEdit/NptLessonsCommentEdit.js"),s=require("../editModals/LessonsLearnedEdit/LessonsLearnedEdit.js"),d=require("../../../constants/feed.js"),a=require("../../../utils/main.js"),i=require("../../PostPreviewDialog/index.js"),l=require("../../TracesEditModal/TracesEditModalContainer.js"),r=require("../editModals/HookloadCommentEdit/HookloadCommentEdit.js"),u=require("react/jsx-runtime");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=m(e),f=function(e){var m,c,f,v,p,E,x,S,C,j,y,M=e.feedItem,I=e.onClose,q=e.onSave,D=e.tracesMinDateSec,T=e.tracesMaxDateSec,_=e.tracesAssetId;return"dvd_comment"===M.type?u.jsx(t,{feedItem:M,onClose:I,onSave:q}):"hookload_broomstick_comment"===M.type?u.jsx(r,{feedItem:M,onClose:I,onSave:q}):"pc_comment"===M.type?u.jsx(o,{feedItem:M,onClose:I,onSave:q}):"npt_lessons_comment"===M.type?u.jsx(n,{feedItem:M,onClose:I,onSave:q}):"lessons_learned"===M.type?u.jsx(s,{feedItem:M,onClose:I,onSave:q}):M.type===d.FEED_ITEM_TYPES.POST?u.jsx(i,{open:!0,title:"Edit",fileUrl:null===(m=M.context)||void 0===m||null===(c=m.post)||void 0===c||null===(f=c.attachment)||void 0===f?void 0:f.url,fileName:(null===(v=M.context)||void 0===v||null===(p=v.post)||void 0===p||null===(E=p.attachment)||void 0===E?void 0:E.url)&&a.getFileNameWithExtensionFromPath(null===(x=M.context)||void 0===x||null===(S=x.post)||void 0===S||null===(C=S.attachment)||void 0===C?void 0:C.url),handleClose:I,handleShare:function(e,t,o,n){return q({context:{post:{body:e,attachment:{test:1,file_name:n,url:t,size:o}}}})},message:null===(j=M.context)||void 0===j||null===(y=j.post)||void 0===y?void 0:y.body,okButtonText:"Save",cancelButtonText:"Discard changes",companyId:M.company_id}):M.type===d.FEED_ITEM_TYPES.TRACES_MEMO?D&&T&&_&&u.jsx(l,{feedItem:M,onSave:q,onClose:I,minDateSec:D,maxDateSec:T,assetId:_}):null};f.propTypes={feedItem:c.default.shape().isRequired,onClose:c.default.func.isRequired,onSave:c.default.func.isRequired,tracesMinDateSec:c.default.oneOfType([c.default.string,c.default.number]),tracesMaxDateSec:c.default.oneOfType([c.default.string,c.default.number]),tracesAssetId:c.default.oneOfType([c.default.string,c.default.number])},f.defaultProps={tracesMinDateSec:void 0,tracesMaxDateSec:void 0,tracesAssetId:void 0},module.exports=f;
+"use strict";var e=require("prop-types"),t=require("../editModals/DvdCommentEdit/DvdCommentEdit.js"),o=require("../editModals/PCCommentEdit/PCCommentEdit.js"),n=require("../editModals/NptLessonsCommentEdit/NptLessonsCommentEdit.js"),s=require("../editModals/LessonsLearnedEdit/LessonsLearnedEdit.js"),d=require("../../../constants/feed.js"),a=require("../../../utils/main.js"),i=require("../../PostPreviewDialog/index.js"),l=require("../../TracesEditModal/TracesEditModalContainer.js"),r=require("../editModals/HookloadCommentEdit/HookloadCommentEdit.js"),u=require("react/jsx-runtime");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=m(e),f=function(e){var m,c,f,v,p,E,x,S,C,j,y,M=e.feedItem,I=e.onClose,q=e.onSave,D=e.tracesMinDateSec,T=e.tracesMaxDateSec,_=e.tracesAssetId;return"dvd_comment"===M.type?u.jsx(t,{feedItem:M,onClose:I,onSave:q}):"hookload_broomstick_comment"===M.type?u.jsx(r,{feedItem:M,onClose:I,onSave:q}):"pc_comment"===M.type?u.jsx(o,{feedItem:M,onClose:I,onSave:q}):"npt_lessons_comment"===M.type?u.jsx(n,{feedItem:M,onClose:I,onSave:q}):"lessons_learned"===M.type?u.jsx(s,{feedItem:M,onClose:I,onSave:q}):M.type===d.FEED_ITEM_TYPES.POST?u.jsx(i,{open:!0,title:"Edit",fileUrl:null===(m=M.context)||void 0===m||null===(c=m.post)||void 0===c||null===(f=c.attachment)||void 0===f?void 0:f.url,fileName:(null===(v=M.context)||void 0===v||null===(p=v.post)||void 0===p||null===(E=p.attachment)||void 0===E?void 0:E.url)&&a.default.getFileNameWithExtensionFromPath(null===(x=M.context)||void 0===x||null===(S=x.post)||void 0===S||null===(C=S.attachment)||void 0===C?void 0:C.url),handleClose:I,handleShare:function(e,t,o,n){return q({context:{post:{body:e,attachment:{test:1,file_name:n,url:t,size:o}}}})},message:null===(j=M.context)||void 0===j||null===(y=j.post)||void 0===y?void 0:y.body,okButtonText:"Save",cancelButtonText:"Discard changes",companyId:M.company_id}):M.type===d.FEED_ITEM_TYPES.TRACES_MEMO?D&&T&&_&&u.jsx(l,{feedItem:M,onSave:q,onClose:I,minDateSec:D,maxDateSec:T,assetId:_}):null};f.propTypes={feedItem:c.default.shape().isRequired,onClose:c.default.func.isRequired,onSave:c.default.func.isRequired,tracesMinDateSec:c.default.oneOfType([c.default.string,c.default.number]),tracesMaxDateSec:c.default.oneOfType([c.default.string,c.default.number]),tracesAssetId:c.default.oneOfType([c.default.string,c.default.number])},f.defaultProps={tracesMinDateSec:void 0,tracesMaxDateSec:void 0,tracesAssetId:void 0},module.exports=f;
 //# sourceMappingURL=FeedItemEditModal.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FeedItemEditModal.js","sources":["../../../../../src/components/FeedItem/FeedItemEditProvider/FeedItemEditModal.js"],"sourcesContent":["import PropTypes from 'prop-types';\n\nimport DvDCommentEdit from '../editModals/DvdCommentEdit';\nimport PCCommentEdit from '../editModals/PCCommentEdit';\nimport NptLessonsCommentEdit from '../editModals/NptLessonsCommentEdit/NptLessonsCommentEdit';\nimport LessonsLearnedEdit from '../editModals/LessonsLearnedEdit/LessonsLearnedEdit';\n\nimport { FEED_ITEM_TYPES } from '~/constants/feed';\nimport utils from '~/utils/main';\nimport PostPreviewDialog from '~/components/PostPreviewDialog';\nimport TracesEditModal from '~/components/TracesEditModal';\nimport HookloadCommentEdit from '~/components/FeedItem/editModals/HookloadCommentEdit';\n\nconst FeedItemEditModal = ({\n  feedItem,\n  onClose,\n  onSave,\n  tracesMinDateSec,\n  tracesMaxDateSec,\n  tracesAssetId,\n}) => {\n  if (feedItem.type === 'dvd_comment')\n    return <DvDCommentEdit feedItem={feedItem} onClose={onClose} onSave={onSave} />;\n  if (feedItem.type === 'hookload_broomstick_comment')\n    return <HookloadCommentEdit feedItem={feedItem} onClose={onClose} onSave={onSave} />;\n  if (feedItem.type === 'pc_comment')\n    return <PCCommentEdit feedItem={feedItem} onClose={onClose} onSave={onSave} />;\n  if (feedItem.type === 'npt_lessons_comment')\n    return <NptLessonsCommentEdit feedItem={feedItem} onClose={onClose} onSave={onSave} />;\n  if (feedItem.type === 'lessons_learned')\n    return <LessonsLearnedEdit feedItem={feedItem} onClose={onClose} onSave={onSave} />;\n  if (feedItem.type === FEED_ITEM_TYPES.POST)\n    return (\n      <PostPreviewDialog\n        open\n        title=\"Edit\"\n        fileUrl={feedItem.context?.post?.attachment?.url}\n        fileName={\n          feedItem.context?.post?.attachment?.url &&\n          utils.getFileNameWithExtensionFromPath(feedItem.context?.post?.attachment?.url)\n        }\n        handleClose={onClose}\n        handleShare={(body, fileUrl, fileSize, fileName) =>\n          onSave({\n            context: {\n              post: {\n                body,\n                attachment: {\n                  test: 1,\n                  file_name: fileName,\n                  url: fileUrl,\n                  size: fileSize,\n                },\n              },\n            },\n          })\n        }\n        message={feedItem.context?.post?.body}\n        okButtonText=\"Save\"\n        cancelButtonText=\"Discard changes\"\n        companyId={feedItem.company_id}\n      />\n    );\n  if (feedItem.type === FEED_ITEM_TYPES.TRACES_MEMO)\n    return (\n      tracesMinDateSec &&\n      tracesMaxDateSec &&\n      tracesAssetId && (\n        <TracesEditModal\n          feedItem={feedItem}\n          onSave={onSave}\n          onClose={onClose}\n          minDateSec={tracesMinDateSec}\n          maxDateSec={tracesMaxDateSec}\n          assetId={tracesAssetId}\n        />\n      )\n    );\n\n  return null;\n};\n\nFeedItemEditModal.propTypes = {\n  feedItem: PropTypes.shape().isRequired,\n  onClose: PropTypes.func.isRequired,\n  onSave: PropTypes.func.isRequired,\n  tracesMinDateSec: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  tracesMaxDateSec: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  tracesAssetId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n};\n\nFeedItemEditModal.defaultProps = {\n  tracesMinDateSec: undefined,\n  tracesMaxDateSec: undefined,\n  tracesAssetId: undefined,\n};\n\nexport default FeedItemEditModal;\n"],"names":["FeedItemEditModal","_ref","_feedItem$context","_feedItem$context$pos","_feedItem$context$pos2","_feedItem$context2","_feedItem$context2$po","_feedItem$context2$po2","_feedItem$context3","_feedItem$context3$po","_feedItem$context3$po2","_feedItem$context4","_feedItem$context4$po","feedItem","onClose","onSave","tracesMinDateSec","tracesMaxDateSec","tracesAssetId","type","_jsx","DvDCommentEdit","HookloadCommentEdit","PCCommentEdit","NptLessonsCommentEdit","LessonsLearnedEdit","FEED_ITEM_TYPES","POST","jsx","PostPreviewDialog","open","title","fileUrl","context","post","attachment","url","fileName","utils","getFileNameWithExtensionFromPath","handleClose","handleShare","body","fileSize","test","file_name","size","message","okButtonText","cancelButtonText","companyId","company_id","TRACES_MEMO","TracesEditModal","minDateSec","maxDateSec","assetId","propTypes","PropTypes","shape","isRequired","func","oneOfType","string","number","defaultProps","undefined"],"mappings":"8pBAaMA,EAAoB,SAOpBC,GAAA,IAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EANJC,IAAAA,SACAC,IAAAA,QACAC,IAAAA,OACAC,IAAAA,iBACAC,IAAAA,iBACAC,IAAAA,cAEA,MAAsB,gBAAlBL,EAASM,KACJC,EAAAA,IAACC,EAAc,CAACR,SAAUA,EAAUC,QAASA,EAASC,OAAQA,IACjD,gCAAlBF,EAASM,KACJC,EAAAA,IAACE,EAAmB,CAACT,SAAUA,EAAUC,QAASA,EAASC,OAAQA,IACtD,eAAlBF,EAASM,KACJC,EAAAA,IAACG,EAAa,CAACV,SAAUA,EAAUC,QAASA,EAASC,OAAQA,IAChD,wBAAlBF,EAASM,KACJC,EAAAA,IAACI,EAAqB,CAACX,SAAUA,EAAUC,QAASA,EAASC,OAAQA,IACxD,oBAAlBF,EAASM,KACJC,EAAAA,IAACK,EAAkB,CAACZ,SAAUA,EAAUC,QAASA,EAASC,OAAQA,IACvEF,EAASM,OAASO,EAAAA,gBAAgBC,KAElCP,EAAAQ,IAACC,EAAiB,CAChBC,MAAI,EACJC,MAAM,OACNC,QAAS,QAAAnB,EAAAA,EAASoB,eAAT,IAAA/B,GAAsB,QAAtBC,EAAAD,EAAkBgC,YAAI,IAAA/B,GAAtB,QAAsBC,EAAtBD,EAAwBgC,kBAAxB,IAAA/B,OAAA,EAAAA,EAAoCgC,IAC7CC,UACkB,QAAhBhC,EAAAQ,EAASoB,eAAO,IAAA5B,GAAhB,QAAgBC,EAAhBD,EAAkB6B,YAAlB,IAAA5B,GAAkC,QAAlCC,EAAAD,EAAwB6B,kBAAU,IAAA5B,OAAlB,EAAhBA,EAAoC6B,MACpCE,EAAMC,iCAAiC,QAAD/B,EAACK,EAASoB,eAAT,IAAAzB,GAAsB,QAAtBC,EAAAD,EAAkB0B,YAAI,IAAAzB,GAAtB,QAAsBC,EAAtBD,EAAwB0B,kBAAxB,IAAAzB,OAAA,EAAAA,EAAoC0B,KAE7EI,YAAa1B,EACb2B,YAAa,SAACC,EAAMV,EAASW,EAAUN,GAAQ,OAC7CtB,EAAO,CACLkB,QAAS,CACPC,KAAM,CACJQ,KAAAA,EACAP,WAAY,CACVS,KAAM,EACNC,UAAWR,EACXD,IAAKJ,EACLc,KAAMH,MAKf,EACDI,gBAAOpC,EAAEE,EAASoB,sBAAT,UAAAtB,EAAkBuB,YAAlB,IAAAtB,SAAAA,EAAwB8B,KACjCM,aAAa,OACbC,iBAAiB,kBACjBC,UAAWrC,EAASsC,aAGtBtC,EAASM,OAASO,EAAAA,gBAAgB0B,YAElCpC,GACAC,GACAC,GACEE,MAACiC,EAAe,CACdxC,SAAUA,EACVE,OAAQA,EACRD,QAASA,EACTwC,WAAYtC,EACZuC,WAAYtC,EACZuC,QAAStC,IAKV,IACT,EAEAlB,EAAkByD,UAAY,CAC5B5C,SAAU6C,EAAAA,QAAUC,QAAQC,WAC5B9C,QAAS4C,EAAAA,QAAUG,KAAKD,WACxB7C,OAAQ2C,EAAAA,QAAUG,KAAKD,WACvB5C,iBAAkB0C,EAAS,QAACI,UAAU,CAACJ,EAAS,QAACK,OAAQL,EAAAA,QAAUM,SACnE/C,iBAAkByC,EAAS,QAACI,UAAU,CAACJ,EAAS,QAACK,OAAQL,EAAAA,QAAUM,SACnE9C,cAAewC,EAAS,QAACI,UAAU,CAACJ,EAAS,QAACK,OAAQL,EAAAA,QAAUM,UAGlEhE,EAAkBiE,aAAe,CAC/BjD,sBAAkBkD,EAClBjD,sBAAkBiD,EAClBhD,mBAAegD"}
+{"version":3,"file":"FeedItemEditModal.js","sources":["../../../../../src/components/FeedItem/FeedItemEditProvider/FeedItemEditModal.js"],"sourcesContent":["import PropTypes from 'prop-types';\n\nimport DvDCommentEdit from '../editModals/DvdCommentEdit';\nimport PCCommentEdit from '../editModals/PCCommentEdit';\nimport NptLessonsCommentEdit from '../editModals/NptLessonsCommentEdit/NptLessonsCommentEdit';\nimport LessonsLearnedEdit from '../editModals/LessonsLearnedEdit/LessonsLearnedEdit';\n\nimport { FEED_ITEM_TYPES } from '~/constants/feed';\nimport utils from '~/utils/main';\nimport PostPreviewDialog from '~/components/PostPreviewDialog';\nimport TracesEditModal from '~/components/TracesEditModal';\nimport HookloadCommentEdit from '~/components/FeedItem/editModals/HookloadCommentEdit';\n\nconst FeedItemEditModal = ({\n  feedItem,\n  onClose,\n  onSave,\n  tracesMinDateSec,\n  tracesMaxDateSec,\n  tracesAssetId,\n}) => {\n  if (feedItem.type === 'dvd_comment')\n    return <DvDCommentEdit feedItem={feedItem} onClose={onClose} onSave={onSave} />;\n  if (feedItem.type === 'hookload_broomstick_comment')\n    return <HookloadCommentEdit feedItem={feedItem} onClose={onClose} onSave={onSave} />;\n  if (feedItem.type === 'pc_comment')\n    return <PCCommentEdit feedItem={feedItem} onClose={onClose} onSave={onSave} />;\n  if (feedItem.type === 'npt_lessons_comment')\n    return <NptLessonsCommentEdit feedItem={feedItem} onClose={onClose} onSave={onSave} />;\n  if (feedItem.type === 'lessons_learned')\n    return <LessonsLearnedEdit feedItem={feedItem} onClose={onClose} onSave={onSave} />;\n  if (feedItem.type === FEED_ITEM_TYPES.POST)\n    return (\n      <PostPreviewDialog\n        open\n        title=\"Edit\"\n        fileUrl={feedItem.context?.post?.attachment?.url}\n        fileName={\n          feedItem.context?.post?.attachment?.url &&\n          utils.getFileNameWithExtensionFromPath(feedItem.context?.post?.attachment?.url)\n        }\n        handleClose={onClose}\n        handleShare={(body, fileUrl, fileSize, fileName) =>\n          onSave({\n            context: {\n              post: {\n                body,\n                attachment: {\n                  test: 1,\n                  file_name: fileName,\n                  url: fileUrl,\n                  size: fileSize,\n                },\n              },\n            },\n          })\n        }\n        message={feedItem.context?.post?.body}\n        okButtonText=\"Save\"\n        cancelButtonText=\"Discard changes\"\n        companyId={feedItem.company_id}\n      />\n    );\n  if (feedItem.type === FEED_ITEM_TYPES.TRACES_MEMO)\n    return (\n      tracesMinDateSec &&\n      tracesMaxDateSec &&\n      tracesAssetId && (\n        <TracesEditModal\n          feedItem={feedItem}\n          onSave={onSave}\n          onClose={onClose}\n          minDateSec={tracesMinDateSec}\n          maxDateSec={tracesMaxDateSec}\n          assetId={tracesAssetId}\n        />\n      )\n    );\n\n  return null;\n};\n\nFeedItemEditModal.propTypes = {\n  feedItem: PropTypes.shape().isRequired,\n  onClose: PropTypes.func.isRequired,\n  onSave: PropTypes.func.isRequired,\n  tracesMinDateSec: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  tracesMaxDateSec: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  tracesAssetId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n};\n\nFeedItemEditModal.defaultProps = {\n  tracesMinDateSec: undefined,\n  tracesMaxDateSec: undefined,\n  tracesAssetId: undefined,\n};\n\nexport default FeedItemEditModal;\n"],"names":["FeedItemEditModal","_ref","_feedItem$context","_feedItem$context$pos","_feedItem$context$pos2","_feedItem$context2","_feedItem$context2$po","_feedItem$context2$po2","_feedItem$context3","_feedItem$context3$po","_feedItem$context3$po2","_feedItem$context4","_feedItem$context4$po","feedItem","onClose","onSave","tracesMinDateSec","tracesMaxDateSec","tracesAssetId","type","_jsx","DvDCommentEdit","HookloadCommentEdit","PCCommentEdit","NptLessonsCommentEdit","LessonsLearnedEdit","FEED_ITEM_TYPES","POST","jsx","PostPreviewDialog","open","title","fileUrl","context","post","attachment","url","fileName","utils","getFileNameWithExtensionFromPath","handleClose","handleShare","body","fileSize","test","file_name","size","message","okButtonText","cancelButtonText","companyId","company_id","TRACES_MEMO","TracesEditModal","minDateSec","maxDateSec","assetId","propTypes","PropTypes","shape","isRequired","func","oneOfType","string","number","defaultProps","undefined"],"mappings":"8pBAaMA,EAAoB,SAOpBC,GAAA,IAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EANJC,IAAAA,SACAC,IAAAA,QACAC,IAAAA,OACAC,IAAAA,iBACAC,IAAAA,iBACAC,IAAAA,cAEA,MAAsB,gBAAlBL,EAASM,KACJC,EAAAA,IAACC,EAAc,CAACR,SAAUA,EAAUC,QAASA,EAASC,OAAQA,IACjD,gCAAlBF,EAASM,KACJC,EAAAA,IAACE,EAAmB,CAACT,SAAUA,EAAUC,QAASA,EAASC,OAAQA,IACtD,eAAlBF,EAASM,KACJC,EAAAA,IAACG,EAAa,CAACV,SAAUA,EAAUC,QAASA,EAASC,OAAQA,IAChD,wBAAlBF,EAASM,KACJC,EAAAA,IAACI,EAAqB,CAACX,SAAUA,EAAUC,QAASA,EAASC,OAAQA,IACxD,oBAAlBF,EAASM,KACJC,EAAAA,IAACK,EAAkB,CAACZ,SAAUA,EAAUC,QAASA,EAASC,OAAQA,IACvEF,EAASM,OAASO,EAAAA,gBAAgBC,KAElCP,EAAAQ,IAACC,EAAiB,CAChBC,MAAI,EACJC,MAAM,OACNC,QAAS,QAAAnB,EAAAA,EAASoB,eAAT,IAAA/B,GAAsB,QAAtBC,EAAAD,EAAkBgC,YAAI,IAAA/B,GAAtB,QAAsBC,EAAtBD,EAAwBgC,kBAAxB,IAAA/B,OAAA,EAAAA,EAAoCgC,IAC7CC,UACkB,QAAhBhC,EAAAQ,EAASoB,eAAO,IAAA5B,GAAhB,QAAgBC,EAAhBD,EAAkB6B,YAAlB,IAAA5B,GAAkC,QAAlCC,EAAAD,EAAwB6B,kBAAU,IAAA5B,OAAlB,EAAhBA,EAAoC6B,MACpCE,UAAMC,iCAAiC,QAAD/B,EAACK,EAASoB,eAAT,IAAAzB,GAAsB,QAAtBC,EAAAD,EAAkB0B,YAAI,IAAAzB,GAAtB,QAAsBC,EAAtBD,EAAwB0B,kBAAxB,IAAAzB,OAAA,EAAAA,EAAoC0B,KAE7EI,YAAa1B,EACb2B,YAAa,SAACC,EAAMV,EAASW,EAAUN,GAAQ,OAC7CtB,EAAO,CACLkB,QAAS,CACPC,KAAM,CACJQ,KAAAA,EACAP,WAAY,CACVS,KAAM,EACNC,UAAWR,EACXD,IAAKJ,EACLc,KAAMH,MAKf,EACDI,gBAAOpC,EAAEE,EAASoB,sBAAT,UAAAtB,EAAkBuB,YAAlB,IAAAtB,SAAAA,EAAwB8B,KACjCM,aAAa,OACbC,iBAAiB,kBACjBC,UAAWrC,EAASsC,aAGtBtC,EAASM,OAASO,EAAAA,gBAAgB0B,YAElCpC,GACAC,GACAC,GACEE,MAACiC,EAAe,CACdxC,SAAUA,EACVE,OAAQA,EACRD,QAASA,EACTwC,WAAYtC,EACZuC,WAAYtC,EACZuC,QAAStC,IAKV,IACT,EAEAlB,EAAkByD,UAAY,CAC5B5C,SAAU6C,EAAAA,QAAUC,QAAQC,WAC5B9C,QAAS4C,EAAAA,QAAUG,KAAKD,WACxB7C,OAAQ2C,EAAAA,QAAUG,KAAKD,WACvB5C,iBAAkB0C,EAAS,QAACI,UAAU,CAACJ,EAAS,QAACK,OAAQL,EAAAA,QAAUM,SACnE/C,iBAAkByC,EAAS,QAACI,UAAU,CAACJ,EAAS,QAACK,OAAQL,EAAAA,QAAUM,SACnE9C,cAAewC,EAAS,QAACI,UAAU,CAACJ,EAAS,QAACK,OAAQL,EAAAA,QAAUM,UAGlEhE,EAAkBiE,aAAe,CAC/BjD,sBAAkBkD,EAClBjD,sBAAkBiD,EAClBhD,mBAAegD"}

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/defineProperty"),t=require("classnames"),n=require("moment"),i=require("lodash"),r=require("@material-ui/core"),a=require("@material-ui/icons/ThumbUp"),s=require("@material-ui/icons/Comment"),o=require("../../../utils/nativeMessages.js"),u=require("../../../utils/mobileDetect.js"),l=require("../../CommentsInfo/index.js"),m=require("../../../utils/main.js"),c=require("react/jsx-runtime");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=d(e),f=d(t),x=d(n),g=d(a),C=d(s),h=r.makeStyles({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"}}),v=u.isNativeDetected?2:3;module.exports=function(e){var t=e.feedItem,n=e.currentUser,a=e.setOpenCommentInput,s=e.setOpenCommentList,d=e.openCommentInput,q=e.openCommentList,j=e.handleToggleLike,k=r.useTheme(),N=h(),y=t.likes_count,I=t.comments.length,B=(t.likes||[]).find((function(e){var t;return(null===(t=e.user)||void 0===t?void 0:t.id)===n.id})),b=(t.likes||[]).map((function(e){return m.getUserFullName(e.user)})),L=i.uniq((t.comments||[]).map((function(e){return m.getUserFullName(e.user)}))),F=i.uniqBy((t.comments||[]).concat(t.likes||[]).map((function(e){return e.user})).sort((function(e){return x.default(e.created_at).unix()})),"id").slice(0,v),U=!d||!q;return c.jsx("div",{className:f.default(N.reactions,p.default({},N.reactionsNative,u.isNativeDetected)),children:c.jsxs("div",{className:N.actions,children:[c.jsx(r.IconButton,{"data-testid":"".concat("FeedPo","_likeButton"),"aria-label":"Like",onClick:j,className:N.reactionButton,children:c.jsx(g.default,{htmlColor:B?k.palette.primary.main:k.palette.grey[400]})}),c.jsx(r.IconButton,{"data-testid":"".concat("FeedPo","_commentButton"),"aria-label":"Comment",onClick:function(){u.isNativeDetected?o.notifyOpenFeedCommentInput(t.id):(a(U),s(U))},className:N.reactionButton,children:c.jsx(C.default,{htmlColor:k.palette.grey[400]})}),c.jsx(l,{likesCount:y,usersWhoLike:b,commentsCount:I,usersWhoCommented:L,activeUsersList:F,onCommentsClick:function(){return s(!q)},small:!0})]})})};
+"use strict";var e=require("@babel/runtime/helpers/defineProperty"),t=require("classnames"),n=require("moment"),i=require("lodash"),r=require("@material-ui/core"),a=require("@material-ui/icons/ThumbUp"),s=require("@material-ui/icons/Comment"),o=require("../../../utils/nativeMessages.js"),u=require("../../../utils/mobileDetect.js"),l=require("../../CommentsInfo/index.js"),m=require("../../../utils/main.js"),c=require("react/jsx-runtime");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=d(e),f=d(t),x=d(n),g=d(a),C=d(s),h=r.makeStyles({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"}}),v=u.isNativeDetected?2:3;module.exports=function(e){var t=e.feedItem,n=e.currentUser,a=e.setOpenCommentInput,s=e.setOpenCommentList,d=e.openCommentInput,q=e.openCommentList,j=e.handleToggleLike,k=r.useTheme(),N=h(),y=t.likes_count,I=t.comments.length,B=(t.likes||[]).find((function(e){var t;return(null===(t=e.user)||void 0===t?void 0:t.id)===n.id})),b=(t.likes||[]).map((function(e){return m.default.getUserFullName(e.user)})),L=i.uniq((t.comments||[]).map((function(e){return m.default.getUserFullName(e.user)}))),F=i.uniqBy((t.comments||[]).concat(t.likes||[]).map((function(e){return e.user})).sort((function(e){return x.default(e.created_at).unix()})),"id").slice(0,v),U=!d||!q;return c.jsx("div",{className:f.default(N.reactions,p.default({},N.reactionsNative,u.isNativeDetected)),children:c.jsxs("div",{className:N.actions,children:[c.jsx(r.IconButton,{"data-testid":"".concat("FeedPo","_likeButton"),"aria-label":"Like",onClick:j,className:N.reactionButton,children:c.jsx(g.default,{htmlColor:B?k.palette.primary.main:k.palette.grey[400]})}),c.jsx(r.IconButton,{"data-testid":"".concat("FeedPo","_commentButton"),"aria-label":"Comment",onClick:function(){u.isNativeDetected?o.notifyOpenFeedCommentInput(t.id):(a(U),s(U))},className:N.reactionButton,children:c.jsx(C.default,{htmlColor:k.palette.grey[400]})}),c.jsx(l,{likesCount:y,usersWhoLike:b,commentsCount:I,usersWhoCommented:L,activeUsersList:F,onCommentsClick:function(){return s(!q)},small:!0})]})})};
 //# sourceMappingURL=Reactions.js.map

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

@@ -1 +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","_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","jsxs","IconButton","onClick","ThumbUpIcon","htmlColor","palette","primary","main","grey","notifyOpenFeedCommentInput","CommentIcon","CommentsInfo","onCommentsClick","small"],"mappings":"wiBAgBMA,EAAYC,EAAAA,WAAW,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,EAAAA,iBAAmB,EAAI,iBAEpC,SAQZC,GAAA,IAPJC,IAAAA,SACAC,IAAAA,YACAC,IAAAA,oBACAC,IAAAA,mBACAC,IAAAA,iBACAC,IAAAA,gBACAC,IAAAA,iBAEMC,EAAQC,EAAAA,WACRC,EAAUzB,IACV0B,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,EAAIA,MAC3B3B,EAASa,UAAY,IAAIU,KAAI,SAAAK,GAAO,OAAIJ,EAAMC,gBAAgBG,EAAQR,KAAK,KAGxES,EAAkBC,EAAMA,QAC3B9B,EAASa,UAAY,IACnBkB,OAAO/B,EAASgB,OAAS,IACzBO,KAAI,SAAAS,GAAI,OAAIA,EAAKZ,IAAI,IACrBa,MAAK,SAAAD,GAAI,OAAIE,EAAM,QAACF,EAAKG,YAAYC,MAAO,IAC/C,MACAC,MAAM,EAAGxC,GAELyC,GAAuBlC,IAAqBC,EAWlD,OACEkC,EAAAA,IAAA,MAAA,CACEC,UAAWC,EAAAA,QAAWhC,EAAQrB,UAC3BqB,EAAAA,QAAAA,CAAAA,EAAAA,EAAQf,gBAAkBI,EAAAA,mBAC1B4C,SAEHC,EAAAC,KAAA,MAAA,CAAKJ,UAAW/B,EAAQd,QAAQ+C,SAAA,CAC9BH,MAACM,aAAU,CACT,cAAA,GAAAd,OA3EQ,SA2E+B,eACvC,aAAW,OACXe,QAASxC,EACTkC,UAAW/B,EAAQvB,eAAewD,SAElCH,MAACQ,UAAW,CACVC,UAAWjC,EAAuBR,EAAM0C,QAAQC,QAAQC,KAAO5C,EAAM0C,QAAQG,KAAK,SAItFb,MAACM,aAAU,CACT,cAAA,GAAAd,OAtFQ,SAsFkC,kBAC1C,aAAW,UACXe,QA9BuB,WACzBhD,mBACFuD,6BAA2BrD,EAASqB,KAEpCnB,EAAoBoC,GACpBnC,EAAmBmC,KA0BfE,UAAW/B,EAAQvB,eAAewD,SAElCH,MAACe,UAAW,CAACN,UAAWzC,EAAM0C,QAAQG,KAAK,SAG7Cb,MAACgB,EAAY,CACX7C,WAAYA,EACZY,aAAcA,EACdV,cAAeA,EACfc,kBAAmBA,EACnBG,gBAAiBA,EACjB2B,gBAAiB,WAAA,OAAMrD,GAAoBE,EAAiB,EAC5DoD,OAAK,QAKf"}
+{"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","_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","jsxs","IconButton","onClick","ThumbUpIcon","htmlColor","palette","primary","main","grey","notifyOpenFeedCommentInput","CommentIcon","CommentsInfo","onCommentsClick","small"],"mappings":"wiBAgBMA,EAAYC,EAAAA,WAAW,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,EAAAA,iBAAmB,EAAI,iBAEpC,SAQZC,GAAA,IAPJC,IAAAA,SACAC,IAAAA,YACAC,IAAAA,oBACAC,IAAAA,mBACAC,IAAAA,iBACAC,IAAAA,gBACAC,IAAAA,iBAEMC,EAAQC,EAAAA,WACRC,EAAUzB,IACV0B,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,UAAMC,gBAAgBP,EAAKE,SAE7EM,EAAoBC,EAAIA,MAC3B3B,EAASa,UAAY,IAAIU,KAAI,SAAAK,GAAO,OAAIJ,UAAMC,gBAAgBG,EAAQR,KAAK,KAGxES,EAAkBC,EAAMA,QAC3B9B,EAASa,UAAY,IACnBkB,OAAO/B,EAASgB,OAAS,IACzBO,KAAI,SAAAS,GAAI,OAAIA,EAAKZ,IAAI,IACrBa,MAAK,SAAAD,GAAI,OAAIE,EAAM,QAACF,EAAKG,YAAYC,MAAO,IAC/C,MACAC,MAAM,EAAGxC,GAELyC,GAAuBlC,IAAqBC,EAWlD,OACEkC,EAAAA,IAAA,MAAA,CACEC,UAAWC,EAAAA,QAAWhC,EAAQrB,UAC3BqB,EAAAA,QAAAA,CAAAA,EAAAA,EAAQf,gBAAkBI,EAAAA,mBAC1B4C,SAEHC,EAAAC,KAAA,MAAA,CAAKJ,UAAW/B,EAAQd,QAAQ+C,SAAA,CAC9BH,MAACM,aAAU,CACT,cAAA,GAAAd,OA3EQ,SA2E+B,eACvC,aAAW,OACXe,QAASxC,EACTkC,UAAW/B,EAAQvB,eAAewD,SAElCH,MAACQ,UAAW,CACVC,UAAWjC,EAAuBR,EAAM0C,QAAQC,QAAQC,KAAO5C,EAAM0C,QAAQG,KAAK,SAItFb,MAACM,aAAU,CACT,cAAA,GAAAd,OAtFQ,SAsFkC,kBAC1C,aAAW,UACXe,QA9BuB,WACzBhD,mBACFuD,6BAA2BrD,EAASqB,KAEpCnB,EAAoBoC,GACpBnC,EAAmBmC,KA0BfE,UAAW/B,EAAQvB,eAAewD,SAElCH,MAACe,UAAW,CAACN,UAAWzC,EAAM0C,QAAQG,KAAK,SAG7Cb,MAACgB,EAAY,CACX7C,WAAYA,EACZY,aAAcA,EACdV,cAAeA,EACfc,kBAAmBA,EACnBG,gBAAiBA,EACjB2B,gBAAiB,WAAA,OAAMrD,GAAoBE,EAAiB,EAC5DoD,OAAK,QAKf"}

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/defineProperty"),i=require("prop-types"),r=require("classnames"),l=require("@material-ui/core"),t=require("@material-ui/icons/Delete"),a=require("@material-ui/core/colors/grey"),s=require("./styles.css.js"),n=require("../../utils/main.js"),o=require("../../utils/fileExtension.js"),d=require("../FileTypeIcon.js"),c=require("../IconButton/index.js"),u=require("react/jsx-runtime");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=p(e),f=p(i),v=p(r),x=p(t),j=p(a),q=function(e){var i=e.fileName,r=e.fileUrl,t=e.handleFileDelete,a=e.classes,p=o.getIsImage(i);return u.jsxs("div",{className:v.default(s.cComponentFilePreview,a.wrapper),children:[p?u.jsx("div",{className:s.cComponentFilePreviewImageFileWrapper,children:u.jsx("img",{"data-testid":"".concat("filePreview","_filePreview"),className:s.cComponentFilePreviewImage,src:r,alt:"Uploaded file"})}):u.jsx("div",{className:s.cComponentFilePreviewWrapper,children:u.jsxs("div",{className:s.cComponentFilePreviewDownload,style:{border:"1px solid ".concat(j.default[400])},children:[u.jsx(d,{fileName:i,size:25}),u.jsx("div",{className:s.cComponentFilePreviewDownloadText,children:u.jsx(l.Typography,{"data-testid":"".concat("filePreview","_fileName"),variant:"subtitle2",noWrap:!0,children:n.getFileNameWithExtensionFromPath(i)})})]})}),u.jsx(c,{title:"Delete",onClick:t,className:v.default(s.cComponentFilePreviewDeleteFile,m.default({},s.cComponentFilePreviewDeleteFileCentered,!p)),tooltipProps:{title:"Delete"},children:u.jsx(x.default,{"data-testid":"".concat("filePreview","_deleteButton")})})]})};q.propTypes={fileName:f.default.string.isRequired,fileUrl:f.default.string.isRequired,handleFileDelete:f.default.func.isRequired,classes:f.default.shape({deleteTooltip:f.default.string.isRequired}).isRequired};var w=l.withStyles({deleteTooltip:{marginTop:"3px",backgroundColor:"rgba(97, 97, 97, 0.4)"}})(q);module.exports=w;
+"use strict";var e=require("@babel/runtime/helpers/defineProperty"),i=require("prop-types"),r=require("classnames"),l=require("@material-ui/core"),t=require("@material-ui/icons/Delete"),a=require("@material-ui/core/colors/grey"),s=require("./styles.css.js"),n=require("../../utils/main.js"),o=require("../../utils/fileExtension.js"),d=require("../FileTypeIcon.js"),c=require("../IconButton/index.js"),u=require("react/jsx-runtime");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=p(e),f=p(i),v=p(r),x=p(t),j=p(a),q=function(e){var i=e.fileName,r=e.fileUrl,t=e.handleFileDelete,a=e.classes,p=o.getIsImage(i);return u.jsxs("div",{className:v.default(s.cComponentFilePreview,a.wrapper),children:[p?u.jsx("div",{className:s.cComponentFilePreviewImageFileWrapper,children:u.jsx("img",{"data-testid":"".concat("filePreview","_filePreview"),className:s.cComponentFilePreviewImage,src:r,alt:"Uploaded file"})}):u.jsx("div",{className:s.cComponentFilePreviewWrapper,children:u.jsxs("div",{className:s.cComponentFilePreviewDownload,style:{border:"1px solid ".concat(j.default[400])},children:[u.jsx(d,{fileName:i,size:25}),u.jsx("div",{className:s.cComponentFilePreviewDownloadText,children:u.jsx(l.Typography,{"data-testid":"".concat("filePreview","_fileName"),variant:"subtitle2",noWrap:!0,children:n.default.getFileNameWithExtensionFromPath(i)})})]})}),u.jsx(c,{title:"Delete",onClick:t,className:v.default(s.cComponentFilePreviewDeleteFile,m.default({},s.cComponentFilePreviewDeleteFileCentered,!p)),tooltipProps:{title:"Delete"},children:u.jsx(x.default,{"data-testid":"".concat("filePreview","_deleteButton")})})]})};q.propTypes={fileName:f.default.string.isRequired,fileUrl:f.default.string.isRequired,handleFileDelete:f.default.func.isRequired,classes:f.default.shape({deleteTooltip:f.default.string.isRequired}).isRequired};var w=l.withStyles({deleteTooltip:{marginTop:"3px",backgroundColor:"rgba(97, 97, 97, 0.4)"}})(q);module.exports=w;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/FilePreview/index.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { Typography, withStyles } from '@material-ui/core';\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport grey from '@material-ui/core/colors/grey';\n\nimport styles from './styles.css';\n\nimport utils from '~utils/main';\nimport { getIsImage } from '~/utils/fileExtension';\nimport FileTypeIcon from '~components/FileTypeIcon';\nimport IconButton from '~components/IconButton';\n\nconst PAGE_NAME = 'filePreview';\n\nconst FilePreview = ({ fileName, fileUrl, handleFileDelete, classes }) => {\n  const isImage = getIsImage(fileName);\n\n  return (\n    <div className={classNames(styles.cComponentFilePreview, classes.wrapper)}>\n      {isImage ? (\n        <div className={styles.cComponentFilePreviewImageFileWrapper}>\n          <img\n            data-testid={`${PAGE_NAME}_filePreview`}\n            className={styles.cComponentFilePreviewImage}\n            src={fileUrl}\n            alt=\"Uploaded file\"\n          />\n        </div>\n      ) : (\n        <div className={styles.cComponentFilePreviewWrapper}>\n          <div\n            className={styles.cComponentFilePreviewDownload}\n            style={{\n              border: `1px solid ${grey[400]}`,\n            }}\n          >\n            <FileTypeIcon fileName={fileName} size={25} />\n            <div className={styles.cComponentFilePreviewDownloadText}>\n              <Typography data-testid={`${PAGE_NAME}_fileName`} variant=\"subtitle2\" noWrap>\n                {utils.getFileNameWithExtensionFromPath(fileName)}\n              </Typography>\n            </div>\n          </div>\n        </div>\n      )}\n      <IconButton\n        title=\"Delete\"\n        onClick={handleFileDelete}\n        className={classNames(styles.cComponentFilePreviewDeleteFile, {\n          [styles.cComponentFilePreviewDeleteFileCentered]: !isImage,\n        })}\n        tooltipProps={{ title: 'Delete' }}\n      >\n        <DeleteIcon data-testid={`${PAGE_NAME}_deleteButton`} />\n      </IconButton>\n    </div>\n  );\n};\n\nFilePreview.propTypes = {\n  fileName: PropTypes.string.isRequired,\n  fileUrl: PropTypes.string.isRequired,\n  handleFileDelete: PropTypes.func.isRequired,\n  classes: PropTypes.shape({\n    deleteTooltip: PropTypes.string.isRequired,\n  }).isRequired,\n};\n\nexport default withStyles({\n  deleteTooltip: {\n    marginTop: '3px',\n    backgroundColor: 'rgba(97, 97, 97, 0.4)',\n  },\n})(FilePreview);\n"],"names":["FilePreview","_ref","fileName","fileUrl","handleFileDelete","classes","isImage","getIsImage","_jsxs","className","classNames","styles","cComponentFilePreview","wrapper","children","_jsx","jsx","cComponentFilePreviewImageFileWrapper","concat","cComponentFilePreviewImage","src","alt","cComponentFilePreviewWrapper","jsxs","cComponentFilePreviewDownload","style","border","grey","FileTypeIcon","size","cComponentFilePreviewDownloadText","Typography","variant","noWrap","utils","getFileNameWithExtensionFromPath","IconButton","title","onClick","cComponentFilePreviewDeleteFile","cComponentFilePreviewDeleteFileCentered","tooltipProps","DeleteIcon","propTypes","PropTypes","string","isRequired","func","shape","deleteTooltip","FilePreview$1","withStyles","marginTop","backgroundColor"],"mappings":"+hBAeMA,EAAc,SAAsDC,GAAA,IAAnDC,IAAAA,SAAUC,IAAAA,QAASC,IAAAA,iBAAkBC,IAAAA,QACpDC,EAAUC,aAAWL,GAE3B,OACEM,EAAAA,KAAA,MAAA,CAAKC,UAAWC,EAAAA,QAAWC,EAAOC,sBAAuBP,EAAQQ,SAASC,SAAA,CACvER,EACCS,EAAAC,IAAA,MAAA,CAAKP,UAAWE,EAAOM,sCAAsCH,SAC3DC,EAAAC,IAAA,MAAA,CACE,cAAA,GAAAE,OAVM,cAUkC,gBACxCT,UAAWE,EAAOQ,2BAClBC,IAAKjB,EACLkB,IAAI,oBAIRN,EAAAC,IAAA,MAAA,CAAKP,UAAWE,EAAOW,6BAA6BR,SAClDN,EAAAe,KAAA,MAAA,CACEd,UAAWE,EAAOa,8BAClBC,MAAO,CACLC,OAAqBC,aAAAA,OAAAA,EAAI,QAAC,OAC1Bb,SAAA,CAEFC,MAACa,EAAY,CAAC1B,SAAUA,EAAU2B,KAAM,KACxCd,EAAAC,IAAA,MAAA,CAAKP,UAAWE,EAAOmB,kCAAkChB,SACvDC,MAACgB,aAAU,CAAC,cAAA,GAAAb,OA1BR,cA0B6C,aAACc,QAAQ,YAAYC,QAAM,EAAAnB,SACzEoB,EAAMC,iCAAiCjC,YAMlDa,MAACqB,EAAU,CACTC,MAAM,SACNC,QAASlC,EACTK,UAAWC,EAAAA,QAAWC,EAAO4B,gCAC1B5B,EAAAA,QAAAA,CAAAA,EAAAA,EAAO6B,yCAA2ClC,IAErDmC,aAAc,CAAEJ,MAAO,UAAWvB,SAElCC,MAAC2B,UAAU,CAAC,cAAA,GAAAxB,OAzCF,cAyC2B,uBAI7C,EAEAlB,EAAY2C,UAAY,CACtBzC,SAAU0C,EAAAA,QAAUC,OAAOC,WAC3B3C,QAASyC,EAAAA,QAAUC,OAAOC,WAC1B1C,iBAAkBwC,EAAAA,QAAUG,KAAKD,WACjCzC,QAASuC,EAAS,QAACI,MAAM,CACvBC,cAAeL,EAAAA,QAAUC,OAAOC,aAC/BA,YAGL,IAAAI,EAAeC,aAAW,CACxBF,cAAe,CACbG,UAAW,MACXC,gBAAiB,0BAHNF,CAKZnD"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/FilePreview/index.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { Typography, withStyles } from '@material-ui/core';\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport grey from '@material-ui/core/colors/grey';\n\nimport styles from './styles.css';\n\nimport utils from '~utils/main';\nimport { getIsImage } from '~/utils/fileExtension';\nimport FileTypeIcon from '~components/FileTypeIcon';\nimport IconButton from '~components/IconButton';\n\nconst PAGE_NAME = 'filePreview';\n\nconst FilePreview = ({ fileName, fileUrl, handleFileDelete, classes }) => {\n  const isImage = getIsImage(fileName);\n\n  return (\n    <div className={classNames(styles.cComponentFilePreview, classes.wrapper)}>\n      {isImage ? (\n        <div className={styles.cComponentFilePreviewImageFileWrapper}>\n          <img\n            data-testid={`${PAGE_NAME}_filePreview`}\n            className={styles.cComponentFilePreviewImage}\n            src={fileUrl}\n            alt=\"Uploaded file\"\n          />\n        </div>\n      ) : (\n        <div className={styles.cComponentFilePreviewWrapper}>\n          <div\n            className={styles.cComponentFilePreviewDownload}\n            style={{\n              border: `1px solid ${grey[400]}`,\n            }}\n          >\n            <FileTypeIcon fileName={fileName} size={25} />\n            <div className={styles.cComponentFilePreviewDownloadText}>\n              <Typography data-testid={`${PAGE_NAME}_fileName`} variant=\"subtitle2\" noWrap>\n                {utils.getFileNameWithExtensionFromPath(fileName)}\n              </Typography>\n            </div>\n          </div>\n        </div>\n      )}\n      <IconButton\n        title=\"Delete\"\n        onClick={handleFileDelete}\n        className={classNames(styles.cComponentFilePreviewDeleteFile, {\n          [styles.cComponentFilePreviewDeleteFileCentered]: !isImage,\n        })}\n        tooltipProps={{ title: 'Delete' }}\n      >\n        <DeleteIcon data-testid={`${PAGE_NAME}_deleteButton`} />\n      </IconButton>\n    </div>\n  );\n};\n\nFilePreview.propTypes = {\n  fileName: PropTypes.string.isRequired,\n  fileUrl: PropTypes.string.isRequired,\n  handleFileDelete: PropTypes.func.isRequired,\n  classes: PropTypes.shape({\n    deleteTooltip: PropTypes.string.isRequired,\n  }).isRequired,\n};\n\nexport default withStyles({\n  deleteTooltip: {\n    marginTop: '3px',\n    backgroundColor: 'rgba(97, 97, 97, 0.4)',\n  },\n})(FilePreview);\n"],"names":["FilePreview","_ref","fileName","fileUrl","handleFileDelete","classes","isImage","getIsImage","_jsxs","className","classNames","styles","cComponentFilePreview","wrapper","children","_jsx","jsx","cComponentFilePreviewImageFileWrapper","concat","cComponentFilePreviewImage","src","alt","cComponentFilePreviewWrapper","jsxs","cComponentFilePreviewDownload","style","border","grey","FileTypeIcon","size","cComponentFilePreviewDownloadText","Typography","variant","noWrap","utils","getFileNameWithExtensionFromPath","IconButton","title","onClick","cComponentFilePreviewDeleteFile","cComponentFilePreviewDeleteFileCentered","tooltipProps","DeleteIcon","propTypes","PropTypes","string","isRequired","func","shape","deleteTooltip","FilePreview$1","withStyles","marginTop","backgroundColor"],"mappings":"+hBAeMA,EAAc,SAAsDC,GAAA,IAAnDC,IAAAA,SAAUC,IAAAA,QAASC,IAAAA,iBAAkBC,IAAAA,QACpDC,EAAUC,aAAWL,GAE3B,OACEM,EAAAA,KAAA,MAAA,CAAKC,UAAWC,EAAAA,QAAWC,EAAOC,sBAAuBP,EAAQQ,SAASC,SAAA,CACvER,EACCS,EAAAC,IAAA,MAAA,CAAKP,UAAWE,EAAOM,sCAAsCH,SAC3DC,EAAAC,IAAA,MAAA,CACE,cAAA,GAAAE,OAVM,cAUkC,gBACxCT,UAAWE,EAAOQ,2BAClBC,IAAKjB,EACLkB,IAAI,oBAIRN,EAAAC,IAAA,MAAA,CAAKP,UAAWE,EAAOW,6BAA6BR,SAClDN,EAAAe,KAAA,MAAA,CACEd,UAAWE,EAAOa,8BAClBC,MAAO,CACLC,OAAqBC,aAAAA,OAAAA,EAAI,QAAC,OAC1Bb,SAAA,CAEFC,MAACa,EAAY,CAAC1B,SAAUA,EAAU2B,KAAM,KACxCd,EAAAC,IAAA,MAAA,CAAKP,UAAWE,EAAOmB,kCAAkChB,SACvDC,MAACgB,aAAU,CAAC,cAAA,GAAAb,OA1BR,cA0B6C,aAACc,QAAQ,YAAYC,QAAM,EAAAnB,SACzEoB,EAAAA,QAAMC,iCAAiCjC,YAMlDa,MAACqB,EAAU,CACTC,MAAM,SACNC,QAASlC,EACTK,UAAWC,EAAAA,QAAWC,EAAO4B,gCAC1B5B,EAAAA,QAAAA,CAAAA,EAAAA,EAAO6B,yCAA2ClC,IAErDmC,aAAc,CAAEJ,MAAO,UAAWvB,SAElCC,MAAC2B,UAAU,CAAC,cAAA,GAAAxB,OAzCF,cAyC2B,uBAI7C,EAEAlB,EAAY2C,UAAY,CACtBzC,SAAU0C,EAAAA,QAAUC,OAAOC,WAC3B3C,QAASyC,EAAAA,QAAUC,OAAOC,WAC1B1C,iBAAkBwC,EAAAA,QAAUG,KAAKD,WACjCzC,QAASuC,EAAS,QAACI,MAAM,CACvBC,cAAeL,EAAAA,QAAUC,OAAOC,aAC/BA,YAGL,IAAAI,EAAeC,aAAW,CACxBF,cAAe,CACbG,UAAW,MACXC,gBAAiB,0BAHNF,CAKZnD"}

package/cjs-bundle/components/OffsetWellChips/Chip.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("react"),i=require("@material-ui/core"),o=require("@material-ui/icons"),r=require("../MiddleTruncate/MiddleTruncate.js"),l=require("../../utils/main.js"),a=require("./icons/SubjectIcon.js"),s=i.makeStyles((function(e){return{chipRoot:{position:"relative",height:30,padding:"7px 12px",fontSize:12,color:e.palette.primary.text6,margin:"2px 4px","&:hover":{cursor:"pointer",backgroundColor:"rgba(255, 255, 255, 0.1)",color:e.palette.primary.contrastText}},root:{width:"100%",display:"flex",alignItems:"center"},label:{padding:0},mark:{marginRight:4,width:8,height:8,borderRadius:8},subject:{display:"flex",marginRight:4},closeIcon:{fontSize:"1rem",marginLeft:"4px"},closeArea:{position:"absolute",top:0,right:0,width:32,height:30},tooltip:{marginTop:"8px"},titleContainer:{display:"flex",alignItems:"center"}}})),n=function(n){var c=n.title,u=n.onClick,p=n.markColor,d=n.isSubject,m=n.rigName,h=n.maxWidth,x=n.wellId,g=n.onRemoveOffsetWell,j=n.isShowMark,f=t.useState(null),k=f[0],C=f[1],b=s({isShowMark:j}),v=!!k,S=m?"".concat(c," | ").concat(m):c,y=p||"#".concat(l.getColorFromString(c)),N=e.jsxs("div",{className:b.root,children:[e.jsx(i.Tooltip,{title:v?S:m,classes:{popper:b.tooltip},children:e.jsxs("div",{className:b.titleContainer,children:[d?e.jsx("span",{className:b.subject,children:e.jsx(a,{})}):e.jsx("span",{style:{backgroundColor:y,display:j?"block":"none"},className:b.mark}),e.jsx(r,{onTruncate:function(e){C(e)},truncatedText:k,maxWidth:h,children:c})]})}),!d&&!!g&&e.jsxs(e.Fragment,{children:[e.jsx(o.Close,{className:b.closeIcon}),e.jsx(i.Tooltip,{title:"Remove",classes:{popper:b.tooltip},children:e.jsx("div",{className:b.closeArea,onClick:function(e){e.stopPropagation(),g&&g(x)}})})]})]});return e.jsx(i.Chip,{"data-not-migrated-MuiChip":!0,variant:"outlined",size:"medium",label:N,classes:{root:b.chipRoot,label:b.label},onClick:function(e){return u&&u(e,x)},"data-testid":"".concat(c,"_offsetWellChip")})};n.defaultProps={onClick:null,markColor:null,maxWidth:200,rigName:null,isShowMark:!0,onRemoveOffsetWell:null},module.exports=n;
+"use strict";var e=require("react/jsx-runtime"),t=require("react"),i=require("@material-ui/core"),o=require("@material-ui/icons"),r=require("../MiddleTruncate/MiddleTruncate.js"),l=require("../../utils/main.js"),a=require("./icons/SubjectIcon.js"),s=i.makeStyles((function(e){return{chipRoot:{position:"relative",height:30,padding:"7px 12px",fontSize:12,color:e.palette.primary.text6,margin:"2px 4px","&:hover":{cursor:"pointer",backgroundColor:"rgba(255, 255, 255, 0.1)",color:e.palette.primary.contrastText}},root:{width:"100%",display:"flex",alignItems:"center"},label:{padding:0},mark:{marginRight:4,width:8,height:8,borderRadius:8},subject:{display:"flex",marginRight:4},closeIcon:{fontSize:"1rem",marginLeft:"4px"},closeArea:{position:"absolute",top:0,right:0,width:32,height:30},tooltip:{marginTop:"8px"},titleContainer:{display:"flex",alignItems:"center"}}})),n=function(n){var c=n.title,u=n.onClick,d=n.markColor,p=n.isSubject,m=n.rigName,h=n.maxWidth,x=n.wellId,g=n.onRemoveOffsetWell,j=n.isShowMark,f=t.useState(null),k=f[0],C=f[1],b=s({isShowMark:j}),v=!!k,S=m?"".concat(c," | ").concat(m):c,y=d||"#".concat(l.default.getColorFromString(c)),N=e.jsxs("div",{className:b.root,children:[e.jsx(i.Tooltip,{title:v?S:m,classes:{popper:b.tooltip},children:e.jsxs("div",{className:b.titleContainer,children:[p?e.jsx("span",{className:b.subject,children:e.jsx(a,{})}):e.jsx("span",{style:{backgroundColor:y,display:j?"block":"none"},className:b.mark}),e.jsx(r,{onTruncate:function(e){C(e)},truncatedText:k,maxWidth:h,children:c})]})}),!p&&!!g&&e.jsxs(e.Fragment,{children:[e.jsx(o.Close,{className:b.closeIcon}),e.jsx(i.Tooltip,{title:"Remove",classes:{popper:b.tooltip},children:e.jsx("div",{className:b.closeArea,onClick:function(e){e.stopPropagation(),g&&g(x)}})})]})]});return e.jsx(i.Chip,{"data-not-migrated-MuiChip":!0,variant:"outlined",size:"medium",label:N,classes:{root:b.chipRoot,label:b.label},onClick:function(e){return u&&u(e,x)},"data-testid":"".concat(c,"_offsetWellChip")})};n.defaultProps={onClick:null,markColor:null,maxWidth:200,rigName:null,isShowMark:!0,onRemoveOffsetWell:null},module.exports=n;
 //# sourceMappingURL=Chip.js.map

package/cjs-bundle/components/OffsetWellPickerV2/components/Map/Map.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/defineProperty"),r=require("@babel/runtime/helpers/slicedToArray"),t=require("react"),u=require("react-dom"),o=require("prop-types"),i=require("mapbox.js"),n=require("lodash"),s=require("@material-ui/core/styles"),a=require("../../effects/index.js"),l=require("./Map.css.js"),c=require("../../../../utils/index.js"),d=require("../../../../config/theme/index.js");require("@babel/runtime/helpers/typeof"),require("highcharts"),require("highcharts/highcharts-more"),require("highcharts-multicolor-series"),require("highcharts/modules/solid-gauge"),require("highcharts/modules/heatmap"),require("highcharts/modules/boost"),require("highcharts/modules/exporting"),require("highcharts/modules/xrange"),require("highcharts/modules/dumbbell"),require("highcharts/modules/pattern-fill"),require("dompurify"),require("../../../../config/mapbox/index.js"),require("../../../../clients/subscriptions/constants.js"),require("../../../../clients/subscriptions.v1.js"),require("../../../../clients/subscriptions/subscriptions-client.factory.js"),require("../../../../config/extendNative.js");var f=require("react/jsx-runtime");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=m(e),h=m(r),b=m(u),g=m(o),j=m(i);function F(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var u=Object.getOwnPropertySymbols(e);r&&(u=u.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,u)}return t}function v(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?F(Object(t),!0).forEach((function(r){p.default(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):F(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var q=c.mapbox.isValidCoordinates,y=["#FF00FF","#F5BD80","#FF0000","#0080FF","#FF8000","#58ACFA","#FA58F4","#40FF00","#4B8A08","#40FF00","#D8F781"],x=[29.749907,-95.358421];function O(e){var r=e.subjectWell,u=e.wells,o=e.offsetWells,i=e.radius,c=e.subjectWellMarkerSize,m=e.wellMarkerSize,g=e.popUpFormatter,F=e.coordsDataPath,O=t.useRef(null),k=t.useRef(null),P=t.useRef(null),N=a.usePrevious(u),w=t.useMemo((function(){return u.filter((function(e){return!r||r.id!==e.id}))}),[r,u]),B=t.useMemo((function(){return r&&n.get(r,F)}),[r,F]),M=t.useMemo((function(){var e=[],t=!1;w.forEach((function(u){"Null"===u.formation?t=!0:r&&r.formation===u.formation||e.includes(u.formation)||e.push(u.formation)}));var u=r?[r.formation].concat(n.sortBy(e)):n.sortBy(e);t&&!u.includes("Null")&&u.push("Null");var o=u.reduce((function(e,r,t){return v(v({},e),{},p.default({},r,y[t%y.length]))}),{});return[u,o]}),[r,w]),T=h.default(M,2),E=T[0],S=T[1];return t.useEffect((function(){O.current=j.default.mapbox.map(O.current,null,{attributionControl:!1,scrollWheelZoom:!1,zoomControl:!1}).setView(x,1),j.default.control.zoom({position:"bottomright"}).addTo(O.current),j.default.mapbox.styleLayer("mapbox://styles/mapbox/dark-v9").addTo(O.current)}),[]),t.useEffect((function(){O.current&&(k.current&&O.current.removeLayer(k.current),B?(k.current=j.default.circle(B,1609.34*i,{stroke:!1,fill:!0,fillOpacity:.2,fillColor:"#03BCD4",className:"circle_500"}),k.current.addTo(O.current)):k.current=null)}),[i,B]),t.useEffect((function(){if(O.current){O.current.closePopup(),P.current&&P.current.removeFrom(O.current);var e=o.map((function(e){return e.id})),i=[];u.forEach((function(u){var o=n.get(u,F);if(o&&q(o)){var a=r&&r.id===u.id,l=e.includes(u.id),p=a?c:m,h=a||l?"#00FFFF":S[u.formation],v=a||l?1:.3,y=j.default.circleMarker(o,{radius:p,stroke:!1,fill:!0,fillOpacity:v,fillColor:h,className:"circle_500"});y.addEventListener("mouseover",(function(){if(g){var e=document.createElement("div"),r=t.createElement(g,{well:u,color:S[u.formation]});b.default.render(f.jsx(s.MuiThemeProvider,{theme:d.darkTheme,children:r}),e),j.default.popup().setLatLng(o).setContent(e).openOn(O.current)}})),i.push(y)}})),i.length&&(P.current=j.default.featureGroup(i),P.current.addTo(O.current)),setTimeout((function(){k.current&&k.current.bringToBack(),O.current&&k.current&&u!==N&&O.current.fitBounds(k.current.getBounds(),{padding:[5,5]})}),500)}}),[r,u,o,S]),t.useEffect((function(){setTimeout((function(){k.current&&k.current.bringToBack(),r?O.current&&k.current&&O.current.fitBounds(k.current.getBounds(),{padding:[5,5]}):O.current&&P.current&&O.current.fitBounds(P.current.getBounds())}),500)}),[i,r]),f.jsxs("div",{className:l.map,children:[f.jsx("div",{className:l.mapMain,ref:O}),f.jsxs("div",{className:l.mapFooter,children:[o&&f.jsxs("div",{className:l.mapFooterItem,children:[f.jsx("div",{className:l.mapFooterItemSquare,style:{backgroundColor:"#00FFFF"}}),f.jsx("div",{className:l.mapFooterItemLabel,children:"Selected Offset Wells"})]}),E.map((function(e){return f.jsxs("div",{className:l.mapFooterItem,children:[f.jsx("div",{className:l.mapFooterItemSquare,style:{backgroundColor:S[e]}}),f.jsx("div",{className:l.mapFooterItemLabel,children:e})]},e)}))]})]})}O.propTypes={subjectWell:g.default.shape({id:g.default.number,formation:g.default.string}),wells:g.default.arrayOf(g.default.shape({})).isRequired,offsetWells:g.default.arrayOf(g.default.shape({})),radius:g.default.number.isRequired,subjectWellMarkerSize:g.default.number,wellMarkerSize:g.default.number,popUpFormatter:g.default.func,coordsDataPath:g.default.string},O.defaultProps={subjectWell:null,subjectWellMarkerSize:10,wellMarkerSize:5,popUpFormatter:null,coordsDataPath:"settings.top_hole.coordinates",offsetWells:null};var k=t.memo(O);module.exports=k;
+"use strict";var e=require("@babel/runtime/helpers/defineProperty"),r=require("@babel/runtime/helpers/slicedToArray"),t=require("react"),n=require("react-dom"),u=require("prop-types"),o=require("mapbox.js"),i=require("lodash"),a=require("@material-ui/core/styles"),s=require("../../effects/index.js"),c=require("./Map.css.js"),l=require("../../../../utils/index.js"),f=require("../../../../config/theme/index.js");require("../../../../config/highcharts/highcharts.js"),require("../../../../config/mapbox/index.js"),require("../../../../clients/subscriptions/constants.js"),require("../../../../clients/subscriptions.v1.js"),require("../../../../clients/subscriptions/subscriptions-client.factory.js"),require("../../../../config/extendNative.js");var d=require("react/jsx-runtime");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=m(e),b=m(r),h=m(n),j=m(u),F=m(o);function v(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function g(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?v(Object(t),!0).forEach((function(r){p.default(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):v(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var y=l.mapbox.isValidCoordinates,x=["#FF00FF","#F5BD80","#FF0000","#0080FF","#FF8000","#58ACFA","#FA58F4","#40FF00","#4B8A08","#40FF00","#D8F781"],q=[29.749907,-95.358421];function O(e){var r=e.subjectWell,n=e.wells,u=e.offsetWells,o=e.radius,l=e.subjectWellMarkerSize,m=e.wellMarkerSize,j=e.popUpFormatter,v=e.coordsDataPath,O=t.useRef(null),k=t.useRef(null),P=t.useRef(null),N=s.usePrevious(n),w=t.useMemo((function(){return n.filter((function(e){return!r||r.id!==e.id}))}),[r,n]),B=t.useMemo((function(){return r&&i.get(r,v)}),[r,v]),M=t.useMemo((function(){var e=[],t=!1;w.forEach((function(n){"Null"===n.formation?t=!0:r&&r.formation===n.formation||e.includes(n.formation)||e.push(n.formation)}));var n=r?[r.formation].concat(i.sortBy(e)):i.sortBy(e);t&&!n.includes("Null")&&n.push("Null");var u=n.reduce((function(e,r,t){return g(g({},e),{},p.default({},r,x[t%x.length]))}),{});return[n,u]}),[r,w]),T=b.default(M,2),E=T[0],S=T[1];return t.useEffect((function(){O.current=F.default.mapbox.map(O.current,null,{attributionControl:!1,scrollWheelZoom:!1,zoomControl:!1}).setView(q,1),F.default.control.zoom({position:"bottomright"}).addTo(O.current),F.default.mapbox.styleLayer("mapbox://styles/mapbox/dark-v9").addTo(O.current)}),[]),t.useEffect((function(){O.current&&(k.current&&O.current.removeLayer(k.current),B?(k.current=F.default.circle(B,1609.34*o,{stroke:!1,fill:!0,fillOpacity:.2,fillColor:"#03BCD4",className:"circle_500"}),k.current.addTo(O.current)):k.current=null)}),[o,B]),t.useEffect((function(){if(O.current){O.current.closePopup(),P.current&&P.current.removeFrom(O.current);var e=u.map((function(e){return e.id})),o=[];n.forEach((function(n){var u=i.get(n,v);if(u&&y(u)){var s=r&&r.id===n.id,c=e.includes(n.id),p=s?l:m,b=s||c?"#00FFFF":S[n.formation],g=s||c?1:.3,x=F.default.circleMarker(u,{radius:p,stroke:!1,fill:!0,fillOpacity:g,fillColor:b,className:"circle_500"});x.addEventListener("mouseover",(function(){if(j){var e=document.createElement("div"),r=t.createElement(j,{well:n,color:S[n.formation]});h.default.render(d.jsx(a.MuiThemeProvider,{theme:f.darkTheme,children:r}),e),F.default.popup().setLatLng(u).setContent(e).openOn(O.current)}})),o.push(x)}})),o.length&&(P.current=F.default.featureGroup(o),P.current.addTo(O.current)),setTimeout((function(){k.current&&k.current.bringToBack(),O.current&&k.current&&n!==N&&O.current.fitBounds(k.current.getBounds(),{padding:[5,5]})}),500)}}),[r,n,u,S]),t.useEffect((function(){setTimeout((function(){k.current&&k.current.bringToBack(),r?O.current&&k.current&&O.current.fitBounds(k.current.getBounds(),{padding:[5,5]}):O.current&&P.current&&O.current.fitBounds(P.current.getBounds())}),500)}),[o,r]),d.jsxs("div",{className:c.map,children:[d.jsx("div",{className:c.mapMain,ref:O}),d.jsxs("div",{className:c.mapFooter,children:[u&&d.jsxs("div",{className:c.mapFooterItem,children:[d.jsx("div",{className:c.mapFooterItemSquare,style:{backgroundColor:"#00FFFF"}}),d.jsx("div",{className:c.mapFooterItemLabel,children:"Selected Offset Wells"})]}),E.map((function(e){return d.jsxs("div",{className:c.mapFooterItem,children:[d.jsx("div",{className:c.mapFooterItemSquare,style:{backgroundColor:S[e]}}),d.jsx("div",{className:c.mapFooterItemLabel,children:e})]},e)}))]})]})}O.propTypes={subjectWell:j.default.shape({id:j.default.number,formation:j.default.string}),wells:j.default.arrayOf(j.default.shape({})).isRequired,offsetWells:j.default.arrayOf(j.default.shape({})),radius:j.default.number.isRequired,subjectWellMarkerSize:j.default.number,wellMarkerSize:j.default.number,popUpFormatter:j.default.func,coordsDataPath:j.default.string},O.defaultProps={subjectWell:null,subjectWellMarkerSize:10,wellMarkerSize:5,popUpFormatter:null,coordsDataPath:"settings.top_hole.coordinates",offsetWells:null};var k=t.memo(O);module.exports=k;
 //# sourceMappingURL=Map.js.map

package/cjs-bundle/components/OffsetWellPickerV2/components/Map/Map.js.map

@@ -1 +1 @@
-{"version":3,"file":"Map.js","sources":["../../../../../../src/components/OffsetWellPickerV2/components/Map/Map.js"],"sourcesContent":["import { createElement, memo, useRef, useEffect, useMemo } from 'react';\nimport ReactDOM from 'react-dom';\nimport PropTypes from 'prop-types';\nimport L from 'mapbox.js';\nimport { get, sortBy } from 'lodash';\nimport { MuiThemeProvider } from '@material-ui/core/styles';\n\nimport { usePrevious } from '../../effects';\n\nimport styles from './Map.css';\n\nimport { mapbox } from '~/utils';\nimport { theme } from '~/config';\n\nconst { isValidCoordinates } = mapbox;\n\nconst RADIUS_CIRCLE_COLOR = '#03BCD4';\nconst METERS_IN_MILE = 1609.34;\nconst DEFAULT_SUBJECT_WELL_MARKER_SIZE = 10;\nconst DEFAULT_WELL_MARKER_SIZE = 5;\nconst OFFSET_WELL_COLOR = '#00FFFF';\nconst COLORS = [\n  '#FF00FF',\n  '#F5BD80',\n  '#FF0000',\n  '#0080FF',\n  '#FF8000',\n  '#58ACFA',\n  '#FA58F4',\n  '#40FF00',\n  '#4B8A08',\n  '#40FF00',\n  '#D8F781',\n];\n\nconst DEFAULT_COORDS = [29.749907, -95.358421]; // TX coordinates\n\n// eslint-disable-next-line no-unused-vars\nfunction WellsMap({\n  subjectWell,\n  wells,\n  offsetWells,\n  radius,\n  subjectWellMarkerSize,\n  wellMarkerSize,\n  popUpFormatter,\n  coordsDataPath,\n}) {\n  const mapContainerRef = useRef(null);\n  const radiusCircleRef = useRef(null);\n  const markersGroupRef = useRef(null);\n\n  const prevWells = usePrevious(wells);\n\n  const restWells = useMemo(() => {\n    return wells.filter(well => !subjectWell || subjectWell.id !== well.id);\n  }, [subjectWell, wells]);\n\n  const subjectWellCoords = useMemo(() => {\n    return subjectWell && get(subjectWell, coordsDataPath);\n  }, [subjectWell, coordsDataPath]);\n\n  // NOTE: Get well marker colors according to its target formation\n  const [formations, colorDict] = useMemo(() => {\n    // NOTE: Determine well marker colors\n    const restFormations = [];\n    let hasNullFormation = false;\n\n    restWells.forEach(well => {\n      if (well.formation === 'Null') {\n        hasNullFormation = true;\n      } else if (\n        (!subjectWell || subjectWell.formation !== well.formation) &&\n        !restFormations.includes(well.formation)\n      ) {\n        restFormations.push(well.formation);\n      }\n    });\n\n    const sortedFormations = subjectWell\n      ? [subjectWell.formation].concat(sortBy(restFormations))\n      : sortBy(restFormations);\n\n    if (hasNullFormation && !sortedFormations.includes('Null')) {\n      sortedFormations.push('Null');\n    }\n\n    const colors = sortedFormations.reduce(\n      (result, item, idx) => ({\n        ...result,\n        [item]: COLORS[idx % COLORS.length],\n      }),\n      {}\n    );\n\n    return [sortedFormations, colors];\n  }, [subjectWell, restWells]);\n\n  // NOTE: Initialize map\n  useEffect(() => {\n    mapContainerRef.current = L.mapbox\n      .map(mapContainerRef.current, null, {\n        attributionControl: false,\n        scrollWheelZoom: false,\n        zoomControl: false,\n      })\n      .setView(DEFAULT_COORDS, 1);\n\n    L.control\n      .zoom({\n        position: 'bottomright',\n      })\n      .addTo(mapContainerRef.current);\n    L.mapbox.styleLayer('mapbox://styles/mapbox/dark-v9').addTo(mapContainerRef.current);\n  }, []);\n\n  // NOTE: Radius circle\n  useEffect(() => {\n    if (!mapContainerRef.current) {\n      return;\n    }\n\n    // NOTE: Clean up\n    if (radiusCircleRef.current) {\n      mapContainerRef.current.removeLayer(radiusCircleRef.current);\n    }\n\n    if (!subjectWellCoords) {\n      radiusCircleRef.current = null;\n      return;\n    }\n\n    radiusCircleRef.current = L.circle(subjectWellCoords, radius * METERS_IN_MILE, {\n      stroke: false,\n      fill: true,\n      fillOpacity: 0.2,\n      fillColor: RADIUS_CIRCLE_COLOR,\n      className: 'circle_500',\n    });\n\n    radiusCircleRef.current.addTo(mapContainerRef.current);\n  }, [radius, subjectWellCoords]);\n\n  // NOTE: Well markers\n  useEffect(() => {\n    if (!mapContainerRef.current) {\n      return;\n    }\n\n    mapContainerRef.current.closePopup();\n\n    // NOTE: Clean up\n    if (markersGroupRef.current) {\n      markersGroupRef.current.removeFrom(mapContainerRef.current);\n    }\n\n    const offsetWellIds = offsetWells.map(well => well.id);\n\n    const markers = [];\n    wells.forEach(well => {\n      const coords = get(well, coordsDataPath);\n\n      if (coords && isValidCoordinates(coords)) {\n        const isWellSubject = subjectWell && subjectWell.id === well.id;\n        const isWellOffset = offsetWellIds.includes(well.id);\n        const r = isWellSubject ? subjectWellMarkerSize : wellMarkerSize;\n        const color = isWellSubject || isWellOffset ? OFFSET_WELL_COLOR : colorDict[well.formation];\n        const opacity = isWellSubject || isWellOffset ? 1 : 0.3;\n\n        const newMarker = L.circleMarker(coords, {\n          radius: r,\n          stroke: false,\n          fill: true,\n          fillOpacity: opacity,\n          fillColor: color,\n          className: 'circle_500',\n        });\n\n        newMarker.addEventListener('mouseover', () => {\n          if (popUpFormatter) {\n            // Container to put React generated content in.\n            const popUpContainer = document.createElement('div');\n            const popUpContent = createElement(popUpFormatter, {\n              well,\n              color: colorDict[well.formation],\n            });\n            // NOTE: Custom popup may have buttons\n            ReactDOM.render(\n              <MuiThemeProvider theme={theme.darkTheme}>{popUpContent}</MuiThemeProvider>,\n              popUpContainer\n            );\n\n            L.popup().setLatLng(coords).setContent(popUpContainer).openOn(mapContainerRef.current);\n          }\n        });\n\n        markers.push(newMarker);\n      }\n    });\n\n    if (markers.length) {\n      markersGroupRef.current = L.featureGroup(markers);\n      markersGroupRef.current.addTo(mapContainerRef.current);\n    }\n\n    setTimeout(() => {\n      if (radiusCircleRef.current) {\n        radiusCircleRef.current.bringToBack();\n      }\n\n      if (mapContainerRef.current && radiusCircleRef.current && wells !== prevWells) {\n        mapContainerRef.current.fitBounds(radiusCircleRef.current.getBounds(), { padding: [5, 5] });\n      }\n    }, 500);\n  }, [subjectWell, wells, offsetWells, colorDict]);\n\n  useEffect(() => {\n    setTimeout(() => {\n      if (radiusCircleRef.current) {\n        radiusCircleRef.current.bringToBack();\n      }\n      if (subjectWell) {\n        if (mapContainerRef.current && radiusCircleRef.current) {\n          mapContainerRef.current.fitBounds(radiusCircleRef.current.getBounds(), {\n            padding: [5, 5],\n          });\n        }\n      } else if (mapContainerRef.current && markersGroupRef.current) {\n        mapContainerRef.current.fitBounds(markersGroupRef.current.getBounds());\n      }\n    }, 500);\n  }, [radius, subjectWell]);\n\n  return (\n    <div className={styles.map}>\n      <div className={styles.mapMain} ref={mapContainerRef} />\n\n      <div className={styles.mapFooter}>\n        {offsetWells && (\n          <div className={styles.mapFooterItem}>\n            <div\n              className={styles.mapFooterItemSquare}\n              style={{ backgroundColor: OFFSET_WELL_COLOR }}\n            />\n            <div className={styles.mapFooterItemLabel}>Selected Offset Wells</div>\n          </div>\n        )}\n\n        {formations.map(item => (\n          <div className={styles.mapFooterItem} key={item}>\n            <div\n              className={styles.mapFooterItemSquare}\n              style={{ backgroundColor: colorDict[item] }}\n            />\n            <div className={styles.mapFooterItemLabel}>{item}</div>\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n}\n\nWellsMap.propTypes = {\n  subjectWell: PropTypes.shape({\n    id: PropTypes.number,\n    formation: PropTypes.string,\n  }),\n  wells: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n  offsetWells: PropTypes.arrayOf(PropTypes.shape({})),\n  radius: PropTypes.number.isRequired,\n  subjectWellMarkerSize: PropTypes.number,\n  wellMarkerSize: PropTypes.number,\n  popUpFormatter: PropTypes.func,\n  coordsDataPath: PropTypes.string,\n};\n\nWellsMap.defaultProps = {\n  subjectWell: null,\n  subjectWellMarkerSize: DEFAULT_SUBJECT_WELL_MARKER_SIZE,\n  wellMarkerSize: DEFAULT_WELL_MARKER_SIZE,\n  popUpFormatter: null,\n  coordsDataPath: 'settings.top_hole.coordinates',\n  offsetWells: null,\n};\n\nexport default memo(WellsMap);\n"],"names":["isValidCoordinates","mapbox","COLORS","DEFAULT_COORDS","WellsMap","_ref","subjectWell","wells","offsetWells","radius","subjectWellMarkerSize","wellMarkerSize","popUpFormatter","coordsDataPath","mapContainerRef","useRef","radiusCircleRef","markersGroupRef","prevWells","usePrevious","restWells","useMemo","filter","well","id","subjectWellCoords","get","restFormations","hasNullFormation","forEach","formation","includes","push","sortedFormations","concat","sortBy","colors","reduce","result","item","idx","length","_useMemo2","_slicedToArray","_useMemo","formations","colorDict","useEffect","current","L","map","attributionControl","scrollWheelZoom","zoomControl","setView","control","zoom","position","addTo","styleLayer","removeLayer","circle","stroke","fill","fillOpacity","fillColor","className","closePopup","removeFrom","offsetWellIds","markers","coords","isWellSubject","isWellOffset","r","color","opacity","newMarker","circleMarker","addEventListener","popUpContainer","document","createElement","popUpContent","ReactDOM","render","_jsx","jsx","MuiThemeProvider","theme","darkTheme","children","popup","setLatLng","setContent","openOn","featureGroup","setTimeout","bringToBack","fitBounds","getBounds","padding","_jsxs","styles","mapMain","ref","jsxs","mapFooter","mapFooterItem","mapFooterItemSquare","style","backgroundColor","mapFooterItemLabel","propTypes","PropTypes","shape","number","string","arrayOf","isRequired","func","defaultProps","memo"],"mappings":"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"}
+{"version":3,"file":"Map.js","sources":["../../../../../../src/components/OffsetWellPickerV2/components/Map/Map.js"],"sourcesContent":["import { createElement, memo, useRef, useEffect, useMemo } from 'react';\nimport ReactDOM from 'react-dom';\nimport PropTypes from 'prop-types';\nimport L from 'mapbox.js';\nimport { get, sortBy } from 'lodash';\nimport { MuiThemeProvider } from '@material-ui/core/styles';\n\nimport { usePrevious } from '../../effects';\n\nimport styles from './Map.css';\n\nimport { mapbox } from '~/utils';\nimport { theme } from '~/config';\n\nconst { isValidCoordinates } = mapbox;\n\nconst RADIUS_CIRCLE_COLOR = '#03BCD4';\nconst METERS_IN_MILE = 1609.34;\nconst DEFAULT_SUBJECT_WELL_MARKER_SIZE = 10;\nconst DEFAULT_WELL_MARKER_SIZE = 5;\nconst OFFSET_WELL_COLOR = '#00FFFF';\nconst COLORS = [\n  '#FF00FF',\n  '#F5BD80',\n  '#FF0000',\n  '#0080FF',\n  '#FF8000',\n  '#58ACFA',\n  '#FA58F4',\n  '#40FF00',\n  '#4B8A08',\n  '#40FF00',\n  '#D8F781',\n];\n\nconst DEFAULT_COORDS = [29.749907, -95.358421]; // TX coordinates\n\n// eslint-disable-next-line no-unused-vars\nfunction WellsMap({\n  subjectWell,\n  wells,\n  offsetWells,\n  radius,\n  subjectWellMarkerSize,\n  wellMarkerSize,\n  popUpFormatter,\n  coordsDataPath,\n}) {\n  const mapContainerRef = useRef(null);\n  const radiusCircleRef = useRef(null);\n  const markersGroupRef = useRef(null);\n\n  const prevWells = usePrevious(wells);\n\n  const restWells = useMemo(() => {\n    return wells.filter(well => !subjectWell || subjectWell.id !== well.id);\n  }, [subjectWell, wells]);\n\n  const subjectWellCoords = useMemo(() => {\n    return subjectWell && get(subjectWell, coordsDataPath);\n  }, [subjectWell, coordsDataPath]);\n\n  // NOTE: Get well marker colors according to its target formation\n  const [formations, colorDict] = useMemo(() => {\n    // NOTE: Determine well marker colors\n    const restFormations = [];\n    let hasNullFormation = false;\n\n    restWells.forEach(well => {\n      if (well.formation === 'Null') {\n        hasNullFormation = true;\n      } else if (\n        (!subjectWell || subjectWell.formation !== well.formation) &&\n        !restFormations.includes(well.formation)\n      ) {\n        restFormations.push(well.formation);\n      }\n    });\n\n    const sortedFormations = subjectWell\n      ? [subjectWell.formation].concat(sortBy(restFormations))\n      : sortBy(restFormations);\n\n    if (hasNullFormation && !sortedFormations.includes('Null')) {\n      sortedFormations.push('Null');\n    }\n\n    const colors = sortedFormations.reduce(\n      (result, item, idx) => ({\n        ...result,\n        [item]: COLORS[idx % COLORS.length],\n      }),\n      {}\n    );\n\n    return [sortedFormations, colors];\n  }, [subjectWell, restWells]);\n\n  // NOTE: Initialize map\n  useEffect(() => {\n    mapContainerRef.current = L.mapbox\n      .map(mapContainerRef.current, null, {\n        attributionControl: false,\n        scrollWheelZoom: false,\n        zoomControl: false,\n      })\n      .setView(DEFAULT_COORDS, 1);\n\n    L.control\n      .zoom({\n        position: 'bottomright',\n      })\n      .addTo(mapContainerRef.current);\n    L.mapbox.styleLayer('mapbox://styles/mapbox/dark-v9').addTo(mapContainerRef.current);\n  }, []);\n\n  // NOTE: Radius circle\n  useEffect(() => {\n    if (!mapContainerRef.current) {\n      return;\n    }\n\n    // NOTE: Clean up\n    if (radiusCircleRef.current) {\n      mapContainerRef.current.removeLayer(radiusCircleRef.current);\n    }\n\n    if (!subjectWellCoords) {\n      radiusCircleRef.current = null;\n      return;\n    }\n\n    radiusCircleRef.current = L.circle(subjectWellCoords, radius * METERS_IN_MILE, {\n      stroke: false,\n      fill: true,\n      fillOpacity: 0.2,\n      fillColor: RADIUS_CIRCLE_COLOR,\n      className: 'circle_500',\n    });\n\n    radiusCircleRef.current.addTo(mapContainerRef.current);\n  }, [radius, subjectWellCoords]);\n\n  // NOTE: Well markers\n  useEffect(() => {\n    if (!mapContainerRef.current) {\n      return;\n    }\n\n    mapContainerRef.current.closePopup();\n\n    // NOTE: Clean up\n    if (markersGroupRef.current) {\n      markersGroupRef.current.removeFrom(mapContainerRef.current);\n    }\n\n    const offsetWellIds = offsetWells.map(well => well.id);\n\n    const markers = [];\n    wells.forEach(well => {\n      const coords = get(well, coordsDataPath);\n\n      if (coords && isValidCoordinates(coords)) {\n        const isWellSubject = subjectWell && subjectWell.id === well.id;\n        const isWellOffset = offsetWellIds.includes(well.id);\n        const r = isWellSubject ? subjectWellMarkerSize : wellMarkerSize;\n        const color = isWellSubject || isWellOffset ? OFFSET_WELL_COLOR : colorDict[well.formation];\n        const opacity = isWellSubject || isWellOffset ? 1 : 0.3;\n\n        const newMarker = L.circleMarker(coords, {\n          radius: r,\n          stroke: false,\n          fill: true,\n          fillOpacity: opacity,\n          fillColor: color,\n          className: 'circle_500',\n        });\n\n        newMarker.addEventListener('mouseover', () => {\n          if (popUpFormatter) {\n            // Container to put React generated content in.\n            const popUpContainer = document.createElement('div');\n            const popUpContent = createElement(popUpFormatter, {\n              well,\n              color: colorDict[well.formation],\n            });\n            // NOTE: Custom popup may have buttons\n            ReactDOM.render(\n              <MuiThemeProvider theme={theme.darkTheme}>{popUpContent}</MuiThemeProvider>,\n              popUpContainer\n            );\n\n            L.popup().setLatLng(coords).setContent(popUpContainer).openOn(mapContainerRef.current);\n          }\n        });\n\n        markers.push(newMarker);\n      }\n    });\n\n    if (markers.length) {\n      markersGroupRef.current = L.featureGroup(markers);\n      markersGroupRef.current.addTo(mapContainerRef.current);\n    }\n\n    setTimeout(() => {\n      if (radiusCircleRef.current) {\n        radiusCircleRef.current.bringToBack();\n      }\n\n      if (mapContainerRef.current && radiusCircleRef.current && wells !== prevWells) {\n        mapContainerRef.current.fitBounds(radiusCircleRef.current.getBounds(), { padding: [5, 5] });\n      }\n    }, 500);\n  }, [subjectWell, wells, offsetWells, colorDict]);\n\n  useEffect(() => {\n    setTimeout(() => {\n      if (radiusCircleRef.current) {\n        radiusCircleRef.current.bringToBack();\n      }\n      if (subjectWell) {\n        if (mapContainerRef.current && radiusCircleRef.current) {\n          mapContainerRef.current.fitBounds(radiusCircleRef.current.getBounds(), {\n            padding: [5, 5],\n          });\n        }\n      } else if (mapContainerRef.current && markersGroupRef.current) {\n        mapContainerRef.current.fitBounds(markersGroupRef.current.getBounds());\n      }\n    }, 500);\n  }, [radius, subjectWell]);\n\n  return (\n    <div className={styles.map}>\n      <div className={styles.mapMain} ref={mapContainerRef} />\n\n      <div className={styles.mapFooter}>\n        {offsetWells && (\n          <div className={styles.mapFooterItem}>\n            <div\n              className={styles.mapFooterItemSquare}\n              style={{ backgroundColor: OFFSET_WELL_COLOR }}\n            />\n            <div className={styles.mapFooterItemLabel}>Selected Offset Wells</div>\n          </div>\n        )}\n\n        {formations.map(item => (\n          <div className={styles.mapFooterItem} key={item}>\n            <div\n              className={styles.mapFooterItemSquare}\n              style={{ backgroundColor: colorDict[item] }}\n            />\n            <div className={styles.mapFooterItemLabel}>{item}</div>\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n}\n\nWellsMap.propTypes = {\n  subjectWell: PropTypes.shape({\n    id: PropTypes.number,\n    formation: PropTypes.string,\n  }),\n  wells: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n  offsetWells: PropTypes.arrayOf(PropTypes.shape({})),\n  radius: PropTypes.number.isRequired,\n  subjectWellMarkerSize: PropTypes.number,\n  wellMarkerSize: PropTypes.number,\n  popUpFormatter: PropTypes.func,\n  coordsDataPath: PropTypes.string,\n};\n\nWellsMap.defaultProps = {\n  subjectWell: null,\n  subjectWellMarkerSize: DEFAULT_SUBJECT_WELL_MARKER_SIZE,\n  wellMarkerSize: DEFAULT_WELL_MARKER_SIZE,\n  popUpFormatter: null,\n  coordsDataPath: 'settings.top_hole.coordinates',\n  offsetWells: null,\n};\n\nexport default memo(WellsMap);\n"],"names":["isValidCoordinates","mapbox","COLORS","DEFAULT_COORDS","WellsMap","_ref","subjectWell","wells","offsetWells","radius","subjectWellMarkerSize","wellMarkerSize","popUpFormatter","coordsDataPath","mapContainerRef","useRef","radiusCircleRef","markersGroupRef","prevWells","usePrevious","restWells","useMemo","filter","well","id","subjectWellCoords","get","restFormations","hasNullFormation","forEach","formation","includes","push","sortedFormations","concat","sortBy","colors","reduce","result","item","idx","length","_useMemo2","_slicedToArray","_useMemo","formations","colorDict","useEffect","current","L","map","attributionControl","scrollWheelZoom","zoomControl","setView","control","zoom","position","addTo","styleLayer","removeLayer","circle","stroke","fill","fillOpacity","fillColor","className","closePopup","removeFrom","offsetWellIds","markers","coords","isWellSubject","isWellOffset","r","color","opacity","newMarker","circleMarker","addEventListener","popUpContainer","document","createElement","popUpContent","ReactDOM","render","_jsx","jsx","MuiThemeProvider","theme","darkTheme","children","popup","setLatLng","setContent","openOn","featureGroup","setTimeout","bringToBack","fitBounds","getBounds","padding","_jsxs","styles","mapMain","ref","jsxs","mapFooter","mapFooterItem","mapFooterItemSquare","style","backgroundColor","mapFooterItemLabel","propTypes","PropTypes","shape","number","string","arrayOf","isRequired","func","defaultProps","memo"],"mappings":"o8CAcA,IAAQA,EAAuBC,EAAMA,OAA7BD,mBAOFE,EAAS,CACb,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,WAGIC,EAAiB,CAAC,WAAY,WAGpC,SAASC,EASNC,GAAA,IARDC,IAAAA,YACAC,IAAAA,MACAC,IAAAA,YACAC,IAAAA,OACAC,IAAAA,sBACAC,IAAAA,eACAC,IAAAA,eACAC,IAAAA,eAEMC,EAAkBC,SAAO,MACzBC,EAAkBD,SAAO,MACzBE,EAAkBF,SAAO,MAEzBG,EAAYC,cAAYZ,GAExBa,EAAYC,EAAAA,SAAQ,WACxB,OAAOd,EAAMe,QAAO,SAAAC,GAAI,OAAKjB,GAAeA,EAAYkB,KAAOD,EAAKC,KACtE,GAAG,CAAClB,EAAaC,IAEXkB,EAAoBJ,EAAAA,SAAQ,WAChC,OAAOf,GAAeoB,EAAAA,IAAIpB,EAAaO,EACzC,GAAG,CAACP,EAAaO,IAGeQ,EAAAA,EAAAA,SAAQ,WAEtC,IAAMM,EAAiB,GACnBC,GAAmB,EAEvBR,EAAUS,SAAQ,SAAAN,GACO,SAAnBA,EAAKO,UACPF,GAAmB,EAEjBtB,GAAeA,EAAYwB,YAAcP,EAAKO,WAC/CH,EAAeI,SAASR,EAAKO,YAE9BH,EAAeK,KAAKT,EAAKO,UAE7B,IAEA,IAAMG,EAAmB3B,EACrB,CAACA,EAAYwB,WAAWI,OAAOC,EAAAA,OAAOR,IACtCQ,EAAMA,OAACR,GAEPC,IAAqBK,EAAiBF,SAAS,SACjDE,EAAiBD,KAAK,QAGxB,IAAMI,EAASH,EAAiBI,QAC9B,SAACC,EAAQC,EAAMC,GAAG,OACbF,EAAAA,EAAAA,CAAAA,EAAAA,GACFC,CAAAA,EAAAA,EAAAA,QAAAA,CAAAA,EAAAA,EAAOrC,EAAOsC,EAAMtC,EAAOuC,SAC5B,GACF,CAAE,GAGJ,MAAO,CAACR,EAAkBG,EAC5B,GAAG,CAAC9B,EAAac,IAAWsB,EAAAC,EAAAA,QAAAC,EAAA,GAjCrBC,EAAUH,EAAA,GAAEI,EAASJ,EAAA,GA0K5B,OAtIAK,EAAAA,WAAU,WACRjC,EAAgBkC,QAAUC,UAAEhD,OACzBiD,IAAIpC,EAAgBkC,QAAS,KAAM,CAClCG,oBAAoB,EACpBC,iBAAiB,EACjBC,aAAa,IAEdC,QAAQnD,EAAgB,GAE3B8C,EAAC,QAACM,QACCC,KAAK,CACJC,SAAU,gBAEXC,MAAM5C,EAAgBkC,SACzBC,EAAC,QAAChD,OAAO0D,WAAW,kCAAkCD,MAAM5C,EAAgBkC,QAC7E,GAAE,IAGHD,EAAAA,WAAU,WACHjC,EAAgBkC,UAKjBhC,EAAgBgC,SAClBlC,EAAgBkC,QAAQY,YAAY5C,EAAgBgC,SAGjDvB,GAKLT,EAAgBgC,QAAUC,EAAC,QAACY,OAAOpC,EAnHhB,QAmHmChB,EAAyB,CAC7EqD,QAAQ,EACRC,MAAM,EACNC,YAAa,GACbC,UAxHsB,UAyHtBC,UAAW,eAGblD,EAAgBgC,QAAQU,MAAM5C,EAAgBkC,UAZ5ChC,EAAgBgC,QAAU,KAa9B,GAAG,CAACvC,EAAQgB,IAGZsB,EAAAA,WAAU,WACR,GAAKjC,EAAgBkC,QAArB,CAIAlC,EAAgBkC,QAAQmB,aAGpBlD,EAAgB+B,SAClB/B,EAAgB+B,QAAQoB,WAAWtD,EAAgBkC,SAGrD,IAAMqB,EAAgB7D,EAAY0C,KAAI,SAAA3B,GAAI,OAAIA,EAAKC,MAE7C8C,EAAU,GAChB/D,EAAMsB,SAAQ,SAAAN,GACZ,IAAMgD,EAAS7C,EAAAA,IAAIH,EAAMV,GAEzB,GAAI0D,GAAUvE,EAAmBuE,GAAS,CACxC,IAAMC,EAAgBlE,GAAeA,EAAYkB,KAAOD,EAAKC,GACvDiD,EAAeJ,EAActC,SAASR,EAAKC,IAC3CkD,EAAIF,EAAgB9D,EAAwBC,EAC5CgE,EAAQH,GAAiBC,EAlJb,UAkJgD3B,EAAUvB,EAAKO,WAC3E8C,EAAUJ,GAAiBC,EAAe,EAAI,GAE9CI,EAAY5B,EAAAA,QAAE6B,aAAaP,EAAQ,CACvC9D,OAAQiE,EACRZ,QAAQ,EACRC,MAAM,EACNC,YAAaY,EACbX,UAAWU,EACXT,UAAW,eAGbW,EAAUE,iBAAiB,aAAa,WACtC,GAAInE,EAAgB,CAElB,IAAMoE,EAAiBC,SAASC,cAAc,OACxCC,EAAeD,EAAaA,cAACtE,EAAgB,CACjDW,KAAAA,EACAoD,MAAO7B,EAAUvB,EAAKO,aAGxBsD,UAASC,OACPC,EAAAC,IAACC,mBAAgB,CAACC,MAAOA,EAAgBC,UAAAC,SAAER,IAC3CH,GAGF/B,EAAAA,QAAE2C,QAAQC,UAAUtB,GAAQuB,WAAWd,GAAgBe,OAAOjF,EAAgBkC,QAChF,CACF,IAEAsB,EAAQtC,KAAK6C,EACf,CACF,IAEIP,EAAQ7B,SACVxB,EAAgB+B,QAAUC,EAAAA,QAAE+C,aAAa1B,GACzCrD,EAAgB+B,QAAQU,MAAM5C,EAAgBkC,UAGhDiD,YAAW,WACLjF,EAAgBgC,SAClBhC,EAAgBgC,QAAQkD,cAGtBpF,EAAgBkC,SAAWhC,EAAgBgC,SAAWzC,IAAUW,GAClEJ,EAAgBkC,QAAQmD,UAAUnF,EAAgBgC,QAAQoD,YAAa,CAAEC,QAAS,CAAC,EAAG,IAEzF,GAAE,IAlEH,CAmED,GAAE,CAAC/F,EAAaC,EAAOC,EAAasC,IAErCC,EAAAA,WAAU,WACRkD,YAAW,WACLjF,EAAgBgC,SAClBhC,EAAgBgC,QAAQkD,cAEtB5F,EACEQ,EAAgBkC,SAAWhC,EAAgBgC,SAC7ClC,EAAgBkC,QAAQmD,UAAUnF,EAAgBgC,QAAQoD,YAAa,CACrEC,QAAS,CAAC,EAAG,KAGRvF,EAAgBkC,SAAW/B,EAAgB+B,SACpDlC,EAAgBkC,QAAQmD,UAAUlF,EAAgB+B,QAAQoD,YAE7D,GAAE,IACL,GAAG,CAAC3F,EAAQH,IAGVgG,EAAAA,KAAA,MAAA,CAAKpC,UAAWqC,EAAOrD,IAAIyC,SACzB,CAAAL,EAAAC,IAAA,MAAA,CAAKrB,UAAWqC,EAAOC,QAASC,IAAK3F,IAErCwF,EAAAI,KAAA,MAAA,CAAKxC,UAAWqC,EAAOI,UAAUhB,SAAA,CAC9BnF,GACC8F,EAAAI,KAAA,MAAA,CAAKxC,UAAWqC,EAAOK,cAAcjB,SACnC,CAAAL,EAAAC,IAAA,MAAA,CACErB,UAAWqC,EAAOM,oBAClBC,MAAO,CAAEC,gBA9NG,aAgOdzB,EAAAC,IAAA,MAAA,CAAKrB,UAAWqC,EAAOS,mBAAmBrB,SAAA,6BAI7C9C,EAAWK,KAAI,SAAAX,GAAI,OAClB+D,EAAAA,KAAA,MAAA,CAAKpC,UAAWqC,EAAOK,cAAcjB,SACnC,CAAAL,EAAAC,IAAA,MAAA,CACErB,UAAWqC,EAAOM,oBAClBC,MAAO,CAAEC,gBAAiBjE,EAAUP,MAEtC+C,EAAAC,IAAA,MAAA,CAAKrB,UAAWqC,EAAOS,mBAAmBrB,SAAEpD,MALHA,EAMrC,SAKhB,CAEAnC,EAAS6G,UAAY,CACnB3G,YAAa4G,EAAS,QAACC,MAAM,CAC3B3F,GAAI0F,EAAS,QAACE,OACdtF,UAAWoF,EAAS,QAACG,SAEvB9G,MAAO2G,EAAS,QAACI,QAAQJ,EAAAA,QAAUC,MAAM,CAAA,IAAKI,WAC9C/G,YAAa0G,EAAS,QAACI,QAAQJ,EAAS,QAACC,MAAM,CAAE,IACjD1G,OAAQyG,EAAAA,QAAUE,OAAOG,WACzB7G,sBAAuBwG,EAAS,QAACE,OACjCzG,eAAgBuG,EAAS,QAACE,OAC1BxG,eAAgBsG,EAAS,QAACM,KAC1B3G,eAAgBqG,EAAS,QAACG,QAG5BjH,EAASqH,aAAe,CACtBnH,YAAa,KACbI,sBApQuC,GAqQvCC,eApQ+B,EAqQ/BC,eAAgB,KAChBC,eAAgB,gCAChBL,YAAa,MAGf,IAAekH,EAAAA,EAAAA,KAAKtH"}