npm - @corva/ui - Versions diffs - 3.53.0-1 → 3.53.0-3 - Mend

@corva/ui 3.53.0-1 → 3.53.0-3

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

Files changed (289) hide show

package/cjs-bundle/components/DevCenter/DevCenterAppContainer/components/PriorityMenus/PriorityMenus.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("@material-ui/core");require("../../../../../componentsV2/Text/Text.js"),require("../../../../../componentsV2/Grid/Grid.js"),require("../../../../../componentsV2/Grid/Cell.js"),require("@babel/runtime/helpers/defineProperty");var s=require("react/jsx-runtime");require("classnames"),require("../../../../../componentsV2/Header/Header.scss.js"),require("../../../../../componentsV2/Button/Button.js");var o=require("../../../../../componentsV2/ButtonIcon/ButtonIcon.js"),r=require("../../../../../componentsV2/Tooltip/Tooltip.js");require("../../../../../componentsV2/Popover/Popover.js"),require("../../../../../componentsV2/Radio/Radio.js"),require("@babel/runtime/helpers/objectWithoutProperties"),require("react"),require("../../../../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js"),require("../../../../../componentsV2/Checkbox/Checkbox.js"),require("@babel/runtime/helpers/toConsumableArray"),require("../../../../../componentsV2/TextInput/TextInput.js"),require("../../../../../componentsV2/Label/Label.js"),require("@babel/runtime/helpers/slicedToArray"),require("lodash"),require("../../../../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js"),require("../../../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js"),require("../../../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js"),require("../../../../../componentsV2/TextLink/TextLink.js"),require("../../../../../componentsV2/Chip/Chip.js"),require("../../../../../componentsV2/ChipAlert/ChipAlert.js"),require("../../../../../componentsV2/ChipIndicator/ChipIndicator.js"),require("../../../../../componentsV2/Avatar/Avatar.js"),require("../../../../../componentsV2/AvatarGroup/AvatarGroup.js"),require("@material-ui/lab"),require("../../../../../componentsV2/ToggleButtons/ToggleButtons.scss.js"),require("../../../../../componentsV2/Paper/Paper.js"),require("../../../../../componentsV2/ModalWindow/ModalWindow.js"),require("uuid"),require("../DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js"),require("../DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js"),require("../IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js"),require("../../../../../componentsV2/Modal/Modal.scss.js"),require("../../../../../componentsV2/Menu/Menu.js"),require("@icon-park/react/es/all"),require("../../../../../icons/IconParkProvider.js"),require("../../../../../icons/customIcons/icons/AddMessage.js"),require("../../../../../icons/customIcons/icons/Attention.js"),require("../../../../../icons/customIcons/icons/Collapse.js"),require("../../../../../icons/customIcons/icons/Dashboard.js"),require("../../../../../icons/customIcons/icons/Expand.js"),require("../../../../../icons/customIcons/icons/FolderClosed.js"),require("../../../../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../../../../icons/customIcons/icons/FolderOpened.js"),require("../../../../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../../../../icons/customIcons/icons/LessOrEqual.js"),require("../../../../../icons/customIcons/icons/Search.js"),require("../../../../../icons/customIcons/icons/SearchOne.js"),require("../../../../../icons/customIcons/icons/Wellhub.js"),require("../../../../../icons/customIcons/icons/MultiRuler.js"),require("../../../../../icons/customIcons/icons/Checkbox.js"),require("../../../../../icons/customIcons/icons/CheckboxChecked.js"),require("../../../../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../../../../icons/customIcons/icons/Radio.js"),require("../../../../../icons/customIcons/icons/RadioChecked.js"),require("../../../../../icons/customIcons/icons/SimulFrac.js"),require("../../../../../icons/customIcons/icons/ZipperFrac.js"),require("../../../../../icons/customIcons/icons/CautionFilled.js"),require("../../../../../icons/customIcons/icons/MoreApp.js"),require("../../../../../icons/customIcons/icons/Pad.js"),require("../../../../../icons/customIcons/icons/DrilloutUnit.js"),require("../../../../../icons/customIcons/icons/FracFleet.js"),require("../../../../../icons/customIcons/icons/Global.js"),require("../../../../../icons/customIcons/icons/Program.js"),require("../../../../../icons/customIcons/icons/Rig.js"),require("../../../../../icons/customIcons/icons/Well.js"),require("../../../../../icons/customIcons/icons/Gap.js"),require("../../../../../icons/customIcons/icons/Pin.js"),require("../../../../../icons/customIcons/icons/CloseOneFilled.js"),require("../../../../../icons/customIcons/icons/AttentionFilled.js"),require("../../../../../icons/customIcons/icons/CheckOneFilled.js"),require("../../../../../icons/customIcons/icons/Archive.js"),require("../../../../../icons/customIcons/icons/ArchiveCancel.js"),require("../../../../../icons/customIcons/icons/Unarchive.js"),require("../../../../../icons/customIcons/icons/Archived.js"),require("../../../../../icons/customIcons/icons/InterventionUnit.js"),require("../../../../../icons/customIcons/icons/CloudDelete.js"),require("../../../../../icons/customIcons/icons/Lasso.js"),require("../../../../../icons/customIcons/icons/Radius.js"),require("../../../../../componentsV2/utils.js"),require("../../../../../componentsV2/Hint/Hint.scss.js"),require("../../../../../componentsV2/Counter/Counter.js"),require("../../../../../componentsV2/BadgeBase/BadgeBase.scss.js"),require("../../../../../componentsV2/TemplatesControl/TemplatesControl.js"),require("zustand"),require("../../../../../componentsV2/TemplatesControl/utils.js"),require("../../../../../componentsV2/TemplatesControl/icons/folder/index.js"),require("../../../../../componentsV2/TemplatesControl/Store/utils.js"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../../../../../componentsV2/TemplatesControl/types.js"),require("../../../../../utils/index.js"),require("../../../../../clients/jsonApi/index.js"),require("../../../../../permissions/PermissionsContext.js"),require("../../../../../permissions/constants/index.js"),require("../../../../../permissions/withPermissionsHOC.js"),require("../../../../../permissions/ProvidePermissions.js"),require("../../../../../componentsV2/BadgeDot/BadgeDot.scss.js"),require("../../../../../componentsV2/LoaderLinear/LoaderLinear.scss.js"),require("../../../../../componentsV2/LoaderLogo/LoaderLogo.constants.js"),require("../../../../../componentsV2/LoaderLogo/LoaderLogo.scss.js"),require("../../../../../componentsV2/Switch/Switch.js"),require("../../../../../componentsV2/Tabs/Tabs.js"),require("../../../../../componentsV2/EmptyState/EmptyState.scss.js"),require("../../../../../componentsV2/FileIcon/FileIcon.js"),require("../../../../../componentsV2/Tag/Tag.js"),require("react-dropzone"),require("../../../../../componentsV2/FilesDropzone/FilesDropzone.scss.js"),require("../../../../../componentsV2/FilesLoader/FilesLoader.scss.js"),require("../../../../../componentsV2/FilesProcessor/FilesProcessor.scss.js"),require("../../../../../componentsV2/Skeleton/Skeleton.scss.js"),require("../../../../../utils/main.js"),require("../../../../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js"),require("../../../../../componentsV2/Stepper/Step/Step.scss.js"),require("../../../../../componentsV2/Stepper/Stepper.scss.js"),require("../../../../../componentsV2/ButtonLive/ButtonLive.js"),require("../../../../../componentsV2/ButtonText/ButtonText.js"),require("../../../../../componentsV2/IndicatorLive/IndicatorLive.js"),require("../../../../../componentsV2/Accordion/Accordion.scss.js"),require("../../../../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js"),require("../../../../../componentsV2/BadgeComment/BadgeComment.js"),require("../../../../../componentsV2/AppContainer/AppContainer.js"),require("../../../../../componentsV2/AppContainer/AppContainer.constants.js"),require("../../../../../componentsV2/AppFooter/AppFooter.js"),require("immutable"),require("../../../../../constants/goals.js"),require("../../../../../constants/segment.js"),require("../../../../../constants/alerts.js"),require("../../../../../constants/apps.js"),require("../../../../../constants/drillstring.js"),require("../../../../../constants/completion.js"),require("../../../../../constants/appPackages.js"),require("../../../../../constants/notifications.js"),require("../../../../../constants/feed.js"),require("../../../../../constants/bha.js"),require("../../../../../constants/corvaCompanyId.js"),require("../../../../GradientManager/configuration/constants.js"),require("../../../../../componentsV2/AppCommonsProvider/AppCommonsContext.js"),require("../../../../../componentsV2/AppHeader/AppHeader.constants.js"),require("../../../../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js"),require("../../../DevCenterRouterContext/DevCenterRouterContext.js"),require("../../../DevCenterRouterContext/UniversalLink/UniversalLink.js"),require("react-router"),require("../../../../../componentsV2/AppHeader/AppAssets/utils.js"),require("../../../../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js"),require("../../../../PadModeSelect/PadModeSelect.js"),require("../../../../../componentsV2/AppHeader/PadMode/PadMode.scss.js"),require("../../../../../constants/streamSourceType.js"),require("../../../../../componentsV2/PadModeSelect/PadModeSelect.js"),require("../../../../../componentsV2/PadModeSelect/PadModeSelect.constants.js"),require("../../../../../componentsV2/AppCommonsProvider/AppCommonsProvider.js"),require("../../../../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js"),require("../../../../../componentsV2/UniversalLink/UniversalLink.scss.js"),require("../../../../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js"),require("moment"),require("../../../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js"),require("../../../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js"),require("../../../../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js"),require("../../../../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js"),require("../../../../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js"),require("../../../../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js"),require("../../../../../componentsV2/AppDqPopover/AppDqPopover.scss.js"),require("../../../../AppIcon/AppIcon.js"),require("../../../../../utils/getSingleAsset.js"),require("../../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js"),require("../../../../../componentsV2/AppHeader/V3/AssetSelector/constants.js"),require("../../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js"),require("../../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js"),require("../../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js"),require("../../../../../clients/subscriptions/constants.js"),require("querystring"),require("uuid/v1"),require("../../../../../clients/subscriptions.v1.js"),require("../../../../../clients/subscriptions/subscriptions-client.factory.js"),require("jsona"),require("../../../../../utils/env.js"),require("../../../../StatusBadge/constants.js"),require("lodash/set"),require("lodash/get"),require("lodash/unset"),require("../../../../../clients/api/apiCore.js"),require("../../../../../clients/constants.js"),require("../../../../../clients/sso/auth0.js"),require("../../../../../clients/sso/oauth2.js"),require("lodash/isEmpty"),require("lodash/sortBy"),require("../CommentsSwitch/CommentsSwitchContext.js"),require("../../../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js"),require("../../../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js"),require("../../../../../componentsV2/AppHeader/V3/constants.scss.js"),require("@babel/runtime/helpers/typeof"),require("../../../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.js"),require("../../../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js"),require("../../../../../componentsV2/AppSettings/AppSettings.js"),require("../../../../../componentsV2/AppSettings/AppSettings.constants.js"),require("../../../../../componentsV2/AppSettings/AppSettingsPinningContext.js"),require("../../../../../componentsV2/AppSizeProvider/AppSizeProvider.js"),require("../../../../../componentsV2/AppHeader/V3/Actions/Actions.constants.js"),require("../../../../../componentsV2/AppHeader/V3/Actions/Actions.scss.js"),require("../../../../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js"),require("../../../../../componentsV2/AppHeader/AppHeader.scss.js"),require("../../../../../componentsV2/OffsetWellsButton/OffsetWellsButton.js"),require("../../../../../componentsV2/Autocomplete/Autocomplete.scss.js"),require("../../../../../componentsV2/Menu/MenuItem/MenuItem.js"),require("../../../../../componentsV2/Autocomplete/AutocompleteListBox.js"),require("../../../../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js"),require("../../../../../componentsV2/WellArchivedMessage/WellArchivedMessage.js"),require("../../../../../componentsV2/DatePicker/DatePicker.js"),require("../../../../../componentsV2/DragHandle/DragHandle.js"),require("../../../../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js"),require("../../../../../componentsV2/Slider/constants.js"),require("../../../../../componentsV2/Slider/components/SliderThumb.js"),require("../../../../../componentsV2/Slider/Slider.scss.js");module.exports=function(n){var t=n.menuItems,i=n.devCenterRouter,c=n.isMobileView;return t.map((function(n){return s.jsx(r.Tooltip,{placement:"top",disabled:!!c,title:n.title,children:s.jsx(o.ButtonIcon,{testId:"".concat("PriorityMenus","_item_").concat(n.title),size:"small",type:"tertiaryBg",onClick:function(){var e;null===(e=n.onClick)||void 0===e||e.call(n),n.to&&i.push(n.to)},children:s.jsx(e.Icon,{children:n.icon})})},n.title)}))};
+"use strict";var e=require("@material-ui/core");require("../../../../../componentsV2/Text/Text.js"),require("../../../../../componentsV2/Grid/Grid.js"),require("../../../../../componentsV2/Grid/Cell.js"),require("@babel/runtime/helpers/defineProperty");var s=require("react/jsx-runtime");require("classnames"),require("../../../../../componentsV2/Header/Header.scss.js"),require("../../../../../componentsV2/Button/Button.js");var o=require("../../../../../componentsV2/ButtonIcon/ButtonIcon.js"),r=require("../../../../../componentsV2/Tooltip/Tooltip.js");require("../../../../../componentsV2/Popover/Popover.js"),require("../../../../../componentsV2/Radio/Radio.js"),require("@babel/runtime/helpers/objectWithoutProperties"),require("react"),require("../../../../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js"),require("../../../../../componentsV2/Checkbox/Checkbox.js"),require("@babel/runtime/helpers/toConsumableArray"),require("../../../../../componentsV2/TextInput/TextInput.js"),require("../../../../../componentsV2/Label/Label.js"),require("@babel/runtime/helpers/slicedToArray"),require("lodash"),require("../../../../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js"),require("../../../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js"),require("../../../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js"),require("../../../../../componentsV2/TextLink/TextLink.js"),require("../../../../../componentsV2/Chip/Chip.js"),require("../../../../../componentsV2/ChipAlert/ChipAlert.js"),require("../../../../../componentsV2/ChipIndicator/ChipIndicator.js"),require("../../../../../componentsV2/Avatar/Avatar.js"),require("../../../../../componentsV2/AvatarGroup/AvatarGroup.js"),require("@material-ui/lab"),require("../../../../../componentsV2/ToggleButtons/ToggleButtons.scss.js"),require("../../../../../componentsV2/Paper/Paper.js"),require("../../../../../componentsV2/ModalWindow/ModalWindow.js"),require("uuid"),require("../DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js"),require("../DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js"),require("../IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js"),require("../../../../../componentsV2/Modal/Modal.scss.js"),require("../../../../../componentsV2/Menu/Menu.js"),require("@icon-park/react/es/all"),require("../../../../../icons/IconParkProvider.js"),require("../../../../../icons/customIcons/icons/AddMessage.js"),require("../../../../../icons/customIcons/icons/Attention.js"),require("../../../../../icons/customIcons/icons/Collapse.js"),require("../../../../../icons/customIcons/icons/Dashboard.js"),require("../../../../../icons/customIcons/icons/Expand.js"),require("../../../../../icons/customIcons/icons/FolderClosed.js"),require("../../../../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../../../../icons/customIcons/icons/FolderOpened.js"),require("../../../../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../../../../icons/customIcons/icons/LessOrEqual.js"),require("../../../../../icons/customIcons/icons/Search.js"),require("../../../../../icons/customIcons/icons/SearchOne.js"),require("../../../../../icons/customIcons/icons/Wellhub.js"),require("../../../../../icons/customIcons/icons/MultiRuler.js"),require("../../../../../icons/customIcons/icons/Checkbox.js"),require("../../../../../icons/customIcons/icons/CheckboxChecked.js"),require("../../../../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../../../../icons/customIcons/icons/Radio.js"),require("../../../../../icons/customIcons/icons/RadioChecked.js"),require("../../../../../icons/customIcons/icons/SimulFrac.js"),require("../../../../../icons/customIcons/icons/ZipperFrac.js"),require("../../../../../icons/customIcons/icons/CautionFilled.js"),require("../../../../../icons/customIcons/icons/MoreApp.js"),require("../../../../../icons/customIcons/icons/Pad.js"),require("../../../../../icons/customIcons/icons/DrilloutUnit.js"),require("../../../../../icons/customIcons/icons/FracFleet.js"),require("../../../../../icons/customIcons/icons/Global.js"),require("../../../../../icons/customIcons/icons/Program.js"),require("../../../../../icons/customIcons/icons/Rig.js"),require("../../../../../icons/customIcons/icons/Well.js"),require("../../../../../icons/customIcons/icons/Gap.js"),require("../../../../../icons/customIcons/icons/Pin.js"),require("../../../../../icons/customIcons/icons/CloseOneFilled.js"),require("../../../../../icons/customIcons/icons/AttentionFilled.js"),require("../../../../../icons/customIcons/icons/CheckOneFilled.js"),require("../../../../../icons/customIcons/icons/Archive.js"),require("../../../../../icons/customIcons/icons/ArchiveCancel.js"),require("../../../../../icons/customIcons/icons/Unarchive.js"),require("../../../../../icons/customIcons/icons/Archived.js"),require("../../../../../icons/customIcons/icons/InterventionUnit.js"),require("../../../../../icons/customIcons/icons/CloudDelete.js"),require("../../../../../icons/customIcons/icons/Lasso.js"),require("../../../../../icons/customIcons/icons/Radius.js"),require("../../../../../componentsV2/utils.js"),require("../../../../../componentsV2/Hint/Hint.scss.js"),require("../../../../../componentsV2/Counter/Counter.js"),require("../../../../../componentsV2/BadgeBase/BadgeBase.scss.js"),require("../../../../../componentsV2/TemplatesControl/TemplatesControl.js"),require("zustand"),require("../../../../../componentsV2/TemplatesControl/utils.js"),require("../../../../../componentsV2/TemplatesControl/icons/folder/index.js"),require("../../../../../componentsV2/TemplatesControl/Store/utils.js"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../../../../../componentsV2/TemplatesControl/types.js"),require("../../../../../utils/index.js"),require("../../../../../clients/jsonApi/index.js"),require("../../../../../permissions/PermissionsContext.js"),require("../../../../../permissions/constants/index.js"),require("../../../../../permissions/withPermissionsHOC.js"),require("../../../../../permissions/ProvidePermissions.js"),require("../../../../../componentsV2/BadgeDot/BadgeDot.scss.js"),require("../../../../../componentsV2/LoaderLinear/LoaderLinear.scss.js"),require("../../../../../componentsV2/LoaderLogo/LoaderLogo.constants.js"),require("../../../../../componentsV2/LoaderLogo/LoaderLogo.scss.js"),require("../../../../../componentsV2/Switch/Switch.js"),require("../../../../../componentsV2/Tabs/Tabs.js"),require("../../../../../componentsV2/EmptyState/EmptyState.scss.js"),require("../../../../../componentsV2/FileIcon/FileIcon.js"),require("../../../../../componentsV2/Tag/Tag.js"),require("react-dropzone"),require("../../../../../componentsV2/FilesDropzone/FilesDropzone.scss.js"),require("../../../../../componentsV2/FilesLoader/FilesLoader.scss.js"),require("../../../../../componentsV2/FilesProcessor/FilesProcessor.scss.js"),require("../../../../../componentsV2/Skeleton/Skeleton.scss.js"),require("../../../../../utils/main.js"),require("../../../../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js"),require("../../../../../componentsV2/Stepper/Step/Step.scss.js"),require("../../../../../componentsV2/Stepper/Stepper.scss.js"),require("../../../../../componentsV2/ButtonLive/ButtonLive.js"),require("../../../../../componentsV2/ButtonText/ButtonText.js"),require("../../../../../componentsV2/IndicatorLive/IndicatorLive.js"),require("../../../../../componentsV2/Accordion/Accordion.scss.js"),require("../../../../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js"),require("../../../../../componentsV2/BadgeComment/BadgeComment.js"),require("../../../../../componentsV2/AppContainer/AppContainer.js"),require("../../../../../componentsV2/AppContainer/AppContainer.constants.js"),require("../../../../../componentsV2/AppFooter/AppFooter.js"),require("immutable"),require("query-string"),require("../../../../../constants/goals.js"),require("../../../../../constants/segment.js"),require("../../../../../constants/alerts.js"),require("../../../../../constants/apps.js"),require("../../../../../constants/drillstring.js"),require("../../../../../constants/completion.js"),require("../../../../../constants/appPackages.js"),require("../../../../../constants/notifications.js"),require("../../../../../constants/feed.js"),require("../../../../../constants/bha.js"),require("../../../../../constants/corvaCompanyId.js"),require("../../../../GradientManager/configuration/constants.js"),require("../../../../../componentsV2/AppCommonsProvider/AppCommonsContext.js"),require("../../../../../componentsV2/AppHeader/AppHeader.constants.js"),require("../../../../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js"),require("../../../DevCenterRouterContext/DevCenterRouterContext.js"),require("../../../DevCenterRouterContext/UniversalLink/UniversalLink.js"),require("react-router-dom"),require("../../../../../componentsV2/AppHeader/AppAssets/utils.js"),require("../../../../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js"),require("../../../../PadModeSelect/PadModeSelect.js"),require("../../../../../componentsV2/AppHeader/PadMode/PadMode.scss.js"),require("../../../../../constants/streamSourceType.js"),require("../../../../../componentsV2/PadModeSelect/PadModeSelect.js"),require("../../../../../componentsV2/PadModeSelect/PadModeSelect.constants.js"),require("../../../../../componentsV2/AppCommonsProvider/AppCommonsProvider.js"),require("../../../../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js"),require("../../../../../componentsV2/UniversalLink/UniversalLink.scss.js"),require("../../../../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js"),require("moment"),require("../../../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js"),require("../../../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js"),require("../../../../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js"),require("../../../../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js"),require("../../../../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js"),require("../../../../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js"),require("../../../../../componentsV2/AppDqPopover/AppDqPopover.scss.js"),require("../../../../AppIcon/AppIcon.js"),require("../../../../../utils/getSingleAsset.js"),require("../../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js"),require("../../../../../componentsV2/AppHeader/V3/AssetSelector/constants.js"),require("../../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js"),require("../../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js"),require("../../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js"),require("../../../../../clients/subscriptions/constants.js"),require("querystring"),require("uuid/v1"),require("../../../../../clients/subscriptions.v1.js"),require("../../../../../clients/subscriptions/subscriptions-client.factory.js"),require("jsona"),require("../../../../../utils/env.js"),require("../../../../StatusBadge/constants.js"),require("lodash/set"),require("lodash/get"),require("lodash/unset"),require("../../../../../clients/api/apiCore.js"),require("../../../../../clients/constants.js"),require("../../../../../clients/sso/auth0.js"),require("../../../../../clients/sso/oauth2.js"),require("lodash/isEmpty"),require("lodash/sortBy"),require("../CommentsSwitch/CommentsSwitchContext.js"),require("../../../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js"),require("../../../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js"),require("../../../../../componentsV2/AppHeader/V3/constants.scss.js"),require("@babel/runtime/helpers/typeof"),require("../../../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.js"),require("../../../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js"),require("../../../../../componentsV2/AppSettings/AppSettings.js"),require("../../../../../componentsV2/AppSettings/AppSettings.constants.js"),require("../../../../../componentsV2/AppSettings/AppSettingsPinningContext.js"),require("../../../../../componentsV2/AppSizeProvider/AppSizeProvider.js"),require("../../../../../componentsV2/AppHeader/V3/Actions/Actions.constants.js"),require("../../../../../componentsV2/AppHeader/V3/Actions/Actions.scss.js"),require("../../../../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js"),require("../../../../../componentsV2/AppHeader/AppHeader.scss.js"),require("../../../../../componentsV2/OffsetWellsButton/OffsetWellsButton.js"),require("../../../../../componentsV2/Autocomplete/Autocomplete.scss.js"),require("../../../../../componentsV2/Menu/MenuItem/MenuItem.js"),require("../../../../../componentsV2/Autocomplete/AutocompleteListBox.js"),require("../../../../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js"),require("../../../../../componentsV2/WellArchivedMessage/WellArchivedMessage.js"),require("../../../../../componentsV2/DatePicker/DatePicker.js"),require("../../../../../componentsV2/DragHandle/DragHandle.js"),require("../../../../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js"),require("../../../../../componentsV2/Slider/constants.js"),require("../../../../../componentsV2/Slider/components/SliderThumb.js"),require("../../../../../componentsV2/Slider/Slider.scss.js");module.exports=function(n){var t=n.menuItems,i=n.devCenterRouter,c=n.isMobileView;return t.map((function(n){return s.jsx(r.Tooltip,{placement:"top",disabled:!!c,title:n.title,children:s.jsx(o.ButtonIcon,{testId:"".concat("PriorityMenus","_item_").concat(n.title),size:"small",type:"tertiaryBg",onClick:function(){var e;null===(e=n.onClick)||void 0===e||e.call(n),n.to&&i.push(n.to)},children:s.jsx(e.Icon,{children:n.icon})})},n.title)}))};
 //# sourceMappingURL=PriorityMenus.js.map

package/cjs-bundle/components/DevCenter/DevCenterAppContainer/components/PriorityMenus/PriorityMenus.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PriorityMenus.js","sources":["../../../../../../../src/components/DevCenter/DevCenterAppContainer/components/PriorityMenus/PriorityMenus.js"],"sourcesContent":["import { Icon } from '@material-ui/core';\n\nimport { ButtonIcon, Tooltip } from '~/componentsV2';\n\nconst PAGE_NAME = 'PriorityMenus';\n\nexport default function PriorityMenus({ menuItems, devCenterRouter, isMobileView }) {\n return menuItems.map(menuConfig => (\n <Tooltip\n placement=\"top\"\n disabled={!!isMobileView}\n title={menuConfig.title}\n key={menuConfig.title}\n >\n <ButtonIcon\n testId={`${PAGE_NAME}_item_${menuConfig.title}`}\n size=\"small\"\n type=\"tertiaryBg\"\n onClick={() => {\n menuConfig.onClick?.();\n\n if (menuConfig.to) {\n devCenterRouter.push(menuConfig.to);\n }\n }}\n >\n <Icon>{menuConfig.icon}</Icon>\n </ButtonIcon>\n </Tooltip>\n ));\n}\n"],"names":["_ref","menuItems","devCenterRouter","isMobileView","map","menuConfig","_jsx","Tooltip","placement","disabled","title","children","ButtonIcon","testId","concat","size","type","onClick","_menuConfig$onClick","call","to","push","Icon","icon"],"mappings":"~~svaAMe~~,SAAqEA,GAAA,IAA5CC,IAAAA,UAAWC,IAAAA,gBAAiBC,IAAAA,aAClE,OAAOF,EAAUG,KAAI,SAAAC,GAAU,OAC7BC,EAAAA,IAACC,EAAAA,QAAO,CACNC,UAAU,MACVC,WAAYN,EACZO,MAAOL,EAAWK,MAAMC,SAGxBL,MAACM,aAAU,CACTC,iBAXU,gBAWU,UAAAC,OAAST,EAAWK,OACxCK,KAAK,QACLC,KAAK,aACLC,QAAS,WAAM,IAAAC,EACb,QAAAA,EAAAb,EAAWY,eAAX,IAAAC,GAAAA,EAAAC,KAAAd,GAEIA,EAAWe,IACblB,EAAgBmB,KAAKhB,EAAWe,GAElC,EAAAT,SAEFL,MAACgB,OAAI,CAAAX,SAAEN,EAAWkB,UAdflB,EAAWK,MAgBR,GAEd"}
1	+ {"version":3,"file":"PriorityMenus.js","sources":["../../../../../../../src/components/DevCenter/DevCenterAppContainer/components/PriorityMenus/PriorityMenus.js"],"sourcesContent":["import { Icon } from '@material-ui/core';\n\nimport { ButtonIcon, Tooltip } from '~/componentsV2';\n\nconst PAGE_NAME = 'PriorityMenus';\n\nexport default function PriorityMenus({ menuItems, devCenterRouter, isMobileView }) {\n return menuItems.map(menuConfig => (\n <Tooltip\n placement=\"top\"\n disabled={!!isMobileView}\n title={menuConfig.title}\n key={menuConfig.title}\n >\n <ButtonIcon\n testId={`${PAGE_NAME}_item_${menuConfig.title}`}\n size=\"small\"\n type=\"tertiaryBg\"\n onClick={() => {\n menuConfig.onClick?.();\n\n if (menuConfig.to) {\n devCenterRouter.push(menuConfig.to);\n }\n }}\n >\n <Icon>{menuConfig.icon}</Icon>\n </ButtonIcon>\n </Tooltip>\n ));\n}\n"],"names":["_ref","menuItems","devCenterRouter","isMobileView","map","menuConfig","_jsx","Tooltip","placement","disabled","title","children","ButtonIcon","testId","concat","size","type","onClick","_menuConfig$onClick","call","to","push","Icon","icon"],"mappings":"kxaAMe,SAAqEA,GAAA,IAA5CC,IAAAA,UAAWC,IAAAA,gBAAiBC,IAAAA,aAClE,OAAOF,EAAUG,KAAI,SAAAC,GAAU,OAC7BC,EAAAA,IAACC,EAAAA,QAAO,CACNC,UAAU,MACVC,WAAYN,EACZO,MAAOL,EAAWK,MAAMC,SAGxBL,MAACM,aAAU,CACTC,iBAXU,gBAWU,UAAAC,OAAST,EAAWK,OACxCK,KAAK,QACLC,KAAK,aACLC,QAAS,WAAM,IAAAC,EACb,QAAAA,EAAAb,EAAWY,eAAX,IAAAC,GAAAA,EAAAC,KAAAd,GAEIA,EAAWe,IACblB,EAAgBmB,KAAKhB,EAAWe,GAElC,EAAAT,SAEFL,MAACgB,OAAI,CAAAX,SAAEN,EAAWkB,UAdflB,EAAWK,MAgBR,GAEd"}

package/cjs-bundle/components/DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("classnames"),t=require("react-router"),r=require("prop-types"),a=require("lodash"),n=require("../effects/useDevCenterRouter.js"),s=require("./UniversalLink.css.js"),i=require("react/jsx-runtime");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=l(e),o=l(r);function d(e){var r=e.href,a=e.children,l=e.className,o=e["data-testid"],d=e.onClick,c=n.useDevCenterRouter();return c?i.jsx("a",{href:r||null,children:i.jsx("button",{"data-testid":o,tabIndex:"0",role:"link",className:u.default(s.buttonLink,l),onClick:function(e){r&&(e.stopPropagation(),d(e),e.metaKey||e.ctrlKey?window.open(r,"_blank"):c.push(r))},children:a})}):i.jsx(t.Link,{"data-testid":o,to:r,className:l,children:a})}d.propTypes={href:o.default.any,children:o.default.node.isRequired,className:o.default.string,onClick:o.default.func,"data-testid":o.default.string},d.defaultProps={className:null,"data-testid":"UniversalLink",href:null,onClick:a.noop},exports.UniversalLink=d;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("classnames"),t=require("react-router-dom"),r=require("prop-types"),a=require("lodash"),n=require("../effects/useDevCenterRouter.js"),s=require("./UniversalLink.css.js"),i=require("react/jsx-runtime");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=l(e),o=l(r);function d(e){var r=e.href,a=e.children,l=e.className,o=e["data-testid"],d=e.onClick,c=n.useDevCenterRouter();return c?i.jsx("a",{href:r||null,children:i.jsx("button",{"data-testid":o,tabIndex:"0",role:"link",className:u.default(s.buttonLink,l),onClick:function(e){r&&(e.stopPropagation(),d(e),e.metaKey||e.ctrlKey?window.open(r,"_blank"):c.push(r))},children:a})}):i.jsx(t.Link,{"data-testid":o,to:r,className:l,children:a})}d.propTypes={href:o.default.any,children:o.default.node.isRequired,className:o.default.string,onClick:o.default.func,"data-testid":o.default.string},d.defaultProps={className:null,"data-testid":"UniversalLink",href:null,onClick:a.noop},exports.UniversalLink=d;
 //# sourceMappingURL=UniversalLink.js.map

package/cjs-bundle/components/DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"UniversalLink.js","sources":["../../../../../../src/components/DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js"],"sourcesContent":["import classNames from 'classnames';\nimport { Link as ReactRouterLink } from 'react-router';\nimport PropTypes from 'prop-types';\nimport { noop } from 'lodash';\n\nimport { useDevCenterRouter } from '../effects/useDevCenterRouter';\n\nimport styles from './UniversalLink.css';\n\nexport function UniversalLink({ href, children, className, 'data-testid': dataTestId, onClick }) {\n const devCenterRouter = useDevCenterRouter();\n\n if (devCenterRouter) {\n return (\n // NOTE: \"a\" element is needed to drag chip to tab bar while clicks are handled by button onClick handler\n <a href={href \|\| null}>\n <button\n data-testid={dataTestId}\n tabIndex=\"0\"\n role=\"link\"\n className={classNames(styles.buttonLink, className)}\n onClick={e => {\n if (href) {\n e.stopPropagation();\n onClick(e);\n if (e.metaKey \|\| e.ctrlKey) {\n window.open(href, '_blank');\n } else {\n devCenterRouter.push(href);\n }\n }\n }}\n >\n {children}\n </button>\n </a>\n );\n }\n\n return (\n <ReactRouterLink data-testid={dataTestId} to={href} className={className}>\n {children}\n </ReactRouterLink>\n );\n}\n\nUniversalLink.propTypes = {\n href: PropTypes.any,\n children: PropTypes.node.isRequired,\n className: PropTypes.string,\n onClick: PropTypes.func,\n 'data-testid': PropTypes.string,\n};\n\nUniversalLink.defaultProps = {\n className: null,\n 'data-testid': 'UniversalLink',\n href: null,\n onClick: noop,\n};\n"],"names":["UniversalLink","_ref","href","children","className","dataTestId","onClick","devCenterRouter","useDevCenterRouter","_jsx","jsx","tabIndex","role","classNames","styles","buttonLink","e","stopPropagation","metaKey","ctrlKey","window","open","push","ReactRouterLink","to","propTypes","PropTypes","any","node","isRequired","string","func","defaultProps","noop"],"mappings":"~~iXASO~~,SAASA,EAAiFC,GAAA,IAAjEC,IAAAA,KAAMC,IAAAA,SAAUC,IAAAA,UAA0BC,IAAf,eAA2BC,IAAAA,QAC9EC,EAAkBC,EAAAA,qBAExB,OAAID,EAGAE,EAAAA,IAAA,IAAA,CAAGP,KAAMA,GAAQ,KAAKC,SACpBM,EAAAC,IAAA,SAAA,CACE,cAAaL,EACbM,SAAS,IACTC,KAAK,OACLR,UAAWS,EAAU,QAACC,EAAOC,WAAYX,GACzCE,QAAS,SAAAU,GACHd,IACFc,EAAEC,kBACFX,EAAQU,GACJA,EAAEE,SAAWF,EAAEG,QACjBC,OAAOC,KAAKnB,EAAM,UAElBK,EAAgBe,KAAKpB,GAGzB,EAAAC,SAEDA,MAOPM,EAAAA,IAACc,EAAAA,KAAe,CAAC,cAAalB,EAAYmB,GAAItB,EAAME,UAAWA,EAAUD,SACtEA,GAGP,CAEAH,EAAcyB,UAAY,CACxBvB,KAAMwB,EAAS,QAACC,IAChBxB,SAAUuB,EAAAA,QAAUE,KAAKC,WACzBzB,UAAWsB,EAAS,QAACI,OACrBxB,QAASoB,EAAS,QAACK,KACnB,cAAeL,EAAS,QAACI,QAG3B9B,EAAcgC,aAAe,CAC3B5B,UAAW,KACX,cAAe,gBACfF,KAAM,KACNI,QAAS2B,EAAAA"}
1	+ {"version":3,"file":"UniversalLink.js","sources":["../../../../../../src/components/DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js"],"sourcesContent":["import classNames from 'classnames';\nimport { Link as ReactRouterLink } from 'react-router-dom';\nimport PropTypes from 'prop-types';\nimport { noop } from 'lodash';\n\nimport { useDevCenterRouter } from '../effects/useDevCenterRouter';\n\nimport styles from './UniversalLink.css';\n\nexport function UniversalLink({ href, children, className, 'data-testid': dataTestId, onClick }) {\n const devCenterRouter = useDevCenterRouter();\n\n if (devCenterRouter) {\n return (\n // NOTE: \"a\" element is needed to drag chip to tab bar while clicks are handled by button onClick handler\n <a href={href \|\| null}>\n <button\n data-testid={dataTestId}\n tabIndex=\"0\"\n role=\"link\"\n className={classNames(styles.buttonLink, className)}\n onClick={e => {\n if (href) {\n e.stopPropagation();\n onClick(e);\n if (e.metaKey \|\| e.ctrlKey) {\n window.open(href, '_blank');\n } else {\n devCenterRouter.push(href);\n }\n }\n }}\n >\n {children}\n </button>\n </a>\n );\n }\n\n return (\n <ReactRouterLink data-testid={dataTestId} to={href} className={className}>\n {children}\n </ReactRouterLink>\n );\n}\n\nUniversalLink.propTypes = {\n href: PropTypes.any,\n children: PropTypes.node.isRequired,\n className: PropTypes.string,\n onClick: PropTypes.func,\n 'data-testid': PropTypes.string,\n};\n\nUniversalLink.defaultProps = {\n className: null,\n 'data-testid': 'UniversalLink',\n href: null,\n onClick: noop,\n};\n"],"names":["UniversalLink","_ref","href","children","className","dataTestId","onClick","devCenterRouter","useDevCenterRouter","_jsx","jsx","tabIndex","role","classNames","styles","buttonLink","e","stopPropagation","metaKey","ctrlKey","window","open","push","ReactRouterLink","to","propTypes","PropTypes","any","node","isRequired","string","func","defaultProps","noop"],"mappings":"qXASO,SAASA,EAAiFC,GAAA,IAAjEC,IAAAA,KAAMC,IAAAA,SAAUC,IAAAA,UAA0BC,IAAf,eAA2BC,IAAAA,QAC9EC,EAAkBC,EAAAA,qBAExB,OAAID,EAGAE,EAAAA,IAAA,IAAA,CAAGP,KAAMA,GAAQ,KAAKC,SACpBM,EAAAC,IAAA,SAAA,CACE,cAAaL,EACbM,SAAS,IACTC,KAAK,OACLR,UAAWS,EAAU,QAACC,EAAOC,WAAYX,GACzCE,QAAS,SAAAU,GACHd,IACFc,EAAEC,kBACFX,EAAQU,GACJA,EAAEE,SAAWF,EAAEG,QACjBC,OAAOC,KAAKnB,EAAM,UAElBK,EAAgBe,KAAKpB,GAGzB,EAAAC,SAEDA,MAOPM,EAAAA,IAACc,EAAAA,KAAe,CAAC,cAAalB,EAAYmB,GAAItB,EAAME,UAAWA,EAAUD,SACtEA,GAGP,CAEAH,EAAcyB,UAAY,CACxBvB,KAAMwB,EAAS,QAACC,IAChBxB,SAAUuB,EAAAA,QAAUE,KAAKC,WACzBzB,UAAWsB,EAAS,QAACI,OACrBxB,QAASoB,EAAS,QAACK,KACnB,cAAeL,EAAS,QAACI,QAG3B9B,EAAcgC,aAAe,CAC3B5B,UAAW,KACX,cAAe,gBACfF,KAAM,KACNI,QAAS2B,EAAAA"}

package/cjs-bundle/components/DevCenter/DevCenterRouterContext/hocs/withUniversalLocationHOC.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),r=require("@babel/runtime/helpers/objectWithoutProperties"),t=require("react-router"),n=require("../effects/useDevCenterRouter.js"),o=require("react/jsx-runtime");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=i(e),u=i(r),a=["location","router","params"];function s(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function p(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?s(Object(t),!0).forEach((function(r){c.default(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):s(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function l(e){return e.displayName||e.name||"Component"}exports.withUniversalLocationHOC=function(e){var r=function(e){function r(r){var t=r.location;r.router,r.params;var n=u.default(r,a);return o.jsx(e,p({location:t},n))}return r.displayName="withReactRouterLocation(".concat(l(e),")"),t.withRouter(r)}(e);function i(t){var i=n.useDevCenterRouter();return i?o.jsx(e,p(p({},t),{},{location:i.location})):o.jsx(r,p({},t))}return i.displayName="WithUniversalLocationHOC(".concat(l(e),")"),i};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),t=require("@babel/runtime/helpers/objectWithoutProperties"),r=require("react-router-dom"),n=require("query-string"),o=require("../effects/useDevCenterRouter.js"),i=require("react/jsx-runtime");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=c(e),a=c(t),s=c(n),l=["location","history","match"];function f(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function p(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?f(Object(r),!0).forEach((function(t){u.default(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):f(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function b(e){return e.displayName||e.name||"Component"}exports.withUniversalLocationHOC=function(e){var t=function(e){function t(t){var r=t.location;t.history,t.match;var n=a.default(t,l),o=p(p({},r),{},{query:s.default.parse(r.search)});return i.jsx(e,p({location:o},n))}return t.displayName="withReactRouterLocation(".concat(b(e),")"),r.withRouter(t)}(e);function n(r){var n=o.useDevCenterRouter();return n?i.jsx(e,p(p({},r),{},{location:n.location})):i.jsx(t,p({},r))}return n.displayName="WithUniversalLocationHOC(".concat(b(e),")"),n};
 //# sourceMappingURL=withUniversalLocationHOC.js.map

package/cjs-bundle/components/DevCenter/DevCenterRouterContext/hocs/withUniversalLocationHOC.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"withUniversalLocationHOC.js","sources":["../../../../../../src/components/DevCenter/DevCenterRouterContext/hocs/withUniversalLocationHOC.js"],"sourcesContent":["import { withRouter } from 'react-router';\n\nimport { useDevCenterRouter } from '../effects/useDevCenterRouter';\n\nfunction getDisplayName(WrappedComponent) {\n return WrappedComponent.displayName \|\| WrappedComponent.name \|\| 'Component';\n}\n\nfunction withReactRouterLocation(Component) {\n function WithReactRouterLocation({ location, ~~router~~, ~~params~~, ...otherProps }) {\n return <Component location={~~location~~} {...otherProps} />;\n }\n\n WithReactRouterLocation.displayName = `withReactRouterLocation(${getDisplayName(Component)})`;\n\n return withRouter(WithReactRouterLocation);\n}\n\nexport function withUniversalLocationHOC(Component) {\n const ComponentWithReactRouterLocation = withReactRouterLocation(Component);\n\n function WithUniversalLocation(props) {\n const devCenterRouter = useDevCenterRouter();\n\n if (devCenterRouter) {\n return <Component {...props} location={devCenterRouter.location} />;\n }\n\n return <ComponentWithReactRouterLocation {...props} />;\n }\n\n WithUniversalLocation.displayName = `WithUniversalLocationHOC(${getDisplayName(Component)})`;\n\n return WithUniversalLocation;\n}\n"],"names":["getDisplayName","WrappedComponent","displayName","name","Component","ComponentWithReactRouterLocation","WithReactRouterLocation","_ref","location","~~router~~","~~params~~","otherProps","_objectWithoutProperties","_excluded","_jsx","_objectSpread","concat","withRouter","withReactRouterLocation","WithUniversalLocation","props","devCenterRouter","useDevCenterRouter"],"mappings":"~~g+BAIA~~,SAASA,EAAeC,GACtB,OAAOA,EAAiBC,aAAeD,EAAiBE,MAAQ,WAClE,~~kCAYO~~,SAAkCC,GACvC,IAAMC,~~EAXR~~,SAAiCD,GAC/B,SAASE,EAAqEC,GAA3CC,IAAAA,IAAAA,WAAUC,~~SAAQC~~,~~WAAWC~~,EAAUC,EAAAA,QAAAL,EAAAM,~~GACxE~~,OAAOC,~~MAACV~~,~~EAASW~~,EAAA,~~CAACP~~,~~SAAUA~~,~~GAAcG~~,~~GAC5C~~,CAIA,OAFAL,EAAwBJ,YAAW,~~2BAAAc~~,~~OAA8BhB~~,EAAeI,GAAa,~~KAEtFa~~,EAAAA,~~WAAWX~~,EACpB,~~CAG2CY~~,~~CAAwBd~~,GAEjE,~~SAASe~~,EAAsBC,GAC7B,IAAMC,EAAkBC,EAAAA,qBAExB,OAAID,EACKP,EAAAA,~~IAACV~~,~~EAASW~~,EAAAA,EAAA,GAAKK,GAAK,GAAA,~~CAAEZ~~,~~SAAUa~~,~~EAAgBb~~,~~YAGlDM~~,EAAAA,~~IAACT~~,~~EAAqCe~~,EAAAA,CAAAA,EAAAA,GAC/C,CAIA,OAFAD,~~EAAsBjB~~,YAAW,~~4BAAAc~~,OAA+~~BhB~~,EAAeI,GAAa,~~KAErFe~~,CACT"}
1	+ {"version":3,"file":"withUniversalLocationHOC.js","sources":["../../../../../../src/components/DevCenter/DevCenterRouterContext/hocs/withUniversalLocationHOC.js"],"sourcesContent":["import { withRouter } from 'react-router-dom';\nimport queryString from 'query-string';\n\nimport { useDevCenterRouter } from '../effects/useDevCenterRouter';\n\nfunction getDisplayName(WrappedComponent) {\n return WrappedComponent.displayName \|\| WrappedComponent.name \|\| 'Component';\n}\n\nfunction withReactRouterLocation(Component) {\n function WithReactRouterLocation({ location, history, match, ...otherProps }) {\n const locationWithQuery = {\n ...location,\n query: queryString.parse(location.search),\n };\n return <Component location={locationWithQuery} {...otherProps} />;\n }\n\n WithReactRouterLocation.displayName = `withReactRouterLocation(${getDisplayName(Component)})`;\n\n return withRouter(WithReactRouterLocation);\n}\n\nexport function withUniversalLocationHOC(Component) {\n const ComponentWithReactRouterLocation = withReactRouterLocation(Component);\n\n function WithUniversalLocation(props) {\n const devCenterRouter = useDevCenterRouter();\n\n if (devCenterRouter) {\n return <Component {...props} location={devCenterRouter.location} />;\n }\n\n return <ComponentWithReactRouterLocation {...props} />;\n }\n\n WithUniversalLocation.displayName = `WithUniversalLocationHOC(${getDisplayName(Component)})`;\n\n return WithUniversalLocation;\n}\n"],"names":["getDisplayName","WrappedComponent","displayName","name","Component","ComponentWithReactRouterLocation","WithReactRouterLocation","_ref","location","history","match","otherProps","_objectWithoutProperties","_excluded","locationWithQuery","query","queryString","parse","search","_jsx","_objectSpread","concat","withRouter","withReactRouterLocation","WithUniversalLocation","props","devCenterRouter","useDevCenterRouter"],"mappings":"qgCAKA,SAASA,EAAeC,GACtB,OAAOA,EAAiBC,aAAeD,EAAiBE,MAAQ,WAClE,kCAgBO,SAAkCC,GACvC,IAAMC,EAfR,SAAiCD,GAC/B,SAASE,EAAqEC,GAA3CC,IAAAA,IAAAA,WAAUC,UAASC,UAAUC,EAAUC,EAAAA,QAAAL,EAAAM,GAClEC,SACDN,GAAQ,GAAA,CACXO,MAAOC,EAAW,QAACC,MAAMT,EAASU,UAEpC,OAAOC,MAACf,EAASgB,EAAA,CAACZ,SAAUM,GAAuBH,GACrD,CAIA,OAFAL,EAAwBJ,YAAW,2BAAAmB,OAA8BrB,EAAeI,GAAa,KAEtFkB,EAAAA,WAAWhB,EACpB,CAG2CiB,CAAwBnB,GAEjE,SAASoB,EAAsBC,GAC7B,IAAMC,EAAkBC,EAAAA,qBAExB,OAAID,EACKP,EAAAA,IAACf,EAASgB,EAAAA,EAAA,GAAKK,GAAK,GAAA,CAAEjB,SAAUkB,EAAgBlB,YAGlDW,EAAAA,IAACd,EAAqCoB,EAAAA,CAAAA,EAAAA,GAC/C,CAIA,OAFAD,EAAsBtB,YAAW,4BAAAmB,OAA+BrB,EAAeI,GAAa,KAErFoB,CACT"}

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

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

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

package/cjs-bundle/components/DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),s=require("@babel/runtime/helpers/objectWithoutProperties"),o=require("react"),r=require("prop-types"),n=require("@material-ui/core"),i=require("classnames"),t=require("moment-timezone"),c=require("./effects/useXProps.js"),u=require("./constants.js"),l=require("./utils/replaceUndefinedValuesWithNull.js"),a=require("./utils/dashboardCapturing.js"),p=require("../DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js"),d=require("../DevCenterAppContainer/DevCenterAppContainer.js"),m=require("react/jsx-runtime");require("@icon-park/react/es/all");var j=require("../../../icons/IconParkProvider.js");require("../../../icons/customIcons/icons/AddMessage.js"),require("../../../icons/customIcons/icons/Attention.js"),require("../../../icons/customIcons/icons/Collapse.js"),require("../../../icons/customIcons/icons/Dashboard.js"),require("../../../icons/customIcons/icons/Expand.js"),require("../../../icons/customIcons/icons/FolderClosed.js"),require("../../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../../icons/customIcons/icons/FolderOpened.js"),require("../../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../../icons/customIcons/icons/LessOrEqual.js"),require("../../../icons/customIcons/icons/Search.js"),require("../../../icons/customIcons/icons/SearchOne.js"),require("../../../icons/customIcons/icons/Wellhub.js"),require("../../../icons/customIcons/icons/MultiRuler.js"),require("../../../icons/customIcons/icons/Checkbox.js"),require("../../../icons/customIcons/icons/CheckboxChecked.js"),require("../../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../../icons/customIcons/icons/Radio.js"),require("../../../icons/customIcons/icons/RadioChecked.js"),require("../../../icons/customIcons/icons/SimulFrac.js"),require("../../../icons/customIcons/icons/ZipperFrac.js"),require("../../../icons/customIcons/icons/CautionFilled.js"),require("../../../icons/customIcons/icons/MoreApp.js"),require("../../../icons/customIcons/icons/Pad.js"),require("../../../icons/customIcons/icons/DrilloutUnit.js"),require("../../../icons/customIcons/icons/FracFleet.js"),require("../../../icons/customIcons/icons/Global.js"),require("../../../icons/customIcons/icons/Program.js"),require("../../../icons/customIcons/icons/Rig.js"),require("../../../icons/customIcons/icons/Well.js"),require("../../../icons/customIcons/icons/Gap.js"),require("../../../icons/customIcons/icons/Pin.js"),require("../../../icons/customIcons/icons/CloseOneFilled.js"),require("../../../icons/customIcons/icons/AttentionFilled.js"),require("../../../icons/customIcons/icons/CheckOneFilled.js"),require("../../../icons/customIcons/icons/Archive.js"),require("../../../icons/customIcons/icons/ArchiveCancel.js"),require("../../../icons/customIcons/icons/Unarchive.js"),require("../../../icons/customIcons/icons/Archived.js"),require("../../../icons/customIcons/icons/InterventionUnit.js"),require("../../../icons/customIcons/icons/CloudDelete.js"),require("../../../icons/customIcons/icons/Lasso.js"),require("../../../icons/customIcons/icons/Radius.js");var q=require("../../../hocs/withMUIProvidersHOC.js");require("../../../hocs/withAssetEditorLockHOC.js");var I=require("../AppContext.js"),f=require("../../../constants/theme.js"),C=require("../../../CLI/hocs/constants.js"),g=require("../../../utils/themeVariables.js"),h=require("../../../CLI/hocs/utils.js"),b=require("../../../permissions/PermissionsContext.js"),v=require("../../../utils/index.js");function P(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../../styles/iconPark.global.css.js"),require("../../../styles/index.global.css.js"),require("../../../styles/reactVirtualized.global.css.js"),require("../../../styles/emojiMart.global.css.js"),require("../../../styles/mapbox.global.css.js"),require("../../../styles/lightbox.global.css.js"),require("../../../styles/generatedThemesVariables.global.css.js"),require("../../../styles/customScrollbars.global.css.js");var A=P(e),O=P(s),E=P(r),y=P(i),x=P(t),S=["appContextValue","globalMixpanelEventTracker","globalNotificationToastsAPI","onSettingChange","onSettingsChange","permissionsContextValue","timezone","userUnits"];function D(e,s){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);s&&(r=r.filter((function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable}))),o.push.apply(o,r)}return o}function L(e){for(var s=1;s<arguments.length;s++){var o=null!=arguments[s]?arguments[s]:{};s%2?D(Object(o),!0).forEach((function(s){A.default(e,s,o[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):D(Object(o)).forEach((function(s){Object.defineProperty(e,s,Object.getOwnPropertyDescriptor(o,s))}))}return e}var T=q(d),w=n.makeStyles((function(){return{"@global":{body:{backgroundColor:"transparent",overflow:"hidden"}}}}));function k(e){var s,r,n,i,t=e.CLIAppComponent,d=e.CLIAppSettings,q=e.containerReportClassName;w();var P=c.useXProps(),A=P.appContextValue,E=P.globalMixpanelEventTracker,D=P.globalNotificationToastsAPI,k=P.onSettingChange,M=P.onSettingsChange,R=P.permissionsContextValue,F=P.timezone,U=P.userUnits,V=O.default(P,S),N=V.location.pathname.startsWith("/reports/")||h.isPDFReportView,H=null==V||null===(s=V.app)||void 0===s?void 0:s.id,_=localStorage.getItem(C.LOCAL_STORAGE_APP_THEME_KEY)||(null===(r=V.currentUser)||void 0===r||null===(n=r.settings)||void 0===n||null===(i=n.uiSettings)||void 0===i?void 0:i.theme)||f.THEMES.DARK,G=!N&&_!==f.THEMES.LIGHT;o.useEffect((function(){g.setThemeVariables(G)}),[G]),o.useEffect((function(){window[Symbol.for("notificationToasts")]=D,window[Symbol.for("logToMixpanel")]=E}),[D,E]);var W=o.useRef(!0);return(W.current||N)&&(W.current=!1,v.updateUserUnits({userUnits:U})),o.useEffect((function(){return F&&x.default.tz.setDefault(F),function(){return x.default.tz.setDefault(null)}}),[F]),o.useEffect((function(){var e=a.getDashboardCapturingHandler(H);return window.addEventListener("message",e),function(){return window.removeEventListener("message",e)}}),[H]),m.jsx(b.PermissionsContext.Provider,{value:R,children:m.jsx(I.Provider,{value:A,children:m.jsx(p.IsInsideIsolatedDcAppProvider,{value:!0,children:m.jsx(j.IconParkProvider,{children:m.jsx("div",{id:u.ISOLATED_PAGE_APP_CONTAINER_ID,className:y.default(N&&q),children:m.jsx(T,L(L({},V),{},{theme:G?f.THEMES.DARK:f.THEMES.LIGHT,onSettingsChange:function(e){return M(l.replaceUndefinedValuesWithNull(e))},onSettingChange:function(e,s){return k(e,l.replaceUndefinedValuesWithNull(s))},CLIAppComponent:t,CLIAppSettings:d}))})})})})})}k.propTypes={CLIAppComponent:E.default.func,CLIAppSettings:E.default.func,containerReportClassName:E.default.string},k.defaultProps={CLIAppComponent:null,CLIAppSettings:null,containerReportClassName:null},exports.DevCenterIsolatedAppPage=k;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),s=require("@babel/runtime/helpers/objectWithoutProperties"),o=require("react"),r=require("prop-types"),n=require("@material-ui/core"),i=require("classnames"),t=require("moment-timezone"),c=require("react-router-dom"),u=require("./effects/useXProps.js"),l=require("./constants.js"),a=require("./utils/replaceUndefinedValuesWithNull.js"),p=require("./utils/dashboardCapturing.js"),d=require("../DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js"),m=require("../DevCenterAppContainer/DevCenterAppContainer.js"),j=require("react/jsx-runtime");require("@icon-park/react/es/all");var q=require("../../../icons/IconParkProvider.js");require("../../../icons/customIcons/icons/AddMessage.js"),require("../../../icons/customIcons/icons/Attention.js"),require("../../../icons/customIcons/icons/Collapse.js"),require("../../../icons/customIcons/icons/Dashboard.js"),require("../../../icons/customIcons/icons/Expand.js"),require("../../../icons/customIcons/icons/FolderClosed.js"),require("../../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../../icons/customIcons/icons/FolderOpened.js"),require("../../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../../icons/customIcons/icons/LessOrEqual.js"),require("../../../icons/customIcons/icons/Search.js"),require("../../../icons/customIcons/icons/SearchOne.js"),require("../../../icons/customIcons/icons/Wellhub.js"),require("../../../icons/customIcons/icons/MultiRuler.js"),require("../../../icons/customIcons/icons/Checkbox.js"),require("../../../icons/customIcons/icons/CheckboxChecked.js"),require("../../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../../icons/customIcons/icons/Radio.js"),require("../../../icons/customIcons/icons/RadioChecked.js"),require("../../../icons/customIcons/icons/SimulFrac.js"),require("../../../icons/customIcons/icons/ZipperFrac.js"),require("../../../icons/customIcons/icons/CautionFilled.js"),require("../../../icons/customIcons/icons/MoreApp.js"),require("../../../icons/customIcons/icons/Pad.js"),require("../../../icons/customIcons/icons/DrilloutUnit.js"),require("../../../icons/customIcons/icons/FracFleet.js"),require("../../../icons/customIcons/icons/Global.js"),require("../../../icons/customIcons/icons/Program.js"),require("../../../icons/customIcons/icons/Rig.js"),require("../../../icons/customIcons/icons/Well.js"),require("../../../icons/customIcons/icons/Gap.js"),require("../../../icons/customIcons/icons/Pin.js"),require("../../../icons/customIcons/icons/CloseOneFilled.js"),require("../../../icons/customIcons/icons/AttentionFilled.js"),require("../../../icons/customIcons/icons/CheckOneFilled.js"),require("../../../icons/customIcons/icons/Archive.js"),require("../../../icons/customIcons/icons/ArchiveCancel.js"),require("../../../icons/customIcons/icons/Unarchive.js"),require("../../../icons/customIcons/icons/Archived.js"),require("../../../icons/customIcons/icons/InterventionUnit.js"),require("../../../icons/customIcons/icons/CloudDelete.js"),require("../../../icons/customIcons/icons/Lasso.js"),require("../../../icons/customIcons/icons/Radius.js");var I=require("../../../hocs/withMUIProvidersHOC.js");require("../../../hocs/withAssetEditorLockHOC.js");var f=require("../AppContext.js"),C=require("../../../constants/theme.js"),h=require("../../../CLI/hocs/constants.js"),g=require("../../../utils/themeVariables.js"),b=require("../../../CLI/hocs/utils.js"),v=require("../../../permissions/PermissionsContext.js"),P=require("../../../utils/index.js");function A(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../../styles/iconPark.global.css.js"),require("../../../styles/index.global.css.js"),require("../../../styles/reactVirtualized.global.css.js"),require("../../../styles/emojiMart.global.css.js"),require("../../../styles/mapbox.global.css.js"),require("../../../styles/lightbox.global.css.js"),require("../../../styles/generatedThemesVariables.global.css.js"),require("../../../styles/customScrollbars.global.css.js");var E=A(e),O=A(s),y=A(r),x=A(i),S=A(t),D=["appContextValue","globalMixpanelEventTracker","globalNotificationToastsAPI","onSettingChange","onSettingsChange","permissionsContextValue","timezone","userUnits"];function L(e,s){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);s&&(r=r.filter((function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable}))),o.push.apply(o,r)}return o}function T(e){for(var s=1;s<arguments.length;s++){var o=null!=arguments[s]?arguments[s]:{};s%2?L(Object(o),!0).forEach((function(s){E.default(e,s,o[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):L(Object(o)).forEach((function(s){Object.defineProperty(e,s,Object.getOwnPropertyDescriptor(o,s))}))}return e}var w=I(m),k=n.makeStyles((function(){return{"@global":{body:{backgroundColor:"transparent",overflow:"hidden"}}}}));function M(e){var s,r,n,i,t,m,I=e.CLIAppComponent,A=e.CLIAppSettings,E=e.containerReportClassName;k();var y=u.useXProps(),L=y.appContextValue,M=y.globalMixpanelEventTracker,R=y.globalNotificationToastsAPI,F=y.onSettingChange,U=y.onSettingsChange,V=y.permissionsContextValue,N=y.timezone,H=y.userUnits,_=O.default(y,D),G=_.location.pathname.startsWith("/reports/")||b.isPDFReportView,W=null==_||null===(s=_.app)||void 0===s?void 0:s.id,z=localStorage.getItem(h.LOCAL_STORAGE_APP_THEME_KEY)||(null===(r=_.currentUser)||void 0===r||null===(n=r.settings)||void 0===n||null===(i=n.uiSettings)||void 0===i?void 0:i.theme)||C.THEMES.DARK,K=!G&&z!==C.THEMES.LIGHT;o.useEffect((function(){g.setThemeVariables(K)}),[K]),o.useEffect((function(){window[Symbol.for("notificationToasts")]=R,window[Symbol.for("logToMixpanel")]=M}),[R,M]);var X=o.useRef(!0);return(X.current||G)&&(X.current=!1,P.updateUserUnits({userUnits:H})),o.useEffect((function(){return N&&S.default.tz.setDefault(N),function(){return S.default.tz.setDefault(null)}}),[N]),o.useEffect((function(){var e=p.getDashboardCapturingHandler(W);return window.addEventListener("message",e),function(){return window.removeEventListener("message",e)}}),[W]),j.jsx(c.MemoryRouter,{initialEntries:[((null===(t=_.location)||void 0===t?void 0:t.pathname)||"/")+((null===(m=_.location)||void 0===m?void 0:m.search)||"")],children:j.jsx(v.PermissionsContext.Provider,{value:V,children:j.jsx(f.Provider,{value:L,children:j.jsx(d.IsInsideIsolatedDcAppProvider,{value:!0,children:j.jsx(q.IconParkProvider,{children:j.jsx("div",{id:l.ISOLATED_PAGE_APP_CONTAINER_ID,className:x.default(G&&E),children:j.jsx(w,T(T({},_),{},{theme:K?C.THEMES.DARK:C.THEMES.LIGHT,onSettingsChange:function(e){return U(a.replaceUndefinedValuesWithNull(e))},onSettingChange:function(e,s){return F(e,a.replaceUndefinedValuesWithNull(s))},CLIAppComponent:I,CLIAppSettings:A}))})})})})})})}M.propTypes={CLIAppComponent:y.default.func,CLIAppSettings:y.default.func,containerReportClassName:y.default.string},M.defaultProps={CLIAppComponent:null,CLIAppSettings:null,containerReportClassName:null},exports.DevCenterIsolatedAppPage=M;
 //# sourceMappingURL=DevCenterIsolatedAppPage.js.map

package/cjs-bundle/components/DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DevCenterIsolatedAppPage.js","sources":["../../../../../src/components/DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { makeStyles } from '@material-ui/core';\nimport classNames from 'classnames';\nimport moment from 'moment-timezone';\n\nimport { useXProps } from './effects/useXProps';\nimport { ISOLATED_PAGE_APP_CONTAINER_ID } from './constants';\nimport { replaceUndefinedValuesWithNull } from './utils/replaceUndefinedValuesWithNull';\nimport { getDashboardCapturingHandler } from './utils/dashboardCapturing';\n\nimport { IsInsideIsolatedDcAppProvider } from '~/components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider';\nimport DevCenterAppContainer from '~/components/DevCenter/DevCenterAppContainer';\nimport { IconParkProvider } from '~/icons';\nimport { withMUIProvidersHOC } from '~/hocs';\nimport AppContext from '~/components/DevCenter/AppContext';\nimport { THEMES } from '~/constants/theme';\nimport { LOCAL_STORAGE_APP_THEME_KEY } from '~/CLI/hocs/constants';\nimport { setThemeVariables } from '~/utils/themeVariables';\nimport { isPDFReportView } from '~/CLI/hocs/utils';\nimport { PermissionsContext } from '~/permissions/PermissionsContext';\nimport { updateUserUnits } from '~/utils';\nimport '~/styles/globalStyles';\n\nconst DevCenterAppContainerWithMUI = withMUIProvidersHOC(DevCenterAppContainer);\n\n/*\n It's important to keep these global styles in js, to apply only\n * when the component is actually used, if moved to CSS - they'll be\n * applied to whatever somehow imports the code\n /\nconst useStyles = makeStyles(() => ({\n '@global': {\n body: {\n backgroundColor: 'transparent',\n overflow: 'hidden',\n },\n },\n}));\n\n/\n Root component that is rendered inside of app's iframe.\n * Receives CLIAppComponent, CLIAppSettings when used\n * in local development\n */\nexport function DevCenterIsolatedAppPage({\n CLIAppComponent,\n CLIAppSettings,\n containerReportClassName,\n}) {\n useStyles();\n\n const {\n appContextValue,\n globalMixpanelEventTracker,\n globalNotificationToastsAPI,\n onSettingChange,\n onSettingsChange,\n permissionsContextValue,\n timezone,\n userUnits,\n ...xProps\n } = useXProps();\n const isReportsPage = xProps.location.pathname.startsWith('/reports/') \|\| isPDFReportView;\n const appId = xProps?.app?.id;\n\n // Force light theme for PDF reports view\n const selectedTheme =\n localStorage.getItem(LOCAL_STORAGE_APP_THEME_KEY) \|\|\n xProps.currentUser?.settings?.uiSettings?.theme \|\|\n THEMES.DARK;\n const isDarkTheme = !isReportsPage && selectedTheme !== THEMES.LIGHT;\n\n useEffect(() => {\n setThemeVariables(isDarkTheme);\n }, [isDarkTheme]);\n\n useEffect(() => {\n window[Symbol.for('notificationToasts')] = globalNotificationToastsAPI;\n window[Symbol.for('logToMixpanel')] = globalMixpanelEventTracker;\n }, [globalNotificationToastsAPI, globalMixpanelEventTracker]);\n\n const isFirstRenderRef = useRef(true);\n if (isFirstRenderRef.current \|\| isReportsPage) {\n isFirstRenderRef.current = false;\n updateUserUnits({ userUnits });\n }\n\n useEffect(() => {\n if (timezone) moment.tz.setDefault(timezone);\n return () => moment.tz.setDefault(null);\n }, [timezone]);\n\n useEffect(() => {\n const dashboardCapturingHandler = getDashboardCapturingHandler(appId);\n window.addEventListener('message', dashboardCapturingHandler);\n return () => window.removeEventListener('message', dashboardCapturingHandler);\n }, [appId]);\n\n return (\n <PermissionsContext.Provider value={permissionsContextValue}>\n <AppContext.Provider value={appContextValue}>\n <IsInsideIsolatedDcAppProvider value>\n <IconParkProvider>\n <div\n id={ISOLATED_PAGE_APP_CONTAINER_ID}\n className={classNames(isReportsPage && containerReportClassName)}\n >\n <DevCenterAppContainerWithMUI\n {...xProps}\n theme={isDarkTheme ? THEMES.DARK : THEMES.LIGHT}\n // zoid serializes passed arguments using JSON.stringify.\n // All undefined values are removed as they are not valid JSON values\n // so we replace undefined values with null to not drop them\n // Any future cb function that passes arbitrary objects as args\n // also should be wrapped in this mapper\n // ⚠️⚠️⚠️ When refactoring this to referentially stable callbacks, remove `useStableCallback` from\n // /src/componentsV2/AppCommonsProvider/AppCommonsProvider.tsx\n onSettingsChange={nextSettings =>\n onSettingsChange(replaceUndefinedValuesWithNull(nextSettings))\n }\n onSettingChange={(key, value) =>\n onSettingChange(key, replaceUndefinedValuesWithNull(value))\n }\n CLIAppComponent={CLIAppComponent}\n CLIAppSettings={CLIAppSettings}\n />\n </div>\n </IconParkProvider>\n </IsInsideIsolatedDcAppProvider>\n </AppContext.Provider>\n </PermissionsContext.Provider>\n );\n}\n\nDevCenterIsolatedAppPage.propTypes = {\n CLIAppComponent: PropTypes.func,\n CLIAppSettings: PropTypes.func,\n containerReportClassName: PropTypes.string,\n};\n\nDevCenterIsolatedAppPage.defaultProps = {\n CLIAppComponent: null,\n CLIAppSettings: null,\n containerReportClassName: null,\n};\n"],"names":["DevCenterAppContainerWithMUI","withMUIProvidersHOC","DevCenterAppContainer","useStyles","makeStyles","body","backgroundColor","overflow","DevCenterIsolatedAppPage","_ref","_xProps$app","_xProps$currentUser","_xProps$currentUser$s","_xProps$currentUser$s2","CLIAppComponent","CLIAppSettings","containerReportClassName","_useXProps","useXProps","appContextValue","globalMixpanelEventTracker","globalNotificationToastsAPI","onSettingChange","onSettingsChange","permissionsContextValue","timezone","userUnits","xProps","_objectWithoutProperties","_excluded","isReportsPage","location","pathname","startsWith","isPDFReportView","appId","app","id","selectedTheme","localStorage","getItem","LOCAL_STORAGE_APP_THEME_KEY","currentUser","settings","uiSettings","theme","THEMES","DARK","isDarkTheme","LIGHT","useEffect","setThemeVariables","window","Symbol","for","isFirstRenderRef","useRef","current","updateUserUnits","moment","tz","setDefault","dashboardCapturingHandler","getDashboardCapturingHandler","addEventListener","removeEventListener","_jsx","~~jsx~~","PermissionsContext","Provider","value","~~children","~~AppContext","IsInsideIsolatedDcAppProvider","IconParkProvider","ISOLATED_PAGE_APP_CONTAINER_ID","className","classNames","_objectSpread","nextSettings","replaceUndefinedValuesWithNull","key","propTypes","PropTypes","func","string","defaultProps"],"mappings":"~~k0JAwBA~~,IAAMA,EAA+BC,EAAoBC,GAOnDC,EAAYC,EAAUA,YAAC,WAAA,MAAO,CAClC,UAAW,CACTC,KAAM,CACJC,gBAAiB,cACjBC,SAAU,WAGf,IAOM,SAASC,EAIbC,GAAA,IAAAC,EAAAC,EAAAC,EAAAC,EAHDC,IAAAA,gBACAC,IAAAA,eACAC,IAAAA,~~yBAEAb~~,IAEA,~~IAAAc~~,EAUIC,EAAAA,YATFC,IAAAA,gBACAC,IAAAA,2BACAC,IAAAA,4BACAC,IAAAA,gBACAC,IAAAA,iBACAC,IAAAA,wBACAC,IAAAA,SACAC,IAAAA,UACGC,EAAMC,EAAA,QAAAX,EAAAY,GAELC,EAAgBH,EAAOI,SAASC,SAASC,WAAW,cAAgBC,kBACpEC,EAAQR,SAAA,QAAAA,EAAAA,EAAQS,WAAR,~~IAAA1B~~,~~OAAAiB~~,~~EAAAjB~~,~~EAAa2B~~,GAGrBC,EACJC,aAAaC,QAAQC,EAA2BA,uCAChDd,EAAAA,EAAOe,0BAAP,~~UAAA/B~~,~~EAAoBgC~~,gBAApB,~~IAAA/B~~,GAAwC,QAAxCC,EAAAD,~~EAA8BgC~~,kBAAU,~~IAAA/B~~,SAAxCA,~~EAA0CgC~~,QAC1CC,EAAMA,OAACC,KACHC,GAAelB,GAAiBQ,IAAkBQ,EAAAA,OAAOG,MAE/DC,EAAAA,WAAU,WACRC,EAAiBA,kBAACH,EACpB,GAAG,CAACA,IAEJE,EAAAA,WAAU,WACRE,OAAOC,OAAOC,IAAI,uBAAyBjC,EAC3C+B,OAAOC,OAAOC,IAAI,kBAAoBlC,CACxC,GAAG,CAACC,EAA6BD,IAEjC,IAAMmC,EAAmBC,UAAO,GAiBhC,OAhBID,EAAiBE,SAAW3B,KAC9ByB,EAAiBE,SAAU,EAC3BC,kBAAgB,CAAEhC,UAAAA,KAGpBwB,EAAAA,WAAU,WAER,OADIzB,GAAUkC,EAAM,QAACC,GAAGC,WAAWpC,GAC5B,WAAA,OAAMkC,UAAOC,GAAGC,WAAW,KAAK,CACzC,GAAG,CAACpC,IAEJyB,EAAAA,WAAU,WACR,IAAMY,EAA4BC,+BAA6B5B,GAE/D,OADAiB,OAAOY,iBAAiB,UAAWF,GAC5B,WAAA,OAAMV,OAAOa,oBAAoB,UAAWH,EAA0B,CAC/E,GAAG,CAAC3B,IAGF+B,~~EAAAC~~,IAACC,EAAkBA,mBAACC,SAAQ,CAACC,~~MAAO9C~~,~~EAAwB+C~~,~~SAC1DL~~,EAAAA,~~IAACM~~,~~EAAWH~~,SAAQ,CAACC,~~MAAOnD~~,~~EAAgBoD~~,~~SAC1CL~~,~~MAACO~~,gCAA6B,~~CAACH~~,OAAK,~~EAAAC~~,~~SAClCL~~,~~MAACQ~~,mBAAgB,~~CAAAH~~,~~SACfL~~,~~EAAAC~~,IAAA,MAAA,~~CACE9B~~,~~GAAIsC~~,EAA+BA,+BACnCC,UAAWC,EAAAA,~~QAAW/C~~,GAAiBd,~~GAA0BuD~~,~~SAEjEL~~,EAAAA,~~IAAClE~~,~~EAA4B8E~~,EAAAA,EAAA,~~GACvBnD~~,GAAM,GAAA,CACVkB,MAAOG,EAAcF,EAAAA,OAAOC,KAAOD,EAAMA,OAACG,MAQ1C1B,iBAAkB,~~SAAAwD~~,GAAY,~~OAC5BxD~~,~~EAAiByD~~,EAAAA,+BAA+BD,GACjD,~~EACDzD~~,gBAAiB,~~SAAC2D~~,EAAKX,GAAK,~~OAC1BhD~~,~~EAAgB2D~~,EAAKD,iCAA+BV,GACrD,~~EACDxD~~,gBAAiBA,EACjBC,eAAgBA,~~cAQhC~~,~~CAEAP~~,~~EAAyB0E~~,UAAY,~~CACnCpE~~,~~gBAAiBqE~~,EAAS,QAACC,~~KAC3BrE~~,~~eAAgBoE~~,EAAS,QAACC,~~KAC1BpE~~,~~yBAA0BmE~~,EAAS,QAACE,~~QAGtC7E~~,~~EAAyB8E~~,aAAe,~~CACtCxE~~,gBAAiB,KACjBC,eAAgB,KAChBC,yBAA0B"}
1	+ {"version":3,"file":"DevCenterIsolatedAppPage.js","sources":["../../../../../src/components/DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { makeStyles } from '@material-ui/core';\nimport classNames from 'classnames';\nimport moment from 'moment-timezone';\nimport { MemoryRouter } from 'react-router-dom';\n\nimport { useXProps } from './effects/useXProps';\nimport { ISOLATED_PAGE_APP_CONTAINER_ID } from './constants';\nimport { replaceUndefinedValuesWithNull } from './utils/replaceUndefinedValuesWithNull';\nimport { getDashboardCapturingHandler } from './utils/dashboardCapturing';\n\nimport { IsInsideIsolatedDcAppProvider } from '~/components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider';\nimport DevCenterAppContainer from '~/components/DevCenter/DevCenterAppContainer';\nimport { IconParkProvider } from '~/icons';\nimport { withMUIProvidersHOC } from '~/hocs';\nimport AppContext from '~/components/DevCenter/AppContext';\nimport { THEMES } from '~/constants/theme';\nimport { LOCAL_STORAGE_APP_THEME_KEY } from '~/CLI/hocs/constants';\nimport { setThemeVariables } from '~/utils/themeVariables';\nimport { isPDFReportView } from '~/CLI/hocs/utils';\nimport { PermissionsContext } from '~/permissions/PermissionsContext';\nimport { updateUserUnits } from '~/utils';\nimport '~/styles/globalStyles';\n\nconst DevCenterAppContainerWithMUI = withMUIProvidersHOC(DevCenterAppContainer);\n\n/*\n It's important to keep these global styles in js, to apply only\n * when the component is actually used, if moved to CSS - they'll be\n * applied to whatever somehow imports the code\n /\nconst useStyles = makeStyles(() => ({\n '@global': {\n body: {\n backgroundColor: 'transparent',\n overflow: 'hidden',\n },\n },\n}));\n\n/\n Root component that is rendered inside of app's iframe.\n * Receives CLIAppComponent, CLIAppSettings when used\n * in local development\n */\nexport function DevCenterIsolatedAppPage({\n CLIAppComponent,\n CLIAppSettings,\n containerReportClassName,\n}) {\n useStyles();\n\n const {\n appContextValue,\n globalMixpanelEventTracker,\n globalNotificationToastsAPI,\n onSettingChange,\n onSettingsChange,\n permissionsContextValue,\n timezone,\n userUnits,\n ...xProps\n } = useXProps();\n const isReportsPage = xProps.location.pathname.startsWith('/reports/') \|\| isPDFReportView;\n const appId = xProps?.app?.id;\n\n // Force light theme for PDF reports view\n const selectedTheme =\n localStorage.getItem(LOCAL_STORAGE_APP_THEME_KEY) \|\|\n xProps.currentUser?.settings?.uiSettings?.theme \|\|\n THEMES.DARK;\n const isDarkTheme = !isReportsPage && selectedTheme !== THEMES.LIGHT;\n\n useEffect(() => {\n setThemeVariables(isDarkTheme);\n }, [isDarkTheme]);\n\n useEffect(() => {\n window[Symbol.for('notificationToasts')] = globalNotificationToastsAPI;\n window[Symbol.for('logToMixpanel')] = globalMixpanelEventTracker;\n }, [globalNotificationToastsAPI, globalMixpanelEventTracker]);\n\n const isFirstRenderRef = useRef(true);\n if (isFirstRenderRef.current \|\| isReportsPage) {\n isFirstRenderRef.current = false;\n updateUserUnits({ userUnits });\n }\n\n useEffect(() => {\n if (timezone) moment.tz.setDefault(timezone);\n return () => moment.tz.setDefault(null);\n }, [timezone]);\n\n useEffect(() => {\n const dashboardCapturingHandler = getDashboardCapturingHandler(appId);\n window.addEventListener('message', dashboardCapturingHandler);\n return () => window.removeEventListener('message', dashboardCapturingHandler);\n }, [appId]);\n\n return (\n <MemoryRouter\n initialEntries={[(xProps.location?.pathname \|\| '/') + (xProps.location?.search \|\| '')]}\n >\n <PermissionsContext.Provider value={permissionsContextValue}>\n <AppContext.Provider value={appContextValue}>\n <IsInsideIsolatedDcAppProvider value>\n <IconParkProvider>\n <div\n id={ISOLATED_PAGE_APP_CONTAINER_ID}\n className={classNames(isReportsPage && containerReportClassName)}\n >\n <DevCenterAppContainerWithMUI\n {...xProps}\n theme={isDarkTheme ? THEMES.DARK : THEMES.LIGHT}\n // zoid serializes passed arguments using JSON.stringify.\n // All undefined values are removed as they are not valid JSON values\n // so we replace undefined values with null to not drop them\n // Any future cb function that passes arbitrary objects as args\n // also should be wrapped in this mapper\n // ⚠️⚠️⚠️ When refactoring this to referentially stable callbacks, remove `useStableCallback` from\n // /src/componentsV2/AppCommonsProvider/AppCommonsProvider.tsx\n onSettingsChange={nextSettings =>\n onSettingsChange(replaceUndefinedValuesWithNull(nextSettings))\n }\n onSettingChange={(key, value) =>\n onSettingChange(key, replaceUndefinedValuesWithNull(value))\n }\n CLIAppComponent={CLIAppComponent}\n CLIAppSettings={CLIAppSettings}\n />\n </div>\n </IconParkProvider>\n </IsInsideIsolatedDcAppProvider>\n </AppContext.Provider>\n </PermissionsContext.Provider>\n </MemoryRouter>\n );\n}\n\nDevCenterIsolatedAppPage.propTypes = {\n CLIAppComponent: PropTypes.func,\n CLIAppSettings: PropTypes.func,\n containerReportClassName: PropTypes.string,\n};\n\nDevCenterIsolatedAppPage.defaultProps = {\n CLIAppComponent: null,\n CLIAppSettings: null,\n containerReportClassName: null,\n};\n"],"names":["DevCenterAppContainerWithMUI","withMUIProvidersHOC","DevCenterAppContainer","useStyles","makeStyles","body","backgroundColor","overflow","DevCenterIsolatedAppPage","_ref","_xProps$app","_xProps$currentUser","_xProps$currentUser$s","_xProps$currentUser$s2","_xProps$location","_xProps$location2","CLIAppComponent","CLIAppSettings","containerReportClassName","_useXProps","useXProps","appContextValue","globalMixpanelEventTracker","globalNotificationToastsAPI","onSettingChange","onSettingsChange","permissionsContextValue","timezone","userUnits","xProps","_objectWithoutProperties","_excluded","isReportsPage","location","pathname","startsWith","isPDFReportView","appId","app","id","selectedTheme","localStorage","getItem","LOCAL_STORAGE_APP_THEME_KEY","currentUser","settings","uiSettings","theme","THEMES","DARK","isDarkTheme","LIGHT","useEffect","setThemeVariables","window","Symbol","for","isFirstRenderRef","useRef","current","updateUserUnits","moment","tz","setDefault","dashboardCapturingHandler","getDashboardCapturingHandler","addEventListener","removeEventListener","_jsx","MemoryRouter","initialEntries","search","children","PermissionsContext","Provider","value","AppContext","IsInsideIsolatedDcAppProvider","IconParkProvider","jsx","ISOLATED_PAGE_APP_CONTAINER_ID","className","classNames","_objectSpread","nextSettings","replaceUndefinedValuesWithNull","key","propTypes","PropTypes","func","string","defaultProps"],"mappings":"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"}