npm - @corva/ui - Versions diffs - 3.64.0-9 → 3.64.0-rc.1 - Mend

@corva/ui 3.64.0-9 → 3.64.0-rc.1

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

Files changed (253) hide show

package/components/DevCenter/DevCenterAppContainer/DevCenterAppContainer.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import{useContext as t,useState as n,useMemo as e}from"react";import i from"classnames";import{pickBy as p,pick as r,noop as c}from"lodash";import{useTheme as m}from"@material-ui/core";import{BugReport as a}from"@material-ui/icons";import l from"../AppContext.js";import{DevCenterRouterContext as d}from"../DevCenterRouterContext/DevCenterRouterContext.js";import"../DevCenterRouterContext/UniversalLink/UniversalLink.js";import"@babel/runtime/helpers/objectWithoutProperties";import"react-router-dom";import"query-string";import{jsx as u,jsxs as j,Fragment as A}from"react/jsx-runtime";import g from"./effects/useAppSettings.js";import C from"./effects/useAnnotationsList.js";import I from"./effects/useAnnotationsData.js";import V from"./effects/useAppMaximized.js";import v from"./components/AppActions/AppActions.js";import h from"./components/AppSettingsDialog/AppSettingsDialog.js";import"./components/AppSettingsDialog/components/RemoveAppButton.js";import"./components/AppSettingsDialog/components/SettingsAccordion.js";import"./components/AnnotationsButton/AnnotationsButton.js";import{NonPriorityMenus as S}from"./components/NonPriorityMenus/NonPriorityMenus.js";import f from"./components/FullscreenButton/FullscreenButton.js";import"./components/AppInfoMessage/AppInfoMessage.js";import b from"./components/DevCenterAppView/DevCenterAppView.js";import{DcFullscreenElemsCoordinatorProvider as D}from"./components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"./components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"./components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js";import P from"./components/RestoreAppSizeButton/index.js";import{getAppVersion as M,getAppAvailability as T}from"./utils.js";import x from"./components/PriorityMenus/PriorityMenus.js";import{CommentsSwitchProvider as y}from"./components/CommentsSwitch/CommentsSwitchProvider.js";import{CommentsSwitchButton as L}from"./components/CommentsSwitch/CommentsSwitchButton.js";import B from"./DevCenterAppContainer.css.js";import{isInsideNewMobileApp as k,isNativeDetected as O,isMobileDetected as H}from"../../../utils/mobileDetect.js";import F from"../../Icons/AnnotationIcon.js";import w from"../../Annotations/components/AnnotationsList/index.js";import"../../Annotations/components/LastAnnotation/index.js";import{AnnotationsProvider as R}from"../../Annotations/AnnotationsContext.js";import"../../Toaster/Toaster.js";import{ToastContainer as z}from"../../Toaster/ToastContainer.js";import"../../../clients/subscriptions/constants.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"querystring";import"uuid/v1";import"../../../clients/subscriptions.v1.js";import"../../../clients/jsonApi/index.js";import"../../../clients/subscriptions/subscriptions-client.factory.js";import q from"../../../effects/useDevCenterApp.js";import"../../../utils/index.js";import"uuid";import"jsona";import"../../../constants/segment.js";import"../../../utils/env.js";import{DEV_CENTER_CLI_APP_ID as E}from"../../../constants/devcenter.js";import"../../../constants/goals.js";import"../../../constants/alerts.js";import"../../../constants/apps.js";import"../../../constants/drillstring.js";import"../../../constants/completion.js";import"../../../constants/appPackages.js";import"../../../constants/notifications.js";import"../../../constants/feed.js";import"../../../constants/bha.js";import"../../../constants/corvaCompanyId.js";import"../../GradientManager/configuration/constants.js";import"../../StatusBadge/constants.js";import"@babel/runtime/helpers/toConsumableArray";import"lodash/set";import"lodash/get";import"lodash/unset";import"moment";import"../../../clients/api/apiCore.js";import"../../../clients/constants.js";import"../../../clients/sso/auth0.js";import"../../../clients/sso/oauth2.js";import"../../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../../constants/streamSourceType.js";import"./components/CommentsSwitch/CommentsSwitchContext.js";import{AppCommonsProvider as U}from"../../../componentsV2/AppCommonsProvider/AppCommonsProvider.js";import"../../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import"../../../componentsV2/AppSettings/AppSettingsPinningContext.js";import{getAppSegment as W,isDCAppMultiRig as _,getAppName as G,getTimestampFromQuery as N}from"../../../utils/devcenter.js";import{HelpCenterIcon as K}from"../../HelpCenter/HelpCenterIcon.js";import"../../../componentsV2/Text/Text.js";import"../../../componentsV2/Grid/Grid.js";import"../../../componentsV2/Grid/Cell.js";import"../../../componentsV2/Header/Header.scss.js";import"../../../componentsV2/Button/Button.js";import{ButtonIcon as Z}from"../../../componentsV2/ButtonIcon/ButtonIcon.js";import{Tooltip as J}from"../../../componentsV2/Tooltip/Tooltip.js";import"../../../componentsV2/Popover/Popover.js";import"../../../componentsV2/PopoverPanel/PopoverPanel.js";import"../../../componentsV2/Radio/Radio.js";import"../../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import"../../../componentsV2/Checkbox/Checkbox.js";import"../../../componentsV2/TextInput/TextInput.js";import"../../../componentsV2/TextInputNext/TextInputNext.js";import"../../../componentsV2/Label/Label.js";import"../../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js";import"../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js";import"../../../componentsV2/TextLink/TextLink.js";import"../../../componentsV2/Chip/Chip.js";import"../../../componentsV2/ChipAlert/ChipAlert.js";import"../../../componentsV2/ChipIndicator/ChipIndicator.js";import"../../../componentsV2/Avatar/Avatar.js";import"../../../componentsV2/AvatarGroup/AvatarGroup.js";import"@material-ui/lab";import"../../../componentsV2/ToggleButtons/ToggleButtons.scss.js";import"../../../componentsV2/Paper/Paper.js";import"../../../componentsV2/ModalWindow/ModalWindow.js";import"../../../componentsV2/Modal/Modal.scss.js";import"../../../componentsV2/Menu/Menu.js";import"@icon-park/react/es/all";import"../../../icons/IconParkProvider.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/SearchOne.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";import"../../../componentsV2/utils.js";import"../../../componentsV2/Hint/Hint.scss.js";import"../../../componentsV2/Counter/Counter.js";import"../../../componentsV2/BadgeBase/BadgeBase.scss.js";import"../../../componentsV2/TemplatesControl/TemplatesControl.js";import"zustand";import"../../../componentsV2/TemplatesControl/utils.js";import"../../../componentsV2/TemplatesControl/icons/folder/index.js";import"../../../componentsV2/TemplatesControl/Store/utils.js";import"../../../componentsV2/TemplatesControl/types.js";import"../../../permissions/PermissionsContext.js";import"../../../permissions/constants/index.js";import"../../../permissions/withPermissionsHOC.js";import"../../../permissions/ProvidePermissions.js";import"../../../componentsV2/BadgeDot/BadgeDot.scss.js";import"../../../componentsV2/LoaderLinear/LoaderLinear.scss.js";import"../../../componentsV2/LoaderLogo/LoaderLogo.constants.js";import"../../../componentsV2/LoaderLogo/LoaderLogo.scss.js";import"../../../componentsV2/Switch/Switch.js";import"../../../componentsV2/Tabs/Tabs.js";import"../../../componentsV2/EmptyState/EmptyState.scss.js";import"../../../componentsV2/FileIcon/FileIcon.js";import"../../../componentsV2/Tag/Tag.js";import"react-dropzone";import"../../../componentsV2/FilesDropzone/FilesDropzone.scss.js";import"../../../componentsV2/FilesLoader/FilesLoader.scss.js";import"../../../componentsV2/FilesProcessor/FilesProcessor.scss.js";import"../../../componentsV2/Skeleton/Skeleton.scss.js";import"../../../utils/main.js";import"../../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js";import"../../../componentsV2/Stepper/Step/Step.scss.js";import"../../../componentsV2/Stepper/Stepper.scss.js";import"../../../componentsV2/ButtonLive/ButtonLive.js";import"../../../componentsV2/ButtonText/ButtonText.js";import"../../../componentsV2/IndicatorLive/IndicatorLive.js";import"../../../componentsV2/Accordion/Accordion.scss.js";import"../../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js";import"../../../componentsV2/BadgeComment/BadgeComment.js";import"../../../componentsV2/AppContainer/AppContainer.js";import"../../../componentsV2/AppContainer/AppContainer.constants.js";import"../../../componentsV2/AppFooter/AppFooter.js";import"../../../componentsV2/AppHeader/AppHeader.constants.js";import"../../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js";import"../../../componentsV2/AppHeader/AppAssets/utils.js";import"../../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js";import"../../PadModeSelect/PadModeSelect.js";import"../../../componentsV2/AppHeader/PadMode/PadMode.scss.js";import"../../../componentsV2/PadModeSelect/PadModeSelect.js";import"../../../componentsV2/PadModeSelect/PadModeSelect.constants.js";import"../../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js";import"../../../componentsV2/UniversalLink/UniversalLink.scss.js";import"../../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js";import"../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js";import"../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js";import"../../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js";import"../../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js";import"../../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js";import"../../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js";import"../../../componentsV2/AppDqPopover/AppDqPopover.scss.js";import"../../AppIcon/AppIcon.js";import"../../../utils/getSingleAsset.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/constants.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js";import"../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js";import"../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js";import"../../../componentsV2/AppHeader/V3/constants.scss.js";import"@babel/runtime/helpers/typeof";import"../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.js";import"../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js";import"../../../componentsV2/AppSettings/AppSettings.js";import"../../../componentsV2/AppSettings/AppSettings.constants.js";import"../../../componentsV2/AppSizeProvider/AppSizeProvider.js";import"../../../componentsV2/AppHeader/V3/Actions/Actions.constants.js";import"../../../componentsV2/AppHeader/V3/Actions/Actions.scss.js";import"../../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js";import"../../../componentsV2/AppHeader/AppHeader.scss.js";import"../../../componentsV2/OffsetWellsButton/OffsetWellsButton.js";import"../../../componentsV2/Autocomplete/Autocomplete.js";import"../../../componentsV2/Select/Select.js";import"../../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js";import"../../../componentsV2/WellArchivedMessage/WellArchivedMessage.js";import"../../../componentsV2/DatePicker/DatePicker.js";import"../../../componentsV2/DragHandle/DragHandle.js";import"../../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js";import"../../../componentsV2/Slider/constants.js";import"../../../componentsV2/Slider/components/SliderThumb.js";import"../../../componentsV2/Slider/Slider.scss.js";import"react-color";import"../../../componentsV2/ColorPicker/Swatches/Swatches.scss.js";import"../../../componentsV2/ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js";import"../../../componentsV2/ColorPicker/ColorPicker.scss.js";import{showSuccessNotification as Q}from"../../../utils/notificationToasts.js";function X(o,s){var t=Object.keys(o);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(o);s&&(n=n.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),t.push.apply(t,n)}return t}function Y(s){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?X(Object(n),!0).forEach((function(t){o(s,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(n)):X(Object(n)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(n,o))}))}return s}var $=O||H,oo="DevCenter_AppContainer";function so(o){var H,X,so,to,no,eo,io,po,ro,co,mo,ao,lo,uo,jo,Ao=o.CLIAppComponent,go=o.CLIAppSettings,Co=o.app,Io=o.appId,Vo=o.className,vo=o.coordinates,ho=o.currentDashboardAppsLastAnnotations,So=o.currentUser,fo=o.devCenterRouter,bo=o.disableAppAssetSelection,Do=o.isActionsDisabled,Po=o.isSettingsDialogHidden,Mo=o.layoutEnvironment,To=o.onAppContainerClick,xo=void 0===To?c:To,yo=o.onAppRemove,Lo=o.onReportBugClick,Bo=o.onCloneDashboard,ko=o.onHelpCenterClick,Oo=o.onIsMaximizedChange,Ho=o.onSettingChange,Fo=o.onSettingsChange,wo=o.openIntercom,Ro=void 0===wo?c:wo,zo=o.setIsFullscreenModalMode,qo=void 0===zo?c:zo,Eo=o.timestamp,Uo=o.updateCurrentDashboardAppLastAnnotation,Wo=o.dashboardMeta,_o=o.reloadApp,Go=void 0===_o?void 0:_o,No=o.chatActions,Ko=t(l),Zo=m(),Jo=n([]),Qo=s(Jo,2),Xo=Qo[0],Yo=Qo[1],$o=n([]),os=s($o,2),ss=os[0],ts=os[1],ns=null!==(H=null==Ko?void 0:Ko[Io||Co.id])&&void 0!==H?H:{isLoading:!0},es=null===(X=Co.package)||void 0===X||null===(so=X.manifest)||void 0===so?void 0:so.application,is=W(Co),ps=!(null==Wo||!Wo.isChiplessDashboard),rs=_({uiSettings:null==es?void 0:es.ui,isChiplessDashboard:ps}),cs=!(null==es||null===(to=es.ui)||void 0===to||!to.enable_comments),ms=G(Co),as=V({onIsMaximizedChange:Oo,devCenterRouter:fo,appId:Io}),ls=as.isMaximized,ds=as.setIsMaximized,us=Eo||N(null===(no=fo.location.query)||void 0===no?void 0:no.query),js=Co.id===E,As=js&&$?Y(Y({},vo),{},{w:12}):vo,gs=M(Co),Cs=q({CLIAppComponent:Ao,CLIAppSettings:go,app:Co,version:gs}),Is=Cs.isLoading,Vs=Cs.AppSettings,vs=Cs.AppComponent,hs=g({setIsFullscreenModalMode:qo}),Ss=hs.isAppSettingsDialogOpened,fs=hs.toggleAppSettingsDialog,bs=C(),Ds=bs.isAnnotationsListOpened,Ps=bs.toggleAnnotationsList,Ms=Is||!So||!rs&&ns.isLoading,Ts=I({app:Co,appData:ns,currentDashboardAppsLastAnnotations:ho}),xs=Ts.appLastAnnotation,ys=Ts.assetCompanyId,Ls=Ts.assetIdForAnnotation,Bs=Ts.isAppSupportsAnnotations,ks=p(r(ns,["well","rig","fracFleet","wells","interventionUnit"]),Boolean),Os=e((function(){return null==ss?void 0:ss.map((function(o){return Y(Y({},o),{},{onClick:function(){var s;null===(s=o.onClick)||void 0===s||s.call(o),o.to&&fo.push(o.to)}})}))}),[ss,fo]),Hs=!(null==Co||null===(eo=Co.package)||void 0===eo||null===(io=eo.manifest)||void 0===io||null===(po=io.application)||void 0===po||null===(ro=po.ui)||void 0===ro||!ro.use_app_header_v3),Fs=!(null==(lo=fo)||null===(uo=lo.location)||void 0===uo||null===(jo=uo.pathname)||void 0===jo||!jo.startsWith("/home"));return u(d.Provider,{value:fo,children:u(D,{setIsFullscreenModalMode:qo,children:u(U,Y(Y({maximized:ls,setMaximized:ds,appId:null==Co||null===(co=Co.app)||void 0===co?void 0:co.id,app:Co,appSettings:Co.settings,onSettingChange:Ho,onSettingsChange:Fo,appHeadersV3Enabled:Hs,disableAppAssetSelection:bo,isMultiRig:rs,currentUser:So,appData:ns,layoutEnvironment:Mo,appSettingsComponent:Vs,dashboardMeta:Wo,toggleAnnotationsList:Bs?Ps:void 0,onHelpCenterClick:ko,secondaryMenuItems:Os,onAppRemove:yo,isInsideNewMobileApp:k,globalOffsetWells:null==Wo?void 0:Wo.globalOffsetWells,globalOffsetWellsVersion:null==Wo?void 0:Wo.globalOffsetWellsVersion,reloadApp:Go},ks),{},{children:u(y,{children:j("div",{className:i("dc-app-container",k&&"dc-app-container--inside-new-mobile-app",Fs&&"dc-app-container--inside-home-page",Vo,ls&&"dc-app-container__maximized",Zo.isLightTheme&&"dc-app-container__light-theme",B.container),"data-testid":"".concat(oo,"_").concat(ms),onClick:function(){return xo()},children:[u(z,{}),u("div",{className:B.containerContent,children:u(b,{AppComponent:vs,app:Co,appData:ks,isAppLoading:Is,availability:T(Co.availability,So.company.with_subscription),isCLIApp:js,isLoading:Ms,isMultiRig:rs,layoutEnvironment:Mo,openIntercom:Ro,segment:is,toggleAppSettingsDialog:fs,appProps:{coordinates:As,currentUser:So,devCenterRouter:fo,onSettingChange:Ho,onSettingsChange:Fo,segment:is,setIsFullscreenModalMode:qo,setIsMaximized:ds,setMainMenuItems:Yo,setSecondaryMenuItems:ts,toggleAppSettingsDialog:fs,appHeaderProps:Y({app:Co,appLastAnnotation:xs,appSettings:Co.settings,coordinates:As,currentUser:So,isMaximized:ls,layoutEnvironment:Mo,onSettingChange:Ho,toggleAnnotationsList:Ps,updateCurrentDashboardAppLastAnnotation:Uo},ks),isNative:O,layoutEnvironment:Mo,timestamp:us,chatActions:No}})}),Ss&&u(h,{AppSettingsComponent:Vs,app:Co,appData:ns,appName:ms,currentUser:So,disableAppAssetSelection:bo,isMultiRig:rs,isSettingsDialogHidden:Po,layoutEnvironment:Mo,onAppRemove:yo,onCloneDashboard:Bo,onSettingChange:Ho,onSettingsChange:Fo,openIntercom:Ro,rigId:null!==(mo=null===(ao=ns.rig)||void 0===ao?void 0:ao.id)&&void 0!==mo?mo:null,timestamp:us,toggleAppSettingsDialog:fs}),Ds&&u(R,{children:u(w,{appId:Co.app.id,appSettings:Co.settings,appTitle:ms,assetCompanyId:ys,assetId:Ls,currentUser:So,onClose:Ps,showSuccessNotification:Q})}),ls&&!Hs&&u(P,{setIsMaximized:ds}),!Do&&(!Hs||Ms)&&j(v,{children:[cs&&u(L,{currentUser:So}),Bs&&u(J,{title:"Add Annotation",placement:"top",disabled:!!$,children:u(Z,{size:"small",type:"tertiaryBg",onClick:Ps,testId:"".concat(oo,"_addAnnotation"),children:u(F,{})})}),Lo&&!js&&u(J,{title:"Report A Bug",placement:"top",disabled:!!$,children:u(Z,{size:"small",type:"tertiaryBg",onClick:function(){return Lo()},children:u(a,{})})}),u(J,{placement:"top",disabled:!!$||js,title:"Help Center",children:u(Z,{testId:"".concat(oo,"_helpContent"),onClick:function(){return ko()},disabled:js,size:"small",type:"tertiaryBg",children:u(K,{appId:Co.app.id,helpContentUpdatedAt:Co.help_content_updated_at})})}),!$||ls||k?j(A,{children:[u(x,{menuItems:Xo,devCenterRouter:fo,isMobileView:$}),u(S,{devCenterRouter:fo,isMaximized:ls,isMobileView:$,menuItems:ss,setIsFullscreenModalMode:qo,setIsMaximized:ds,toggleAppSettingsDialog:fs})]}):u(f,{setIsMaximized:ds})]})]})})}))})})}export{so as default};
+import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import{useContext as t,useState as n,useMemo as e}from"react";import i from"classnames";import{pickBy as p,pick as r,noop as c}from"lodash";import{useTheme as m}from"@material-ui/core";import{BugReport as a}from"@material-ui/icons";import l from"../AppContext.js";import{DevCenterRouterContext as d}from"../DevCenterRouterContext/DevCenterRouterContext.js";import"../DevCenterRouterContext/UniversalLink/UniversalLink.js";import"@babel/runtime/helpers/objectWithoutProperties";import"react-router-dom";import"query-string";import{jsx as u,jsxs as j,Fragment as A}from"react/jsx-runtime";import g from"./effects/useAppSettings.js";import C from"./effects/useAnnotationsList.js";import I from"./effects/useAnnotationsData.js";import V from"./effects/useAppMaximized.js";import v from"./components/AppActions/AppActions.js";import h from"./components/AppSettingsDialog/AppSettingsDialog.js";import"./components/AppSettingsDialog/components/RemoveAppButton.js";import"./components/AppSettingsDialog/components/SettingsAccordion.js";import"./components/AnnotationsButton/AnnotationsButton.js";import{NonPriorityMenus as S}from"./components/NonPriorityMenus/NonPriorityMenus.js";import f from"./components/FullscreenButton/FullscreenButton.js";import"./components/AppInfoMessage/AppInfoMessage.js";import b from"./components/DevCenterAppView/DevCenterAppView.js";import{DcFullscreenElemsCoordinatorProvider as D}from"./components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"./components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"./components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js";import P from"./components/RestoreAppSizeButton/index.js";import{getAppVersion as M,getAppAvailability as T}from"./utils.js";import x from"./components/PriorityMenus/PriorityMenus.js";import{CommentsSwitchProvider as y}from"./components/CommentsSwitch/CommentsSwitchProvider.js";import{CommentsSwitchButton as L}from"./components/CommentsSwitch/CommentsSwitchButton.js";import B from"./DevCenterAppContainer.scss.js";import{isInsideNewMobileApp as k,isNativeDetected as O,isMobileDetected as H}from"../../../utils/mobileDetect.js";import F from"../../Icons/AnnotationIcon.js";import w from"../../Annotations/components/AnnotationsList/index.js";import"../../Annotations/components/LastAnnotation/index.js";import{AnnotationsProvider as R}from"../../Annotations/AnnotationsContext.js";import"../../Toaster/Toaster.js";import{ToastContainer as z}from"../../Toaster/ToastContainer.js";import"../../../clients/subscriptions/constants.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"querystring";import"uuid/v1";import"../../../clients/subscriptions.v1.js";import"../../../clients/jsonApi/index.js";import"../../../clients/subscriptions/subscriptions-client.factory.js";import q from"../../../effects/useDevCenterApp.js";import"../../../utils/index.js";import"uuid";import"jsona";import"../../../constants/segment.js";import"../../../utils/env.js";import{DEV_CENTER_CLI_APP_ID as E}from"../../../constants/devcenter.js";import"../../../constants/goals.js";import"../../../constants/alerts.js";import"../../../constants/apps.js";import"../../../constants/drillstring.js";import"../../../constants/completion.js";import"../../../constants/appPackages.js";import"../../../constants/notifications.js";import"../../../constants/feed.js";import"../../../constants/bha.js";import"../../../constants/corvaCompanyId.js";import"../../GradientManager/configuration/constants.js";import"../../StatusBadge/constants.js";import"@babel/runtime/helpers/toConsumableArray";import"lodash/set";import"lodash/get";import"lodash/unset";import"moment";import"../../../clients/api/apiCore.js";import"../../../clients/constants.js";import"../../../clients/sso/auth0.js";import"../../../clients/sso/oauth2.js";import"../../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../../constants/streamSourceType.js";import"./components/CommentsSwitch/CommentsSwitchContext.js";import{AppCommonsProvider as U}from"../../../componentsV2/AppCommonsProvider/AppCommonsProvider.js";import"../../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import"../../../componentsV2/AppSettings/AppSettingsPinningContext.js";import{getAppSegment as W,isDCAppMultiRig as _,getAppName as G,getTimestampFromQuery as N}from"../../../utils/devcenter.js";import{HelpCenterIcon as K}from"../../HelpCenter/HelpCenterIcon.js";import"../../../componentsV2/Text/Text.js";import"../../../componentsV2/Grid/Grid.js";import"../../../componentsV2/Grid/Cell.js";import"../../../componentsV2/Header/Header.scss.js";import"../../../componentsV2/Button/Button.js";import{ButtonIcon as Z}from"../../../componentsV2/ButtonIcon/ButtonIcon.js";import{Tooltip as J}from"../../../componentsV2/Tooltip/Tooltip.js";import"../../../componentsV2/Popover/Popover.js";import"../../../componentsV2/PopoverPanel/PopoverPanel.js";import"../../../componentsV2/Radio/Radio.js";import"../../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import"../../../componentsV2/Checkbox/Checkbox.js";import"../../../componentsV2/TextInput/TextInput.js";import"../../../componentsV2/TextInputNext/TextInputNext.js";import"../../../componentsV2/Label/Label.js";import"../../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js";import"../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js";import"../../../componentsV2/TextLink/TextLink.js";import"../../../componentsV2/Chip/Chip.js";import"../../../componentsV2/ChipAlert/ChipAlert.js";import"../../../componentsV2/ChipIndicator/ChipIndicator.js";import"../../../componentsV2/Avatar/Avatar.js";import"../../../componentsV2/AvatarGroup/AvatarGroup.js";import"@material-ui/lab";import"../../../componentsV2/ToggleButtons/ToggleButtons.scss.js";import"../../../componentsV2/Paper/Paper.js";import"../../../componentsV2/ModalWindow/ModalWindow.js";import"../../../componentsV2/Modal/Modal.scss.js";import"../../../componentsV2/Menu/Menu.js";import"@icon-park/react/es/all";import"../../../icons/IconParkProvider.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/SearchOne.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";import"../../../componentsV2/utils.js";import"../../../componentsV2/Hint/Hint.scss.js";import"../../../componentsV2/Counter/Counter.js";import"../../../componentsV2/BadgeBase/BadgeBase.scss.js";import"../../../componentsV2/TemplatesControl/TemplatesControl.js";import"zustand";import"../../../componentsV2/TemplatesControl/utils.js";import"../../../componentsV2/TemplatesControl/icons/folder/index.js";import"../../../componentsV2/TemplatesControl/Store/utils.js";import"../../../componentsV2/TemplatesControl/types.js";import"../../../permissions/PermissionsContext.js";import"../../../permissions/constants/index.js";import"../../../permissions/withPermissionsHOC.js";import"../../../permissions/ProvidePermissions.js";import"../../../componentsV2/BadgeDot/BadgeDot.scss.js";import"../../../componentsV2/LoaderLinear/LoaderLinear.scss.js";import"../../../componentsV2/LoaderLogo/LoaderLogo.constants.js";import"../../../componentsV2/LoaderLogo/LoaderLogo.scss.js";import"../../../componentsV2/Switch/Switch.js";import"../../../componentsV2/Tabs/Tabs.js";import"../../../componentsV2/EmptyState/EmptyState.scss.js";import"../../../componentsV2/FileIcon/FileIcon.js";import"../../../componentsV2/Tag/Tag.js";import"react-dropzone";import"../../../componentsV2/FilesDropzone/FilesDropzone.scss.js";import"../../../componentsV2/FilesLoader/FilesLoader.scss.js";import"../../../componentsV2/FilesProcessor/FilesProcessor.scss.js";import"../../../componentsV2/Skeleton/Skeleton.scss.js";import"../../../utils/main.js";import"../../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js";import"../../../componentsV2/Stepper/Step/Step.scss.js";import"../../../componentsV2/Stepper/Stepper.scss.js";import"../../../componentsV2/ButtonLive/ButtonLive.js";import"../../../componentsV2/ButtonText/ButtonText.js";import"../../../componentsV2/IndicatorLive/IndicatorLive.js";import"../../../componentsV2/Accordion/Accordion.scss.js";import"../../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js";import"../../../componentsV2/BadgeComment/BadgeComment.js";import"../../../componentsV2/AppContainer/AppContainer.js";import"../../../componentsV2/AppContainer/AppContainer.constants.js";import"../../../componentsV2/AppFooter/AppFooter.js";import"../../../componentsV2/AppHeader/AppHeader.constants.js";import"../../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js";import"../../../componentsV2/AppHeader/AppAssets/utils.js";import"../../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js";import"../../PadModeSelect/PadModeSelect.js";import"../../../componentsV2/AppHeader/PadMode/PadMode.scss.js";import"../../../componentsV2/PadModeSelect/PadModeSelect.js";import"../../../componentsV2/PadModeSelect/PadModeSelect.constants.js";import"../../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js";import"../../../componentsV2/UniversalLink/UniversalLink.scss.js";import"../../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js";import"../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js";import"../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js";import"../../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js";import"../../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js";import"../../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js";import"../../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js";import"../../../componentsV2/AppDqPopover/AppDqPopover.scss.js";import"../../AppIcon/AppIcon.js";import"../../../utils/getSingleAsset.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/constants.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js";import"../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js";import"../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js";import"../../../componentsV2/AppHeader/V3/constants.scss.js";import"@babel/runtime/helpers/typeof";import"../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.js";import"../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js";import"../../../componentsV2/AppSettings/AppSettings.js";import"../../../componentsV2/AppSettings/AppSettings.constants.js";import"../../../componentsV2/AppSizeProvider/AppSizeProvider.js";import"../../../componentsV2/AppHeader/V3/Actions/Actions.constants.js";import"../../../componentsV2/AppHeader/V3/Actions/Actions.scss.js";import"../../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js";import"../../../componentsV2/AppHeader/AppHeader.scss.js";import"../../../componentsV2/OffsetWellsButton/OffsetWellsButton.js";import"../../../componentsV2/Autocomplete/Autocomplete.js";import"../../../componentsV2/Select/Select.js";import"../../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js";import"../../../componentsV2/WellArchivedMessage/WellArchivedMessage.js";import"../../../componentsV2/DatePicker/DatePicker.js";import"../../../componentsV2/DragHandle/DragHandle.js";import"../../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js";import"../../../componentsV2/Slider/constants.js";import"../../../componentsV2/Slider/components/SliderThumb.js";import"../../../componentsV2/Slider/Slider.scss.js";import"react-color";import"../../../componentsV2/ColorPicker/Swatches/Swatches.scss.js";import"../../../componentsV2/ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js";import"../../../componentsV2/ColorPicker/ColorPicker.scss.js";import{showSuccessNotification as Q}from"../../../utils/notificationToasts.js";function X(o,s){var t=Object.keys(o);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(o);s&&(n=n.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),t.push.apply(t,n)}return t}function Y(s){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?X(Object(n),!0).forEach((function(t){o(s,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(n)):X(Object(n)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(n,o))}))}return s}var $=O||H,oo="DevCenter_AppContainer";function so(o){var H,X,so,to,no,eo,io,po,ro,co,mo,ao,lo,uo,jo,Ao=o.CLIAppComponent,go=o.CLIAppSettings,Co=o.app,Io=o.appId,Vo=o.className,vo=o.coordinates,ho=o.currentDashboardAppsLastAnnotations,So=o.currentUser,fo=o.devCenterRouter,bo=o.disableAppAssetSelection,Do=o.isActionsDisabled,Po=o.isSettingsDialogHidden,Mo=o.layoutEnvironment,To=o.onAppContainerClick,xo=void 0===To?c:To,yo=o.onAppRemove,Lo=o.onReportBugClick,Bo=o.onCloneDashboard,ko=o.onHelpCenterClick,Oo=o.onIsMaximizedChange,Ho=o.onSettingChange,Fo=o.onSettingsChange,wo=o.openIntercom,Ro=void 0===wo?c:wo,zo=o.setIsFullscreenModalMode,qo=void 0===zo?c:zo,Eo=o.timestamp,Uo=o.updateCurrentDashboardAppLastAnnotation,Wo=o.dashboardMeta,_o=o.reloadApp,Go=void 0===_o?void 0:_o,No=o.chatActions,Ko=t(l),Zo=m(),Jo=n([]),Qo=s(Jo,2),Xo=Qo[0],Yo=Qo[1],$o=n([]),os=s($o,2),ss=os[0],ts=os[1],ns=null!==(H=null==Ko?void 0:Ko[Io||Co.id])&&void 0!==H?H:{isLoading:!0},es=null===(X=Co.package)||void 0===X||null===(so=X.manifest)||void 0===so?void 0:so.application,is=W(Co),ps=!(null==Wo||!Wo.isChiplessDashboard),rs=_({uiSettings:null==es?void 0:es.ui,isChiplessDashboard:ps}),cs=!(null==es||null===(to=es.ui)||void 0===to||!to.enable_comments),ms=G(Co),as=V({onIsMaximizedChange:Oo,devCenterRouter:fo,appId:Io}),ls=as.isMaximized,ds=as.setIsMaximized,us=Eo||N(null===(no=fo.location.query)||void 0===no?void 0:no.query),js=Co.id===E,As=js&&$?Y(Y({},vo),{},{w:12}):vo,gs=M(Co),Cs=q({CLIAppComponent:Ao,CLIAppSettings:go,app:Co,version:gs}),Is=Cs.isLoading,Vs=Cs.AppSettings,vs=Cs.AppComponent,hs=g({setIsFullscreenModalMode:qo}),Ss=hs.isAppSettingsDialogOpened,fs=hs.toggleAppSettingsDialog,bs=C(),Ds=bs.isAnnotationsListOpened,Ps=bs.toggleAnnotationsList,Ms=Is||!So||!rs&&ns.isLoading,Ts=I({app:Co,appData:ns,currentDashboardAppsLastAnnotations:ho}),xs=Ts.appLastAnnotation,ys=Ts.assetCompanyId,Ls=Ts.assetIdForAnnotation,Bs=Ts.isAppSupportsAnnotations,ks=p(r(ns,["well","rig","fracFleet","wells","interventionUnit"]),Boolean),Os=e((function(){return null==ss?void 0:ss.map((function(o){return Y(Y({},o),{},{onClick:function(){var s;null===(s=o.onClick)||void 0===s||s.call(o),o.to&&fo.push(o.to)}})}))}),[ss,fo]),Hs=!(null==Co||null===(eo=Co.package)||void 0===eo||null===(io=eo.manifest)||void 0===io||null===(po=io.application)||void 0===po||null===(ro=po.ui)||void 0===ro||!ro.use_app_header_v3),Fs=!(null==(lo=fo)||null===(uo=lo.location)||void 0===uo||null===(jo=uo.pathname)||void 0===jo||!jo.startsWith("/home"));return u(d.Provider,{value:fo,children:u(D,{setIsFullscreenModalMode:qo,children:u(U,Y(Y({maximized:ls,setMaximized:ds,appId:null==Co||null===(co=Co.app)||void 0===co?void 0:co.id,app:Co,appSettings:Co.settings,onSettingChange:Ho,onSettingsChange:Fo,appHeadersV3Enabled:Hs,disableAppAssetSelection:bo,isMultiRig:rs,currentUser:So,appData:ns,layoutEnvironment:Mo,appSettingsComponent:Vs,dashboardMeta:Wo,toggleAnnotationsList:Bs?Ps:void 0,onHelpCenterClick:ko,secondaryMenuItems:Os,onAppRemove:yo,isInsideNewMobileApp:k,globalOffsetWells:null==Wo?void 0:Wo.globalOffsetWells,globalOffsetWellsVersion:null==Wo?void 0:Wo.globalOffsetWellsVersion,reloadApp:Go},ks),{},{children:u(y,{children:j("div",{className:i("dc-app-container",k&&"dc-app-container--inside-new-mobile-app",Fs&&"dc-app-container--inside-home-page",Vo,ls&&"dc-app-container__maximized",Zo.isLightTheme&&"dc-app-container__light-theme",B.container),"data-testid":"".concat(oo,"_").concat(ms),onClick:function(){return xo()},children:[u(z,{}),u("div",{className:B.containerContent,children:u(b,{AppComponent:vs,app:Co,appData:ks,isAppLoading:Is,availability:T(Co.availability,So.company.with_subscription),isCLIApp:js,isLoading:Ms,isMultiRig:rs,layoutEnvironment:Mo,openIntercom:Ro,segment:is,toggleAppSettingsDialog:fs,appProps:{coordinates:As,currentUser:So,devCenterRouter:fo,onSettingChange:Ho,onSettingsChange:Fo,segment:is,setIsFullscreenModalMode:qo,setIsMaximized:ds,setMainMenuItems:Yo,setSecondaryMenuItems:ts,toggleAppSettingsDialog:fs,appHeaderProps:Y({app:Co,appLastAnnotation:xs,appSettings:Co.settings,coordinates:As,currentUser:So,isMaximized:ls,layoutEnvironment:Mo,onSettingChange:Ho,toggleAnnotationsList:Ps,updateCurrentDashboardAppLastAnnotation:Uo},ks),isNative:O,layoutEnvironment:Mo,timestamp:us,chatActions:No}})}),Ss&&u(h,{AppSettingsComponent:Vs,app:Co,appData:ns,appName:ms,currentUser:So,disableAppAssetSelection:bo,isMultiRig:rs,isSettingsDialogHidden:Po,layoutEnvironment:Mo,onAppRemove:yo,onCloneDashboard:Bo,onSettingChange:Ho,onSettingsChange:Fo,openIntercom:Ro,rigId:null!==(mo=null===(ao=ns.rig)||void 0===ao?void 0:ao.id)&&void 0!==mo?mo:null,timestamp:us,toggleAppSettingsDialog:fs}),Ds&&u(R,{children:u(w,{appId:Co.app.id,appSettings:Co.settings,appTitle:ms,assetCompanyId:ys,assetId:Ls,currentUser:So,onClose:Ps,showSuccessNotification:Q})}),ls&&!Hs&&u(P,{setIsMaximized:ds}),!Do&&(!Hs||Ms)&&j(v,{children:[cs&&u(L,{currentUser:So}),Bs&&u(J,{title:"Add Annotation",placement:"top",disabled:!!$,children:u(Z,{size:"small",type:"tertiaryBg",onClick:Ps,testId:"".concat(oo,"_addAnnotation"),children:u(F,{})})}),Lo&&!js&&u(J,{title:"Report A Bug",placement:"top",disabled:!!$,children:u(Z,{size:"small",type:"tertiaryBg",onClick:function(){return Lo()},children:u(a,{})})}),u(J,{placement:"top",disabled:!!$||js,title:"Help Center",children:u(Z,{testId:"".concat(oo,"_helpContent"),onClick:function(){return ko()},disabled:js,size:"small",type:"tertiaryBg",children:u(K,{appId:Co.app.id,helpContentUpdatedAt:Co.help_content_updated_at})})}),!$||ls||k?j(A,{children:[u(x,{menuItems:Xo,devCenterRouter:fo,isMobileView:$}),u(S,{devCenterRouter:fo,isMaximized:ls,isMobileView:$,menuItems:ss,setIsFullscreenModalMode:qo,setIsMaximized:ds,toggleAppSettingsDialog:fs})]}):u(f,{setIsMaximized:ds})]})]})})}))})})}export{so as default};
 //# sourceMappingURL=DevCenterAppContainer.js.map

