npm - @corva/ui - Versions diffs - 3.72.0-0 → 3.72.0-3 - Mend

@corva/ui 3.72.0-0 → 3.72.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 (1458) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"AppSettingsDialog.js","sources":["../../../../../../src/components/DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport { bool, func, shape, string } from 'prop-types';\nimport { cloneDeep, debounce, keyBy, mapValues, noop } from 'lodash';\nimport { FormControl, InputLabel, MenuItem, Select } from '@material-ui/core';\nimport { ArrowForward as ArrowIcon } from '@material-ui/icons';\n\nimport EmptyState from '../../../../EmptyState';\nimport { getIsSustainabilityApp } from '../../utils';\n\nimport { RemoveAppButton, SettingsAccordion } from './components';\nimport { useStyles } from './styles';\n\nimport { withAssetEditorLockHOC } from '~/hocs';\nimport ErrorBoundary, { DevCenterAppErrorView } from '~/components/ErrorBoundary';\nimport Button from '~/components/Button';\nimport Modal from '~/components/Modal';\nimport { ASSET_TYPES, DEV_CENTER_CLI_APP_ID } from '~/constants';\nimport AssetEditor from '~/components/AssetEditorV2';\nimport AppVersionsSelect from '~/components/AppVersionsSelect';\nimport { DisabledSettingsMessage } from '~/components/DisabledSettingsMessage';\nimport ConfirmationDialog from '~/components/ConfirmationDialog';\nimport { SEGMENT_TO_ASSET_TYPE, SEGMENTS } from '~/constants/segment';\nimport { showSuccessNotification } from '~/utils';\nimport AppIcon from '~/components/AppIcon';\nimport { getAppSegment } from '~/utils/devcenter';\nimport { PERMISSIONS, usePermissions } from '~/permissions';\nimport { isInsideNewMobileApp } from '~/utils/mobileDetect';\nimport { HideInNativeApp } from '~/componentsV2/HideInNativeApp';\n\nexport const PAGE_NAME = 'DC_appSettings';\n\nconst getAppPageUrl = appId => `/app-store/app/${appId}`;\nconst AssetEditorWithLock = withAssetEditorLockHOC(AssetEditor);\n\nconst AppSettingsErrorView = () => null;\n\nfunction AppSettingsDialog({\n AppSettingsComponent,\n app,\n appData,\n appName,\n currentUser,\n disableAppAssetSelection,\n isMultiRig,\n isSettingsDialogHidden,\n layoutEnvironment,\n onAppRemove,\n onCloneDashboard,\n onSettingsChange,\n openIntercom,\n rigId,\n toggleAppSettingsDialog,\n}) {\n const hasSegmentSelector = app?.segment?.length > 1;\n const [appSegmentSetting, setAppSegmentSetting] = useState(getAppSegment(app));\n const isCompletionSegment = appSegmentSetting === SEGMENTS.COMPLETION;\n const assetEditorAppType = SEGMENT_TO_ASSET_TYPE[appSegmentSetting];\n const isAssetPage = layoutEnvironment && layoutEnvironment.type === 'asset';\n const [{ active: canReadAppPackages, loading: isPermissionsLoading }] = usePermissions([\n PERMISSIONS.getCanReadAppPackages(app.app.id),\n ]);\n\n const [isMounted, setIsMounted] = useState(false);\n const [isAssetSelectorRendered, setIsAssetSelectorRendered] = useState(true);\n const isAssetSelectorVisible =\n !disableAppAssetSelection &&\n !isInsideNewMobileApp &&\n !isMultiRig &&\n !(isAssetPage && isCompletionSegment);\n const isRemoveButtonVisible = !isInsideNewMobileApp && !isSettingsDialogHidden && onAppRemove;\n\n // NOTE: Keep in ref to have a way to reset default value\n // of asset selector when changing app segment\n const defaultRigId = useRef(rigId);\n\n useEffect(() => {\n if (!isAssetSelectorRendered) setIsAssetSelectorRendered(true);\n }, [isAssetSelectorRendered]);\n\n const [appSettings, setAppSettings] = useState(() => ({\n ...cloneDeep(app.settings),\n package: app.settings.package \|\| app?.package?.version,\n }));\n\n const handleChangeAppSegment = ({ target: { value: nextSegment } }) => {\n defaultRigId.current = null;\n setIsAssetSelectorRendered(false);\n\n setAppSegmentSetting(nextSegment);\n setAppSettings({\n package: appSettings.package,\n segment: nextSegment,\n // NOTE: we need to reset asset ids when segment is changed\n ...mapValues(keyBy(ASSET_TYPES, 'id'), () => null),\n assets: null,\n });\n };\n\n const isSustainabilityApp = getIsSustainabilityApp(app?.app?.id);\n\n const [validationError, setValidationError] = useState('');\n const platformAppSettingsRef = useRef(null);\n const customAppSettingsRef = useRef(null);\n\n const hasPlatformAppSettings =\n isPermissionsLoading \|\|\n canReadAppPackages \|\|\n Boolean(platformAppSettingsRef.current?.clientHeight);\n const hasCustomAppSettings = Boolean(customAppSettingsRef.current?.clientHeight);\n const isAccordionRequired = hasPlatformAppSettings && hasCustomAppSettings;\n\n const styles = useStyles({\n isCompletionApp: isCompletionSegment,\n isSustainabilityApp,\n isAccordionRequired,\n isRemoveButtonVisible,\n });\n\n const isCLIApp = app.id === DEV_CENTER_CLI_APP_ID;\n\n const onSave = () => {\n const isNoPackageError = !appSettings.package && !isCLIApp;\n if (isNoPackageError) return setValidationError('Please select app version');\n if (isAssetSelectorVisible && !isAssetPage) {\n const appTypeKey = assetEditorAppType?.primaryAsset.assetType.id;\n const appTypeLabel = assetEditorAppType?.primaryAsset.assetType.label;\n if (appTypeKey && !appSettings[appTypeKey])\n return setValidationError(`Please select ${appTypeLabel}`);\n }\n\n onSettingsChange(appSettings);\n showSuccessNotification('Successfully saved');\n return toggleAppSettingsDialog();\n };\n\n const onAppSettingChange = (name, value) =>\n setAppSettings(prevSettings => ({\n ...prevSettings,\n [name]: value,\n }));\n\n const onAppSettingsChange = newSettings =>\n setAppSettings(prevSettings => ({ ...prevSettings, ...newSettings }));\n\n const AssetEditorComponent = isAssetPage ? AssetEditorWithLock : AssetEditor;\n\n useEffect(() => {\n const debouncedSetIsMounted = debounce(setIsMounted, 200);\n debouncedSetIsMounted(true);\n }, []);\n\n const modalTitle = (\n <div className={styles.modalTitleContainer}>\n <AppIcon\n className={styles.appIcon}\n segment={[appSegmentSetting]}\n iconUrl={app?.app?.icon?.url}\n height={48}\n width={48}\n />\n <div>\n <div>{`${appName} Settings`}</div>\n <HideInNativeApp>\n <div\n data-testid={`${PAGE_NAME}_appstoreLink`}\n className={styles.appStoreButton}\n onClick={() => window.open(getAppPageUrl(app?.app?.id), '_top')}\n >\n Open in Appstore <ArrowIcon className={styles.arrowIcon} />\n </div>\n </HideInNativeApp>\n </div>\n </div>\n );\n\n const modalActions = (\n <div className={styles.modalActions}>\n {isRemoveButtonVisible && <RemoveAppButton appName={appName} onAppRemove={onAppRemove} />}\n <div>\n <Button\n data-testid={`${PAGE_NAME}_cancel`}\n variation=\"secondary\"\n onClick={toggleAppSettingsDialog}\n >\n Cancel\n </Button>\n {isSettingsDialogHidden && (\n <Button variation=\"primary\" onClick={() => onCloneDashboard()}>\n Copy Dashboard\n </Button>\n )}\n {!isSettingsDialogHidden && (\n <Button\n data-testid={`${PAGE_NAME}_save`}\n className={styles.saveButton}\n variation=\"primary\"\n onClick={onSave}\n >\n Save\n </Button>\n )}\n </div>\n </div>\n );\n\n return (\n <Modal\n actions={modalActions}\n closeIconClassName={styles.closeIcon}\n contentContainerClassName={styles.modalContainer}\n modalTitleClassName={styles.modalTitle}\n onClose={toggleAppSettingsDialog}\n open\n title={modalTitle}\n >\n <ErrorBoundary ErrorView={DevCenterAppErrorView} openIntercom={openIntercom}>\n <ConfirmationDialog\n open={!!validationError}\n isShowCancel={false}\n title=\"Validation failed\"\n text={validationError}\n handleOk={() => setValidationError('')}\n classes={{ confirmation: styles.confirmationText }}\n />\n {isSettingsDialogHidden && <DisabledSettingsMessage />}\n {!isSettingsDialogHidden &&\n isMounted &&\n !hasCustomAppSettings &&\n !hasPlatformAppSettings && (\n <EmptyState image={EmptyState.IMAGES.UnderConstruction} title=\"No app settings\" />\n )}\n {!isSettingsDialogHidden && (\n <>\n <SettingsAccordion\n defaultExpanded\n className={styles.assetAccordion}\n accordionDetailsRef={platformAppSettingsRef}\n isAccordionRequired={isAccordionRequired}\n summary=\"Asset\"\n >\n {hasSegmentSelector && (\n <FormControl className={styles.segmentSelector}>\n <InputLabel>Segment</InputLabel>\n <Select value={appSegmentSetting} onChange={handleChangeAppSegment}>\n {app.segment.map(segmentItem => (\n <MenuItem\n className={styles.segmentMenuItem}\n key={segmentItem}\n value={segmentItem}\n >\n {segmentItem}\n </MenuItem>\n ))}\n </Select>\n </FormControl>\n )}\n {isAssetSelectorVisible && isAssetSelectorRendered && (\n <AssetEditorComponent\n appKey={isCLIApp ? null : app.app.app_key}\n appType={assetEditorAppType}\n defaultValue={defaultRigId.current}\n secondaryDefaultValue={+appData?.well?.id}\n isHiddenMultipleAssetsToggle\n isHiddenTitle\n isNullable={isAssetPage}\n label=\"Asset\"\n onSettingsChange={onAppSettingsChange}\n settings={appSettings}\n />\n )}\n <AppVersionsSelect\n className={styles.appVersionSelect}\n appId={app.app.id}\n value={appSettings.package}\n onChange={val => onAppSettingChange('package', val)}\n />\n </SettingsAccordion>\n <ErrorBoundary ErrorView={AppSettingsErrorView} openIntercom={openIntercom}>\n <SettingsAccordion\n accordionDetailsRef={customAppSettingsRef}\n className={styles.accordion}\n defaultExpanded\n isAccordionRequired={isAccordionRequired}\n summary=\"App Settings\"\n >\n {AppSettingsComponent && (\n <AppSettingsComponent\n app={app}\n appData={appData}\n settings={appSettings}\n onSettingChange={onAppSettingChange}\n onSettingsChange={onAppSettingsChange}\n layoutEnvironment={layoutEnvironment}\n currentUser={currentUser}\n />\n )}\n </SettingsAccordion>\n </ErrorBoundary>\n </>\n )}\n </ErrorBoundary>\n </Modal>\n );\n}\n\nAppSettingsDialog.propTypes = {\n AppSettingsComponent: func,\n app: shape({}).isRequired,\n appData: shape({}).isRequired,\n appName: string.isRequired,\n currentUser: shape({}).isRequired,\n disableAppAssetSelection: bool,\n isMultiRig: bool.isRequired,\n isSettingsDialogHidden: bool,\n layoutEnvironment: shape({}).isRequired,\n onAppRemove: func,\n onCloneDashboard: func,\n onSettingsChange: func.isRequired,\n toggleAppSettingsDialog: func.isRequired,\n};\n\nAppSettingsDialog.defaultProps = {\n AppSettingsComponent: () => null,\n disableAppAssetSelection: false,\n isSettingsDialogHidden: false,\n onAppRemove: undefined,\n onCloneDashboard: noop,\n};\n\nexport default AppSettingsDialog;\n"],"names":["PAGE_NAME","AssetEditorWithLock","withAssetEditorLockHOC","AssetEditor","AppSettingsErrorView","AppSettingsDialog","_ref","_app$segment","_app$app","_platformAppSettingsR","_customAppSettingsRef","_app$app2","_app$app2$icon","_appData$well","AppSettingsComponent","app","appData","appName","currentUser","disableAppAssetSelection","isMultiRig","isSettingsDialogHidden","layoutEnvironment","onAppRemove","onCloneDashboard","onSettingsChange","openIntercom","rigId","toggleAppSettingsDialog","hasSegmentSelector","segment","length","_useState","useState","getAppSegment","_useState2","_slicedToArray","appSegmentSetting","setAppSegmentSetting","isCompletionSegment","SEGMENTS","COMPLETION","assetEditorAppType","SEGMENT_TO_ASSET_TYPE","isAssetPage","type","_usePermissions","usePermissions","PERMISSIONS","getCanReadAppPackages","id","_usePermissions2$","canReadAppPackages","active","isPermissionsLoading","loading","_useState4","_useState3","isMounted","setIsMounted","_useState6","_useState5","isAssetSelectorRendered","setIsAssetSelectorRendered","isAssetSelectorVisible","isInsideNewMobileApp","isRemoveButtonVisible","defaultRigId","useRef","useEffect","_useState7","_app$package","_objectSpread","cloneDeep","settings","package","version","_useState8","appSettings","setAppSettings","isSustainabilityApp","getIsSustainabilityApp","_useState10","_useState9","validationError","setValidationError","platformAppSettingsRef","customAppSettingsRef","hasPlatformAppSettings","Boolean","current","clientHeight","hasCustomAppSettings","isAccordionRequired","styles","useStyles","isCompletionApp","isCLIApp","DEV_CENTER_CLI_APP_ID","onAppSettingChange","name","value","prevSettings","_defineProperty","onAppSettingsChange","newSettings","AssetEditorComponent","debounce","debouncedSetIsMounted","modalTitle","_jsxs","className","modalTitleContainer","children","_jsx","AppIcon","appIcon","iconUrl","icon","url","height","width","concat","HideInNativeApp","appStoreButton","onClick","_app$app3","appId","window","open","ArrowIcon","arrowIcon","modalActions","RemoveAppButton","Button","variation","saveButton","appTypeKey","primaryAsset","assetType","appTypeLabel","label","showSuccessNotification","Modal","actions","closeIconClassName","closeIcon","contentContainerClassName","modalContainer","modalTitleClassName","onClose","title","ErrorBoundary","ErrorView","DevCenterAppErrorView","ConfirmationDialog","isShowCancel","text","handleOk","classes","confirmation","confirmationText","DisabledSettingsMessage","EmptyState","image","IMAGES","UnderConstruction","_Fragment","SettingsAccordion","defaultExpanded","assetAccordion","accordionDetailsRef","summary","FormControl","segmentSelector","InputLabel","Select","onChange","_ref2","nextSegment","target","mapValues","keyBy","ASSET_TYPES","assets","map","segmentItem","MenuItem","segmentMenuItem","appKey","app_key","appType","defaultValue","secondaryDefaultValue","well","isHiddenMultipleAssetsToggle","isHiddenTitle","isNullable","AppVersionsSelect","appVersionSelect","val","accordion","onSettingChange","propTypes","func","shape","isRequired","string","bool","defaultProps","undefined","noop"],"mappings":"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"}
1	+ {"version":3,"file":"AppSettingsDialog.js","sources":["../../../../../../src/components/DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport { bool, func, shape, string } from 'prop-types';\nimport { cloneDeep, debounce, keyBy, mapValues, noop } from 'lodash';\nimport { FormControl, InputLabel, MenuItem, Select } from '@material-ui/core';\nimport { ArrowForward as ArrowIcon } from '@material-ui/icons';\n\nimport EmptyState from '../../../../EmptyState';\nimport { getIsSustainabilityApp } from '../../utils';\n\nimport { RemoveAppButton, SettingsAccordion } from './components';\nimport { useStyles } from './styles';\n\nimport { withAssetEditorLockHOC } from '~/hocs';\nimport ErrorBoundary, { DevCenterAppErrorView } from '~/components/ErrorBoundary';\nimport Button from '~/components/Button';\nimport Modal from '~/components/Modal';\nimport { ASSET_TYPES, DEV_CENTER_CLI_APP_ID } from '~/constants';\nimport AssetEditor from '~/components/AssetEditorV2';\nimport AppVersionsSelect from '~/components/AppVersionsSelect';\nimport { DisabledSettingsMessage } from '~/components/DisabledSettingsMessage';\nimport ConfirmationDialog from '~/components/ConfirmationDialog';\nimport { SEGMENT_TO_ASSET_TYPE, SEGMENTS } from '~/constants/segment';\nimport { showSuccessNotification } from '~/utils';\nimport AppIcon from '~/components/AppIcon';\nimport { getAppSegment } from '~/utils/devcenter';\nimport { PERMISSIONS, usePermissions } from '~/permissions';\nimport { isInsideNewMobileApp } from '~/utils/mobileDetect';\nimport { HideInNativeApp } from '~/componentsV2/HideInNativeApp';\n// [REACT-18-MIGRATION-TAG] PLT-3099\nimport { isReact18Host } from '~/componentsV2/AppHeader/V3/VersionSelect/VersionSelect.constants';\n\nexport const PAGE_NAME = 'DC_appSettings';\n\nconst getAppPageUrl = appId => `/app-store/app/${appId}`;\nconst AssetEditorWithLock = withAssetEditorLockHOC(AssetEditor);\n\nconst AppSettingsErrorView = () => null;\n\nfunction AppSettingsDialog({\n AppSettingsComponent,\n app,\n appData,\n appName,\n currentUser,\n disableAppAssetSelection,\n isMultiRig,\n isSettingsDialogHidden,\n layoutEnvironment,\n onAppRemove,\n onCloneDashboard,\n onSettingsChange,\n openIntercom,\n rigId,\n toggleAppSettingsDialog,\n}) {\n const hasSegmentSelector = app?.segment?.length > 1;\n const [appSegmentSetting, setAppSegmentSetting] = useState(getAppSegment(app));\n const isCompletionSegment = appSegmentSetting === SEGMENTS.COMPLETION;\n const assetEditorAppType = SEGMENT_TO_ASSET_TYPE[appSegmentSetting];\n const isAssetPage = layoutEnvironment && layoutEnvironment.type === 'asset';\n const [{ active: canReadAppPackages, loading: isPermissionsLoading }] = usePermissions([\n PERMISSIONS.getCanReadAppPackages(app.app.id),\n ]);\n\n const [isMounted, setIsMounted] = useState(false);\n const [isAssetSelectorRendered, setIsAssetSelectorRendered] = useState(true);\n const isAssetSelectorVisible =\n !disableAppAssetSelection &&\n !isInsideNewMobileApp &&\n !isMultiRig &&\n !(isAssetPage && isCompletionSegment);\n const isRemoveButtonVisible = !isInsideNewMobileApp && !isSettingsDialogHidden && onAppRemove;\n\n // NOTE: Keep in ref to have a way to reset default value\n // of asset selector when changing app segment\n const defaultRigId = useRef(rigId);\n\n useEffect(() => {\n if (!isAssetSelectorRendered) setIsAssetSelectorRendered(true);\n }, [isAssetSelectorRendered]);\n\n const [appSettings, setAppSettings] = useState(() => ({\n ...cloneDeep(app.settings),\n package: app.settings.package \|\| app?.package?.version,\n }));\n\n const handleChangeAppSegment = ({ target: { value: nextSegment } }) => {\n defaultRigId.current = null;\n setIsAssetSelectorRendered(false);\n\n setAppSegmentSetting(nextSegment);\n setAppSettings({\n package: appSettings.package,\n segment: nextSegment,\n // NOTE: we need to reset asset ids when segment is changed\n ...mapValues(keyBy(ASSET_TYPES, 'id'), () => null),\n assets: null,\n });\n };\n\n const isSustainabilityApp = getIsSustainabilityApp(app?.app?.id);\n\n const [validationError, setValidationError] = useState('');\n const platformAppSettingsRef = useRef(null);\n const customAppSettingsRef = useRef(null);\n\n const hasPlatformAppSettings =\n isPermissionsLoading \|\|\n canReadAppPackages \|\|\n Boolean(platformAppSettingsRef.current?.clientHeight);\n const hasCustomAppSettings = Boolean(customAppSettingsRef.current?.clientHeight);\n const isAccordionRequired = hasPlatformAppSettings && hasCustomAppSettings;\n\n const styles = useStyles({\n isCompletionApp: isCompletionSegment,\n isSustainabilityApp,\n isAccordionRequired,\n isRemoveButtonVisible,\n });\n\n const isCLIApp = app.id === DEV_CENTER_CLI_APP_ID;\n\n const onSave = () => {\n const isNoPackageError = !appSettings.package && !isCLIApp;\n if (isNoPackageError) return setValidationError('Please select app version');\n if (isAssetSelectorVisible && !isAssetPage) {\n const appTypeKey = assetEditorAppType?.primaryAsset.assetType.id;\n const appTypeLabel = assetEditorAppType?.primaryAsset.assetType.label;\n if (appTypeKey && !appSettings[appTypeKey])\n return setValidationError(`Please select ${appTypeLabel}`);\n }\n\n onSettingsChange(appSettings);\n showSuccessNotification('Successfully saved');\n return toggleAppSettingsDialog();\n };\n\n const onAppSettingChange = (name, value) =>\n setAppSettings(prevSettings => ({\n ...prevSettings,\n [name]: value,\n }));\n\n const onAppSettingsChange = newSettings =>\n setAppSettings(prevSettings => ({ ...prevSettings, ...newSettings }));\n\n const AssetEditorComponent = isAssetPage ? AssetEditorWithLock : AssetEditor;\n\n useEffect(() => {\n const debouncedSetIsMounted = debounce(setIsMounted, 200);\n debouncedSetIsMounted(true);\n }, []);\n\n const modalTitle = (\n <div className={styles.modalTitleContainer}>\n <AppIcon\n className={styles.appIcon}\n segment={[appSegmentSetting]}\n iconUrl={app?.app?.icon?.url}\n height={48}\n width={48}\n />\n <div>\n <div>{`${appName} Settings`}</div>\n <HideInNativeApp>\n <div\n data-testid={`${PAGE_NAME}_appstoreLink`}\n className={styles.appStoreButton}\n onClick={() => window.open(getAppPageUrl(app?.app?.id), '_top')}\n >\n Open in Appstore <ArrowIcon className={styles.arrowIcon} />\n </div>\n </HideInNativeApp>\n </div>\n </div>\n );\n\n const modalActions = (\n <div className={styles.modalActions}>\n {isRemoveButtonVisible && <RemoveAppButton appName={appName} onAppRemove={onAppRemove} />}\n <div>\n <Button\n data-testid={`${PAGE_NAME}_cancel`}\n variation=\"secondary\"\n onClick={toggleAppSettingsDialog}\n >\n Cancel\n </Button>\n {isSettingsDialogHidden && (\n <Button variation=\"primary\" onClick={() => onCloneDashboard()}>\n Copy Dashboard\n </Button>\n )}\n {!isSettingsDialogHidden && (\n <Button\n data-testid={`${PAGE_NAME}_save`}\n className={styles.saveButton}\n variation=\"primary\"\n onClick={onSave}\n >\n Save\n </Button>\n )}\n </div>\n </div>\n );\n\n return (\n <Modal\n actions={modalActions}\n closeIconClassName={styles.closeIcon}\n contentContainerClassName={styles.modalContainer}\n modalTitleClassName={styles.modalTitle}\n onClose={toggleAppSettingsDialog}\n open\n title={modalTitle}\n >\n <ErrorBoundary ErrorView={DevCenterAppErrorView} openIntercom={openIntercom}>\n <ConfirmationDialog\n open={!!validationError}\n isShowCancel={false}\n title=\"Validation failed\"\n text={validationError}\n handleOk={() => setValidationError('')}\n classes={{ confirmation: styles.confirmationText }}\n />\n {isSettingsDialogHidden && <DisabledSettingsMessage />}\n {!isSettingsDialogHidden &&\n isMounted &&\n !hasCustomAppSettings &&\n !hasPlatformAppSettings && (\n <EmptyState image={EmptyState.IMAGES.UnderConstruction} title=\"No app settings\" />\n )}\n {!isSettingsDialogHidden && (\n <>\n <SettingsAccordion\n defaultExpanded\n className={styles.assetAccordion}\n accordionDetailsRef={platformAppSettingsRef}\n isAccordionRequired={isAccordionRequired}\n summary=\"Asset\"\n >\n {hasSegmentSelector && (\n <FormControl className={styles.segmentSelector}>\n <InputLabel>Segment</InputLabel>\n <Select value={appSegmentSetting} onChange={handleChangeAppSegment}>\n {app.segment.map(segmentItem => (\n <MenuItem\n className={styles.segmentMenuItem}\n key={segmentItem}\n value={segmentItem}\n >\n {segmentItem}\n </MenuItem>\n ))}\n </Select>\n </FormControl>\n )}\n {isAssetSelectorVisible && isAssetSelectorRendered && (\n <AssetEditorComponent\n appKey={isCLIApp ? null : app.app.app_key}\n appType={assetEditorAppType}\n defaultValue={defaultRigId.current}\n secondaryDefaultValue={+appData?.well?.id}\n isHiddenMultipleAssetsToggle\n isHiddenTitle\n isNullable={isAssetPage}\n label=\"Asset\"\n onSettingsChange={onAppSettingsChange}\n settings={appSettings}\n />\n )}\n <AppVersionsSelect\n className={styles.appVersionSelect}\n appId={app.app.id}\n value={appSettings.package}\n onChange={(value, appPackage, isUserChange) =>\n // [REACT-18-MIGRATION-TAG] PLT-3099: a genuine user pick on a React-18 host\n // opts the app out of the auto-switch; the auto-preselect must not (isUserChange).\n isUserChange && isReact18Host()\n ? onAppSettingsChange({ package: value, react18AutoSwitchDisabled: true })\n : onAppSettingChange('package', value)\n }\n />\n </SettingsAccordion>\n <ErrorBoundary ErrorView={AppSettingsErrorView} openIntercom={openIntercom}>\n <SettingsAccordion\n accordionDetailsRef={customAppSettingsRef}\n className={styles.accordion}\n defaultExpanded\n isAccordionRequired={isAccordionRequired}\n summary=\"App Settings\"\n >\n {AppSettingsComponent && (\n <AppSettingsComponent\n app={app}\n appData={appData}\n settings={appSettings}\n onSettingChange={onAppSettingChange}\n onSettingsChange={onAppSettingsChange}\n layoutEnvironment={layoutEnvironment}\n currentUser={currentUser}\n />\n )}\n </SettingsAccordion>\n </ErrorBoundary>\n </>\n )}\n </ErrorBoundary>\n </Modal>\n );\n}\n\nAppSettingsDialog.propTypes = {\n AppSettingsComponent: func,\n app: shape({}).isRequired,\n appData: shape({}).isRequired,\n appName: string.isRequired,\n currentUser: shape({}).isRequired,\n disableAppAssetSelection: bool,\n isMultiRig: bool.isRequired,\n isSettingsDialogHidden: bool,\n layoutEnvironment: shape({}).isRequired,\n onAppRemove: func,\n onCloneDashboard: func,\n onSettingsChange: func.isRequired,\n toggleAppSettingsDialog: func.isRequired,\n};\n\nAppSettingsDialog.defaultProps = {\n AppSettingsComponent: () => null,\n disableAppAssetSelection: false,\n isSettingsDialogHidden: false,\n onAppRemove: undefined,\n onCloneDashboard: noop,\n};\n\nexport default AppSettingsDialog;\n"],"names":["PAGE_NAME","AssetEditorWithLock","withAssetEditorLockHOC","AssetEditor","AppSettingsErrorView","AppSettingsDialog","_ref","_app$segment","_app$app","_platformAppSettingsR","_customAppSettingsRef","_app$app2","_app$app2$icon","_appData$well","AppSettingsComponent","app","appData","appName","currentUser","disableAppAssetSelection","isMultiRig","isSettingsDialogHidden","layoutEnvironment","onAppRemove","onCloneDashboard","onSettingsChange","openIntercom","rigId","toggleAppSettingsDialog","hasSegmentSelector","segment","length","_useState","useState","getAppSegment","_useState2","_slicedToArray","appSegmentSetting","setAppSegmentSetting","isCompletionSegment","SEGMENTS","COMPLETION","assetEditorAppType","SEGMENT_TO_ASSET_TYPE","isAssetPage","type","_usePermissions","usePermissions","PERMISSIONS","getCanReadAppPackages","id","_usePermissions2$","canReadAppPackages","active","isPermissionsLoading","loading","_useState4","_useState3","isMounted","setIsMounted","_useState6","_useState5","isAssetSelectorRendered","setIsAssetSelectorRendered","isAssetSelectorVisible","isInsideNewMobileApp","isRemoveButtonVisible","defaultRigId","useRef","useEffect","_useState7","_app$package","_objectSpread","cloneDeep","settings","package","version","_useState8","appSettings","setAppSettings","isSustainabilityApp","getIsSustainabilityApp","_useState10","_useState9","validationError","setValidationError","platformAppSettingsRef","customAppSettingsRef","hasPlatformAppSettings","Boolean","current","clientHeight","hasCustomAppSettings","isAccordionRequired","styles","useStyles","isCompletionApp","isCLIApp","DEV_CENTER_CLI_APP_ID","onAppSettingChange","name","value","prevSettings","_defineProperty","onAppSettingsChange","newSettings","AssetEditorComponent","debounce","debouncedSetIsMounted","modalTitle","_jsxs","className","modalTitleContainer","children","_jsx","AppIcon","appIcon","iconUrl","icon","url","height","width","concat","HideInNativeApp","appStoreButton","onClick","_app$app3","appId","window","open","ArrowIcon","arrowIcon","modalActions","RemoveAppButton","Button","variation","saveButton","appTypeKey","primaryAsset","assetType","appTypeLabel","label","showSuccessNotification","Modal","actions","closeIconClassName","closeIcon","contentContainerClassName","modalContainer","modalTitleClassName","onClose","title","ErrorBoundary","ErrorView","DevCenterAppErrorView","ConfirmationDialog","isShowCancel","text","handleOk","classes","confirmation","confirmationText","DisabledSettingsMessage","EmptyState","image","IMAGES","UnderConstruction","_Fragment","SettingsAccordion","defaultExpanded","assetAccordion","accordionDetailsRef","summary","FormControl","segmentSelector","InputLabel","Select","onChange","_ref2","nextSegment","target","mapValues","keyBy","ASSET_TYPES","assets","map","segmentItem","MenuItem","segmentMenuItem","appKey","app_key","appType","defaultValue","secondaryDefaultValue","well","isHiddenMultipleAssetsToggle","isHiddenTitle","isNullable","AppVersionsSelect","appVersionSelect","appPackage","isUserChange","isReact18Host","react18AutoSwitchDisabled","accordion","onSettingChange","propTypes","func","shape","isRequired","string","bool","defaultProps","undefined","noop"],"mappings":"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"}

