@corva/ui 3.39.0-7 → 3.39.0-rc.1

package/cjs-bundle/components/DevCenter/DevCenterAppContainer/DevCenterAppContainer.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/defineProperty"),s=require("@babel/runtime/helpers/slicedToArray"),o=require("react"),n=require("classnames"),t=require("lodash"),r=require("@material-ui/core"),i=require("@material-ui/icons"),c=require("@tanstack/react-query"),p=require("../AppContext.js"),a=require("../DevCenterRouterContext/DevCenterRouterContext.js");require("../DevCenterRouterContext/UniversalLink/UniversalLink.js"),require("@babel/runtime/helpers/objectWithoutProperties"),require("react-router");var u=require("react/jsx-runtime"),l=require("./effects/useAppSettings.js"),d=require("./effects/useAnnotationsList.js"),m=require("./effects/useAnnotationsData.js"),q=require("./effects/useAppMaximized.js"),j=require("./components/AppActions/AppActions.js"),A=require("./components/AppSettingsDialog/AppSettingsDialog.js");require("./components/AppSettingsDialog/components/RemoveAppButton.js"),require("./components/AppSettingsDialog/components/SettingsAccordion.js"),require("./components/AnnotationsButton/AnnotationsButton.js");var g=require("./components/NonPriorityMenus/NonPriorityMenus.js"),v=require("./components/FullscreenButton/FullscreenButton.js");require("./components/AppInfoMessage/AppInfoMessage.js");var C=require("./components/DevCenterAppView/DevCenterAppView.js"),V=require("./components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js");require("./components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js"),require("./components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js");var I=require("./components/RestoreAppSizeButton/index.js"),h=require("./utils.js"),S=require("./components/PriorityMenus/PriorityMenus.js"),b=require("./components/RollbarWrapper/RollbarWrapper.js"),x=require("./components/CommentsSwitch/CommentsSwitchProvider.js"),M=require("./components/CommentsSwitch/CommentsSwitchButton.js"),D=require("./DevCenterAppContainer.css.js"),f=require("../../../utils/mobileDetect.js"),P=require("../../Icons/AnnotationIcon.js"),y=require("../../Annotations/components/AnnotationsList/index.js");require("../../Annotations/components/LastAnnotation/index.js");var L=require("../../Annotations/AnnotationsContext.js");require("../../Toaster/Toaster.js");var T=require("../../Toaster/ToastContainer.js");require("../../../clients/subscriptions/constants.js"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("querystring"),require("uuid/v1"),require("../../../clients/subscriptions.v1.js"),require("../../../clients/jsonApi/index.js"),require("../../../clients/subscriptions/subscriptions-client.factory.js");var B=require("../../../effects/useDevCenterApp.js");require("../../../utils/index.js"),require("uuid"),require("jsona"),require("../../../constants/segment.js"),require("../../../utils/env.js");var k=require("../../../constants/devcenter.js");require("../../../constants/goals.js"),require("../../../constants/alerts.js"),require("../../../constants/apps.js"),require("../../../constants/drillstring.js"),require("../../../constants/completion.js"),require("../../../constants/appPackages.js"),require("../../../constants/notifications.js"),require("../../../constants/feed.js"),require("../../../constants/bha.js"),require("../../../constants/corvaCompanyId.js"),require("../../GradientManager/configuration/constants.js"),require("../../StatusBadge/constants.js"),require("@babel/runtime/helpers/toConsumableArray"),require("lodash/set"),require("lodash/get"),require("lodash/unset"),require("moment"),require("../../../clients/api/apiCore.js"),require("../../../clients/constants.js"),require("../../../clients/sso/auth0.js"),require("../../../clients/sso/oauth2.js"),require("lodash/isEmpty"),require("lodash/sortBy"),require("../../../constants/streamSourceType.js"),require("./components/CommentsSwitch/CommentsSwitchContext.js");var F=require("../../../componentsV2/AppCommonsProvider/AppCommonsProvider.js");require("../../../componentsV2/AppCommonsProvider/AppCommonsContext.js");var H=require("../../../utils/devcenter.js"),w=require("../../HelpCenter/HelpCenterIcon.js");require("../../../componentsV2/Text/Text.js"),require("../../../componentsV2/Grid/Grid.js"),require("../../../componentsV2/Grid/Cell.js"),require("../../../componentsV2/Header/Header.scss.js"),require("../../../componentsV2/Button/Button.js");var O=require("../../../componentsV2/ButtonIcon/ButtonIcon.js"),R=require("../../../componentsV2/Tooltip/Tooltip.js");require("../../../componentsV2/Popover/Popover.js"),require("../../../componentsV2/Radio/Radio.js"),require("../../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js"),require("../../../componentsV2/Checkbox/Checkbox.js"),require("../../../componentsV2/TextInput/TextInput.js"),require("../../../componentsV2/Label/Label.js"),require("../../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js"),require("../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js"),require("../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js"),require("../../../componentsV2/TextLink/TextLink.js"),require("../../../componentsV2/Chip/Chip.js"),require("../../../componentsV2/ChipAlert/ChipAlert.js"),require("../../../componentsV2/ChipIndicator/ChipIndicator.js"),require("../../../componentsV2/Avatar/Avatar.js"),require("../../../componentsV2/AvatarGroup/AvatarGroup.js"),require("@material-ui/lab"),require("../../../componentsV2/ToggleButtons/ToggleButtons.scss.js"),require("../../../componentsV2/Paper/Paper.js"),require("../../../componentsV2/ModalWindow/ModalWindow.scss.js"),require("@icon-park/react/es/all"),require("../../../icons/IconParkProvider.js"),require("../../../icons/customIcons/icons/AddMessage.js"),require("../../../icons/customIcons/icons/Attention.js"),require("../../../icons/customIcons/icons/Collapse.js"),require("../../../icons/customIcons/icons/Dashboard.js"),require("../../../icons/customIcons/icons/Expand.js"),require("../../../icons/customIcons/icons/FolderClosed.js"),require("../../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../../icons/customIcons/icons/FolderOpened.js"),require("../../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../../icons/customIcons/icons/LessOrEqual.js"),require("../../../icons/customIcons/icons/Search.js"),require("../../../icons/customIcons/icons/SearchOne.js"),require("../../../icons/customIcons/icons/Wellhub.js"),require("../../../icons/customIcons/icons/MultiRuler.js"),require("../../../icons/customIcons/icons/Checkbox.js"),require("../../../icons/customIcons/icons/CheckboxChecked.js"),require("../../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../../icons/customIcons/icons/Radio.js"),require("../../../icons/customIcons/icons/RadioChecked.js"),require("../../../icons/customIcons/icons/SimulFrac.js"),require("../../../icons/customIcons/icons/ZipperFrac.js"),require("../../../icons/customIcons/icons/CautionFilled.js"),require("../../../icons/customIcons/icons/MoreApp.js"),require("../../../icons/customIcons/icons/Pad.js"),require("../../../icons/customIcons/icons/DrilloutUnit.js"),require("../../../icons/customIcons/icons/FracFleet.js"),require("../../../icons/customIcons/icons/Global.js"),require("../../../icons/customIcons/icons/Program.js"),require("../../../icons/customIcons/icons/Rig.js"),require("../../../icons/customIcons/icons/Well.js"),require("../../../icons/customIcons/icons/Gap.js"),require("../../../icons/customIcons/icons/Pin.js"),require("../../../icons/customIcons/icons/CloseOneFilled.js"),require("../../../icons/customIcons/icons/AttentionFilled.js"),require("../../../icons/customIcons/icons/CheckOneFilled.js"),require("../../../icons/customIcons/icons/Archive.js"),require("../../../icons/customIcons/icons/ArchiveCancel.js"),require("../../../icons/customIcons/icons/Unarchive.js"),require("../../../icons/customIcons/icons/Archived.js"),require("../../../icons/customIcons/icons/InterventionUnit.js"),require("../../../icons/customIcons/icons/Lasso.js"),require("../../../componentsV2/Modal/Modal.scss.js"),require("../../../componentsV2/Menu/Menu.js"),require("../../../componentsV2/utils.js"),require("../../../componentsV2/Hint/Hint.scss.js"),require("../../../componentsV2/Counter/Counter.js"),require("../../../componentsV2/BadgeBase/BadgeBase.scss.js"),require("../../../componentsV2/BadgeDot/BadgeDot.scss.js"),require("../../../componentsV2/LoaderLinear/LoaderLinear.scss.js"),require("../../../componentsV2/LoaderLogo/LoaderLogo.constants.js"),require("../../../componentsV2/LoaderLogo/LoaderLogo.scss.js"),require("../../../componentsV2/Switch/Switch.js"),require("../../../componentsV2/Tabs/Tabs.js"),require("../../../componentsV2/EmptyState/EmptyState.scss.js"),require("../../../componentsV2/FileIcon/FileIcon.js"),require("../../../componentsV2/Tag/Tag.js"),require("react-dropzone"),require("../../../componentsV2/FilesDropzone/FilesDropzone.scss.js"),require("../../../componentsV2/FilesLoader/FilesLoader.scss.js"),require("../../../componentsV2/FilesProcessor/FilesProcessor.scss.js"),require("../../../componentsV2/Skeleton/Skeleton.scss.js"),require("../../../utils/main.js"),require("../../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js"),require("../../../componentsV2/Stepper/Step/Step.scss.js"),require("../../../componentsV2/Stepper/Stepper.scss.js"),require("../../../componentsV2/ButtonLive/ButtonLive.js"),require("../../../componentsV2/ButtonText/ButtonText.js"),require("../../../componentsV2/IndicatorLive/IndicatorLive.js"),require("../../../componentsV2/Accordion/Accordion.scss.js"),require("../../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js"),require("../../../componentsV2/BadgeComment/BadgeComment.js"),require("../../../componentsV2/AppContainer/AppContainer.js"),require("../../../componentsV2/AppContainer/AppContainer.constants.js"),require("../../../componentsV2/AppFooter/AppFooter.js"),require("../../../componentsV2/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("../../../types/shared/Completions.js"),require("../../PadModeSelect/types.js"),require("lodash/flatten"),require("lodash/partition"),require("../../../componentsV2/PadModeSelect/FracModeLabel/FracModeLabel.js"),require("../../../componentsV2/PadModeSelect/FracModeLabel/FracModeLabel.constants.js"),require("../../../componentsV2/PadModeSelect/WellStreamActivityStatus/WellStreamActivityStatus.scss.js"),require("../../../componentsV2/PadModeSelect/PadModeSelect.constants.js"),require("../../../componentsV2/PadModeSelect/PadModeSelect.scss.js"),require("../../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js"),require("../../../componentsV2/UniversalLink/UniversalLink.scss.js"),require("../../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js"),require("../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js"),require("../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js"),require("../../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js"),require("../../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js"),require("../../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js"),require("../../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js"),require("../../../componentsV2/AppDqPopover/AppDqPopover.scss.js"),require("../../AppIcon/AppIcon.js"),require("../../../utils/getSingleAsset.js"),require("../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js"),require("../../../componentsV2/AppHeader/V3/AssetSelector/constants.js"),require("../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js"),require("../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js"),require("../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js"),require("../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js"),require("../../../componentsV2/AppContainer/headerCommon.scss.js"),require("../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js"),require("../../../componentsV2/AppHeader/V3/constants.scss.js"),require("@babel/runtime/helpers/typeof"),require("../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.js"),require("../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js"),require("../../../componentsV2/AppSettings/AppSettings.js"),require("../../../componentsV2/AppSettings/AppSettings.constants.js"),require("../../../componentsV2/AppSettings/AppSettingsPinningContext.js"),require("../../../componentsV2/AppSizeProvider/AppSizeProvider.js"),require("../../../componentsV2/AppHeader/V3/Actions/Actions.constants.js"),require("../../../componentsV2/AppHeader/V3/Actions/Actions.scss.js"),require("../../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js"),require("../../../componentsV2/AppHeader/AppHeader.scss.js"),require("../../../componentsV2/OffsetWellsButton/OffsetWellsButton.js"),require("../../../componentsV2/Autocomplete/Autocomplete.scss.js"),require("../../../componentsV2/Menu/MenuItem/MenuItem.js"),require("../../../componentsV2/Autocomplete/AutocompleteListBox.js"),require("../../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js"),require("../../../componentsV2/WellArchivedMessage/WellArchivedMessage.js"),require("../../../componentsV2/DatePicker/DatePicker.js"),require("../../../componentsV2/DragHandle/DragHandle.js"),require("../../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js");var E=require("../../../utils/notificationToasts.js");function z(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var _=z(e),W=z(s),N=z(n);function U(e,s){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);s&&(n=n.filter((function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable}))),o.push.apply(o,n)}return o}function G(e){for(var s=1;s<arguments.length;s++){var o=null!=arguments[s]?arguments[s]:{};s%2?U(Object(o),!0).forEach((function(s){_.default(e,s,o[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):U(Object(o)).forEach((function(s){Object.defineProperty(e,s,Object.getOwnPropertyDescriptor(o,s))}))}return e}var Q=new c.QueryClient,K=f.isNativeDetected||f.isMobileDetected,Z="DevCenter_AppContainer";module.exports=function(e){var s,n,z,_,U,J,X,Y,$,ee,se,oe,ne,te,re,ie,ce,pe,ae,ue,le=e.CLIAppComponent,de=e.CLIAppSettings,me=e.app,qe=e.appId,je=e.className,Ae=e.coordinates,ge=e.currentDashboardAppsLastAnnotations,ve=e.currentUser,Ce=e.devCenterRouter,Ve=e.isActionsDisabled,Ie=e.isSettingsDialogHidden,he=e.layoutEnvironment,Se=e.onAppContainerClick,be=void 0===Se?t.noop:Se,xe=e.onAppRemove,Me=e.onReportBugClick,De=e.onCloneDashboard,fe=e.onHelpCenterClick,Pe=e.onIsMaximizedChange,ye=e.onSettingChange,Le=e.onSettingsChange,Te=e.openIntercom,Be=void 0===Te?t.noop:Te,ke=e.setIsFullscreenModalMode,Fe=void 0===ke?t.noop:ke,He=e.timestamp,we=e.updateCurrentDashboardAppLastAnnotation,Oe=e.dashboardMeta,Re=o.useContext(p),Ee=r.useTheme(),ze=o.useState([]),_e=W.default(ze,2),We=_e[0],Ne=_e[1],Ue=o.useState([]),Ge=W.default(Ue,2),Qe=Ge[0],Ke=Ge[1],Ze=null!==(s=null==Re?void 0:Re[qe||me.id])&&void 0!==s?s:{isLoading:!0},Je=null===(n=me.package)||void 0===n||null===(z=n.manifest)||void 0===z?void 0:z.application,Xe=H.getAppSegment(me),Ye=!(null==Je||null===(_=Je.ui)||void 0===_||!_.multi_rig),$e=!(null==Je||null===(U=Je.ui)||void 0===U||!U.enable_comments),es=H.getAppName(me),ss=q({onIsMaximizedChange:Pe,devCenterRouter:Ce,appId:qe}),os=ss.isMaximized,ns=ss.setIsMaximized,ts=He||H.getTimestampFromQuery(null===(J=Ce.location.query)||void 0===J?void 0:J.query),rs=me.id===k.DEV_CENTER_CLI_APP_ID,is=rs&&K?G(G({},Ae),{},{w:12}):Ae,cs=h.getAppVersion(me),ps=B({CLIAppComponent:le,CLIAppSettings:de,app:me,version:cs}),as=ps.isLoading,us=ps.AppSettings,ls=ps.AppComponent,ds=l({setIsFullscreenModalMode:Fe}),ms=ds.isAppSettingsDialogOpened,qs=ds.toggleAppSettingsDialog,js=d(),As=js.isAnnotationsListOpened,gs=js.toggleAnnotationsList,vs=as||!ve||!Ye&&Ze.isLoading,Cs=m({app:me,appData:Ze,currentDashboardAppsLastAnnotations:ge}),Vs=Cs.appLastAnnotation,Is=Cs.assetCompanyId,hs=Cs.assetIdForAnnotation,Ss=Cs.isAppSupportsAnnotations,bs=t.pickBy(t.pick(Ze,["well","rig","fracFleet","wells","interventionUnit"]),Boolean),xs=o.useMemo((function(){return null==Qe?void 0:Qe.map((function(e){return G(G({},e),{},{onClick:function(){var s;null===(s=e.onClick)||void 0===s||s.call(e),e.to&&Ce.push(e.to)}})}))}),[Qe,Ce]),Ms=!(null==me||null===(X=me.package)||void 0===X||null===(Y=X.manifest)||void 0===Y||null===($=Y.application)||void 0===$||null===(ee=$.ui)||void 0===ee||!ee.use_app_header_v3),Ds=!(null==(pe=Ce)||null===(ae=pe.location)||void 0===ae||null===(ue=ae.pathname)||void 0===ue||!ue.startsWith("/home"));return u.jsx(b.RollbarWrapper,{companyId:null==me||null===(se=me.app)||void 0===se?void 0:se.company_id,appKey:null==Je?void 0:Je.key,isCLIApp:rs,rollbarManifestConfig:null==me||null===(oe=me.package)||void 0===oe||null===(ne=oe.manifest)||void 0===ne||null===(te=ne.settings)||void 0===te?void 0:te.rollbar,version:cs,children:u.jsx(a.DevCenterRouterContext.Provider,{value:Ce,children:u.jsx(V.DcFullscreenElemsCoordinatorProvider,{setIsFullscreenModalMode:Fe,children:u.jsx(F.AppCommonsProvider,G(G({maximized:os,setMaximized:ns,appId:null==me||null===(re=me.app)||void 0===re?void 0:re.id,app:me,appSettings:me.settings,onSettingChange:ye,onSettingsChange:Le,appHeadersV3Enabled:Ms,currentUser:ve,appData:Ze,layoutEnvironment:he,appSettingsComponent:us,dashboardMeta:Oe,toggleAnnotationsList:Ss?gs:void 0,onHelpCenterClick:fe,secondaryMenuItems:xs,onAppRemove:xe,isInsideNewMobileApp:f.isInsideNewMobileApp,globalOffsetWells:null==Oe?void 0:Oe.globalOffsetWells,globalOffsetWellsVersion:null==Oe?void 0:Oe.globalOffsetWellsVersion},bs),{},{children:u.jsx(c.QueryClientProvider,{client:Q,children:u.jsx(x.CommentsSwitchProvider,{children:u.jsxs("div",{className:N.default("dc-app-container",f.isInsideNewMobileApp&&"dc-app-container--inside-new-mobile-app",Ds&&"dc-app-container--inside-home-page",je,os&&"dc-app-container__maximized",Ee.isLightTheme&&"dc-app-container__light-theme",D.container),"data-testid":"".concat(Z,"_").concat(es),onClick:function(){return be()},children:[u.jsx(T.ToastContainer,{}),u.jsx("div",{className:D.containerContent,children:u.jsx(C.default,{AppComponent:ls,app:me,appData:bs,isAppLoading:as,availability:h.getAppAvailability(me.availability,ve.company.with_subscription),isCLIApp:rs,isLoading:vs,isMultiRig:Ye,layoutEnvironment:he,openIntercom:Be,segment:Xe,toggleAppSettingsDialog:qs,appProps:{coordinates:is,currentUser:ve,devCenterRouter:Ce,onSettingChange:ye,onSettingsChange:Le,segment:Xe,setIsFullscreenModalMode:Fe,setIsMaximized:ns,setMainMenuItems:Ne,setSecondaryMenuItems:Ke,toggleAppSettingsDialog:qs,appHeaderProps:G({app:me,appLastAnnotation:Vs,appSettings:me.settings,coordinates:is,currentUser:ve,isMaximized:os,layoutEnvironment:he,onSettingChange:ye,toggleAnnotationsList:gs,updateCurrentDashboardAppLastAnnotation:we},bs),isNative:f.isNativeDetected,layoutEnvironment:he,timestamp:ts}})}),ms&&u.jsx(A.default,{AppSettingsComponent:us,app:me,appData:Ze,appName:es,currentUser:ve,isMultiRig:Ye,isSettingsDialogHidden:Ie,layoutEnvironment:he,onAppRemove:xe,onCloneDashboard:De,onSettingChange:ye,onSettingsChange:Le,openIntercom:Be,rigId:null!==(ie=null===(ce=Ze.rig)||void 0===ce?void 0:ce.id)&&void 0!==ie?ie:null,timestamp:ts,toggleAppSettingsDialog:qs}),As&&u.jsx(L.AnnotationsProvider,{children:u.jsx(y,{appId:me.app.id,appSettings:me.settings,appTitle:es,assetCompanyId:Is,assetId:hs,currentUser:ve,onClose:gs,showSuccessNotification:E.showSuccessNotification})}),os&&!Ms&&u.jsx(I,{setIsMaximized:ns}),!Ve&&(!Ms||vs)&&u.jsxs(j,{children:[$e&&u.jsx(M.CommentsSwitchButton,{currentUser:ve}),Ss&&u.jsx(R.Tooltip,{title:"Add Annotation",placement:"top",disabled:!!K,children:u.jsx(O.ButtonIcon,{size:"small",type:"tertiaryBg",onClick:gs,testId:"".concat(Z,"_addAnnotation"),children:u.jsx(P,{})})}),Me&&!rs&&u.jsx(R.Tooltip,{title:"Report A Bug",placement:"top",disabled:!!K,children:u.jsx(O.ButtonIcon,{size:"small",type:"tertiaryBg",onClick:function(){return Me()},children:u.jsx(i.BugReport,{})})}),u.jsx(R.Tooltip,{placement:"top",disabled:!!K||rs,title:"Help Center",children:u.jsx(O.ButtonIcon,{testId:"".concat(Z,"_helpContent"),onClick:function(){return fe()},disabled:rs,size:"small",type:"tertiaryBg",children:u.jsx(w.HelpCenterIcon,{appId:me.app.id,helpContentUpdatedAt:me.help_content_updated_at})})}),!K||os||f.isInsideNewMobileApp?u.jsxs(u.Fragment,{children:[u.jsx(S,{menuItems:We,devCenterRouter:Ce,isMobileView:K}),u.jsx(g.NonPriorityMenus,{devCenterRouter:Ce,isMaximized:os,isMobileView:K,menuItems:Qe,setIsFullscreenModalMode:Fe,setIsMaximized:ns,toggleAppSettingsDialog:qs})]}):u.jsx(v,{setIsMaximized:ns})]})]})})})}))})})})};
+"use strict";var e=require("@babel/runtime/helpers/defineProperty"),s=require("@babel/runtime/helpers/slicedToArray"),o=require("react"),n=require("classnames"),t=require("lodash"),r=require("@material-ui/core"),i=require("@material-ui/icons"),c=require("../AppContext.js"),p=require("../DevCenterRouterContext/DevCenterRouterContext.js");require("../DevCenterRouterContext/UniversalLink/UniversalLink.js"),require("@babel/runtime/helpers/objectWithoutProperties"),require("react-router");var a=require("react/jsx-runtime"),u=require("./effects/useAppSettings.js"),l=require("./effects/useAnnotationsList.js"),d=require("./effects/useAnnotationsData.js"),m=require("./effects/useAppMaximized.js"),q=require("./components/AppActions/AppActions.js"),j=require("./components/AppSettingsDialog/AppSettingsDialog.js");require("./components/AppSettingsDialog/components/RemoveAppButton.js"),require("./components/AppSettingsDialog/components/SettingsAccordion.js"),require("./components/AnnotationsButton/AnnotationsButton.js");var A=require("./components/NonPriorityMenus/NonPriorityMenus.js"),g=require("./components/FullscreenButton/FullscreenButton.js");require("./components/AppInfoMessage/AppInfoMessage.js");var v=require("./components/DevCenterAppView/DevCenterAppView.js"),C=require("./components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js");require("./components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js"),require("./components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js");var V=require("./components/RestoreAppSizeButton/index.js"),I=require("./utils.js"),h=require("./components/PriorityMenus/PriorityMenus.js"),S=require("./components/RollbarWrapper/RollbarWrapper.js"),b=require("./components/CommentsSwitch/CommentsSwitchProvider.js"),x=require("./components/CommentsSwitch/CommentsSwitchButton.js"),M=require("./DevCenterAppContainer.css.js"),D=require("../../../utils/mobileDetect.js"),f=require("../../Icons/AnnotationIcon.js"),P=require("../../Annotations/components/AnnotationsList/index.js");require("../../Annotations/components/LastAnnotation/index.js");var y=require("../../Annotations/AnnotationsContext.js");require("../../Toaster/Toaster.js");var L=require("../../Toaster/ToastContainer.js");require("../../../clients/subscriptions/constants.js"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("querystring"),require("uuid/v1"),require("../../../clients/subscriptions.v1.js"),require("../../../clients/jsonApi/index.js"),require("../../../clients/subscriptions/subscriptions-client.factory.js");var T=require("../../../effects/useDevCenterApp.js");require("../../../utils/index.js"),require("uuid"),require("jsona"),require("../../../constants/segment.js"),require("../../../utils/env.js");var B=require("../../../constants/devcenter.js");require("../../../constants/goals.js"),require("../../../constants/alerts.js"),require("../../../constants/apps.js"),require("../../../constants/drillstring.js"),require("../../../constants/completion.js"),require("../../../constants/appPackages.js"),require("../../../constants/notifications.js"),require("../../../constants/feed.js"),require("../../../constants/bha.js"),require("../../../constants/corvaCompanyId.js"),require("../../GradientManager/configuration/constants.js"),require("../../StatusBadge/constants.js"),require("@babel/runtime/helpers/toConsumableArray"),require("lodash/set"),require("lodash/get"),require("lodash/unset"),require("moment"),require("../../../clients/api/apiCore.js"),require("../../../clients/constants.js"),require("../../../clients/sso/auth0.js"),require("../../../clients/sso/oauth2.js"),require("lodash/isEmpty"),require("lodash/sortBy"),require("../../../constants/streamSourceType.js"),require("./components/CommentsSwitch/CommentsSwitchContext.js");var F=require("../../../componentsV2/AppCommonsProvider/AppCommonsProvider.js");require("../../../componentsV2/AppCommonsProvider/AppCommonsContext.js");var k=require("../../../utils/devcenter.js"),H=require("../../HelpCenter/HelpCenterIcon.js");require("../../../componentsV2/Text/Text.js"),require("../../../componentsV2/Grid/Grid.js"),require("../../../componentsV2/Grid/Cell.js"),require("../../../componentsV2/Header/Header.scss.js"),require("../../../componentsV2/Button/Button.js");var w=require("../../../componentsV2/ButtonIcon/ButtonIcon.js"),O=require("../../../componentsV2/Tooltip/Tooltip.js");require("../../../componentsV2/Popover/Popover.js"),require("../../../componentsV2/Radio/Radio.js"),require("../../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js"),require("../../../componentsV2/Checkbox/Checkbox.js"),require("../../../componentsV2/TextInput/TextInput.js"),require("../../../componentsV2/Label/Label.js"),require("../../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js"),require("../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js"),require("../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js"),require("../../../componentsV2/TextLink/TextLink.js"),require("../../../componentsV2/Chip/Chip.js"),require("../../../componentsV2/ChipAlert/ChipAlert.js"),require("../../../componentsV2/ChipIndicator/ChipIndicator.js"),require("../../../componentsV2/Avatar/Avatar.js"),require("../../../componentsV2/AvatarGroup/AvatarGroup.js"),require("@material-ui/lab"),require("../../../componentsV2/ToggleButtons/ToggleButtons.scss.js"),require("../../../componentsV2/Paper/Paper.js"),require("../../../componentsV2/ModalWindow/ModalWindow.scss.js"),require("@icon-park/react/es/all"),require("../../../icons/IconParkProvider.js"),require("../../../icons/customIcons/icons/AddMessage.js"),require("../../../icons/customIcons/icons/Attention.js"),require("../../../icons/customIcons/icons/Collapse.js"),require("../../../icons/customIcons/icons/Dashboard.js"),require("../../../icons/customIcons/icons/Expand.js"),require("../../../icons/customIcons/icons/FolderClosed.js"),require("../../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../../icons/customIcons/icons/FolderOpened.js"),require("../../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../../icons/customIcons/icons/LessOrEqual.js"),require("../../../icons/customIcons/icons/Search.js"),require("../../../icons/customIcons/icons/SearchOne.js"),require("../../../icons/customIcons/icons/Wellhub.js"),require("../../../icons/customIcons/icons/MultiRuler.js"),require("../../../icons/customIcons/icons/Checkbox.js"),require("../../../icons/customIcons/icons/CheckboxChecked.js"),require("../../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../../icons/customIcons/icons/Radio.js"),require("../../../icons/customIcons/icons/RadioChecked.js"),require("../../../icons/customIcons/icons/SimulFrac.js"),require("../../../icons/customIcons/icons/ZipperFrac.js"),require("../../../icons/customIcons/icons/CautionFilled.js"),require("../../../icons/customIcons/icons/MoreApp.js"),require("../../../icons/customIcons/icons/Pad.js"),require("../../../icons/customIcons/icons/DrilloutUnit.js"),require("../../../icons/customIcons/icons/FracFleet.js"),require("../../../icons/customIcons/icons/Global.js"),require("../../../icons/customIcons/icons/Program.js"),require("../../../icons/customIcons/icons/Rig.js"),require("../../../icons/customIcons/icons/Well.js"),require("../../../icons/customIcons/icons/Gap.js"),require("../../../icons/customIcons/icons/Pin.js"),require("../../../icons/customIcons/icons/CloseOneFilled.js"),require("../../../icons/customIcons/icons/AttentionFilled.js"),require("../../../icons/customIcons/icons/CheckOneFilled.js"),require("../../../icons/customIcons/icons/Archive.js"),require("../../../icons/customIcons/icons/ArchiveCancel.js"),require("../../../icons/customIcons/icons/Unarchive.js"),require("../../../icons/customIcons/icons/Archived.js"),require("../../../icons/customIcons/icons/InterventionUnit.js"),require("../../../icons/customIcons/icons/Lasso.js"),require("../../../componentsV2/Modal/Modal.scss.js"),require("../../../componentsV2/Menu/Menu.js"),require("../../../componentsV2/utils.js"),require("../../../componentsV2/Hint/Hint.scss.js"),require("../../../componentsV2/Counter/Counter.js"),require("../../../componentsV2/BadgeBase/BadgeBase.scss.js"),require("../../../componentsV2/BadgeDot/BadgeDot.scss.js"),require("../../../componentsV2/LoaderLinear/LoaderLinear.scss.js"),require("../../../componentsV2/LoaderLogo/LoaderLogo.constants.js"),require("../../../componentsV2/LoaderLogo/LoaderLogo.scss.js"),require("../../../componentsV2/Switch/Switch.js"),require("../../../componentsV2/Tabs/Tabs.js"),require("../../../componentsV2/EmptyState/EmptyState.scss.js"),require("../../../componentsV2/FileIcon/FileIcon.js"),require("../../../componentsV2/Tag/Tag.js"),require("react-dropzone"),require("../../../componentsV2/FilesDropzone/FilesDropzone.scss.js"),require("../../../componentsV2/FilesLoader/FilesLoader.scss.js"),require("../../../componentsV2/FilesProcessor/FilesProcessor.scss.js"),require("../../../componentsV2/Skeleton/Skeleton.scss.js"),require("../../../utils/main.js"),require("../../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js"),require("../../../componentsV2/Stepper/Step/Step.scss.js"),require("../../../componentsV2/Stepper/Stepper.scss.js"),require("../../../componentsV2/ButtonLive/ButtonLive.js"),require("../../../componentsV2/ButtonText/ButtonText.js"),require("../../../componentsV2/IndicatorLive/IndicatorLive.js"),require("../../../componentsV2/Accordion/Accordion.scss.js"),require("../../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js"),require("../../../componentsV2/BadgeComment/BadgeComment.js"),require("../../../componentsV2/AppContainer/AppContainer.js"),require("../../../componentsV2/AppContainer/AppContainer.constants.js"),require("../../../componentsV2/AppFooter/AppFooter.js"),require("../../../componentsV2/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("../../../types/shared/Completions.js"),require("../../PadModeSelect/types.js"),require("lodash/flatten"),require("lodash/partition"),require("../../../componentsV2/PadModeSelect/FracModeLabel/FracModeLabel.js"),require("../../../componentsV2/PadModeSelect/FracModeLabel/FracModeLabel.constants.js"),require("../../../componentsV2/PadModeSelect/WellStreamActivityStatus/WellStreamActivityStatus.scss.js"),require("../../../componentsV2/PadModeSelect/PadModeSelect.constants.js"),require("../../../componentsV2/PadModeSelect/PadModeSelect.scss.js"),require("../../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js"),require("../../../componentsV2/UniversalLink/UniversalLink.scss.js"),require("../../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js"),require("../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js"),require("../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js"),require("../../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js"),require("../../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js"),require("../../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js"),require("../../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js"),require("../../../componentsV2/AppDqPopover/AppDqPopover.scss.js"),require("../../AppIcon/AppIcon.js"),require("../../../utils/getSingleAsset.js"),require("../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js"),require("../../../componentsV2/AppHeader/V3/AssetSelector/constants.js"),require("../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js"),require("../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js"),require("../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js"),require("../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js"),require("../../../componentsV2/AppContainer/headerCommon.scss.js"),require("../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js"),require("../../../componentsV2/AppHeader/V3/constants.scss.js"),require("@babel/runtime/helpers/typeof"),require("../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.js"),require("../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js"),require("../../../componentsV2/AppSettings/AppSettings.js"),require("../../../componentsV2/AppSettings/AppSettings.constants.js"),require("../../../componentsV2/AppSettings/AppSettingsPinningContext.js"),require("../../../componentsV2/AppSizeProvider/AppSizeProvider.js"),require("../../../componentsV2/AppHeader/V3/Actions/Actions.constants.js"),require("../../../componentsV2/AppHeader/V3/Actions/Actions.scss.js"),require("../../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js"),require("../../../componentsV2/AppHeader/AppHeader.scss.js"),require("../../../componentsV2/OffsetWellsButton/OffsetWellsButton.js"),require("../../../componentsV2/Autocomplete/Autocomplete.scss.js"),require("../../../componentsV2/Menu/MenuItem/MenuItem.js"),require("../../../componentsV2/Autocomplete/AutocompleteListBox.js"),require("../../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js"),require("../../../componentsV2/WellArchivedMessage/WellArchivedMessage.js"),require("../../../componentsV2/DatePicker/DatePicker.js"),require("../../../componentsV2/DragHandle/DragHandle.js"),require("../../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js");var R=require("../../../utils/notificationToasts.js");function E(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var z=E(e),_=E(s),W=E(n);function N(e,s){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);s&&(n=n.filter((function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable}))),o.push.apply(o,n)}return o}function U(e){for(var s=1;s<arguments.length;s++){var o=null!=arguments[s]?arguments[s]:{};s%2?N(Object(o),!0).forEach((function(s){z.default(e,s,o[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):N(Object(o)).forEach((function(s){Object.defineProperty(e,s,Object.getOwnPropertyDescriptor(o,s))}))}return e}var G=D.isNativeDetected||D.isMobileDetected,K="DevCenter_AppContainer";module.exports=function(e){var s,n,E,z,N,Q,Z,J,X,Y,$,ee,se,oe,ne,te,re,ie,ce,pe,ae=e.CLIAppComponent,ue=e.CLIAppSettings,le=e.app,de=e.appId,me=e.className,qe=e.coordinates,je=e.currentDashboardAppsLastAnnotations,Ae=e.currentUser,ge=e.devCenterRouter,ve=e.isActionsDisabled,Ce=e.isSettingsDialogHidden,Ve=e.layoutEnvironment,Ie=e.onAppContainerClick,he=void 0===Ie?t.noop:Ie,Se=e.onAppRemove,be=e.onReportBugClick,xe=e.onCloneDashboard,Me=e.onHelpCenterClick,De=e.onIsMaximizedChange,fe=e.onSettingChange,Pe=e.onSettingsChange,ye=e.openIntercom,Le=void 0===ye?t.noop:ye,Te=e.setIsFullscreenModalMode,Be=void 0===Te?t.noop:Te,Fe=e.timestamp,ke=e.updateCurrentDashboardAppLastAnnotation,He=e.dashboardMeta,we=o.useContext(c),Oe=r.useTheme(),Re=o.useState([]),Ee=_.default(Re,2),ze=Ee[0],_e=Ee[1],We=o.useState([]),Ne=_.default(We,2),Ue=Ne[0],Ge=Ne[1],Ke=null!==(s=null==we?void 0:we[de||le.id])&&void 0!==s?s:{isLoading:!0},Qe=null===(n=le.package)||void 0===n||null===(E=n.manifest)||void 0===E?void 0:E.application,Ze=k.getAppSegment(le),Je=!(null==Qe||null===(z=Qe.ui)||void 0===z||!z.multi_rig),Xe=!(null==Qe||null===(N=Qe.ui)||void 0===N||!N.enable_comments),Ye=k.getAppName(le),$e=m({onIsMaximizedChange:De,devCenterRouter:ge,appId:de}),es=$e.isMaximized,ss=$e.setIsMaximized,os=Fe||k.getTimestampFromQuery(null===(Q=ge.location.query)||void 0===Q?void 0:Q.query),ns=le.id===B.DEV_CENTER_CLI_APP_ID,ts=ns&&G?U(U({},qe),{},{w:12}):qe,rs=I.getAppVersion(le),is=T({CLIAppComponent:ae,CLIAppSettings:ue,app:le,version:rs}),cs=is.isLoading,ps=is.AppSettings,as=is.AppComponent,us=u({setIsFullscreenModalMode:Be}),ls=us.isAppSettingsDialogOpened,ds=us.toggleAppSettingsDialog,ms=l(),qs=ms.isAnnotationsListOpened,js=ms.toggleAnnotationsList,As=cs||!Ae||!Je&&Ke.isLoading,gs=d({app:le,appData:Ke,currentDashboardAppsLastAnnotations:je}),vs=gs.appLastAnnotation,Cs=gs.assetCompanyId,Vs=gs.assetIdForAnnotation,Is=gs.isAppSupportsAnnotations,hs=t.pickBy(t.pick(Ke,["well","rig","fracFleet","wells","interventionUnit"]),Boolean),Ss=o.useMemo((function(){return null==Ue?void 0:Ue.map((function(e){return U(U({},e),{},{onClick:function(){var s;null===(s=e.onClick)||void 0===s||s.call(e),e.to&&ge.push(e.to)}})}))}),[Ue,ge]),bs=!(null==le||null===(Z=le.package)||void 0===Z||null===(J=Z.manifest)||void 0===J||null===(X=J.application)||void 0===X||null===(Y=X.ui)||void 0===Y||!Y.use_app_header_v3),xs=!(null==(ie=ge)||null===(ce=ie.location)||void 0===ce||null===(pe=ce.pathname)||void 0===pe||!pe.startsWith("/home"));return a.jsx(S.RollbarWrapper,{companyId:null==le||null===($=le.app)||void 0===$?void 0:$.company_id,appKey:null==Qe?void 0:Qe.key,isCLIApp:ns,rollbarManifestConfig:null==le||null===(ee=le.package)||void 0===ee||null===(se=ee.manifest)||void 0===se||null===(oe=se.settings)||void 0===oe?void 0:oe.rollbar,version:rs,children:a.jsx(p.DevCenterRouterContext.Provider,{value:ge,children:a.jsx(C.DcFullscreenElemsCoordinatorProvider,{setIsFullscreenModalMode:Be,children:a.jsx(F.AppCommonsProvider,U(U({maximized:es,setMaximized:ss,appId:null==le||null===(ne=le.app)||void 0===ne?void 0:ne.id,app:le,appSettings:le.settings,onSettingChange:fe,onSettingsChange:Pe,appHeadersV3Enabled:bs,currentUser:Ae,appData:Ke,layoutEnvironment:Ve,appSettingsComponent:ps,dashboardMeta:He,toggleAnnotationsList:Is?js:void 0,onHelpCenterClick:Me,secondaryMenuItems:Ss,onAppRemove:Se,isInsideNewMobileApp:D.isInsideNewMobileApp,globalOffsetWells:null==He?void 0:He.globalOffsetWells,globalOffsetWellsVersion:null==He?void 0:He.globalOffsetWellsVersion},hs),{},{children:a.jsx(b.CommentsSwitchProvider,{children:a.jsxs("div",{className:W.default("dc-app-container",D.isInsideNewMobileApp&&"dc-app-container--inside-new-mobile-app",xs&&"dc-app-container--inside-home-page",me,es&&"dc-app-container__maximized",Oe.isLightTheme&&"dc-app-container__light-theme",M.container),"data-testid":"".concat(K,"_").concat(Ye),onClick:function(){return he()},children:[a.jsx(L.ToastContainer,{}),a.jsx("div",{className:M.containerContent,children:a.jsx(v.default,{AppComponent:as,app:le,appData:hs,isAppLoading:cs,availability:I.getAppAvailability(le.availability,Ae.company.with_subscription),isCLIApp:ns,isLoading:As,isMultiRig:Je,layoutEnvironment:Ve,openIntercom:Le,segment:Ze,toggleAppSettingsDialog:ds,appProps:{coordinates:ts,currentUser:Ae,devCenterRouter:ge,onSettingChange:fe,onSettingsChange:Pe,segment:Ze,setIsFullscreenModalMode:Be,setIsMaximized:ss,setMainMenuItems:_e,setSecondaryMenuItems:Ge,toggleAppSettingsDialog:ds,appHeaderProps:U({app:le,appLastAnnotation:vs,appSettings:le.settings,coordinates:ts,currentUser:Ae,isMaximized:es,layoutEnvironment:Ve,onSettingChange:fe,toggleAnnotationsList:js,updateCurrentDashboardAppLastAnnotation:ke},hs),isNative:D.isNativeDetected,layoutEnvironment:Ve,timestamp:os}})}),ls&&a.jsx(j.default,{AppSettingsComponent:ps,app:le,appData:Ke,appName:Ye,currentUser:Ae,isMultiRig:Je,isSettingsDialogHidden:Ce,layoutEnvironment:Ve,onAppRemove:Se,onCloneDashboard:xe,onSettingChange:fe,onSettingsChange:Pe,openIntercom:Le,rigId:null!==(te=null===(re=Ke.rig)||void 0===re?void 0:re.id)&&void 0!==te?te:null,timestamp:os,toggleAppSettingsDialog:ds}),qs&&a.jsx(y.AnnotationsProvider,{children:a.jsx(P,{appId:le.app.id,appSettings:le.settings,appTitle:Ye,assetCompanyId:Cs,assetId:Vs,currentUser:Ae,onClose:js,showSuccessNotification:R.showSuccessNotification})}),es&&!bs&&a.jsx(V,{setIsMaximized:ss}),!ve&&(!bs||As)&&a.jsxs(q,{children:[Xe&&a.jsx(x.CommentsSwitchButton,{currentUser:Ae}),Is&&a.jsx(O.Tooltip,{title:"Add Annotation",placement:"top",disabled:!!G,children:a.jsx(w.ButtonIcon,{size:"small",type:"tertiaryBg",onClick:js,testId:"".concat(K,"_addAnnotation"),children:a.jsx(f,{})})}),be&&!ns&&a.jsx(O.Tooltip,{title:"Report A Bug",placement:"top",disabled:!!G,children:a.jsx(w.ButtonIcon,{size:"small",type:"tertiaryBg",onClick:function(){return be()},children:a.jsx(i.BugReport,{})})}),a.jsx(O.Tooltip,{placement:"top",disabled:!!G||ns,title:"Help Center",children:a.jsx(w.ButtonIcon,{testId:"".concat(K,"_helpContent"),onClick:function(){return Me()},disabled:ns,size:"small",type:"tertiaryBg",children:a.jsx(H.HelpCenterIcon,{appId:le.app.id,helpContentUpdatedAt:le.help_content_updated_at})})}),!G||es||D.isInsideNewMobileApp?a.jsxs(a.Fragment,{children:[a.jsx(h,{menuItems:ze,devCenterRouter:ge,isMobileView:G}),a.jsx(A.NonPriorityMenus,{devCenterRouter:ge,isMaximized:es,isMobileView:G,menuItems:Ue,setIsFullscreenModalMode:Be,setIsMaximized:ss,toggleAppSettingsDialog:ds})]}):a.jsx(g,{setIsMaximized:ss})]})]})})}))})})})};
 //# sourceMappingURL=DevCenterAppContainer.js.map

package/cjs-bundle/components/DevCenter/DevCenterAppContainer/DevCenterAppContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"DevCenterAppContainer.js","sources":["../../../../../src/components/DevCenter/DevCenterAppContainer/DevCenterAppContainer.js"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport { useContext, useMemo, useState } from 'react';\nimport classNames from 'classnames';\nimport { noop, pick, pickBy } from 'lodash';\nimport { useTheme } from '@material-ui/core';\nimport { BugReport as BugReportIcon } from '@material-ui/icons';\nimport { QueryClient, QueryClientProvider } from '@tanstack/react-query';\n\nimport AppContext from '../AppContext';\nimport { DevCenterRouterContext } from '../DevCenterRouterContext';\n\nimport { useAnnotationsData, useAnnotationsList, useAppMaximized, useAppSettings } from './effects';\nimport {\n  AppActions,\n  AppSettingsDialog,\n  DcFullscreenElemsCoordinatorProvider,\n  DevCenterAppView,\n  FullscreenButton,\n  NonPriorityMenus,\n} from './components';\nimport RestoreAppSizeButton from './components/RestoreAppSizeButton';\nimport { getAppAvailability, getAppVersion } from './utils';\nimport PriorityMenus from './components/PriorityMenus';\nimport { RollbarWrapper } from './components/RollbarWrapper/RollbarWrapper';\nimport { CommentsSwitchButton, CommentsSwitchProvider } from './components/CommentsSwitch';\n\nimport styles from './DevCenterAppContainer.css';\n\nimport { isInsideNewMobileApp, isMobileDetected, isNativeDetected } from '~/utils/mobileDetect';\nimport AnnotationIcon from '~components/Icons/AnnotationIcon';\nimport { AnnotationsList, AnnotationsProvider } from '~/components/Annotations';\nimport { ToastContainer } from '~/components/Toaster';\nimport { useDevCenterApp } from '~/effects';\nimport { DEV_CENTER_CLI_APP_ID } from '~/constants';\nimport { getAppName, getAppSegment, getTimestampFromQuery } from '~/utils/devcenter';\nimport { showSuccessNotification } from '~/utils';\nimport { HelpCenterIcon } from '~/components/HelpCenter';\nimport { ButtonIcon, Tooltip } from '~/componentsV2';\nimport { AppCommonsProvider } from '~/componentsV2/AppCommonsProvider';\n\nconst queryClient = new QueryClient();\n\nconst isMobileView = isNativeDetected || isMobileDetected;\nconst PAGE_NAME = 'DevCenter_AppContainer';\n\nconst isHomePage = router => !!router?.location?.pathname?.startsWith('/home');\n\nfunction DevCenterAppContainer({\n  CLIAppComponent,\n  CLIAppSettings,\n  app,\n  appId,\n  className,\n  coordinates,\n  currentDashboardAppsLastAnnotations,\n  currentUser,\n  devCenterRouter,\n  isActionsDisabled,\n  isSettingsDialogHidden,\n  layoutEnvironment,\n  onAppContainerClick = noop,\n  onAppRemove,\n  onReportBugClick,\n  onCloneDashboard,\n  onHelpCenterClick,\n  onIsMaximizedChange,\n  onSettingChange,\n  onSettingsChange,\n  openIntercom = noop,\n  setIsFullscreenModalMode = noop,\n  timestamp,\n  updateCurrentDashboardAppLastAnnotation,\n  dashboardMeta,\n}) {\n  const appsData = useContext(AppContext);\n  const theme = useTheme();\n  const [mainMenuItems, setMainMenuItems] = useState([]);\n  const [secondaryMenuItems, setSecondaryMenuItems] = useState([]);\n  const appData = appsData?.[appId || app.id] ?? {\n    isLoading: true,\n  };\n  const application = app.package?.manifest?.application;\n  const segment = getAppSegment(app);\n  const isMultiRig = !!application?.ui?.multi_rig;\n  const areCommentsEnabled = !!application?.ui?.enable_comments;\n  const appName = getAppName(app);\n  const { isMaximized, setIsMaximized } = useAppMaximized({\n    onIsMaximizedChange,\n    devCenterRouter,\n    appId,\n  });\n\n  // Note: we need to pass timestamp directly for apps that are embedded in isolated apps\n  const appTimestamp = timestamp || getTimestampFromQuery(devCenterRouter.location.query?.query);\n  const isCLIApp = app.id === DEV_CENTER_CLI_APP_ID;\n  const updatedCoordinates = isCLIApp && isMobileView ? { ...coordinates, w: 12 } : coordinates;\n  const version = getAppVersion(app);\n\n  const {\n    isLoading: isAppLoading,\n    AppSettings,\n    AppComponent,\n  } = useDevCenterApp({\n    CLIAppComponent,\n    CLIAppSettings,\n    app,\n    version,\n  });\n\n  const { isAppSettingsDialogOpened, toggleAppSettingsDialog } = useAppSettings({\n    setIsFullscreenModalMode,\n  });\n  const { isAnnotationsListOpened, toggleAnnotationsList } = useAnnotationsList();\n\n  const isLoading = isAppLoading || !currentUser || (!isMultiRig && appData.isLoading);\n\n  const { appLastAnnotation, assetCompanyId, assetIdForAnnotation, isAppSupportsAnnotations } =\n    useAnnotationsData({\n      app,\n      appData,\n      currentDashboardAppsLastAnnotations,\n    });\n\n  const filteredAppData = pickBy(\n    pick(appData, ['well', 'rig', 'fracFleet', 'wells', 'interventionUnit']),\n    Boolean\n  );\n\n  const simplifiedSecondaryMenuItems = useMemo(\n    () =>\n      secondaryMenuItems?.map(item => ({\n        ...item,\n        onClick: () => {\n          item.onClick?.();\n          if (item.to) {\n            devCenterRouter.push(item.to);\n          }\n        },\n      })),\n    [secondaryMenuItems, devCenterRouter]\n  );\n\n  const appHeadersV3Enabled = !!app?.package?.manifest?.application?.ui?.use_app_header_v3;\n  const isInsideHomePage = isHomePage(devCenterRouter);\n\n  // ⚠️⚠️⚠️ When adding/changing providers, also add them to/change /src/testing/AppTestWrapper\n  return (\n    <RollbarWrapper\n      companyId={app?.app?.company_id}\n      appKey={application?.key}\n      isCLIApp={isCLIApp}\n      rollbarManifestConfig={app?.package?.manifest?.settings?.rollbar}\n      version={version}\n    >\n      <DevCenterRouterContext.Provider value={devCenterRouter}>\n        <DcFullscreenElemsCoordinatorProvider setIsFullscreenModalMode={setIsFullscreenModalMode}>\n          <AppCommonsProvider\n            maximized={isMaximized}\n            setMaximized={setIsMaximized}\n            appId={app?.app?.id}\n            app={app}\n            appSettings={app.settings}\n            onSettingChange={onSettingChange}\n            onSettingsChange={onSettingsChange}\n            appHeadersV3Enabled={appHeadersV3Enabled}\n            currentUser={currentUser}\n            appData={appData}\n            layoutEnvironment={layoutEnvironment}\n            appSettingsComponent={AppSettings}\n            dashboardMeta={dashboardMeta}\n            toggleAnnotationsList={isAppSupportsAnnotations ? toggleAnnotationsList : undefined}\n            onHelpCenterClick={onHelpCenterClick}\n            secondaryMenuItems={simplifiedSecondaryMenuItems}\n            onAppRemove={onAppRemove}\n            isInsideNewMobileApp={isInsideNewMobileApp}\n            globalOffsetWells={dashboardMeta?.globalOffsetWells}\n            globalOffsetWellsVersion={dashboardMeta?.globalOffsetWellsVersion}\n            {...filteredAppData}\n          >\n            <QueryClientProvider client={queryClient}>\n              <CommentsSwitchProvider>\n                <div\n                  className={classNames(\n                    'dc-app-container',\n                    isInsideNewMobileApp && 'dc-app-container--inside-new-mobile-app',\n                    isInsideHomePage && 'dc-app-container--inside-home-page',\n                    className,\n                    // This class is applied so that DC apps developers can style their content\n                    // when an app is in fullscreen\n                    isMaximized && 'dc-app-container__maximized',\n                    theme.isLightTheme && 'dc-app-container__light-theme',\n                    styles.container\n                  )}\n                  data-testid={`${PAGE_NAME}_${appName}`}\n                  // It's important to call it without native event because it's passed through iframe\n                  onClick={() => onAppContainerClick()}\n                >\n                  <ToastContainer />\n                  <div className={styles.containerContent}>\n                    <DevCenterAppView\n                      AppComponent={AppComponent}\n                      app={app}\n                      appData={filteredAppData}\n                      isAppLoading={isAppLoading}\n                      availability={getAppAvailability(\n                        app.availability,\n                        currentUser.company.with_subscription\n                      )}\n                      isCLIApp={isCLIApp}\n                      isLoading={isLoading}\n                      isMultiRig={isMultiRig}\n                      layoutEnvironment={layoutEnvironment}\n                      openIntercom={openIntercom}\n                      segment={segment}\n                      toggleAppSettingsDialog={toggleAppSettingsDialog}\n                      appProps={{\n                        coordinates: updatedCoordinates,\n                        currentUser,\n                        devCenterRouter,\n                        onSettingChange,\n                        onSettingsChange,\n                        segment,\n                        setIsFullscreenModalMode,\n                        setIsMaximized,\n                        setMainMenuItems,\n                        setSecondaryMenuItems,\n                        toggleAppSettingsDialog,\n                        // TODO remove when componentsV2 AppHeader is used everywhere\n                        appHeaderProps: {\n                          app,\n                          appLastAnnotation,\n                          appSettings: app.settings,\n                          coordinates: updatedCoordinates,\n                          currentUser,\n                          isMaximized,\n                          layoutEnvironment,\n                          onSettingChange,\n                          toggleAnnotationsList,\n                          updateCurrentDashboardAppLastAnnotation,\n                          ...filteredAppData,\n                        },\n                        isNative: isNativeDetected,\n                        layoutEnvironment,\n                        timestamp: appTimestamp,\n                      }}\n                    />\n                  </div>\n                  {isAppSettingsDialogOpened && (\n                    <AppSettingsDialog\n                      AppSettingsComponent={AppSettings}\n                      app={app}\n                      appData={appData}\n                      appName={appName}\n                      currentUser={currentUser}\n                      isMultiRig={isMultiRig}\n                      isSettingsDialogHidden={isSettingsDialogHidden}\n                      layoutEnvironment={layoutEnvironment}\n                      onAppRemove={onAppRemove}\n                      onCloneDashboard={onCloneDashboard}\n                      onSettingChange={onSettingChange}\n                      onSettingsChange={onSettingsChange}\n                      openIntercom={openIntercom}\n                      rigId={appData.rig?.id ?? null}\n                      timestamp={appTimestamp}\n                      toggleAppSettingsDialog={toggleAppSettingsDialog}\n                    />\n                  )}\n                  {isAnnotationsListOpened && (\n                    <AnnotationsProvider>\n                      <AnnotationsList\n                        appId={app.app.id}\n                        appSettings={app.settings}\n                        appTitle={appName}\n                        assetCompanyId={assetCompanyId}\n                        assetId={assetIdForAnnotation}\n                        currentUser={currentUser}\n                        onClose={toggleAnnotationsList}\n                        showSuccessNotification={showSuccessNotification}\n                      />\n                    </AnnotationsProvider>\n                  )}\n                  {isMaximized && !appHeadersV3Enabled && (\n                    <RestoreAppSizeButton setIsMaximized={setIsMaximized} />\n                  )}\n\n                  {!isActionsDisabled && (!appHeadersV3Enabled || isLoading) && (\n                    <AppActions>\n                      {areCommentsEnabled && <CommentsSwitchButton currentUser={currentUser} />}\n\n                      {isAppSupportsAnnotations && (\n                        <Tooltip title=\"Add Annotation\" placement=\"top\" disabled={!!isMobileView}>\n                          <ButtonIcon\n                            size=\"small\"\n                            type=\"tertiaryBg\"\n                            onClick={toggleAnnotationsList}\n                            testId={`${PAGE_NAME}_addAnnotation`}\n                          >\n                            <AnnotationIcon />\n                          </ButtonIcon>\n                        </Tooltip>\n                      )}\n\n                      {onReportBugClick && !isCLIApp && (\n                        <Tooltip title=\"Report A Bug\" placement=\"top\" disabled={!!isMobileView}>\n                          <ButtonIcon\n                            size=\"small\"\n                            type=\"tertiaryBg\"\n                            onClick={() => onReportBugClick()}\n                          >\n                            <BugReportIcon />\n                          </ButtonIcon>\n                        </Tooltip>\n                      )}\n\n                      <Tooltip\n                        placement=\"top\"\n                        disabled={!!isMobileView || isCLIApp}\n                        title=\"Help Center\"\n                      >\n                        <ButtonIcon\n                          testId={`${PAGE_NAME}_helpContent`}\n                          onClick={() => onHelpCenterClick()}\n                          disabled={isCLIApp}\n                          size=\"small\"\n                          type=\"tertiaryBg\"\n                        >\n                          <HelpCenterIcon\n                            appId={app.app.id}\n                            helpContentUpdatedAt={app.help_content_updated_at}\n                          />\n                        </ButtonIcon>\n                      </Tooltip>\n\n                      {isMobileView && !isMaximized && !isInsideNewMobileApp ? (\n                        <FullscreenButton setIsMaximized={setIsMaximized} />\n                      ) : (\n                        <>\n                          <PriorityMenus\n                            menuItems={mainMenuItems}\n                            devCenterRouter={devCenterRouter}\n                            isMobileView={isMobileView}\n                          />\n                          <NonPriorityMenus\n                            devCenterRouter={devCenterRouter}\n                            isMaximized={isMaximized}\n                            isMobileView={isMobileView}\n                            menuItems={secondaryMenuItems}\n                            setIsFullscreenModalMode={setIsFullscreenModalMode}\n                            setIsMaximized={setIsMaximized}\n                            toggleAppSettingsDialog={toggleAppSettingsDialog}\n                          />\n                        </>\n                      )}\n                    </AppActions>\n                  )}\n                </div>\n              </CommentsSwitchProvider>\n            </QueryClientProvider>\n          </AppCommonsProvider>\n        </DcFullscreenElemsCoordinatorProvider>\n      </DevCenterRouterContext.Provider>\n    </RollbarWrapper>\n  );\n}\n\nexport default DevCenterAppContainer;\n"],"names":["queryClient","QueryClient","isMobileView","isNativeDetected","isMobileDetected","PAGE_NAME","_ref","_appsData","_app$package","_app$package$manifest","_application$ui","_application$ui2","_devCenterRouter$loca","_app$package2","_app$package2$manifes","_app$package2$manifes2","_app$package2$manifes3","_app$app","_app$package3","_app$package3$manifes","_app$package3$manifes2","_app$app2","_appData$rig$id","_appData$rig","router","_router$location","_router$location$path","CLIAppComponent","CLIAppSettings","app","appId","className","coordinates","currentDashboardAppsLastAnnotations","currentUser","devCenterRouter","isActionsDisabled","isSettingsDialogHidden","layoutEnvironment","_ref$onAppContainerCl","onAppContainerClick","noop","onAppRemove","onReportBugClick","onCloneDashboard","onHelpCenterClick","onIsMaximizedChange","onSettingChange","onSettingsChange","_ref$openIntercom","openIntercom","_ref$setIsFullscreenM","setIsFullscreenModalMode","timestamp","updateCurrentDashboardAppLastAnnotation","dashboardMeta","appsData","useContext","AppContext","theme","useTheme","useState","_useState2","_slicedToArray","_useState","mainMenuItems","setMainMenuItems","_useState4","_useState3","secondaryMenuItems","setSecondaryMenuItems","appData","id","isLoading","application","package","manifest","segment","getAppSegment","isMultiRig","ui","multi_rig","areCommentsEnabled","enable_comments","appName","getAppName","_useAppMaximized","useAppMaximized","isMaximized","setIsMaximized","appTimestamp","getTimestampFromQuery","location","query","isCLIApp","DEV_CENTER_CLI_APP_ID","updatedCoordinates","w","version","getAppVersion","_useDevCenterApp","useDevCenterApp","isAppLoading","AppSettings","AppComponent","_useAppSettings","useAppSettings","isAppSettingsDialogOpened","toggleAppSettingsDialog","_useAnnotationsList","useAnnotationsList","isAnnotationsListOpened","toggleAnnotationsList","_useAnnotationsData","useAnnotationsData","appLastAnnotation","assetCompanyId","assetIdForAnnotation","isAppSupportsAnnotations","filteredAppData","pickBy","pick","Boolean","simplifiedSecondaryMenuItems","useMemo","map","item","_objectSpread","onClick","_item$onClick","call","to","push","appHeadersV3Enabled","use_app_header_v3","isInsideHomePage","pathname","startsWith","_jsx","RollbarWrapper","companyId","company_id","appKey","key","rollbarManifestConfig","settings","rollbar","children","DevCenterRouterContext","Provider","value","DcFullscreenElemsCoordinatorProvider","AppCommonsProvider","maximized","setMaximized","appSettings","appSettingsComponent","undefined","isInsideNewMobileApp","globalOffsetWells","globalOffsetWellsVersion","QueryClientProvider","client","CommentsSwitchProvider","_jsxs","jsxs","classNames","isLightTheme","styles","container","ToastContainer","jsx","containerContent","DevCenterAppView","availability","getAppAvailability","company","with_subscription","appProps","appHeaderProps","isNative","AppSettingsDialog","AppSettingsComponent","rigId","rig","AnnotationsProvider","AnnotationsList","appTitle","assetId","onClose","showSuccessNotification","RestoreAppSizeButton","AppActions","CommentsSwitchButton","Tooltip","title","placement","disabled","ButtonIcon","size","type","testId","concat","AnnotationIcon","BugReportIcon","BugReport","HelpCenterIcon","helpContentUpdatedAt","help_content_updated_at","_Fragment","PriorityMenus","menuItems","NonPriorityMenus","FullscreenButton"],"mappings":"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"}
+{"version":3,"file":"DevCenterAppContainer.js","sources":["../../../../../src/components/DevCenter/DevCenterAppContainer/DevCenterAppContainer.js"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport { useContext, useMemo, useState } from 'react';\nimport classNames from 'classnames';\nimport { noop, pick, pickBy } from 'lodash';\nimport { useTheme } from '@material-ui/core';\nimport { BugReport as BugReportIcon } from '@material-ui/icons';\n\nimport AppContext from '../AppContext';\nimport { DevCenterRouterContext } from '../DevCenterRouterContext';\n\nimport { useAnnotationsData, useAnnotationsList, useAppMaximized, useAppSettings } from './effects';\nimport {\n  AppActions,\n  AppSettingsDialog,\n  DcFullscreenElemsCoordinatorProvider,\n  DevCenterAppView,\n  FullscreenButton,\n  NonPriorityMenus,\n} from './components';\nimport RestoreAppSizeButton from './components/RestoreAppSizeButton';\nimport { getAppAvailability, getAppVersion } from './utils';\nimport PriorityMenus from './components/PriorityMenus';\nimport { RollbarWrapper } from './components/RollbarWrapper/RollbarWrapper';\nimport { CommentsSwitchButton, CommentsSwitchProvider } from './components/CommentsSwitch';\n\nimport styles from './DevCenterAppContainer.css';\n\nimport { isInsideNewMobileApp, isMobileDetected, isNativeDetected } from '~/utils/mobileDetect';\nimport AnnotationIcon from '~components/Icons/AnnotationIcon';\nimport { AnnotationsList, AnnotationsProvider } from '~/components/Annotations';\nimport { ToastContainer } from '~/components/Toaster';\nimport { useDevCenterApp } from '~/effects';\nimport { DEV_CENTER_CLI_APP_ID } from '~/constants';\nimport { getAppName, getAppSegment, getTimestampFromQuery } from '~/utils/devcenter';\nimport { showSuccessNotification } from '~/utils';\nimport { HelpCenterIcon } from '~/components/HelpCenter';\nimport { ButtonIcon, Tooltip } from '~/componentsV2';\nimport { AppCommonsProvider } from '~/componentsV2/AppCommonsProvider';\n\nconst isMobileView = isNativeDetected || isMobileDetected;\nconst PAGE_NAME = 'DevCenter_AppContainer';\n\nconst isHomePage = router => !!router?.location?.pathname?.startsWith('/home');\n\nfunction DevCenterAppContainer({\n  CLIAppComponent,\n  CLIAppSettings,\n  app,\n  appId,\n  className,\n  coordinates,\n  currentDashboardAppsLastAnnotations,\n  currentUser,\n  devCenterRouter,\n  isActionsDisabled,\n  isSettingsDialogHidden,\n  layoutEnvironment,\n  onAppContainerClick = noop,\n  onAppRemove,\n  onReportBugClick,\n  onCloneDashboard,\n  onHelpCenterClick,\n  onIsMaximizedChange,\n  onSettingChange,\n  onSettingsChange,\n  openIntercom = noop,\n  setIsFullscreenModalMode = noop,\n  timestamp,\n  updateCurrentDashboardAppLastAnnotation,\n  dashboardMeta,\n}) {\n  const appsData = useContext(AppContext);\n  const theme = useTheme();\n  const [mainMenuItems, setMainMenuItems] = useState([]);\n  const [secondaryMenuItems, setSecondaryMenuItems] = useState([]);\n  const appData = appsData?.[appId || app.id] ?? {\n    isLoading: true,\n  };\n  const application = app.package?.manifest?.application;\n  const segment = getAppSegment(app);\n  const isMultiRig = !!application?.ui?.multi_rig;\n  const areCommentsEnabled = !!application?.ui?.enable_comments;\n  const appName = getAppName(app);\n  const { isMaximized, setIsMaximized } = useAppMaximized({\n    onIsMaximizedChange,\n    devCenterRouter,\n    appId,\n  });\n\n  // Note: we need to pass timestamp directly for apps that are embedded in isolated apps\n  const appTimestamp = timestamp || getTimestampFromQuery(devCenterRouter.location.query?.query);\n  const isCLIApp = app.id === DEV_CENTER_CLI_APP_ID;\n  const updatedCoordinates = isCLIApp && isMobileView ? { ...coordinates, w: 12 } : coordinates;\n  const version = getAppVersion(app);\n\n  const {\n    isLoading: isAppLoading,\n    AppSettings,\n    AppComponent,\n  } = useDevCenterApp({\n    CLIAppComponent,\n    CLIAppSettings,\n    app,\n    version,\n  });\n\n  const { isAppSettingsDialogOpened, toggleAppSettingsDialog } = useAppSettings({\n    setIsFullscreenModalMode,\n  });\n  const { isAnnotationsListOpened, toggleAnnotationsList } = useAnnotationsList();\n\n  const isLoading = isAppLoading || !currentUser || (!isMultiRig && appData.isLoading);\n\n  const { appLastAnnotation, assetCompanyId, assetIdForAnnotation, isAppSupportsAnnotations } =\n    useAnnotationsData({\n      app,\n      appData,\n      currentDashboardAppsLastAnnotations,\n    });\n\n  const filteredAppData = pickBy(\n    pick(appData, ['well', 'rig', 'fracFleet', 'wells', 'interventionUnit']),\n    Boolean\n  );\n\n  const simplifiedSecondaryMenuItems = useMemo(\n    () =>\n      secondaryMenuItems?.map(item => ({\n        ...item,\n        onClick: () => {\n          item.onClick?.();\n          if (item.to) {\n            devCenterRouter.push(item.to);\n          }\n        },\n      })),\n    [secondaryMenuItems, devCenterRouter]\n  );\n\n  const appHeadersV3Enabled = !!app?.package?.manifest?.application?.ui?.use_app_header_v3;\n  const isInsideHomePage = isHomePage(devCenterRouter);\n\n  // ⚠️⚠️⚠️ When adding/changing providers, also add them to/change /src/testing/AppTestWrapper\n  return (\n    <RollbarWrapper\n      companyId={app?.app?.company_id}\n      appKey={application?.key}\n      isCLIApp={isCLIApp}\n      rollbarManifestConfig={app?.package?.manifest?.settings?.rollbar}\n      version={version}\n    >\n      <DevCenterRouterContext.Provider value={devCenterRouter}>\n        <DcFullscreenElemsCoordinatorProvider setIsFullscreenModalMode={setIsFullscreenModalMode}>\n          <AppCommonsProvider\n            maximized={isMaximized}\n            setMaximized={setIsMaximized}\n            appId={app?.app?.id}\n            app={app}\n            appSettings={app.settings}\n            onSettingChange={onSettingChange}\n            onSettingsChange={onSettingsChange}\n            appHeadersV3Enabled={appHeadersV3Enabled}\n            currentUser={currentUser}\n            appData={appData}\n            layoutEnvironment={layoutEnvironment}\n            appSettingsComponent={AppSettings}\n            dashboardMeta={dashboardMeta}\n            toggleAnnotationsList={isAppSupportsAnnotations ? toggleAnnotationsList : undefined}\n            onHelpCenterClick={onHelpCenterClick}\n            secondaryMenuItems={simplifiedSecondaryMenuItems}\n            onAppRemove={onAppRemove}\n            isInsideNewMobileApp={isInsideNewMobileApp}\n            globalOffsetWells={dashboardMeta?.globalOffsetWells}\n            globalOffsetWellsVersion={dashboardMeta?.globalOffsetWellsVersion}\n            {...filteredAppData}\n          >\n            <CommentsSwitchProvider>\n              <div\n                className={classNames(\n                  'dc-app-container',\n                  isInsideNewMobileApp && 'dc-app-container--inside-new-mobile-app',\n                  isInsideHomePage && 'dc-app-container--inside-home-page',\n                  className,\n                  // This class is applied so that DC apps developers can style their content\n                  // when an app is in fullscreen\n                  isMaximized && 'dc-app-container__maximized',\n                  theme.isLightTheme && 'dc-app-container__light-theme',\n                  styles.container\n                )}\n                data-testid={`${PAGE_NAME}_${appName}`}\n                // It's important to call it without native event because it's passed through iframe\n                onClick={() => onAppContainerClick()}\n              >\n                <ToastContainer />\n                <div className={styles.containerContent}>\n                  <DevCenterAppView\n                    AppComponent={AppComponent}\n                    app={app}\n                    appData={filteredAppData}\n                    isAppLoading={isAppLoading}\n                    availability={getAppAvailability(\n                      app.availability,\n                      currentUser.company.with_subscription\n                    )}\n                    isCLIApp={isCLIApp}\n                    isLoading={isLoading}\n                    isMultiRig={isMultiRig}\n                    layoutEnvironment={layoutEnvironment}\n                    openIntercom={openIntercom}\n                    segment={segment}\n                    toggleAppSettingsDialog={toggleAppSettingsDialog}\n                    appProps={{\n                      coordinates: updatedCoordinates,\n                      currentUser,\n                      devCenterRouter,\n                      onSettingChange,\n                      onSettingsChange,\n                      segment,\n                      setIsFullscreenModalMode,\n                      setIsMaximized,\n                      setMainMenuItems,\n                      setSecondaryMenuItems,\n                      toggleAppSettingsDialog,\n                      // TODO remove when componentsV2 AppHeader is used everywhere\n                      appHeaderProps: {\n                        app,\n                        appLastAnnotation,\n                        appSettings: app.settings,\n                        coordinates: updatedCoordinates,\n                        currentUser,\n                        isMaximized,\n                        layoutEnvironment,\n                        onSettingChange,\n                        toggleAnnotationsList,\n                        updateCurrentDashboardAppLastAnnotation,\n                        ...filteredAppData,\n                      },\n                      isNative: isNativeDetected,\n                      layoutEnvironment,\n                      timestamp: appTimestamp,\n                    }}\n                  />\n                </div>\n                {isAppSettingsDialogOpened && (\n                  <AppSettingsDialog\n                    AppSettingsComponent={AppSettings}\n                    app={app}\n                    appData={appData}\n                    appName={appName}\n                    currentUser={currentUser}\n                    isMultiRig={isMultiRig}\n                    isSettingsDialogHidden={isSettingsDialogHidden}\n                    layoutEnvironment={layoutEnvironment}\n                    onAppRemove={onAppRemove}\n                    onCloneDashboard={onCloneDashboard}\n                    onSettingChange={onSettingChange}\n                    onSettingsChange={onSettingsChange}\n                    openIntercom={openIntercom}\n                    rigId={appData.rig?.id ?? null}\n                    timestamp={appTimestamp}\n                    toggleAppSettingsDialog={toggleAppSettingsDialog}\n                  />\n                )}\n                {isAnnotationsListOpened && (\n                  <AnnotationsProvider>\n                    <AnnotationsList\n                      appId={app.app.id}\n                      appSettings={app.settings}\n                      appTitle={appName}\n                      assetCompanyId={assetCompanyId}\n                      assetId={assetIdForAnnotation}\n                      currentUser={currentUser}\n                      onClose={toggleAnnotationsList}\n                      showSuccessNotification={showSuccessNotification}\n                    />\n                  </AnnotationsProvider>\n                )}\n                {isMaximized && !appHeadersV3Enabled && (\n                  <RestoreAppSizeButton setIsMaximized={setIsMaximized} />\n                )}\n\n                {!isActionsDisabled && (!appHeadersV3Enabled || isLoading) && (\n                  <AppActions>\n                    {areCommentsEnabled && <CommentsSwitchButton currentUser={currentUser} />}\n\n                    {isAppSupportsAnnotations && (\n                      <Tooltip title=\"Add Annotation\" placement=\"top\" disabled={!!isMobileView}>\n                        <ButtonIcon\n                          size=\"small\"\n                          type=\"tertiaryBg\"\n                          onClick={toggleAnnotationsList}\n                          testId={`${PAGE_NAME}_addAnnotation`}\n                        >\n                          <AnnotationIcon />\n                        </ButtonIcon>\n                      </Tooltip>\n                    )}\n\n                    {onReportBugClick && !isCLIApp && (\n                      <Tooltip title=\"Report A Bug\" placement=\"top\" disabled={!!isMobileView}>\n                        <ButtonIcon\n                          size=\"small\"\n                          type=\"tertiaryBg\"\n                          onClick={() => onReportBugClick()}\n                        >\n                          <BugReportIcon />\n                        </ButtonIcon>\n                      </Tooltip>\n                    )}\n\n                    <Tooltip\n                      placement=\"top\"\n                      disabled={!!isMobileView || isCLIApp}\n                      title=\"Help Center\"\n                    >\n                      <ButtonIcon\n                        testId={`${PAGE_NAME}_helpContent`}\n                        onClick={() => onHelpCenterClick()}\n                        disabled={isCLIApp}\n                        size=\"small\"\n                        type=\"tertiaryBg\"\n                      >\n                        <HelpCenterIcon\n                          appId={app.app.id}\n                          helpContentUpdatedAt={app.help_content_updated_at}\n                        />\n                      </ButtonIcon>\n                    </Tooltip>\n\n                    {isMobileView && !isMaximized && !isInsideNewMobileApp ? (\n                      <FullscreenButton setIsMaximized={setIsMaximized} />\n                    ) : (\n                      <>\n                        <PriorityMenus\n                          menuItems={mainMenuItems}\n                          devCenterRouter={devCenterRouter}\n                          isMobileView={isMobileView}\n                        />\n                        <NonPriorityMenus\n                          devCenterRouter={devCenterRouter}\n                          isMaximized={isMaximized}\n                          isMobileView={isMobileView}\n                          menuItems={secondaryMenuItems}\n                          setIsFullscreenModalMode={setIsFullscreenModalMode}\n                          setIsMaximized={setIsMaximized}\n                          toggleAppSettingsDialog={toggleAppSettingsDialog}\n                        />\n                      </>\n                    )}\n                  </AppActions>\n                )}\n              </div>\n            </CommentsSwitchProvider>\n          </AppCommonsProvider>\n        </DcFullscreenElemsCoordinatorProvider>\n      </DevCenterRouterContext.Provider>\n    </RollbarWrapper>\n  );\n}\n\nexport default DevCenterAppContainer;\n"],"names":["isMobileView","isNativeDetected","isMobileDetected","PAGE_NAME","_ref","_appsData","_app$package","_app$package$manifest","_application$ui","_application$ui2","_devCenterRouter$loca","_app$package2","_app$package2$manifes","_app$package2$manifes2","_app$package2$manifes3","_app$app","_app$package3","_app$package3$manifes","_app$package3$manifes2","_app$app2","_appData$rig$id","_appData$rig","router","_router$location","_router$location$path","CLIAppComponent","CLIAppSettings","app","appId","className","coordinates","currentDashboardAppsLastAnnotations","currentUser","devCenterRouter","isActionsDisabled","isSettingsDialogHidden","layoutEnvironment","_ref$onAppContainerCl","onAppContainerClick","noop","onAppRemove","onReportBugClick","onCloneDashboard","onHelpCenterClick","onIsMaximizedChange","onSettingChange","onSettingsChange","_ref$openIntercom","openIntercom","_ref$setIsFullscreenM","setIsFullscreenModalMode","timestamp","updateCurrentDashboardAppLastAnnotation","dashboardMeta","appsData","useContext","AppContext","theme","useTheme","useState","_useState2","_slicedToArray","_useState","mainMenuItems","setMainMenuItems","_useState4","_useState3","secondaryMenuItems","setSecondaryMenuItems","appData","id","isLoading","application","package","manifest","segment","getAppSegment","isMultiRig","ui","multi_rig","areCommentsEnabled","enable_comments","appName","getAppName","_useAppMaximized","useAppMaximized","isMaximized","setIsMaximized","appTimestamp","getTimestampFromQuery","location","query","isCLIApp","DEV_CENTER_CLI_APP_ID","updatedCoordinates","w","version","getAppVersion","_useDevCenterApp","useDevCenterApp","isAppLoading","AppSettings","AppComponent","_useAppSettings","useAppSettings","isAppSettingsDialogOpened","toggleAppSettingsDialog","_useAnnotationsList","useAnnotationsList","isAnnotationsListOpened","toggleAnnotationsList","_useAnnotationsData","useAnnotationsData","appLastAnnotation","assetCompanyId","assetIdForAnnotation","isAppSupportsAnnotations","filteredAppData","pickBy","pick","Boolean","simplifiedSecondaryMenuItems","useMemo","map","item","_objectSpread","onClick","_item$onClick","call","to","push","appHeadersV3Enabled","use_app_header_v3","isInsideHomePage","pathname","startsWith","_jsx","RollbarWrapper","companyId","company_id","appKey","key","rollbarManifestConfig","settings","rollbar","children","DevCenterRouterContext","Provider","value","DcFullscreenElemsCoordinatorProvider","AppCommonsProvider","maximized","setMaximized","appSettings","appSettingsComponent","undefined","isInsideNewMobileApp","globalOffsetWells","globalOffsetWellsVersion","CommentsSwitchProvider","_jsxs","jsxs","classNames","isLightTheme","styles","container","ToastContainer","jsx","containerContent","DevCenterAppView","availability","getAppAvailability","company","with_subscription","appProps","appHeaderProps","isNative","AppSettingsDialog","AppSettingsComponent","rigId","rig","AnnotationsProvider","AnnotationsList","appTitle","assetId","onClose","showSuccessNotification","RestoreAppSizeButton","AppActions","CommentsSwitchButton","Tooltip","title","placement","disabled","ButtonIcon","size","type","testId","concat","AnnotationIcon","BugReportIcon","BugReport","HelpCenterIcon","helpContentUpdatedAt","help_content_updated_at","_Fragment","PriorityMenus","menuItems","NonPriorityMenus","FullscreenButton"],"mappings":"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"}

package/cjs-bundle/components/DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),n=require("@babel/runtime/helpers/slicedToArray"),r=require("@babel/runtime/helpers/objectWithoutProperties"),t=require("react"),o=require("classnames"),i=require("react-router"),a=require("lodash"),s=require("prop-types"),u=require("./IsolatedPage.js"),p=require("./constants.js"),l=require("./DevCenterIsolatedApp.module.css.js"),d=require("../AppContext.js"),c=require("../../../permissions/PermissionsContext.js");require("../../../permissions/constants/index.js"),require("../../../permissions/withPermissionsHOC.js"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../../../clients/jsonApi/index.js"),require("../../../permissions/ProvidePermissions.js");var f=require("../../../utils/index.js");require("../AppHeader/AppHeader.js"),require("../AppSideBar/AppSideBar.js"),require("../AppsDataProvider/AppsDataProvider.js");var v=require("../DevCenterAppContainer/DevCenterAppContainer.js");require("../NavigationBar/NavigationBar.js"),require("../SideBar/SideBar.js"),require("../AppSettingsPopover/AppSettingsPopover.js"),require("../AppFilterPanelLayout/AppFilterPanelLayout.js"),require("../DevCenterRouterContext/DevCenterRouterContext.js"),require("../DevCenterRouterContext/UniversalLink/UniversalLink.js");var C=require("react/jsx-runtime");require("./DevCenterIsolatedAppPage.js");var b=require("../../../utils/mobileDetect.js"),m=require("../../../utils/devcenter.js");function A(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var j=A(e),g=A(n),I=A(r),q=A(o),M=A(s),h=["isIsolationFeatureEnabled","onAppFullscreenTransparentMode","onIsMaximizedChange","onInnerContainerMouseEnter","onInnerContainerMouseLeave","onAppContainerClick","setInnerContainerRefFn"];function x(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),r.push.apply(r,t)}return r}function y(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?x(Object(r),!0).forEach((function(n){j.default(e,n,r[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):x(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))}))}return e}function P(e){var n,r,o,i,a,s=e.isIsolationFeatureEnabled,A=e.onAppFullscreenTransparentMode,j=e.onIsMaximizedChange,M=e.onInnerContainerMouseEnter,x=e.onInnerContainerMouseLeave,P=e.onAppContainerClick,E=e.setInnerContainerRefFn,R=I.default(e,h),w=t.useMemo((function(){return m.createDevCenterRouter(R.router)}),[null===(n=R.router)||void 0===n?void 0:n.location]),D=m.isCorvaApp(null==R||null===(r=R.app)||void 0===r?void 0:r.app)&&!m.isIsolationEnabledInPackageManifest(null==R||null===(o=R.app)||void 0===o?void 0:o.package)||!s,O=D?v:u.IsolatedPage,S=t.useRef(),T=t.useRef(),F=t.useRef(),L=t.useRef(!1),_=t.useRef(!1),k=m.isAppMaximized(null===(i=R.router)||void 0===i||null===(a=i.location)||void 0===a?void 0:a.query,R.app.id),z=t.useRef(k);z.current=k;var U=t.useState(f.getUserUnits()),B=g.default(U,2),N=B[0],W=B[1];t.useEffect((function(){var e=f.subscribeForUserUnitsUpdates((function(e){return W(e)}));return function(){return e()}}),[]);var H=t.useContext(d),G=c.default();function V(){A({appId:R.app.id,isModeEnabled:!1}),document.body.classList.remove("dc-isolated-app__body-overflow",l.compensateScroll)}var J=t.useCallback((function(e){var n,r,t,o,i,a=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(!s||D||z.current&&!L.current||L.current===e){var d;a&&_.current!==a&&(_.current=a,null===(d=T.current)||void 0===d||d.classList.add(l.containerMaximizedTransparentModal))}else{var c,f=e?"add":"remove";if(null===(n=T.current)||void 0===n||n.classList[f](l.containerMaximizedTransparent),a||"remove"===f)null===(c=T.current)||void 0===c||c.classList[f](l.containerMaximizedTransparentModal);S.current=null===(r=T.current)||void 0===r||null===(t=r.querySelector("[".concat(u.APP_IFRAME_ATTRIBUTE,"]")))||void 0===t||null===(o=t.contentWindow)||void 0===o?void 0:o.document;var v=null===(i=S.current)||void 0===i?void 0:i.getElementById(p.ISOLATED_PAGE_APP_CONTAINER_ID);if(v){if(e){var C=F.current.getBoundingClientRect(),b=C.top,m=C.left,j=C.width,g=C.height;v.setAttribute("style","\n        top: ".concat(b,"px;\n        left: ").concat(m,"px;\n        width: ").concat(j,"px;\n        height: ").concat(g,"px;\n        position: absolute;\n      ")),A({appId:R.app.id,isModeEnabled:!0});var I=window.innerWidth!==document.body.clientWidth;document.body.classList.add("dc-isolated-app__body-overflow",I&&l.compensateScroll)}else v.setAttribute("style",""),V();L.current=e,_.current=a}}}),[s,D,z]);t.useEffect((function(){return V}),[]),t.useEffect((function(){k&&L.current&&J(!1)}),[k]);var K=t.useCallback((function(e){T.current=e,E(e)}),[]);return C.jsx("div",{className:q.default("dc-isolated-app",l.fixedSizeContainer),ref:F,children:C.jsx("div",{ref:K,onMouseEnter:M,onMouseLeave:x,"data-testid":"".concat("DevCenter_AppContainer","_").concat(R.app.app.name),className:q.default(l.container,b.isInsideNewMobileApp&&l.newMobileAppContainer,k&&l.containerMaximized),children:C.jsx(O,y(y({},R),{},{appContextValue:H,devCenterRouter:w,globalNotificationToastsAPI:window[Symbol.for("notificationToasts")],globalMixpanelEventTracker:window[Symbol.for("logToMixpanel")],onAppContainerClick:P,onIsMaximizedChange:j,permissionsContextValue:G,setIsFullscreenModalMode:J,userUnits:N}))})})}P.propTypes={app:M.default.shape({id:M.default.number,app:M.default.shape({name:M.default.string})}).isRequired,currentUser:M.default.shape({}).isRequired,isIsolationFeatureEnabled:M.default.bool,onAppContainerClick:M.default.func,onAppFullscreenTransparentMode:M.default.func,onAppRemove:M.default.func,onInnerContainerMouseEnter:M.default.func,onInnerContainerMouseLeave:M.default.func,onIsMaximizedChange:M.default.func,onSettingChange:M.default.func,onSettingsChange:M.default.func,setInnerContainerRefFn:M.default.func,updateCurrentDashboardAppLastAnnotation:M.default.func},P.defaultProps={isIsolationFeatureEnabled:!1,onAppContainerClick:a.noop,onAppFullscreenTransparentMode:a.noop,onAppRemove:a.noop,onInnerContainerMouseEnter:a.noop,onInnerContainerMouseLeave:a.noop,onIsMaximizedChange:a.noop,onSettingChange:a.noop,onSettingsChange:a.noop,setInnerContainerRefFn:a.noop,updateCurrentDashboardAppLastAnnotation:a.noop};var E=i.withRouter(P);exports.DevCenterIsolatedApp=E;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),n=require("@babel/runtime/helpers/slicedToArray"),r=require("@babel/runtime/helpers/objectWithoutProperties"),t=require("react"),o=require("classnames"),i=require("react-router"),a=require("lodash"),s=require("prop-types"),u=require("./IsolatedPage.js"),p=require("./constants.js"),l=require("./DevCenterIsolatedApp.module.css.js"),d=require("../AppContext.js"),c=require("../../../permissions/PermissionsContext.js");require("../../../permissions/constants/index.js"),require("../../../permissions/withPermissionsHOC.js"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../../../clients/jsonApi/index.js"),require("../../../permissions/ProvidePermissions.js");var f=require("../../../utils/index.js");require("../AppHeader/AppHeader.js"),require("../AppSideBar/AppSideBar.js"),require("../AppsDataProvider/AppsDataProvider.js");var v=require("../DevCenterAppContainer/DevCenterAppContainer.js");require("../NavigationBar/NavigationBar.js"),require("../SideBar/SideBar.js"),require("../AppSettingsPopover/AppSettingsPopover.js"),require("../AppFilterPanelLayout/AppFilterPanelLayout.js"),require("../DevCenterRouterContext/DevCenterRouterContext.js"),require("../DevCenterRouterContext/UniversalLink/UniversalLink.js");var C=require("react/jsx-runtime");require("./DevCenterIsolatedAppPage.js");var b=require("../DevCenterAppContainer/utils.js"),m=require("../../../utils/mobileDetect.js"),A=require("../../../utils/devcenter.js");function j(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var g=j(e),q=j(n),I=j(r),M=j(o),h=j(s),x=["isIsolationFeatureEnabled","onAppFullscreenTransparentMode","onIsMaximizedChange","onInnerContainerMouseEnter","onInnerContainerMouseLeave","onAppContainerClick","setInnerContainerRefFn"];function y(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),r.push.apply(r,t)}return r}function P(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?y(Object(r),!0).forEach((function(n){g.default(e,n,r[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):y(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))}))}return e}function E(e){var n,r,o,i,a,s,j,g=e.isIsolationFeatureEnabled,h=e.onAppFullscreenTransparentMode,y=e.onIsMaximizedChange,E=e.onInnerContainerMouseEnter,R=e.onInnerContainerMouseLeave,D=e.onAppContainerClick,w=e.setInnerContainerRefFn,O=I.default(e,x),S=t.useMemo((function(){return A.createDevCenterRouter(O.router)}),[null===(n=O.router)||void 0===n?void 0:n.location]),T=A.isCorvaApp(null==O||null===(r=O.app)||void 0===r?void 0:r.app)&&!A.isIsolationEnabledInPackageManifest(null==O||null===(o=O.app)||void 0===o?void 0:o.package)||!g,F=T?v:u.IsolatedPage,L=null===(i=O.app)||void 0===i||null===(a=i.app)||void 0===a?void 0:a.app_key,_=b.getAppVersion(O.app),k="".concat(L,"-").concat(_),z=t.useRef(),U=t.useRef(),B=t.useRef(),N=t.useRef(!1),W=t.useRef(!1),H=A.isAppMaximized(null===(s=O.router)||void 0===s||null===(j=s.location)||void 0===j?void 0:j.query,O.app.id),V=t.useRef(H);V.current=H;var G=t.useState(f.getUserUnits()),J=q.default(G,2),K=J[0],Q=J[1];t.useEffect((function(){var e=f.subscribeForUserUnitsUpdates((function(e){return Q(e)}));return function(){return e()}}),[]);var X=t.useContext(d),Y=c.default();function Z(){h({appId:O.app.id,isModeEnabled:!1}),document.body.classList.remove("dc-isolated-app__body-overflow",l.compensateScroll)}var $=t.useCallback((function(e){var n,r,t,o,i,a=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(!g||T||V.current&&!N.current||N.current===e){var s;a&&W.current!==a&&(W.current=a,null===(s=U.current)||void 0===s||s.classList.add(l.containerMaximizedTransparentModal))}else{var d,c=e?"add":"remove";if(null===(n=U.current)||void 0===n||n.classList[c](l.containerMaximizedTransparent),a||"remove"===c)null===(d=U.current)||void 0===d||d.classList[c](l.containerMaximizedTransparentModal);z.current=null===(r=U.current)||void 0===r||null===(t=r.querySelector("[".concat(u.APP_IFRAME_ATTRIBUTE,"]")))||void 0===t||null===(o=t.contentWindow)||void 0===o?void 0:o.document;var f=null===(i=z.current)||void 0===i?void 0:i.getElementById(p.ISOLATED_PAGE_APP_CONTAINER_ID);if(f){if(e){var v=B.current.getBoundingClientRect(),C=v.top,b=v.left,m=v.width,A=v.height;f.setAttribute("style","\n        top: ".concat(C,"px;\n        left: ").concat(b,"px;\n        width: ").concat(m,"px;\n        height: ").concat(A,"px;\n        position: absolute;\n      ")),h({appId:O.app.id,isModeEnabled:!0});var j=window.innerWidth!==document.body.clientWidth;document.body.classList.add("dc-isolated-app__body-overflow",j&&l.compensateScroll)}else f.setAttribute("style",""),Z();N.current=e,W.current=a}}}),[g,T,V]);t.useEffect((function(){return Z}),[]),t.useEffect((function(){H&&N.current&&$(!1)}),[H]);var ee=t.useCallback((function(e){U.current=e,w(e)}),[]);return C.jsx("div",{className:M.default("dc-isolated-app",l.fixedSizeContainer),ref:B,children:C.jsx("div",{ref:ee,onMouseEnter:E,onMouseLeave:R,"data-testid":"".concat("DevCenter_AppContainer","_").concat(O.app.app.name),className:M.default(l.container,m.isInsideNewMobileApp&&l.newMobileAppContainer,H&&l.containerMaximized),children:C.jsx(F,P(P({},O),{},{appContextValue:X,devCenterRouter:S,globalNotificationToastsAPI:window[Symbol.for("notificationToasts")],globalMixpanelEventTracker:window[Symbol.for("logToMixpanel")],onAppContainerClick:D,onIsMaximizedChange:y,permissionsContextValue:Y,setIsFullscreenModalMode:$,userUnits:K}),k)})})}E.propTypes={app:h.default.shape({id:h.default.number,app:h.default.shape({name:h.default.string})}).isRequired,currentUser:h.default.shape({}).isRequired,isIsolationFeatureEnabled:h.default.bool,onAppContainerClick:h.default.func,onAppFullscreenTransparentMode:h.default.func,onAppRemove:h.default.func,onInnerContainerMouseEnter:h.default.func,onInnerContainerMouseLeave:h.default.func,onIsMaximizedChange:h.default.func,onSettingChange:h.default.func,onSettingsChange:h.default.func,setInnerContainerRefFn:h.default.func,updateCurrentDashboardAppLastAnnotation:h.default.func},E.defaultProps={isIsolationFeatureEnabled:!1,onAppContainerClick:a.noop,onAppFullscreenTransparentMode:a.noop,onAppRemove:a.noop,onInnerContainerMouseEnter:a.noop,onInnerContainerMouseLeave:a.noop,onIsMaximizedChange:a.noop,onSettingChange:a.noop,onSettingsChange:a.noop,setInnerContainerRefFn:a.noop,updateCurrentDashboardAppLastAnnotation:a.noop};var R=i.withRouter(E);exports.DevCenterIsolatedApp=R;
 //# sourceMappingURL=DevCenterIsolatedApp.js.map

package/cjs-bundle/components/DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js.map

@@ -1 +1 @@
-{"version":3,"file":"DevCenterIsolatedApp.js","sources":["../../../../../src/components/DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js"],"sourcesContent":["import { useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport { withRouter } from 'react-router';\nimport { noop } from 'lodash';\nimport PropTypes from 'prop-types';\n\nimport { IsolatedPage, APP_IFRAME_ATTRIBUTE } from './IsolatedPage';\nimport { ISOLATED_PAGE_APP_CONTAINER_ID } from './constants';\n\nimport styles from './DevCenterIsolatedApp.module.css';\n\nimport AppContext from '~/components/DevCenter/AppContext';\nimport { usePermissionsContext } from '~/permissions';\nimport { devcenter as devCenterUtils, getUserUnits, subscribeForUserUnitsUpdates } from '~/utils';\nimport { DevCenterAppContainer } from '~/components/DevCenter';\nimport { isInsideNewMobileApp } from '~/utils/mobileDetect';\n\nconst PAGE_NAME = 'DevCenter_AppContainer';\n\nfunction DevCenterIsolatedAppComponent({\n  isIsolationFeatureEnabled,\n  onAppFullscreenTransparentMode,\n  onIsMaximizedChange,\n  onInnerContainerMouseEnter,\n  onInnerContainerMouseLeave,\n  onAppContainerClick,\n  setInnerContainerRefFn,\n  ...props\n}) {\n  const devCenterRouter = useMemo(\n    () => devCenterUtils.createDevCenterRouter(props.router),\n    [props.router?.location]\n  );\n\n  const isNonIsolatedApp =\n    (devCenterUtils.isCorvaApp(props?.app?.app) &&\n      !devCenterUtils.isIsolationEnabledInPackageManifest(props?.app?.package)) ||\n    !isIsolationFeatureEnabled;\n\n  const DCAppComponent = isNonIsolatedApp ? DevCenterAppContainer : IsolatedPage;\n\n  const appIframeDocument = useRef();\n  const containerRef = useRef();\n  const fixedSizeContainerRef = useRef();\n  const fullscreenModeRef = useRef(false);\n  const fullscreenModalModeRef = useRef(false);\n\n  const isAppMaximized = devCenterUtils.isAppMaximized(props.router?.location?.query, props.app.id);\n\n  // save to ref to not re-create setIsFullscreenModalMode callback on change and reduce the amoount of DC apps re-renders\n  const isAppMaximizedRef = useRef(isAppMaximized);\n  isAppMaximizedRef.current = isAppMaximized;\n\n  const [userUnits, setUserUnits] = useState(getUserUnits());\n\n  useEffect(() => {\n    const unsubscribeFn = subscribeForUserUnitsUpdates(newUserUnits => setUserUnits(newUserUnits));\n\n    return () => unsubscribeFn();\n  }, []);\n\n  const appContextValue = useContext(AppContext);\n  const permissionsContextValue = usePermissionsContext();\n\n  /*\n  What is fullscreen modal mode?\n\n  Our apps, are shown in isolated iFrames. Because of it, when an app has some modal\n  and opens it - it's opened inside of its iframe, instead of opening at the center of the screen.\n\n  To make app modals & other elements be opened at the center of the screen, as if they are not inside of an iframe,\n  we use some hacks.\n\n  When the app wants to open a fullscreen element, we make its iframe fullscreen, but with transparent background,\n  and we set width/height & position of that app iframe to inner app container that is located inside of the iframe.\n  So when iframe's fullscreen element is opened, it looks like it's a part of the platform, and the app which shows the element, looks like\n  usual, not in fullscreen\n\n  So the platform provides this setIsFullscreenModalMode function to DC apps.\n  When DC app wants to open a modal that should be opened at the center of the screen - it needs to\n  call setIsFullscreenModalMode(true) first. And when it closes the modal - setIsFullscreenModalMode(false)\n\n  Two things are important about this\n  - all these styles that make this invisible background work should be applied at once\n  - enter and exit from the mode, shouldn't trigger even a single re-render, as it may impact\n    some elements inside the DC app\n\n  There's a second parameter to `setIsFullscreenModalMode`: `isModal`. It should be used when a fullscreen overlay is displayed\n  (Modal, for instance) that should cover everything on screen.\n\n  What it does - it basically sets the stretched element's z-index to a very high value, so it covers every other UI element in CWF\n  */\n\n  function handleAppFullscreenTransparentModeExit() {\n    onAppFullscreenTransparentMode({ appId: props.app.id, isModeEnabled: false });\n    document.body.classList.remove('dc-isolated-app__body-overflow', styles.compensateScroll);\n  }\n\n  const setIsFullscreenModalMode = useCallback(\n    function setIsFullscreenModalMode(nextIsFullscreenModalModeValue, isModal = false) {\n      // When an app is already in fullscreen mode, no need to use this\n      // invisible fullscreen mode to make elements take the whole screen\n\n      if (\n        !isIsolationFeatureEnabled ||\n        isNonIsolatedApp ||\n        (isAppMaximizedRef.current && !fullscreenModeRef.current) ||\n        fullscreenModeRef.current === nextIsFullscreenModalModeValue\n      ) {\n        // Adding modal class if modal is opened when non-modal is already open\n        if (isModal && fullscreenModalModeRef.current !== isModal) {\n          fullscreenModalModeRef.current = isModal;\n          containerRef.current?.classList.add(styles.containerMaximizedTransparentModal);\n        }\n\n        return;\n      }\n\n      const classesEditMethod = nextIsFullscreenModalModeValue ? 'add' : 'remove';\n\n      containerRef.current?.classList[classesEditMethod](styles.containerMaximizedTransparent);\n\n      if (isModal || classesEditMethod === 'remove') {\n        containerRef.current?.classList[classesEditMethod](\n          styles.containerMaximizedTransparentModal\n        );\n      }\n\n      appIframeDocument.current = containerRef.current?.querySelector(\n        `[${APP_IFRAME_ATTRIBUTE}]`\n      )?.contentWindow?.document;\n\n      const isolatedPageAppContainer = appIframeDocument.current?.getElementById(\n        ISOLATED_PAGE_APP_CONTAINER_ID\n      );\n\n      if (!isolatedPageAppContainer) {\n        return;\n      }\n\n      if (nextIsFullscreenModalModeValue) {\n        const { top, left, width, height } = fixedSizeContainerRef.current.getBoundingClientRect();\n\n        // We need to directly set inner iFrame container sizes together with DC platform styles\n        // as passing this as props and using some effect inside of an iframe\n        // results in a slight delay, which looks like a quick layout jump\n        isolatedPageAppContainer.setAttribute(\n          'style',\n          `\n        top: ${top}px;\n        left: ${left}px;\n        width: ${width}px;\n        height: ${height}px;\n        position: absolute;\n      `\n        );\n        onAppFullscreenTransparentMode({ appId: props.app.id, isModeEnabled: true });\n        const isBodyScrollVisible = window.innerWidth !== document.body.clientWidth;\n        document.body.classList.add(\n          'dc-isolated-app__body-overflow',\n          isBodyScrollVisible && styles.compensateScroll\n        );\n      } else {\n        isolatedPageAppContainer.setAttribute('style', '');\n        handleAppFullscreenTransparentModeExit();\n      }\n      fullscreenModeRef.current = nextIsFullscreenModalModeValue;\n      fullscreenModalModeRef.current = isModal;\n    },\n    [isIsolationFeatureEnabled, isNonIsolatedApp, isAppMaximizedRef]\n  );\n\n  useEffect(() => {\n    return handleAppFullscreenTransparentModeExit;\n  }, []);\n\n  useEffect(() => {\n    if (isAppMaximized && fullscreenModeRef.current) {\n      setIsFullscreenModalMode(false);\n    }\n  }, [isAppMaximized]);\n\n  /**\n   * This should be the same function as calling react-intersection-observer's ref setter actually triggers re-render.\n   * Which in its turn causes infinite re-render loop.\n   */\n  const setContainerRefs = useCallback(node => {\n    containerRef.current = node;\n    setInnerContainerRefFn(node);\n  }, []);\n\n  return (\n    <div\n      className={classNames('dc-isolated-app', styles.fixedSizeContainer)}\n      ref={fixedSizeContainerRef}\n    >\n      <div\n        ref={setContainerRefs}\n        onMouseEnter={onInnerContainerMouseEnter}\n        onMouseLeave={onInnerContainerMouseLeave}\n        data-testid={`${PAGE_NAME}_${props.app.app.name}`}\n        className={classNames(\n          styles.container,\n          isInsideNewMobileApp && styles.newMobileAppContainer,\n          isAppMaximized && styles.containerMaximized\n        )}\n      >\n        <DCAppComponent\n          {...props}\n          appContextValue={appContextValue}\n          devCenterRouter={devCenterRouter}\n          globalNotificationToastsAPI={window[Symbol.for('notificationToasts')]}\n          globalMixpanelEventTracker={window[Symbol.for('logToMixpanel')]}\n          onAppContainerClick={onAppContainerClick}\n          onIsMaximizedChange={onIsMaximizedChange}\n          permissionsContextValue={permissionsContextValue}\n          setIsFullscreenModalMode={setIsFullscreenModalMode}\n          userUnits={userUnits}\n        />\n      </div>\n    </div>\n  );\n}\n\nDevCenterIsolatedAppComponent.propTypes = {\n  app: PropTypes.shape({\n    id: PropTypes.number,\n    app: PropTypes.shape({\n      name: PropTypes.string,\n    }),\n  }).isRequired,\n  currentUser: PropTypes.shape({}).isRequired,\n  isIsolationFeatureEnabled: PropTypes.bool,\n  onAppContainerClick: PropTypes.func,\n  onAppFullscreenTransparentMode: PropTypes.func,\n  onAppRemove: PropTypes.func,\n  onInnerContainerMouseEnter: PropTypes.func,\n  onInnerContainerMouseLeave: PropTypes.func,\n  onIsMaximizedChange: PropTypes.func,\n  onSettingChange: PropTypes.func,\n  onSettingsChange: PropTypes.func,\n  setInnerContainerRefFn: PropTypes.func,\n  updateCurrentDashboardAppLastAnnotation: PropTypes.func,\n};\n\nDevCenterIsolatedAppComponent.defaultProps = {\n  isIsolationFeatureEnabled: false,\n  onAppContainerClick: noop,\n  onAppFullscreenTransparentMode: noop,\n  onAppRemove: noop,\n  onInnerContainerMouseEnter: noop,\n  onInnerContainerMouseLeave: noop,\n  onIsMaximizedChange: noop,\n  onSettingChange: noop,\n  onSettingsChange: noop,\n  setInnerContainerRefFn: noop,\n  updateCurrentDashboardAppLastAnnotation: noop,\n};\n\nexport const DevCenterIsolatedApp = withRouter(DevCenterIsolatedAppComponent);\n"],"names":["DevCenterIsolatedAppComponent","_ref","_props$router","_props$app","_props$app2","_props$router2","_props$router2$locati","isIsolationFeatureEnabled","onAppFullscreenTransparentMode","onIsMaximizedChange","onInnerContainerMouseEnter","onInnerContainerMouseLeave","onAppContainerClick","setInnerContainerRefFn","props","_objectWithoutProperties","_excluded","devCenterRouter","useMemo","devCenterUtils","createDevCenterRouter","router","location","isNonIsolatedApp","isCorvaApp","app","package","DCAppComponent","DevCenterAppContainer","IsolatedPage","appIframeDocument","useRef","containerRef","fixedSizeContainerRef","fullscreenModeRef","fullscreenModalModeRef","isAppMaximized","query","id","isAppMaximizedRef","current","_useState","useState","getUserUnits","_useState2","_slicedToArray","userUnits","setUserUnits","useEffect","unsubscribeFn","subscribeForUserUnitsUpdates","newUserUnits","appContextValue","useContext","AppContext","permissionsContextValue","usePermissionsContext","handleAppFullscreenTransparentModeExit","appId","isModeEnabled","document","body","classList","remove","styles","compensateScroll","setIsFullscreenModalMode","useCallback","nextIsFullscreenModalModeValue","_containerRef$current2","_containerRef$current4","_containerRef$current5","_containerRef$current6","_appIframeDocument$cu","isModal","_containerRef$current","add","containerMaximizedTransparentModal","_containerRef$current3","classesEditMethod","containerMaximizedTransparent","querySelector","concat","APP_IFRAME_ATTRIBUTE","contentWindow","isolatedPageAppContainer","getElementById","ISOLATED_PAGE_APP_CONTAINER_ID","_fixedSizeContainerRe","getBoundingClientRect","top","left","width","height","setAttribute","isBodyScrollVisible","window","innerWidth","clientWidth","setContainerRefs","node","_jsx","className","classNames","fixedSizeContainer","ref","children","jsx","onMouseEnter","onMouseLeave","PAGE_NAME","name","container","isInsideNewMobileApp","newMobileAppContainer","containerMaximized","_objectSpread","globalNotificationToastsAPI","Symbol","for","globalMixpanelEventTracker","propTypes","PropTypes","shape","number","string","isRequired","currentUser","bool","func","onAppRemove","onSettingChange","onSettingsChange","updateCurrentDashboardAppLastAnnotation","defaultProps","noop","DevCenterIsolatedApp","withRouter"],"mappings":"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"}
+{"version":3,"file":"DevCenterIsolatedApp.js","sources":["../../../../../src/components/DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js"],"sourcesContent":["import { useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport { withRouter } from 'react-router';\nimport { noop } from 'lodash';\nimport PropTypes from 'prop-types';\n\nimport { IsolatedPage, APP_IFRAME_ATTRIBUTE } from './IsolatedPage';\nimport { ISOLATED_PAGE_APP_CONTAINER_ID } from './constants';\n\nimport styles from './DevCenterIsolatedApp.module.css';\n\nimport AppContext from '~/components/DevCenter/AppContext';\nimport { usePermissionsContext } from '~/permissions';\nimport { devcenter as devCenterUtils, getUserUnits, subscribeForUserUnitsUpdates } from '~/utils';\nimport { DevCenterAppContainer } from '~/components/DevCenter';\nimport { getAppVersion } from '~/components/DevCenter/DevCenterAppContainer/utils';\nimport { isInsideNewMobileApp } from '~/utils/mobileDetect';\n\nconst PAGE_NAME = 'DevCenter_AppContainer';\n\nfunction DevCenterIsolatedAppComponent({\n  isIsolationFeatureEnabled,\n  onAppFullscreenTransparentMode,\n  onIsMaximizedChange,\n  onInnerContainerMouseEnter,\n  onInnerContainerMouseLeave,\n  onAppContainerClick,\n  setInnerContainerRefFn,\n  ...props\n}) {\n  const devCenterRouter = useMemo(\n    () => devCenterUtils.createDevCenterRouter(props.router),\n    [props.router?.location]\n  );\n\n  const isNonIsolatedApp =\n    (devCenterUtils.isCorvaApp(props?.app?.app) &&\n      !devCenterUtils.isIsolationEnabledInPackageManifest(props?.app?.package)) ||\n    !isIsolationFeatureEnabled;\n\n  const DCAppComponent = isNonIsolatedApp ? DevCenterAppContainer : IsolatedPage;\n\n  // Key to force iframe recreation when app version changes.\n  // This ensures global dependencies are re-initialized for the new version.\n  const appKey = props.app?.app?.app_key;\n  const appVersion = getAppVersion(props.app);\n  const iframeKey = `${appKey}-${appVersion}`;\n\n  const appIframeDocument = useRef();\n  const containerRef = useRef();\n  const fixedSizeContainerRef = useRef();\n  const fullscreenModeRef = useRef(false);\n  const fullscreenModalModeRef = useRef(false);\n\n  const isAppMaximized = devCenterUtils.isAppMaximized(props.router?.location?.query, props.app.id);\n\n  // save to ref to not re-create setIsFullscreenModalMode callback on change and reduce the amoount of DC apps re-renders\n  const isAppMaximizedRef = useRef(isAppMaximized);\n  isAppMaximizedRef.current = isAppMaximized;\n\n  const [userUnits, setUserUnits] = useState(getUserUnits());\n\n  useEffect(() => {\n    const unsubscribeFn = subscribeForUserUnitsUpdates(newUserUnits => setUserUnits(newUserUnits));\n\n    return () => unsubscribeFn();\n  }, []);\n\n  const appContextValue = useContext(AppContext);\n  const permissionsContextValue = usePermissionsContext();\n\n  /*\n  What is fullscreen modal mode?\n\n  Our apps, are shown in isolated iFrames. Because of it, when an app has some modal\n  and opens it - it's opened inside of its iframe, instead of opening at the center of the screen.\n\n  To make app modals & other elements be opened at the center of the screen, as if they are not inside of an iframe,\n  we use some hacks.\n\n  When the app wants to open a fullscreen element, we make its iframe fullscreen, but with transparent background,\n  and we set width/height & position of that app iframe to inner app container that is located inside of the iframe.\n  So when iframe's fullscreen element is opened, it looks like it's a part of the platform, and the app which shows the element, looks like\n  usual, not in fullscreen\n\n  So the platform provides this setIsFullscreenModalMode function to DC apps.\n  When DC app wants to open a modal that should be opened at the center of the screen - it needs to\n  call setIsFullscreenModalMode(true) first. And when it closes the modal - setIsFullscreenModalMode(false)\n\n  Two things are important about this\n  - all these styles that make this invisible background work should be applied at once\n  - enter and exit from the mode, shouldn't trigger even a single re-render, as it may impact\n    some elements inside the DC app\n\n  There's a second parameter to `setIsFullscreenModalMode`: `isModal`. It should be used when a fullscreen overlay is displayed\n  (Modal, for instance) that should cover everything on screen.\n\n  What it does - it basically sets the stretched element's z-index to a very high value, so it covers every other UI element in CWF\n  */\n\n  function handleAppFullscreenTransparentModeExit() {\n    onAppFullscreenTransparentMode({ appId: props.app.id, isModeEnabled: false });\n    document.body.classList.remove('dc-isolated-app__body-overflow', styles.compensateScroll);\n  }\n\n  const setIsFullscreenModalMode = useCallback(\n    function setIsFullscreenModalMode(nextIsFullscreenModalModeValue, isModal = false) {\n      // When an app is already in fullscreen mode, no need to use this\n      // invisible fullscreen mode to make elements take the whole screen\n\n      if (\n        !isIsolationFeatureEnabled ||\n        isNonIsolatedApp ||\n        (isAppMaximizedRef.current && !fullscreenModeRef.current) ||\n        fullscreenModeRef.current === nextIsFullscreenModalModeValue\n      ) {\n        // Adding modal class if modal is opened when non-modal is already open\n        if (isModal && fullscreenModalModeRef.current !== isModal) {\n          fullscreenModalModeRef.current = isModal;\n          containerRef.current?.classList.add(styles.containerMaximizedTransparentModal);\n        }\n\n        return;\n      }\n\n      const classesEditMethod = nextIsFullscreenModalModeValue ? 'add' : 'remove';\n\n      containerRef.current?.classList[classesEditMethod](styles.containerMaximizedTransparent);\n\n      if (isModal || classesEditMethod === 'remove') {\n        containerRef.current?.classList[classesEditMethod](\n          styles.containerMaximizedTransparentModal\n        );\n      }\n\n      appIframeDocument.current = containerRef.current?.querySelector(\n        `[${APP_IFRAME_ATTRIBUTE}]`\n      )?.contentWindow?.document;\n\n      const isolatedPageAppContainer = appIframeDocument.current?.getElementById(\n        ISOLATED_PAGE_APP_CONTAINER_ID\n      );\n\n      if (!isolatedPageAppContainer) {\n        return;\n      }\n\n      if (nextIsFullscreenModalModeValue) {\n        const { top, left, width, height } = fixedSizeContainerRef.current.getBoundingClientRect();\n\n        // We need to directly set inner iFrame container sizes together with DC platform styles\n        // as passing this as props and using some effect inside of an iframe\n        // results in a slight delay, which looks like a quick layout jump\n        isolatedPageAppContainer.setAttribute(\n          'style',\n          `\n        top: ${top}px;\n        left: ${left}px;\n        width: ${width}px;\n        height: ${height}px;\n        position: absolute;\n      `\n        );\n        onAppFullscreenTransparentMode({ appId: props.app.id, isModeEnabled: true });\n        const isBodyScrollVisible = window.innerWidth !== document.body.clientWidth;\n        document.body.classList.add(\n          'dc-isolated-app__body-overflow',\n          isBodyScrollVisible && styles.compensateScroll\n        );\n      } else {\n        isolatedPageAppContainer.setAttribute('style', '');\n        handleAppFullscreenTransparentModeExit();\n      }\n      fullscreenModeRef.current = nextIsFullscreenModalModeValue;\n      fullscreenModalModeRef.current = isModal;\n    },\n    [isIsolationFeatureEnabled, isNonIsolatedApp, isAppMaximizedRef]\n  );\n\n  useEffect(() => {\n    return handleAppFullscreenTransparentModeExit;\n  }, []);\n\n  useEffect(() => {\n    if (isAppMaximized && fullscreenModeRef.current) {\n      setIsFullscreenModalMode(false);\n    }\n  }, [isAppMaximized]);\n\n  /**\n   * This should be the same function as calling react-intersection-observer's ref setter actually triggers re-render.\n   * Which in its turn causes infinite re-render loop.\n   */\n  const setContainerRefs = useCallback(node => {\n    containerRef.current = node;\n    setInnerContainerRefFn(node);\n  }, []);\n\n  return (\n    <div\n      className={classNames('dc-isolated-app', styles.fixedSizeContainer)}\n      ref={fixedSizeContainerRef}\n    >\n      <div\n        ref={setContainerRefs}\n        onMouseEnter={onInnerContainerMouseEnter}\n        onMouseLeave={onInnerContainerMouseLeave}\n        data-testid={`${PAGE_NAME}_${props.app.app.name}`}\n        className={classNames(\n          styles.container,\n          isInsideNewMobileApp && styles.newMobileAppContainer,\n          isAppMaximized && styles.containerMaximized\n        )}\n      >\n        <DCAppComponent\n          key={iframeKey}\n          {...props}\n          appContextValue={appContextValue}\n          devCenterRouter={devCenterRouter}\n          globalNotificationToastsAPI={window[Symbol.for('notificationToasts')]}\n          globalMixpanelEventTracker={window[Symbol.for('logToMixpanel')]}\n          onAppContainerClick={onAppContainerClick}\n          onIsMaximizedChange={onIsMaximizedChange}\n          permissionsContextValue={permissionsContextValue}\n          setIsFullscreenModalMode={setIsFullscreenModalMode}\n          userUnits={userUnits}\n        />\n      </div>\n    </div>\n  );\n}\n\nDevCenterIsolatedAppComponent.propTypes = {\n  app: PropTypes.shape({\n    id: PropTypes.number,\n    app: PropTypes.shape({\n      name: PropTypes.string,\n    }),\n  }).isRequired,\n  currentUser: PropTypes.shape({}).isRequired,\n  isIsolationFeatureEnabled: PropTypes.bool,\n  onAppContainerClick: PropTypes.func,\n  onAppFullscreenTransparentMode: PropTypes.func,\n  onAppRemove: PropTypes.func,\n  onInnerContainerMouseEnter: PropTypes.func,\n  onInnerContainerMouseLeave: PropTypes.func,\n  onIsMaximizedChange: PropTypes.func,\n  onSettingChange: PropTypes.func,\n  onSettingsChange: PropTypes.func,\n  setInnerContainerRefFn: PropTypes.func,\n  updateCurrentDashboardAppLastAnnotation: PropTypes.func,\n};\n\nDevCenterIsolatedAppComponent.defaultProps = {\n  isIsolationFeatureEnabled: false,\n  onAppContainerClick: noop,\n  onAppFullscreenTransparentMode: noop,\n  onAppRemove: noop,\n  onInnerContainerMouseEnter: noop,\n  onInnerContainerMouseLeave: noop,\n  onIsMaximizedChange: noop,\n  onSettingChange: noop,\n  onSettingsChange: noop,\n  setInnerContainerRefFn: noop,\n  updateCurrentDashboardAppLastAnnotation: noop,\n};\n\nexport const DevCenterIsolatedApp = withRouter(DevCenterIsolatedAppComponent);\n"],"names":["DevCenterIsolatedAppComponent","_ref","_props$router","_props$app","_props$app2","_props$app3","_props$app3$app","_props$router2","_props$router2$locati","isIsolationFeatureEnabled","onAppFullscreenTransparentMode","onIsMaximizedChange","onInnerContainerMouseEnter","onInnerContainerMouseLeave","onAppContainerClick","setInnerContainerRefFn","props","_objectWithoutProperties","_excluded","devCenterRouter","useMemo","devCenterUtils","createDevCenterRouter","router","location","isNonIsolatedApp","isCorvaApp","app","package","DCAppComponent","DevCenterAppContainer","IsolatedPage","appKey","app_key","appVersion","getAppVersion","iframeKey","concat","appIframeDocument","useRef","containerRef","fixedSizeContainerRef","fullscreenModeRef","fullscreenModalModeRef","isAppMaximized","query","id","isAppMaximizedRef","current","_useState","useState","getUserUnits","_useState2","_slicedToArray","userUnits","setUserUnits","useEffect","unsubscribeFn","subscribeForUserUnitsUpdates","newUserUnits","appContextValue","useContext","AppContext","permissionsContextValue","usePermissionsContext","handleAppFullscreenTransparentModeExit","appId","isModeEnabled","document","body","classList","remove","styles","compensateScroll","setIsFullscreenModalMode","useCallback","nextIsFullscreenModalModeValue","_containerRef$current2","_containerRef$current4","_containerRef$current5","_containerRef$current6","_appIframeDocument$cu","isModal","_containerRef$current","add","containerMaximizedTransparentModal","_containerRef$current3","classesEditMethod","containerMaximizedTransparent","querySelector","APP_IFRAME_ATTRIBUTE","contentWindow","isolatedPageAppContainer","getElementById","ISOLATED_PAGE_APP_CONTAINER_ID","_fixedSizeContainerRe","getBoundingClientRect","top","left","width","height","setAttribute","isBodyScrollVisible","window","innerWidth","clientWidth","setContainerRefs","node","_jsx","className","classNames","fixedSizeContainer","ref","children","jsx","onMouseEnter","onMouseLeave","PAGE_NAME","name","container","isInsideNewMobileApp","newMobileAppContainer","containerMaximized","_objectSpread","globalNotificationToastsAPI","Symbol","for","globalMixpanelEventTracker","propTypes","PropTypes","shape","number","string","isRequired","currentUser","bool","func","onAppRemove","onSettingChange","onSettingsChange","updateCurrentDashboardAppLastAnnotation","defaultProps","noop","DevCenterIsolatedApp","withRouter"],"mappings":"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"}