package/components/DevCenter/DevCenterAppContainer/DevCenterAppContainer.js.map CHANGED Viewed

	@@ -1 +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';\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 { 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 {\n getAppName,\n getAppSegment,\n getTimestampFromQuery,\n isDCAppMultiRig,\n} 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 disableAppAssetSelection,\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 reloadApp = undefined,\n chatActions,\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 appIsChiplessDashboard = !!dashboardMeta?.isChiplessDashboard;\n const isMultiRig = isDCAppMultiRig({\n uiSettings: application?.ui,\n isChiplessDashboard: appIsChiplessDashboard,\n });\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 <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 disableAppAssetSelection={disableAppAssetSelection}\n isMultiRig={isMultiRig}\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 reloadApp={reloadApp}\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 chatActions,\n }}\n />\n </div>\n {isAppSettingsDialogOpened && (\n <AppSettingsDialog\n AppSettingsComponent={AppSettings}\n app={app}\n appData={appData}\n appName={appName}\n currentUser={currentUser}\n disableAppAssetSelection={disableAppAssetSelection}\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 size=\"small\" type=\"tertiaryBg\" onClick={() => onReportBugClick()}>\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 );\n}\n\nexport default DevCenterAppContainer;\n"],"names":["isMobileView","isNativeDetected","isMobileDetected","PAGE_NAME","DevCenterAppContainer","_ref","_appsData","_app$package","_app$package$manifest","_application$ui","_devCenterRouter$loca","_app$package2","_app$package2$manifes","_app$package2$manifes2","_app$package2$manifes3","_app$app","_appData$rig$id","_appData$rig","router","_router$location","_router$location$path","CLIAppComponent","CLIAppSettings","app","appId","className","coordinates","currentDashboardAppsLastAnnotations","currentUser","devCenterRouter","disableAppAssetSelection","isActionsDisabled","isSettingsDialogHidden","layoutEnvironment","_ref$onAppContainerCl","onAppContainerClick","noop","onAppRemove","onReportBugClick","onCloneDashboard","onHelpCenterClick","onIsMaximizedChange","onSettingChange","onSettingsChange","_ref$openIntercom","openIntercom","_ref$setIsFullscreenM","setIsFullscreenModalMode","timestamp","updateCurrentDashboardAppLastAnnotation","dashboardMeta","_ref$reloadApp","reloadApp","undefined","chatActions","appsData","useContext","AppContext","theme","useTheme","useState","_useState2","_slicedToArray","_useState","mainMenuItems","setMainMenuItems","_useState4","_useState3","secondaryMenuItems","setSecondaryMenuItems","appData","id","isLoading","application","package","manifest","segment","getAppSegment","appIsChiplessDashboard","isChiplessDashboard","isMultiRig","isDCAppMultiRig","uiSettings","ui","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","DevCenterRouterContext","Provider","value","children","DcFullscreenElemsCoordinatorProvider","AppCommonsProvider","maximized","setMaximized","appSettings","settings","appSettingsComponent","isInsideNewMobileApp","globalOffsetWells","globalOffsetWellsVersion","CommentsSwitchProvider","_jsxs","classNames","isLightTheme","styles","container","ToastContainer","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","HelpCenterIcon","helpContentUpdatedAt","help_content_updated_at","_Fragment","PriorityMenus","menuItems","NonPriorityMenus","FullscreenButton"],"mappings":"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"}
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';\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 { CommentsSwitchButton, CommentsSwitchProvider } from './components/CommentsSwitch';\n\nimport styles from './DevCenterAppContainer.scss';\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 {\n getAppName,\n getAppSegment,\n getTimestampFromQuery,\n isDCAppMultiRig,\n} 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 disableAppAssetSelection,\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 reloadApp = undefined,\n chatActions,\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 appIsChiplessDashboard = !!dashboardMeta?.isChiplessDashboard;\n const isMultiRig = isDCAppMultiRig({\n uiSettings: application?.ui,\n isChiplessDashboard: appIsChiplessDashboard,\n });\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 <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 disableAppAssetSelection={disableAppAssetSelection}\n isMultiRig={isMultiRig}\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 reloadApp={reloadApp}\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 chatActions,\n }}\n />\n </div>\n {isAppSettingsDialogOpened && (\n <AppSettingsDialog\n AppSettingsComponent={AppSettings}\n app={app}\n appData={appData}\n appName={appName}\n currentUser={currentUser}\n disableAppAssetSelection={disableAppAssetSelection}\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 size=\"small\" type=\"tertiaryBg\" onClick={() => onReportBugClick()}>\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 );\n}\n\nexport default DevCenterAppContainer;\n"],"names":["isMobileView","isNativeDetected","isMobileDetected","PAGE_NAME","DevCenterAppContainer","_ref","_appsData","_app$package","_app$package$manifest","_application$ui","_devCenterRouter$loca","_app$package2","_app$package2$manifes","_app$package2$manifes2","_app$package2$manifes3","_app$app","_appData$rig$id","_appData$rig","router","_router$location","_router$location$path","CLIAppComponent","CLIAppSettings","app","appId","className","coordinates","currentDashboardAppsLastAnnotations","currentUser","devCenterRouter","disableAppAssetSelection","isActionsDisabled","isSettingsDialogHidden","layoutEnvironment","_ref$onAppContainerCl","onAppContainerClick","noop","onAppRemove","onReportBugClick","onCloneDashboard","onHelpCenterClick","onIsMaximizedChange","onSettingChange","onSettingsChange","_ref$openIntercom","openIntercom","_ref$setIsFullscreenM","setIsFullscreenModalMode","timestamp","updateCurrentDashboardAppLastAnnotation","dashboardMeta","_ref$reloadApp","reloadApp","undefined","chatActions","appsData","useContext","AppContext","theme","useTheme","useState","_useState2","_slicedToArray","_useState","mainMenuItems","setMainMenuItems","_useState4","_useState3","secondaryMenuItems","setSecondaryMenuItems","appData","id","isLoading","application","package","manifest","segment","getAppSegment","appIsChiplessDashboard","isChiplessDashboard","isMultiRig","isDCAppMultiRig","uiSettings","ui","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","DevCenterRouterContext","Provider","value","children","DcFullscreenElemsCoordinatorProvider","AppCommonsProvider","maximized","setMaximized","appSettings","settings","appSettingsComponent","isInsideNewMobileApp","globalOffsetWells","globalOffsetWellsVersion","CommentsSwitchProvider","_jsxs","classNames","isLightTheme","styles","container","ToastContainer","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","HelpCenterIcon","helpContentUpdatedAt","help_content_updated_at","_Fragment","PriorityMenus","menuItems","NonPriorityMenus","FullscreenButton"],"mappings":"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"}