package/components/DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.d.ts CHANGED Viewed

@@ -2,6 +2,6 @@ export declare const PAGE_NAME = "DC_removeApp";
 declare function RemoveAppButton({ appName, onAppRemove }: {
     appName: any;
     onAppRemove: any;
-}): JSX.Element;
+}): import("react").JSX.Element;
 export default RemoveAppButton;
 //# sourceMappingURL=RemoveAppButton.d.ts.map

package/components/DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RemoveAppButton.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js"],"names":[],"mappings":"AAaA,eAAO,MAAM,SAAS,iBAAiB,CAAC;AAOxC,iBAAS,eAAe,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE;;;CAAA~~,eAiDhD~~;eAEc,eAAe"}
1	+ {"version":3,"file":"RemoveAppButton.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js"],"names":[],"mappings":"AAaA,eAAO,MAAM,SAAS,iBAAiB,CAAC;AAOxC,iBAAS,eAAe,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE;;;CAAA,+BAiDhD;eAEc,eAAe"}

package/components/DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.d.ts CHANGED Viewed

@@ -4,5 +4,5 @@ export declare function SettingsAccordion({ accordionDetailsRef, children, isAcc
     children: any;
     isAccordionRequired: any;
     summary: any;
-}): JSX.Element;
+}): import("react").JSX.Element;
 //# sourceMappingURL=SettingsAccordion.d.ts.map