package/components/DevCenter/DevCenterAppContainer/DevCenterAppContainer.scss.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import e from'./../../../ext-esm/style-inject/dist/style-inject.es.js';var t={spacing:"8",container:"DevCenterAppContainer_container__Z9Dtz",containerContent:"DevCenterAppContainer_containerContent__qUXvd",containerMaximized:"DevCenterAppContainer_containerMaximized__BtjT-"};e(".DevCenterAppContainer_container__Z9Dtz{background-color:var(--palette-app-background);border-radius:8px;bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.dc-app-container__light-theme{background-color:#fff;box-shadow:inset 0 0 0 2px #ccc;color:rgba(0,0,0,.87)}.dc-app-container__pdf-report{zoom:.5}.c-dashboard-report__app--light-theme,.dc-app-container__light-theme{scrollbar-color:hsla(0,0%,50%,.6) transparent!important}.dc-app-container:has(.c-status-badge--error){border:1px solid var(--palette-error-main);border-radius:8px}.dc-app-container:has(.c-status-badge--issue){border:1px solid orange;border-radius:8px}.DevCenterAppContainer_containerContent__qUXvd{height:100%;overflow:hidden;width:100%}.DevCenterAppContainer_containerMaximized__BtjT-{bottom:10px;box-shadow:0 0 18px 3px rgba(0,0,0,.75);height:auto;left:10px;overflow:hidden;position:fixed;right:10px;top:10px;width:auto;z-index:500}.DevCenterAppContainer_containerMaximized__BtjT- .DevCenterAppContainer_containerContent__qUXvd{margin-right:28px;width:auto}.dc-app-container--inside-home-page,.dc-app-container--inside-new-mobile-app{background-color:transparent}.dc-app-container--inside-home-page.dc-app-container__maximized{backdrop-filter:blur(80px)}");export{t as default};
2	+ //# sourceMappingURL=DevCenterAppContainer.scss.js.map