package/components/DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SettingsAccordion.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js"],"names":[],"mappings":"AA4BA,wBAAgB,iBAAiB,CAAC,EAChC,mBAAmB,EACnB,QAAQ,EACR,mBAAmB,EACnB,OAAO,EACP,GAAG,KAAK,EACT;;;;;;CAAA~~,eAgBA~~"}
1	+ {"version":3,"file":"SettingsAccordion.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js"],"names":[],"mappings":"AA4BA,wBAAgB,iBAAiB,CAAC,EAChC,mBAAmB,EACnB,QAAQ,EACR,mBAAmB,EACnB,OAAO,EACP,GAAG,KAAK,EACT;;;;;;CAAA,+BAgBA"}

package/components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchProvider.d.ts CHANGED Viewed

@@ -2,5 +2,5 @@ import { ReactNode } from 'react';
 export declare const CommentsSwitchProvider: ({ children, initial, }: {
     children: ReactNode;
     initial?: boolean;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=CommentsSwitchProvider.d.ts.map

package/components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchProvider.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CommentsSwitchProvider.d.ts","sourceRoot":"","sources":["../../../../../../src/components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAI5C,eAAO,MAAM,sBAAsB,2BAGhC;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,~~gBAQA~~,CAAC"}
1	+ {"version":3,"file":"CommentsSwitchProvider.d.ts","sourceRoot":"","sources":["../../../../../../src/components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAI5C,eAAO,MAAM,sBAAsB,2BAGhC;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,4CAQA,CAAC"}

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

@@ -1,6 +1,6 @@
 import { Dispatch, FC, ReactNode, SetStateAction } from 'react';
 interface Props {
-    setIsFullscreenModalMode: (arg: SetStateAction<boolean>, isModal?: boolean) => Promise<void>;
+    setIsFullscreenModalMode: (arg: SetStateAction<boolean>, isModal?: boolean) => void;
     children: ReactNode | ReactNode[];
 }
 interface ElementInfo {

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

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

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"DcFullscreenElemsCoordinatorProvider.js","sources":["../../../../../../src/components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.tsx"],"sourcesContent":["import {\n createContext,\n Dispatch,\n FC,\n ReactNode,\n SetStateAction,\n useContext,\n useMemo,\n useRef,\n} from 'react';\n\nenum STATES {\n CLOSED = 'CLOSED',\n OPENNING = 'OPENNING',\n OPENED = 'OPENED',\n CLOSING = 'CLOSING',\n}\n\ninterface Props {\n setIsFullscreenModalMode: (arg: SetStateAction<boolean>, isModal?: boolean) => ~~Promise<~~void~~>;\~~n children: ReactNode \| ReactNode[];\n}\n\ninterface ElementInfo {\n setIsOpened: Dispatch<SetStateAction<boolean>>;\n id: string;\n}\n\ninterface Api {\n requestOpen: (elInfo: ElementInfo, isModal?: boolean) => void;\n requestClose: (elInfo: ElementInfo, isUnmount?: boolean) => void;\n}\n\ninterface StartTransitionProps {\n transitionFn: () => ~~Promise<~~void~~>;\~~n plannedAfterTransitionFinishCb: () => void;\n}\n\ntype State = {\n [id in string]: {\n name: STATES;\n currentElementInfo: null \| ElementInfo;\n };\n};\n\nconst DcFullscreenElemsCoordinator = createContext<Api \| null>(null);\n\n/*\n Component designed to manage fullscreen elements inside of iframe(such as tooltips, popovers, modals).\n * State changes flow:\n \n ↓closed↓\n * ↓openning↓\n * {call transitionFn} stretches iframe to fullscreen(returns promise).\n * {call plannedAfterTransitionFinishCb} just open planned element by default.\n * ↓opened↓\n * ↓closing transition↓\n * {call transitionFn} shrinks iframe to app size. In some cases another element could be opened. We don't want to call transitionFn in this case\n * {call plannedAfterTransitionFinishCb} just go to closed state of element.\n \n At any of these states a element can request to open\\close itself. See requestOpen/requestClose for more details\n */\n\nexport const DcFullscreenElemsCoordinatorProvider: FC<Props> = ({\n setIsFullscreenModalMode,\n children,\n}) => {\n const initialElementState: { name: STATES; currentElementInfo: ElementInfo \| null } = {\n name: STATES.CLOSED,\n currentElementInfo: null,\n };\n const state = useRef<State>({});\n\n const getIsSomeElemOpeningOrOpened = () => {\n return Object.keys(state.current).some(elemId => {\n const elemState = state.current[elemId].name;\n return elemState === STATES.OPENNING \|\| elemState === STATES.OPENED;\n });\n };\n\n const api = useMemo(() => {\n async function startTransition({\n transitionFn,\n plannedAfterTransitionFinishCb,\n }: StartTransitionProps) {\n try {\n await transitionFn();\n } catch (err) {\n console.error('Transition error: ', err);\n }\n plannedAfterTransitionFinishCb();\n }\n\n function goToOpenedState(elementInfo: ElementInfo) {\n const { id } = elementInfo;\n state.current[id] = {\n name: STATES.OPENED,\n currentElementInfo: elementInfo,\n };\n state.current[id].currentElementInfo!.setIsOpened(true);\n }\n\n function goToOpenningState(elementInfo: ElementInfo, isModal: boolean) {\n const { id } = elementInfo;\n state.current[id] = {\n name: STATES.OPENNING,\n currentElementInfo: null,\n };\n\n startTransition({\n transitionFn: () => setIsFullscreenModalMode(true, isModal),\n plannedAfterTransitionFinishCb: () => {\n goToOpenedState(elementInfo);\n },\n });\n }\n\n function goToClosingState(id: string) {\n state.current[id].name = STATES.CLOSING;\n\n startTransition({\n // current element is in closing state, so if any other is opening or opened\n // then don't change full screen mode to avoid shrinking of opened element\n transitionFn: async () => {\n state.current[id].currentElementInfo?.setIsOpened(false);\n state.current[id].currentElementInfo = null;\n if (!getIsSomeElemOpeningOrOpened()) {\n ~~return~~ setIsFullscreenModalMode(false);\n }\n },\n plannedAfterTransitionFinishCb: () => {\n // ~~since startTransition is async,~~ element may be unmounted before\n if (state.current[id]) {\n state.current[id].name = STATES.CLOSED;\n }\n },\n });\n }\n\n const requestOpen = (elementInfo: ElementInfo, isModal: boolean = false) => {\n const { id } = elementInfo;\n if (!state.current?.[id]) {\n state.current[id] = initialElementState;\n }\n\n switch (state.current[elementInfo.id].name) {\n case STATES.CLOSED:\n goToOpenningState(elementInfo, isModal);\n break;\n case STATES.OPENNING:\n goToOpenedState(elementInfo);\n break;\n case STATES.OPENED:\n goToOpenedState(elementInfo);\n break;\n case STATES.CLOSING:\n goToOpenningState(elementInfo, isModal);\n break;\n default:\n }\n };\n\n const requestClose = (elementInfo: ElementInfo, isUnmount: boolean = false) => {\n const { id } = elementInfo;\n if (!state.current?.[id]) {\n state.current[id] = initialElementState;\n }\n\n if (isUnmount) {\n delete state.current[id];\n\n if (!getIsSomeElemOpeningOrOpened()) {\n setIsFullscreenModalMode(false);\n }\n\n return;\n }\n\n goToClosingState(id);\n };\n\n return {\n requestOpen,\n requestClose,\n };\n }, [setIsFullscreenModalMode]);\n\n return (\n <DcFullscreenElemsCoordinator.Provider value={api}>\n {children}\n </DcFullscreenElemsCoordinator.Provider>\n );\n};\n\nexport function useDcFullscreenElemsCoordinator() {\n return useContext(DcFullscreenElemsCoordinator);\n}\n"],"names":["STATES","DcFullscreenElemsCoordinator","createContext","DcFullscreenElemsCoordinatorProvider","_ref","setIsFullscreenModalMode","children","initialElementState","name","CLOSED","currentElementInfo","state","useRef","getIsSomeElemOpeningOrOpened","Object","keys","current","some","elemId","elemState","OPENNING","OPENED","api","useMemo","startTransition","_x","_startTransition","apply","this","arguments","_asyncToGenerator","_regeneratorRuntime","mark","_callee2","_ref2","transitionFn","plannedAfterTransitionFinishCb","wrap","_context2","prev","next","t0","console","error","stop","goToOpenedState","elementInfo","id","setIsOpened","goToOpenningState","isModal","goToClosingState","_transitionFn","CLOSING","_callee","_state$current$id$cur","_context","requestOpen","_state$current","requestClose","_state$current2","isUnmount","_jsx","Provider","value","useDcFullscreenElemsCoordinator","useContext"],"mappings":"wNASe,IAEVA,GAAM,SAANA,GAAAA,EAAM,OAAA,SAANA,EAAM,SAAA,WAANA,EAAM,OAAA,SAANA,EAAM,QAAA,SAANA,CAAM,CAANA,IAAAA,EAAM,CAAA,IAkCX,IAAMC,EAA+BC,EAA0B,MAkBlDC,EAAkD,SAGzDC,GAAA,IAFJC,IAAAA,yBACAC,IAAAA,SAEMC,EAAgF,CACpFC,KAAMR,EAAOS,OACbC,mBAAoB,MAEhBC,EAAQC,EAAc,CAAA,GAEtBC,EAA+B,WACnC,OAAOC,OAAOC,KAAKJ,EAAMK,SAASC,MAAK,SAAAC,GACrC,IAAMC,EAAYR,EAAMK,QAAQE,GAAQV,KACxC,OAAOW,IAAcnB,EAAOoB,UAAYD,IAAcnB,EAAOqB,MAC/D,KAGIC,EAAMC,GAAQ,WAAM,SACTC,EAAeC,GAAA,OAAAC,EAAAC,MAAAC,KAAAC,UAAA,CAAA,SAAAH,IAU7B,OAV6BA,EAA9BI,EAAAC,EAAAC,MAAA,SAAAC,EAAAC,GAAA,IAAAC,EAAAC,EAAA,OAAAL,EAAAM,MAAA,SAAAC,GAAA,OAAA,OAAAA,EAAAC,KAAAD,EAAAE,MAAA,KAAA,EAEgC,OAD9BL,EAAAA,EAAAA,aACAC,IAAAA,+BAA8BE,EAAAC,KAAA,EAAAD,EAAAE,KAAA,EAGtBL,IAAc,KAAA,EAAAG,EAAAE,KAAA,EAAA,MAAA,KAAA,EAAAF,EAAAC,KAAA,EAAAD,EAAAG,GAAAH,EAAA,MAAA,GAEpBI,QAAQC,MAAM,qBAA0BL,EAAAG,IAAC,KAAA,EAE3CL,IAAiC,KAAA,GAAA,IAAA,MAAA,OAAAE,EAAAM,OAAA,GAAAX,EAAA,KAAA,CAAA,CAAA,EAAA,IAClC,MAAAN,MAAAC,KAAAC,UAAA,CAED,SAASgB,EAAgBC,GACvB,IAAQC,EAAOD,EAAPC,GACRpC,EAAMK,QAAQ+B,GAAM,CAClBvC,KAAMR,EAAOqB,OACbX,mBAAoBoC,GAEtBnC,EAAMK,QAAQ+B,GAAIrC,mBAAoBsC,aAAY,EACpD,CAEA,SAASC,EAAkBH,EAA0BI,GACnD,IAAQH,EAAOD,EAAPC,GACRpC,EAAMK,QAAQ+B,GAAM,CAClBvC,KAAMR,EAAOoB,SACbV,mBAAoB,MAGtBc,EAAgB,CACdW,aAAc,WAAA,OAAM9B,GAAyB,EAAM6C,EAAQ,EAC3Dd,+BAAgC,WAC9BS,EAAgBC,EAClB,GAEJ,CAEA,SAASK,EAAiBJ,GAMV,IAAEK,EALhBzC,EAAMK,QAAQ+B,GAAIvC,KAAOR,EAAOqD,QAEhC7B,EAAgB,CAGdW,cAAciB,EAAAtB,EAAAC,EAAAC,MAAA,SAAAsB,IAAA,IAAAC,EAAA,OAAAxB,EAAAM,MAAA,SAAAmB,GAAA,OAAA,OAAAA,EAAAjB,KAAAiB,EAAAhB,MAAA,KAAA,~~EAEgC~~,~~GAD5C,~~QAAAe,EAAA5C,EAAMK,QAAQ+B,GAAIrC,0BAAlB,IAAA6C,GAAAA,EAAsCP,aAAY,GAClDrC,EAAMK,QAAQ+B,GAAIrC,mBAAqB,~~KAClCG~~,~~IAA8B~~,~~CAAA2C,EAAAhB,KAAA,EAAA,KAAA,CAAA,OAC1BnC,EAAAA,OAAAA,SAAAA,~~GAAyB,~~IAAM~~,KAAA,EAAA,IAAA,MAAA,OAAAmD,EAAAZ,OAAA,GAAAU,~~EAEzC~~,KAAA,WAAA,OAAAF,EAAAzB,MAAAC,KAAAC,UAAA,GACDO,+BAAgC,WAE1BzB,EAAMK,QAAQ+B,KAChBpC,EAAMK,QAAQ+B,GAAIvC,KAAOR,EAAOS,OAEpC,GAEJ,CA4CA,MAAO,CACLgD,YA3CkB,SAACX,GAAuD,IAAAY,EAA7BR,0DACrCH,EAAOD,EAAPC,GAKR,eAJIW,EAAC/C,EAAMK,sBAAN0C,EAAgBX,KACnBpC,EAAMK,QAAQ+B,GAAMxC,GAGdI,EAAMK,QAAQ8B,EAAYC,IAAIvC,MACpC,KAAKR,EAAOS,OACVwC,EAAkBH,EAAaI,GAC/B,MACF,KAAKlD,EAAOoB,SAGZ,KAAKpB,EAAOqB,OACVwB,EAAgBC,GAChB,MACF,KAAK9C,EAAOqD,QACVJ,EAAkBH,EAAaI,KA2BnCS,aArBmB,SAACb,GAAyD,IAAAc,EAA/BC,0DACtCd,EAAOD,EAAPC,GAKR,WAJIa,EAACjD,EAAMK,sBAAN4C,EAAgBb,KACnBpC,EAAMK,QAAQ+B,GAAMxC,GAGlBsD,EAOF,cANOlD,EAAMK,QAAQ+B,QAEhBlC,KACHR,GAAyB,IAM7B8C,EAAiBJ,IAOrB,GAAG,CAAC1C,IAEJ,OACEyD,EAAC7D,EAA6B8D,SAAQ,CAACC,MAAO1C,EAAIhB,SAC/CA,GAGP,EAEO,SAAS2D,IACd,OAAOC,EAAWjE,EACpB"}
1	+ {"version":3,"file":"DcFullscreenElemsCoordinatorProvider.js","sources":["../../../../../../src/components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.tsx"],"sourcesContent":["import {\n createContext,\n Dispatch,\n FC,\n ReactNode,\n SetStateAction,\n useContext,\n useMemo,\n useRef,\n} from 'react';\n\nenum STATES {\n CLOSED = 'CLOSED',\n OPENNING = 'OPENNING',\n OPENED = 'OPENED',\n CLOSING = 'CLOSING',\n}\n\ninterface Props {\n setIsFullscreenModalMode: (arg: SetStateAction<boolean>, isModal?: boolean) => void;\n children: ReactNode \| ReactNode[];\n}\n\ninterface ElementInfo {\n setIsOpened: Dispatch<SetStateAction<boolean>>;\n id: string;\n}\n\ninterface Api {\n requestOpen: (elInfo: ElementInfo, isModal?: boolean) => void;\n requestClose: (elInfo: ElementInfo, isUnmount?: boolean) => void;\n}\n\ninterface StartTransitionProps {\n transitionFn: () => void;\n plannedAfterTransitionFinishCb: () => void;\n}\n\ntype State = {\n [id in string]: {\n name: STATES;\n currentElementInfo: null \| ElementInfo;\n };\n};\n\nconst DcFullscreenElemsCoordinator = createContext<Api \| null>(null);\n\n/*\n Component designed to manage fullscreen elements inside of iframe(such as tooltips, popovers, modals).\n * State changes flow:\n \n ↓closed↓\n * ↓openning↓\n * {call transitionFn} stretches iframe to fullscreen(returns promise).\n * {call plannedAfterTransitionFinishCb} just open planned element by default.\n * ↓opened↓\n * ↓closing transition↓\n * {call transitionFn} shrinks iframe to app size. In some cases another element could be opened. We don't want to call transitionFn in this case\n * {call plannedAfterTransitionFinishCb} just go to closed state of element.\n \n At any of these states a element can request to open\\close itself. See requestOpen/requestClose for more details\n */\n\nexport const DcFullscreenElemsCoordinatorProvider: FC<Props> = ({\n setIsFullscreenModalMode,\n children,\n}) => {\n const initialElementState: { name: STATES; currentElementInfo: ElementInfo \| null } = {\n name: STATES.CLOSED,\n currentElementInfo: null,\n };\n const state = useRef<State>({});\n\n const getIsSomeElemOpeningOrOpened = () => {\n return Object.keys(state.current).some(elemId => {\n const elemState = state.current[elemId].name;\n return elemState === STATES.OPENNING \|\| elemState === STATES.OPENED;\n });\n };\n\n const api = useMemo(() => {\n async function startTransition({\n transitionFn,\n plannedAfterTransitionFinishCb,\n }: StartTransitionProps) {\n try {\n await transitionFn();\n } catch (err) {\n console.error('Transition error: ', err);\n }\n plannedAfterTransitionFinishCb();\n }\n\n function goToOpenedState(elementInfo: ElementInfo) {\n const { id } = elementInfo;\n state.current[id] = {\n name: STATES.OPENED,\n currentElementInfo: elementInfo,\n };\n state.current[id].currentElementInfo!.setIsOpened(true);\n }\n\n function goToOpenningState(elementInfo: ElementInfo, isModal: boolean) {\n const { id } = elementInfo;\n state.current[id] = {\n name: STATES.OPENNING,\n currentElementInfo: null,\n };\n\n startTransition({\n transitionFn: () => setIsFullscreenModalMode(true, isModal),\n plannedAfterTransitionFinishCb: () => {\n goToOpenedState(elementInfo);\n },\n });\n }\n\n function goToClosingState(id: string) {\n state.current[id].name = STATES.CLOSING;\n\n startTransition({\n // current element is in closing state, so if any other is opening or opened\n // then don't change full screen mode to avoid shrinking of opened element\n transitionFn: async () => {\n state.current[id].currentElementInfo?.setIsOpened(false);\n state.current[id].currentElementInfo = null;\n\n if (!getIsSomeElemOpeningOrOpened()) {\n setIsFullscreenModalMode(false);\n }\n },\n plannedAfterTransitionFinishCb: () => {\n // element may be unmounted before this callback runs\n if (state.current[id]) {\n state.current[id].name = STATES.CLOSED;\n }\n },\n });\n }\n\n const requestOpen = (elementInfo: ElementInfo, isModal: boolean = false) => {\n const { id } = elementInfo;\n if (!state.current?.[id]) {\n state.current[id] = initialElementState;\n }\n\n switch (state.current[elementInfo.id].name) {\n case STATES.CLOSED:\n goToOpenningState(elementInfo, isModal);\n break;\n case STATES.OPENNING:\n goToOpenedState(elementInfo);\n break;\n case STATES.OPENED:\n goToOpenedState(elementInfo);\n break;\n case STATES.CLOSING:\n goToOpenningState(elementInfo, isModal);\n break;\n default:\n }\n };\n\n const requestClose = (elementInfo: ElementInfo, isUnmount: boolean = false) => {\n const { id } = elementInfo;\n if (!state.current?.[id]) {\n state.current[id] = initialElementState;\n }\n\n if (isUnmount) {\n delete state.current[id];\n\n if (!getIsSomeElemOpeningOrOpened()) {\n setIsFullscreenModalMode(false);\n }\n\n return;\n }\n\n goToClosingState(id);\n };\n\n return {\n requestOpen,\n requestClose,\n };\n }, [setIsFullscreenModalMode]);\n\n return (\n <DcFullscreenElemsCoordinator.Provider value={api}>\n {children}\n </DcFullscreenElemsCoordinator.Provider>\n );\n};\n\nexport function useDcFullscreenElemsCoordinator() {\n return useContext(DcFullscreenElemsCoordinator);\n}\n"],"names":["STATES","DcFullscreenElemsCoordinator","createContext","DcFullscreenElemsCoordinatorProvider","_ref","setIsFullscreenModalMode","children","initialElementState","name","CLOSED","currentElementInfo","state","useRef","getIsSomeElemOpeningOrOpened","Object","keys","current","some","elemId","elemState","OPENNING","OPENED","api","useMemo","startTransition","_x","_startTransition","apply","this","arguments","_asyncToGenerator","_regeneratorRuntime","mark","_callee2","_ref2","transitionFn","plannedAfterTransitionFinishCb","wrap","_context2","prev","next","t0","console","error","stop","goToOpenedState","elementInfo","id","setIsOpened","goToOpenningState","isModal","goToClosingState","_transitionFn","CLOSING","_callee","_state$current$id$cur","_context","requestOpen","_state$current","requestClose","_state$current2","isUnmount","_jsx","Provider","value","useDcFullscreenElemsCoordinator","useContext"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 export declare function IsInsideDcFullscreenElemProvider({ children }: {
     children: any;
-}): JSX.Element;
+}): import("react").JSX.Element;
 export declare function useIsInsideDcFullscreenElem(): boolean;
 //# sourceMappingURL=IsInsideDcFullscreenElemProvider.d.ts.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"IsInsideDcFullscreenElemProvider.d.ts","sourceRoot":"","sources":["../../../../../../src/components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js"],"names":[],"mappings":"AAIA,wBAAgB,gCAAgC,CAAC,EAAE,QAAQ,EAAE;;CAAA~~,eAM5D~~;AAED,wBAAgB,2BAA2B,YAE1C"}
1	+ {"version":3,"file":"IsInsideDcFullscreenElemProvider.d.ts","sourceRoot":"","sources":["../../../../../../src/components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js"],"names":[],"mappings":"AAIA,wBAAgB,gCAAgC,CAAC,EAAE,QAAQ,EAAE;;CAAA,+BAM5D;AAED,wBAAgB,2BAA2B,YAE1C"}

package/components/DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.d.ts CHANGED Viewed

@@ -20,7 +20,7 @@ interface DevCenterAppViewProps {
     toggleAppSettingsDialog: () => void;
     onError: (error: Error) => void;
 }
-declare function DevCenterAppView({ AppComponent, app, appData, appProps, availability, isCLIApp, isLoading, isMultiRig, layoutEnvironment, openIntercom, segment, toggleAppSettingsDialog, onError, }: DevCenterAppViewProps): JSX.Element;
+declare function DevCenterAppView({ AppComponent, app, appData, appProps, availability, isCLIApp, isLoading, isMultiRig, layoutEnvironment, openIntercom, segment, toggleAppSettingsDialog, onError, }: DevCenterAppViewProps): import("react/jsx-runtime").JSX.Element;
 declare namespace DevCenterAppView {
     var defaultProps: {
         availability: {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"DevCenterAppView.d.ts","sourceRoot":"","sources":["../../../../../../src/components/DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAc1B,eAAO,MAAM,sBAAsB,YAAa,MAAM,KAAG,MAAyC,CAAC;AAGnG,UAAU,qBAAqB;IAC7B,YAAY,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;IAC9C,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACzB,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC7B,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC9B,YAAY,EAAE;QAAE,sBAAsB,EAAE,OAAO,CAAC;QAAC,uBAAuB,EAAE,OAAO,CAAA;KAAE,CAAC;IACpF,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,iBAAiB,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IAC5C,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,uBAAuB,EAAE,MAAM,IAAI,CAAC;IACpC,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CACjC;AAED,iBAAS,gBAAgB,CAAC,EACxB,YAAY,EACZ,GAAG,EACH,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,UAAU,EACV,iBAAiB,EACjB,YAAY,EACZ,OAAO,EACP,uBAAuB,EACvB,OAAO,GACR,EAAE,qBAAqB,~~eAoJvB~~;kBAlKQ,gBAAgB;;;YAsKrB,sBAAsB;YACtB,uBAAuB;;;;eAIZ,gBAAgB"}
1	+ {"version":3,"file":"DevCenterAppView.d.ts","sourceRoot":"","sources":["../../../../../../src/components/DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAc1B,eAAO,MAAM,sBAAsB,YAAa,MAAM,KAAG,MAAyC,CAAC;AAGnG,UAAU,qBAAqB;IAC7B,YAAY,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;IAC9C,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACzB,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC7B,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC9B,YAAY,EAAE;QAAE,sBAAsB,EAAE,OAAO,CAAC;QAAC,uBAAuB,EAAE,OAAO,CAAA;KAAE,CAAC;IACpF,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,iBAAiB,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IAC5C,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,uBAAuB,EAAE,MAAM,IAAI,CAAC;IACpC,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CACjC;AAED,iBAAS,gBAAgB,CAAC,EACxB,YAAY,EACZ,GAAG,EACH,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,UAAU,EACV,iBAAiB,EACjB,YAAY,EACZ,OAAO,EACP,uBAAuB,EACvB,OAAO,GACR,EAAE,qBAAqB,2CAoJvB;kBAlKQ,gBAAgB;;;YAsKrB,sBAAsB;YACtB,uBAAuB;;;;eAIZ,gBAAgB"}

package/components/DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import PropTypes from 'prop-types';
 declare function FullscreenButton({ setIsMaximized }: {
     setIsMaximized: any;
-}): JSX.Element;
+}): import("react").JSX.Element;
 declare namespace FullscreenButton {
     var propTypes: {
         setIsMaximized: PropTypes.Validator<(...args: any[]) => any>;

package/components/DevCenter/DevCenterAppContainer/components/NonPriorityMenus/NonPriorityMenus.d.ts CHANGED Viewed

@@ -15,6 +15,6 @@ type NonPriorityMenusProps = {
     }[];
     setIsFullscreenModalMode: (value: boolean) => Promise<void>;
 };
-export declare const NonPriorityMenus: ({ menuItems, isMaximized, setIsMaximized, toggleAppSettingsDialog, isMobileView, devCenterRouter, setIsFullscreenModalMode, }: NonPriorityMenusProps) => JSX.Element;
+export declare const NonPriorityMenus: ({ menuItems, isMaximized, setIsMaximized, toggleAppSettingsDialog, isMobileView, devCenterRouter, setIsFullscreenModalMode, }: NonPriorityMenusProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=NonPriorityMenus.d.ts.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"NonPriorityMenus.d.ts","sourceRoot":"","sources":["../../../../../../src/components/DevCenter/DevCenterAppContainer/components/NonPriorityMenus/NonPriorityMenus.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAoB,MAAM,OAAO,CAAC;AAQpD,KAAK,qBAAqB,GAAG;IAC3B,uBAAuB,EAAE,MAAM,IAAI,CAAC;IACpC,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,EAAE,OAAO,CAAC;IACtB,cAAc,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,eAAe,EAAE;QAAE,IAAI,EAAE,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,CAAA;KAAE,CAAC;IACxD,SAAS,EAAE;QACT,IAAI,CAAC,EAAE,SAAS,CAAC;QACjB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;QACrB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;KACtB,EAAE,CAAC;IACJ,wBAAwB,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAC7D,CAAC;AAEF,eAAO,MAAM,gBAAgB,kIAQ1B,qBAAqB,~~gBA6EvB~~,CAAC"}
1	+ {"version":3,"file":"NonPriorityMenus.d.ts","sourceRoot":"","sources":["../../../../../../src/components/DevCenter/DevCenterAppContainer/components/NonPriorityMenus/NonPriorityMenus.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAoB,MAAM,OAAO,CAAC;AAQpD,KAAK,qBAAqB,GAAG;IAC3B,uBAAuB,EAAE,MAAM,IAAI,CAAC;IACpC,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,EAAE,OAAO,CAAC;IACtB,cAAc,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,eAAe,EAAE;QAAE,IAAI,EAAE,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,CAAA;KAAE,CAAC;IACxD,SAAS,EAAE;QACT,IAAI,CAAC,EAAE,SAAS,CAAC;QACjB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;QACrB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;KACtB,EAAE,CAAC;IACJ,wBAAwB,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAC7D,CAAC;AAEF,eAAO,MAAM,gBAAgB,kIAQ1B,qBAAqB,4CA6EvB,CAAC"}

package/components/DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import PropTypes from 'prop-types';
 declare function RestoreAppSizeButton({ setIsMaximized }: {
     setIsMaximized: any;
-}): JSX.Element;
+}): import("react").JSX.Element;
 declare namespace RestoreAppSizeButton {
     var propTypes: {
         setIsMaximized: PropTypes.Validator<(...args: any[]) => any>;

package/components/DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAWnC,iBAAS,oBAAoB,CAAC,EAAE,cAAc,EAAE;;CAAA~~,eAwB~~/C;kBAxBQ,oBAAoB;;;;;eA8Bd,oBAAoB"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAWnC,iBAAS,oBAAoB,CAAC,EAAE,cAAc,EAAE;;CAAA,+BAwB/C;kBAxBQ,oBAAoB;;;;;eA8Bd,oBAAoB"}

package/components/DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.d.ts CHANGED Viewed

@@ -5,7 +5,7 @@ export declare function UniversalLink({ href, children, className, 'data-testid'
     "data-testid": any;
     href: any;
     onClick: any;
-}): JSX.Element;
+}): import("react").JSX.Element;
 export declare namespace UniversalLink {
     var propTypes: {
         href: PropTypes.Requireable<any>;

package/components/DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"UniversalLink.d.ts","sourceRoot":"","sources":["../../../../../src/components/DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js"],"names":[],"mappings":"AAEA,OAAO,SAAS,MAAM,YAAY,CAAC;AAOnC,wBAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,aAAa,EAAE,UAAU,EAAE,OAAO,EAAE;;;;;;CAAA~~,eAmC9F~~;yBAnCe,aAAa"}
1	+ {"version":3,"file":"UniversalLink.d.ts","sourceRoot":"","sources":["../../../../../src/components/DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js"],"names":[],"mappings":"AAEA,OAAO,SAAS,MAAM,YAAY,CAAC;AAOnC,wBAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,aAAa,EAAE,UAAU,EAAE,OAAO,EAAE;;;;;;CAAA,+BAmC9F;yBAnCe,aAAa"}

package/components/DevCenter/DevCenterRouterContext/hocs/withUniversalLocationHOC.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 export declare function withUniversalLocationHOC(Component: any): {
-    (props: any): JSX.Element;
+    (props: any): import("react").JSX.Element;
     displayName: string;
 };
 //# sourceMappingURL=withUniversalLocationHOC.d.ts.map

package/components/DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DevCenterIsolatedApp.d.ts","sourceRoot":"","sources":["../../../../src/components/DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js"],"names":[],"mappings":"~~AAmRA~~,eAAO,MAAM,oBAAoB,KAA4C,CAAC"}
1	+ {"version":3,"file":"DevCenterIsolatedApp.d.ts","sourceRoot":"","sources":["../../../../src/components/DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js"],"names":[],"mappings":"AA6RA,eAAO,MAAM,oBAAoB,KAA4C,CAAC"}

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

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

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

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

package/components/DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.d.ts CHANGED Viewed

@@ -9,7 +9,7 @@ export declare function DevCenterIsolatedAppPage({ CLIAppComponent, CLIAppSettin
     CLIAppComponent: any;
     CLIAppSettings: any;
     containerReportClassName: any;
-}): JSX.Element;
+}): import("react").JSX.Element;
 export declare namespace DevCenterIsolatedAppPage {
     var propTypes: {
         CLIAppComponent: PropTypes.Requireable<(...args: any[]) => any>;

package/components/DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DevCenterIsolatedAppPage.d.ts","sourceRoot":"","sources":["../../../../src/components/DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js"],"names":[],"mappings":"AAGA,OAAO,SAAS,MAAM,YAAY,CAAC;AAmBnC,OAAO,uBAAuB,CAAC;AAoB/B;;;;GAIG;AACH,wBAAgB,wBAAwB,CAAC,EACvC,eAAe,EACf,cAAc,EACd,wBAAwB,GACzB;;;;CAAA~~,eAsGA~~;yBA1Ge,wBAAwB"}
1	+ {"version":3,"file":"DevCenterIsolatedAppPage.d.ts","sourceRoot":"","sources":["../../../../src/components/DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js"],"names":[],"mappings":"AAGA,OAAO,SAAS,MAAM,YAAY,CAAC;AAmBnC,OAAO,uBAAuB,CAAC;AAoB/B;;;;GAIG;AACH,wBAAgB,wBAAwB,CAAC,EACvC,eAAe,EACf,cAAc,EACd,wBAAwB,GACzB;;;;CAAA,+BAsGA;yBA1Ge,wBAAwB"}

package/components/DevCenter/IsolatedDevCenterAppContainer/IsolatedPage.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+export declare const isReact17App: (app: unknown) => boolean;
 export declare const APP_IFRAME_ATTRIBUTE = "data-corva-app-iframe";
 export type IsolatedPageProps = {
     [key: string]: any;
@@ -8,5 +9,5 @@ declare global {
         xpropsOnProps?: (props: any) => void;
     }
 }
-export declare function IsolatedPage({ ...restProps }: IsolatedPageProps): JSX.Element;
+export declare function IsolatedPage({ ...restProps }: IsolatedPageProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=IsolatedPage.d.ts.map

package/components/DevCenter/IsolatedDevCenterAppContainer/IsolatedPage.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"IsolatedPage.d.ts","sourceRoot":"","sources":["../../../../src/components/DevCenter/IsolatedDevCenterAppContainer/IsolatedPage.tsx"],"names":[],"mappings":"~~AAkEA~~,eAAO,MAAM,oBAAoB,0BAA0B,CAAC;AAO5D,MAAM,MAAM,iBAAiB,GAAG;IAC9B,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB,CAAC;AAEF,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;QAC7B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;KACtC;CACF;AAED,wBAAgB,YAAY,CAAC,EAAE,GAAG,SAAS,EAAE,EAAE,iBAAiB,~~eAyF~~/D"}
1	+ {"version":3,"file":"IsolatedPage.d.ts","sourceRoot":"","sources":["../../../../src/components/DevCenter/IsolatedDevCenterAppContainer/IsolatedPage.tsx"],"names":[],"mappings":"AA+EA,eAAO,MAAM,YAAY,QAAS,OAAO,KAAG,OAU3C,CAAC;AAQF,eAAO,MAAM,oBAAoB,0BAA0B,CAAC;AAO5D,MAAM,MAAM,iBAAiB,GAAG;IAC9B,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB,CAAC;AAEF,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;QAC7B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;KACtC;CACF;AAED,wBAAgB,YAAY,CAAC,EAAE,GAAG,SAAS,EAAE,EAAE,iBAAiB,2CAyF/D"}

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

@@ -1,2 +1,2 @@
-import r from"@babel/runtime/helpers/slicedToArray";import e from"@babel/runtime/helpers/extends";import t from"@babel/runtime/helpers/defineProperty";import{useRef as o,useState as n,useCallback as a,useEffect as i}from"react";import{isEqual as c}from"lodash";import{Iterable as p,is as s}from"immutable";import l from"../../LoadingIndicator/LoadingIndicator.js";import u from"./IsolatedPage.module.css.js";import{jsxs as f,jsx as m}from"react/jsx-runtime";var d;function b(r,e){var t=Object.keys(r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(r);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),t.push.apply(t,o)}return t}function y(r){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?b(Object(o),!0).forEach((function(e){t(r,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(o)):b(Object(o)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(o,e))}))}return r}var O=function(r,e){if(r===e)return!0;if("function"==typeof r&&"function"==typeof e)return!0;var t=p.isIterable(r),o=p.isIterable(e);return t&&o?s(r,e):t===o&&c(r,e)},v="data-corva-app-iframe",g=(t(d={},"data-corva-app-iframe",!0),t(d,"data-testid","isolatedAppContainer"),d);function P(t){var c=e({},t),p=o(null),s=o(null),d=n(!0),b=r(d,2),v=b[0],P=b[1],h=a((function(){P(!1)}),[]),j=function(r,e){if(r){var t=!r.xprops,o=!function(r,e){if(r===e)return!0;if(!r)return!1;var t=Object.keys(r),o=Object.keys(e);if(t.length!==o.length)return!1;for(var n=0,a=o;n<a.length;n++){var i=a[n];if(!Object.prototype.hasOwnProperty.call(r,i))return!1;if(!O(r[i],e[i]))return!1}return!0}(s.current||{},e);if(r.xprops=y({},e),s.current=e,(t||o)&&r.xpropsOnProps)try{r.xpropsOnProps(e)}catch(r){console.debug("[IsolatedPage] xpropsOnProps was not set yet:",r)}}};return i((function(){try{var r,e=null===(r=p.current)||void 0===r?void 0:r.contentWindow;j(e,c)}catch(r){console.error("[IsolatedPage] Error accessing iframe contentWindow:",r)}})),i((function(){return function(){try{var r,e=null===(r=p.current)||void 0===r?void 0:r.contentWindow;e&&e.xprops&&delete e.xprops}catch(r){console.error("[IsolatedPage] Error cleaning up xprops:",r)}s.current=null;var t=p.current;if(t)try{t.src="about:blank"}catch(r){console.error("[IsolatedPage] Error setting iframe src to about:blank:",r)}p.current=null}}),[]),f("div",{className:u.container,children:[v&&m(l,{}),m("iframe",y({ref:p,src:"/DevCenterIsolatedAppPage.html",onLoad:h,className:u.iframe},g))]})}export{v as APP_IFRAME_ATTRIBUTE,P as IsolatedPage};
+import r from"@babel/runtime/helpers/slicedToArray";import e from"@babel/runtime/helpers/extends";import t from"@babel/runtime/helpers/defineProperty";import{useRef as o,useState as n,useCallback as a,useEffect as i}from"react";import{isEqual as c}from"lodash";import{Iterable as p,is as s}from"immutable";import l from"../../LoadingIndicator/LoadingIndicator.js";import u from"./IsolatedPage.module.css.js";import{jsxs as f,jsx as d}from"react/jsx-runtime";var m;function b(r,e){var t=Object.keys(r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(r);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),t.push.apply(t,o)}return t}function v(r){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?b(Object(o),!0).forEach((function(e){t(r,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(o)):b(Object(o)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(o,e))}))}return r}var g=function(r,e){if(r===e)return!0;if("function"==typeof r&&"function"==typeof e)return!0;var t=p.isIterable(r),o=p.isIterable(e);return t&&o?s(r,e):t===o&&c(r,e)},y=/(^|[\^~>=\s])18\./,O=function(r){var e,t,o=null==r?void 0:r.package;if(!o)return!0;var n=null===(e=o.package_json)||void 0===e||null===(t=e.dependencies)||void 0===t?void 0:t.react;return!("string"==typeof n&&y.test(n))},P="data-corva-app-iframe",h=(t(m={},"data-corva-app-iframe",!0),t(m,"data-testid","isolatedAppContainer"),m);function j(t){var c,p,s=e({},t),m=o(null),b=o(null),y=n(!0),P=r(y,2),j=P[0],w=P[1],x=a((function(){w(!1)}),[]),I=function(r,e){if(r){var t=!r.xprops,o=!function(r,e){if(r===e)return!0;if(!r)return!1;var t=Object.keys(r),o=Object.keys(e);if(t.length!==o.length)return!1;for(var n=0,a=o;n<a.length;n++){var i=a[n];if(!Object.prototype.hasOwnProperty.call(r,i))return!1;if(!g(r[i],e[i]))return!1}return!0}(b.current||{},e);if(r.xprops=v({},e),b.current=e,(t||o)&&r.xpropsOnProps)try{r.xpropsOnProps(e)}catch(r){console.debug("[IsolatedPage] xpropsOnProps was not set yet:",r)}}};return i((function(){try{var r,e=null===(r=m.current)||void 0===r?void 0:r.contentWindow;I(e,s)}catch(r){console.error("[IsolatedPage] Error accessing iframe contentWindow:",r)}})),i((function(){return function(){try{var r,e=null===(r=m.current)||void 0===r?void 0:r.contentWindow;e&&e.xprops&&delete e.xprops}catch(r){console.error("[IsolatedPage] Error cleaning up xprops:",r)}b.current=null;var t=m.current;if(t)try{t.src="about:blank"}catch(r){console.error("[IsolatedPage] Error setting iframe src to about:blank:",r)}m.current=null}}),[]),f("div",{className:u.container,children:[j&&d(l,{}),d("iframe",v({ref:m,src:(c=s.app,p=window.__DC_REACT17_ISOLATED_PAGE_PATH__,p&&O(c)?p:"/DevCenterIsolatedAppPage.html"),onLoad:x,className:u.iframe},h))]})}export{P as APP_IFRAME_ATTRIBUTE,j as IsolatedPage,O as isReact17App};
 //# sourceMappingURL=IsolatedPage.js.map