package/components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DcFullscreenElemsCoordinatorProvider.d.ts","sourceRoot":"","sources":["../../../../../../src/components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,QAAQ,EACR,EAAE,EACF,SAAS,EACT,cAAc,EAIf,MAAM,OAAO,CAAC;AASf,UAAU,KAAK;IACb,wBAAwB,EAAE,CAAC,GAAG,EAAE,cAAc,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7F,QAAQ,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CACnC;AAED,UAAU,WAAW;IACnB,WAAW,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAC/C,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,UAAU,GAAG;IACX,WAAW,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,OAAO,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9D,YAAY,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,SAAS,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CAClE;AAgBD;;;;;;;;;;;;;;GAcG;AAEH,eAAO,MAAM,oCAAoC,EAAE,EAAE,CAAC,KAAK,~~CA6H1D~~,CAAC;AAEF,wBAAgB,+BAA+B,eAE9C"}
1	+ {"version":3,"file":"DcFullscreenElemsCoordinatorProvider.d.ts","sourceRoot":"","sources":["../../../../../../src/components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,QAAQ,EACR,EAAE,EACF,SAAS,EACT,cAAc,EAIf,MAAM,OAAO,CAAC;AASf,UAAU,KAAK;IACb,wBAAwB,EAAE,CAAC,GAAG,EAAE,cAAc,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7F,QAAQ,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CACnC;AAED,UAAU,WAAW;IACnB,WAAW,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAC/C,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,UAAU,GAAG;IACX,WAAW,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,OAAO,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9D,YAAY,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,SAAS,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CAClE;AAgBD;;;;;;;;;;;;;;GAcG;AAEH,eAAO,MAAM,oCAAoC,EAAE,EAAE,CAAC,KAAK,CAiI1D,CAAC;AAEF,wBAAgB,+BAA+B,eAE9C"}

package/components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import n from"@babel/runtime/helpers/asyncToGenerator";import r from"@babel/runtime/regenerator";import{jsx as e}from"react/jsx-runtime";import{createContext as t,useRef as u,useMemo as i,useContext as c}from"react";var o;!function(n){n.CLOSED="CLOSED",n.OPENNING="OPENNING",n.OPENED="OPENED",n.CLOSING="CLOSING"}(o||(o={}));var a=t(null),s=function(t){var c=t.setIsFullscreenModalMode,s=t.children,l={name:o.CLOSED,currentElementInfo:null},f=u({}),m=i((function(){function e(n){return t.apply(this,arguments)}function t(){return(t=n(r.mark((function n(e){var t,u;return r.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return t=e.transitionFn,u=e.plannedAfterTransitionFinishCb,n.prev=1,n.next=4,t();case 4:n.next=9;break;case 6:n.prev=6,n.t0=n.catch(1),console.error("Transition error: ",n.t0);case 9:u();case 10:case"end":return n.stop()}}),n,null,[[1,6]])})))).apply(this,arguments)}function u(n){var r=n.id;f.current[r]={name:o.OPENED,currentElementInfo:n},f.current[r].currentElementInfo.setIsOpened(!0)}function i(n,r){var t=n.id;f.current[t]={name:o.OPENNING,currentElementInfo:null},e({transitionFn:function(){return c(!0,r)},plannedAfterTransitionFinishCb:function(){u(n)}})}function a(t){var u;f.current[t].name=o.CLOSING,e({transitionFn:(u=n(r.mark((function n(){var e;return r.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(null===(e=f.current[t].currentElementInfo)||void 0===e||e.setIsOpened(!1),f.current[t].currentElementInfo=null,Object.keys(f.current).some((function(n){var r=f.current[n].name;return r===o.OPENNING||r===o.OPENED}))){n.next=4;break}return n.abrupt("return",c(!1));case 4:case"end":return n.stop()}}),n)}))),function(){return u.apply(this,arguments)}),plannedAfterTransitionFinishCb:function(){f.current[t]&&(f.current[t].name=o.CLOSED)}})}return{requestOpen:function(n){var r,e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],t=n.id;switch(null!==(r=f.current)&&void 0!==r&&r[t]||(f.current[t]=l),f.current[n.id].name){case o.CLOSED:i(n,e);break;case o.OPENNING:case o.OPENED:u(n);break;case o.CLOSING:i(n,e)}},requestClose:function(n){var r,e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],t=n.id;if(null!==(r=f.current)&&void 0!==r&&r[t]||(f.current[t]=l),e)return delete f.current[t],void c(!1);a(t)}}}),[c]);return e(a.Provider,{value:m,children:s})};function l(){return c(a)}export{s as DcFullscreenElemsCoordinatorProvider,l as useDcFullscreenElemsCoordinator};
+import n from"@babel/runtime/helpers/asyncToGenerator";import r from"@babel/runtime/regenerator";import{jsx as e}from"react/jsx-runtime";import{createContext as t,useRef as u,useMemo as i,useContext as c}from"react";var o;!function(n){n.CLOSED="CLOSED",n.OPENNING="OPENNING",n.OPENED="OPENED",n.CLOSING="CLOSING"}(o||(o={}));var a=t(null),s=function(t){var c=t.setIsFullscreenModalMode,s=t.children,l={name:o.CLOSED,currentElementInfo:null},f=u({}),m=function(){return Object.keys(f.current).some((function(n){var r=f.current[n].name;return r===o.OPENNING||r===o.OPENED}))},p=i((function(){function e(n){return t.apply(this,arguments)}function t(){return(t=n(r.mark((function n(e){var t,u;return r.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return t=e.transitionFn,u=e.plannedAfterTransitionFinishCb,n.prev=1,n.next=4,t();case 4:n.next=9;break;case 6:n.prev=6,n.t0=n.catch(1),console.error("Transition error: ",n.t0);case 9:u();case 10:case"end":return n.stop()}}),n,null,[[1,6]])})))).apply(this,arguments)}function u(n){var r=n.id;f.current[r]={name:o.OPENED,currentElementInfo:n},f.current[r].currentElementInfo.setIsOpened(!0)}function i(n,r){var t=n.id;f.current[t]={name:o.OPENNING,currentElementInfo:null},e({transitionFn:function(){return c(!0,r)},plannedAfterTransitionFinishCb:function(){u(n)}})}function a(t){var u;f.current[t].name=o.CLOSING,e({transitionFn:(u=n(r.mark((function n(){var e;return r.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(null===(e=f.current[t].currentElementInfo)||void 0===e||e.setIsOpened(!1),f.current[t].currentElementInfo=null,m()){n.next=4;break}return n.abrupt("return",c(!1));case 4:case"end":return n.stop()}}),n)}))),function(){return u.apply(this,arguments)}),plannedAfterTransitionFinishCb:function(){f.current[t]&&(f.current[t].name=o.CLOSED)}})}return{requestOpen:function(n){var r,e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],t=n.id;switch(null!==(r=f.current)&&void 0!==r&&r[t]||(f.current[t]=l),f.current[n.id].name){case o.CLOSED:i(n,e);break;case o.OPENNING:case o.OPENED:u(n);break;case o.CLOSING:i(n,e)}},requestClose:function(n){var r,e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],t=n.id;if(null!==(r=f.current)&&void 0!==r&&r[t]||(f.current[t]=l),e)return delete f.current[t],void(m()||c(!1));a(t)}}}),[c]);return e(a.Provider,{value:p,children:s})};function l(){return c(a)}export{s as DcFullscreenElemsCoordinatorProvider,l as useDcFullscreenElemsCoordinator};
 //# sourceMappingURL=DcFullscreenElemsCoordinatorProvider.js.map

package/components/DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js CHANGED Viewed

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

package/components/DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js.map CHANGED Viewed

	@@ -1 +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-dom';\nimport { noop } from 'lodash';\nimport queryString from 'query-string';\nimport PropTypes from 'prop-types';\n\nimport { APP_IFRAME_ATTRIBUTE, IsolatedPage } 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 trackApiRateLimiterException,\n ...props\n}) {\n const devCenterRouter = useMemo(\n () => devCenterUtils.createDevCenterRouter(props.history),\n [props.history?.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(\n queryString.parse(props.history?.location?.search),\n props.app.id\n );\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 trackApiRateLimiterException={trackApiRateLimiterException}\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 apiRateLimiterConfig: PropTypes.object,\n};\n\nDevCenterIsolatedAppComponent.defaultProps = {\n isIsolationFeatureEnabled: false,\n onAppContainerClick: noop,\n onAppFullscreenTransparentMode: noop,\n onAppRemove: undefined,\n onInnerContainerMouseEnter: noop,\n onInnerContainerMouseLeave: noop,\n onIsMaximizedChange: noop,\n onSettingChange: noop,\n onSettingsChange: noop,\n setInnerContainerRefFn: noop,\n updateCurrentDashboardAppLastAnnotation: noop,\n apiRateLimiterConfig: {},\n};\n\nexport const DevCenterIsolatedApp = withRouter(DevCenterIsolatedAppComponent);\n"],"names":["DevCenterIsolatedAppComponent","_ref","_props$history","_props$app","_props$app2","_props$app3","_props$app3$app","_props$history2","_props$history2$locat","isIsolationFeatureEnabled","onAppFullscreenTransparentMode","onIsMaximizedChange","onInnerContainerMouseEnter","onInnerContainerMouseLeave","onAppContainerClick","setInnerContainerRefFn","trackApiRateLimiterException","props","_objectWithoutProperties","_excluded","devCenterRouter","useMemo","devCenterUtils","history","location","isNonIsolatedApp","app","package","DCAppComponent","DevCenterAppContainer","IsolatedPage","appKey","app_key","appVersion","getAppVersion","iframeKey","concat","appIframeDocument","useRef","containerRef","fixedSizeContainerRef","fullscreenModeRef","fullscreenModalModeRef","isAppMaximized","queryString","parse","search","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","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","apiRateLimiterConfig","object","defaultProps","noop","undefined","DevCenterIsolatedApp","withRouter"],"mappings":"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"}
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-dom';\nimport { noop } from 'lodash';\nimport queryString from 'query-string';\nimport PropTypes from 'prop-types';\n\nimport { APP_IFRAME_ATTRIBUTE, IsolatedPage } from './IsolatedPage';\nimport { ISOLATED_PAGE_APP_CONTAINER_ID } from './constants';\n\nimport styles from './DevCenterIsolatedApp.module.scss';\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 trackApiRateLimiterException,\n ...props\n}) {\n const devCenterRouter = useMemo(\n () => devCenterUtils.createDevCenterRouter(props.history),\n [props.history?.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(\n queryString.parse(props.history?.location?.search),\n props.app.id\n );\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 trackApiRateLimiterException={trackApiRateLimiterException}\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 apiRateLimiterConfig: PropTypes.object,\n};\n\nDevCenterIsolatedAppComponent.defaultProps = {\n isIsolationFeatureEnabled: false,\n onAppContainerClick: noop,\n onAppFullscreenTransparentMode: noop,\n onAppRemove: undefined,\n onInnerContainerMouseEnter: noop,\n onInnerContainerMouseLeave: noop,\n onIsMaximizedChange: noop,\n onSettingChange: noop,\n onSettingsChange: noop,\n setInnerContainerRefFn: noop,\n updateCurrentDashboardAppLastAnnotation: noop,\n apiRateLimiterConfig: {},\n};\n\nexport const DevCenterIsolatedApp = withRouter(DevCenterIsolatedAppComponent);\n"],"names":["DevCenterIsolatedAppComponent","_ref","_props$history","_props$app","_props$app2","_props$app3","_props$app3$app","_props$history2","_props$history2$locat","isIsolationFeatureEnabled","onAppFullscreenTransparentMode","onIsMaximizedChange","onInnerContainerMouseEnter","onInnerContainerMouseLeave","onAppContainerClick","setInnerContainerRefFn","trackApiRateLimiterException","props","_objectWithoutProperties","_excluded","devCenterRouter","useMemo","devCenterUtils","history","location","isNonIsolatedApp","app","package","DCAppComponent","DevCenterAppContainer","IsolatedPage","appKey","app_key","appVersion","getAppVersion","iframeKey","concat","appIframeDocument","useRef","containerRef","fixedSizeContainerRef","fullscreenModeRef","fullscreenModalModeRef","isAppMaximized","queryString","parse","search","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","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","apiRateLimiterConfig","object","defaultProps","noop","undefined","DevCenterIsolatedApp","withRouter"],"mappings":"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"}

package/components/DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.module.scss.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import e from'./../../../ext-esm/style-inject/dist/style-inject.es.js';var o={spacing:"8",container:"DevCenterIsolatedApp-module_container__4H6mS",newMobileAppContainer:"DevCenterIsolatedApp-module_newMobileAppContainer__5Qagb",containerMaximized:"DevCenterIsolatedApp-module_containerMaximized__5N9JC",containerMaximizedTransparent:"DevCenterIsolatedApp-module_containerMaximizedTransparent__o2-O3",containerMaximizedTransparentModal:"DevCenterIsolatedApp-module_containerMaximizedTransparentModal__kSTJM",fixedSizeContainer:"DevCenterIsolatedApp-module_fixedSizeContainer__gzaBd",compensateScroll:"DevCenterIsolatedApp-module_compensateScroll__WEp7e"};e(".DevCenterIsolatedApp-module_container__4H6mS{background-color:var(--palette-app-background);border-radius:8px;bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.DevCenterIsolatedApp-module_newMobileAppContainer__5Qagb{background-color:transparent}.DevCenterIsolatedApp-module_container__4H6mS>div{height:100%}.DevCenterIsolatedApp-module_containerMaximized__5N9JC{bottom:10px;box-shadow:0 0 18px 3px rgba(0,0,0,.75);height:auto;left:10px;overflow:hidden;position:fixed;right:10px;top:10px;width:auto;z-index:1000}.DevCenterIsolatedApp-module_containerMaximizedTransparent__o2-O3{background-color:transparent;bottom:0;height:auto;left:0;overflow:hidden;position:fixed;right:0;top:0;width:auto;z-index:200}.DevCenterIsolatedApp-module_containerMaximizedTransparentModal__kSTJM{z-index:2000}.DevCenterIsolatedApp-module_fixedSizeContainer__gzaBd{bottom:0;left:0;position:absolute;right:0;top:0}.dc-isolated-app__body-overflow{overflow:hidden}.DevCenterIsolatedApp-module_compensateScroll__WEp7e{margin-right:15px}");export{o as default};
2	+ //# sourceMappingURL=DevCenterIsolatedApp.module.scss.js.map