@corva/ui 3.73.0-6 → 3.73.0-8

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

@@ -1 +1 @@
-{"version":3,"file":"AppsDataProvider.js","sources":["../../../../../src/components/DevCenter/AppsDataProvider/AppsDataProvider.js"],"sourcesContent":["import PropTypes from 'prop-types';\n\nimport AppContext from '../AppContext';\n\nimport { useAppsData } from './effects';\n\nfunction AppsDataProvider({ children, dashboardAssetId, apps, dashboardMeta }) {\n  const appsData = useAppsData({ apps, dashboardAssetId, dashboardMeta });\n\n  return <AppContext.Provider value={appsData}>{children}</AppContext.Provider>;\n}\n\nAppsDataProvider.propTypes = {\n  children: PropTypes.node.isRequired,\n  dashboardAssetId: PropTypes.string,\n  apps: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n  dashboardMeta: PropTypes.shape({\n    isChiplessDashboard: PropTypes.bool,\n  }),\n};\n\nAppsDataProvider.defaultProps = {\n  dashboardAssetId: null,\n  dashboardMeta: undefined,\n};\n\nexport default AppsDataProvider;\n"],"names":["AppsDataProvider","_ref","children","dashboardAssetId","apps","dashboardMeta","appsData","useAppsData","_jsx","jsx","AppContext","Provider","value","propTypes","PropTypes","node","isRequired","string","arrayOf","shape","isChiplessDashboard","bool","defaultProps","undefined"],"mappings":"+NAMA,SAASA,EAAsEC,GAAA,IAAnDC,IAAAA,SAAUC,IAAAA,iBAAkBC,IAAAA,KAAMC,IAAAA,cACtDC,EAAWC,EAAY,CAAEH,KAAAA,EAAMD,iBAAAA,EAAkBE,cAAAA,IAEvD,OAAOG,EAAAC,IAACC,EAAWC,SAAQ,CAACC,MAAON,EAASJ,SAAEA,GAChD,CAEAF,EAAiBa,UAAY,CAC3BX,SAAUY,EAAAA,QAAUC,KAAKC,WACzBb,iBAAkBW,EAAS,QAACG,OAC5Bb,KAAMU,EAAS,QAACI,QAAQJ,EAAAA,QAAUK,MAAM,CAAA,IAAKH,WAC7CX,cAAeS,EAAS,QAACK,MAAM,CAC7BC,oBAAqBN,EAAS,QAACO,QAInCrB,EAAiBsB,aAAe,CAC9BnB,iBAAkB,KAClBE,mBAAekB"}
+{"version":3,"file":"AppsDataProvider.js","sources":["../../../../../src/components/DevCenter/AppsDataProvider/AppsDataProvider.js"],"sourcesContent":["import PropTypes from 'prop-types';\n\nimport AppContext from '../AppContext';\n\nimport { useAppsData } from './effects';\n\nfunction AppsDataProvider({ children, dashboardAssetId = null, apps, dashboardMeta }) {\n  const appsData = useAppsData({ apps, dashboardAssetId, dashboardMeta });\n\n  return <AppContext.Provider value={appsData}>{children}</AppContext.Provider>;\n}\n\nAppsDataProvider.propTypes = {\n  children: PropTypes.node.isRequired,\n  dashboardAssetId: PropTypes.string,\n  apps: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n  dashboardMeta: PropTypes.shape({\n    isChiplessDashboard: PropTypes.bool,\n  }),\n};\n\nexport default AppsDataProvider;\n"],"names":["AppsDataProvider","_ref","children","_ref$dashboardAssetId","dashboardAssetId","apps","dashboardMeta","appsData","useAppsData","_jsx","jsx","AppContext","Provider","value","propTypes","PropTypes","node","isRequired","string","arrayOf","shape","isChiplessDashboard","bool"],"mappings":"+NAMA,SAASA,EAA6EC,GAAA,IAA1DC,IAAAA,SAAQC,EAAAF,EAAEG,iBAAAA,aAAmB,KAAID,EAAEE,IAAAA,KAAMC,IAAAA,cAC7DC,EAAWC,EAAY,CAAEH,KAAAA,EAAMD,iBAAAA,EAAkBE,cAAAA,IAEvD,OAAOG,EAAAC,IAACC,EAAWC,SAAQ,CAACC,MAAON,EAASL,SAAEA,GAChD,CAEAF,EAAiBc,UAAY,CAC3BZ,SAAUa,EAAAA,QAAUC,KAAKC,WACzBb,iBAAkBW,EAAS,QAACG,OAC5Bb,KAAMU,EAAS,QAACI,QAAQJ,EAAAA,QAAUK,MAAM,CAAA,IAAKH,WAC7CX,cAAeS,EAAS,QAACK,MAAM,CAC7BC,oBAAqBN,EAAS,QAACO"}

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

@@ -1 +1 @@
-{"version":3,"file":"AppInfoMessage.js","sources":["../../../../../../../src/components/DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport InfoOutlinedIcon from '@material-ui/icons/InfoOutlined';\n\nimport styles from './AppInfoMessage.css';\n\nimport AppHeader from '~/components/DevCenter/AppHeader';\n\nexport const PAGE_NAME = 'AppInfoMessage';\n\nfunction AppInfoMessage({ appHeaderProps, children, message, submessage }) {\n  return (\n    <div className={styles.appInfoMessage} data-testid={PAGE_NAME}>\n      <AppHeader {...appHeaderProps} />\n      <div className={styles.content}>\n        {children}\n        {!children && (\n          <>\n            <InfoOutlinedIcon size=\"large\" className={styles.infoIcon} />\n            <p className={styles.message}>{message}</p>\n            {submessage && <p className={styles.submessage}>{submessage}</p>}\n          </>\n        )}\n      </div>\n    </div>\n  );\n}\n\nAppInfoMessage.propTypes = {\n  appHeaderProps: PropTypes.shape({}).isRequired,\n  children: PropTypes.node,\n  message: PropTypes.oneOfType([PropTypes.node, PropTypes.string]),\n  submessage: PropTypes.string,\n};\n\nAppInfoMessage.defaultProps = { message: '', submessage: '', children: null };\n\nexport default AppInfoMessage;\n"],"names":["PropTypes","shape","isRequired","node","oneOfType","string"],"mappings":"mUA4BkBA,EAAS,QAACC,MAAM,CAAA,GAAIC,WAC1BF,EAAS,QAACG,KACXH,EAAS,QAACI,UAAU,CAACJ,EAAS,QAACG,KAAMH,EAAAA,QAAUK,SAC5CL,EAAS,QAACK"}
+{"version":3,"file":"AppInfoMessage.js","sources":["../../../../../../../src/components/DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport InfoOutlinedIcon from '@material-ui/icons/InfoOutlined';\n\nimport styles from './AppInfoMessage.css';\n\nimport AppHeader from '~/components/DevCenter/AppHeader';\n\nexport const PAGE_NAME = 'AppInfoMessage';\n\nfunction AppInfoMessage({ appHeaderProps, children = null, message = '', submessage = '' }) {\n  return (\n    <div className={styles.appInfoMessage} data-testid={PAGE_NAME}>\n      <AppHeader {...appHeaderProps} />\n      <div className={styles.content}>\n        {children}\n        {!children && (\n          <>\n            <InfoOutlinedIcon size=\"large\" className={styles.infoIcon} />\n            <p className={styles.message}>{message}</p>\n            {submessage && <p className={styles.submessage}>{submessage}</p>}\n          </>\n        )}\n      </div>\n    </div>\n  );\n}\n\nAppInfoMessage.propTypes = {\n  appHeaderProps: PropTypes.shape({}).isRequired,\n  children: PropTypes.node,\n  message: PropTypes.oneOfType([PropTypes.node, PropTypes.string]),\n  submessage: PropTypes.string,\n};\n\nexport default AppInfoMessage;\n"],"names":["PropTypes","shape","isRequired","node","oneOfType","string"],"mappings":"mUA4BkBA,EAAS,QAACC,MAAM,CAAA,GAAIC,WAC1BF,EAAS,QAACG,KACXH,EAAS,QAACI,UAAU,CAACJ,EAAS,QAACG,KAAMH,EAAAA,QAAUK,SAC5CL,EAAS,QAACK"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),s=require("@babel/runtime/helpers/slicedToArray"),n=require("react"),i=require("prop-types"),o=require("lodash"),r=require("@material-ui/core"),c=require("@material-ui/icons"),t=require("../../../../EmptyState/EmptyState.js"),u=require("../../utils.js"),a=require("./components/RemoveAppButton.js"),l=require("./components/SettingsAccordion.js"),p=require("./styles.js");require("@babel/runtime/helpers/objectWithoutProperties"),require("@material-ui/pickers"),require("@date-io/moment"),require("moment"),require("../../../../../config/theme/index.js");var d=require("react/jsx-runtime"),m=require("../../../../../hocs/withAssetEditorLockHOC.js"),j=require("../../../../ErrorBoundary/ErrorBoundary.js"),q=require("../../../../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js"),g=require("../../../../Button/components/Button/index.js");require("moment-timezone"),require("classnames"),require("../../../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js"),require("../../../../Button/components/LiveButton/styles.js"),require("@icon-park/react/es/all"),require("../../../../../icons/IconParkProvider.js"),require("../../../../../icons/customIcons/icons/AddMessage.js"),require("../../../../../icons/customIcons/icons/DragOne.js"),require("../../../../../icons/customIcons/icons/Attention.js"),require("../../../../../icons/customIcons/icons/Collapse.js"),require("../../../../../icons/customIcons/icons/Dashboard.js"),require("../../../../../icons/customIcons/icons/Expand.js"),require("../../../../../icons/customIcons/icons/FolderClosed.js"),require("../../../../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../../../../icons/customIcons/icons/FolderOpened.js"),require("../../../../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../../../../icons/customIcons/icons/LessOrEqual.js"),require("../../../../../icons/customIcons/icons/Search.js"),require("../../../../../icons/customIcons/icons/SearchOne.js"),require("../../../../../icons/customIcons/icons/Wellhub.js"),require("../../../../../icons/customIcons/icons/MultiRuler.js"),require("../../../../../icons/customIcons/icons/Checkbox.js"),require("../../../../../icons/customIcons/icons/CheckboxChecked.js"),require("../../../../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../../../../icons/customIcons/icons/Radio.js"),require("../../../../../icons/customIcons/icons/RadioChecked.js"),require("../../../../../icons/customIcons/icons/SimulFrac.js"),require("../../../../../icons/customIcons/icons/ZipperFrac.js"),require("../../../../../icons/customIcons/icons/CautionFilled.js"),require("../../../../../icons/customIcons/icons/MoreApp.js"),require("../../../../../icons/customIcons/icons/Pad.js"),require("../../../../../icons/customIcons/icons/DrilloutUnit.js"),require("../../../../../icons/customIcons/icons/FracFleet.js"),require("../../../../../icons/customIcons/icons/Global.js"),require("../../../../../icons/customIcons/icons/Program.js"),require("../../../../../icons/customIcons/icons/Rig.js"),require("../../../../../icons/customIcons/icons/Well.js"),require("../../../../../icons/customIcons/icons/Gap.js"),require("../../../../../icons/customIcons/icons/Pin.js"),require("../../../../../icons/customIcons/icons/CloseOneFilled.js"),require("../../../../../icons/customIcons/icons/AttentionFilled.js"),require("../../../../../icons/customIcons/icons/CheckOneFilled.js"),require("../../../../../icons/customIcons/icons/Archive.js"),require("../../../../../icons/customIcons/icons/ArchiveCancel.js"),require("../../../../../icons/customIcons/icons/Unarchive.js"),require("../../../../../icons/customIcons/icons/Archived.js"),require("../../../../../icons/customIcons/icons/InterventionUnit.js"),require("../../../../../icons/customIcons/icons/CloudDelete.js"),require("../../../../../icons/customIcons/icons/Lasso.js"),require("../../../../../icons/customIcons/icons/Radius.js"),require("../../../../../icons/customIcons/icons/ErrorOps.js"),require("../../../../../icons/customIcons/icons/DataTypeOps.js"),require("../../../../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../../../../icons/customIcons/icons/CalibrationOps.js"),require("../../../../../icons/customIcons/icons/CriticalOps.js"),require("../../../../../icons/customIcons/icons/Company.js"),require("../../../../../icons/customIcons/icons/ArchiveOne.js"),require("../../../../../icons/customIcons/icons/ParseBotFusion.js"),require("../../../../../icons/customIcons/icons/Connect.js"),require("../../../../../icons/customIcons/icons/PuzzleOne.js"),require("../../../../../icons/customIcons/icons/Feed.js"),require("../../../../../icons/customIcons/icons/Prompt.js"),require("../../../../../icons/customIcons/icons/Companies.js"),require("../../../../../icons/customIcons/icons/ClipboardAi.js"),require("../../../../../icons/customIcons/icons/Key.js"),require("../../../../../icons/customIcons/icons/AtSignCrossed.js"),require("../../../../../icons/customIcons/icons/MappingManual.js"),require("../../../../../icons/customIcons/icons/Mapping.js"),require("../../../../../icons/customIcons/icons/Metrics.js"),require("../../../../../icons/customIcons/icons/Drops.js"),require("../../../../../icons/customIcons/icons/ClipboardSearch.js"),require("../../../../../icons/customIcons/icons/Template.js"),require("../../../../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../../../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../../../../icons/customIcons/icons/UnitConversion.js"),require("../../../../../icons/customIcons/icons/NPT.js"),require("../../../../../icons/customIcons/icons/GuidedFrac.js");var I=require("../../../../Modal/Modal.js"),v=require("../../../../../constants/devcenter.js");require("../../../../../constants/goals.js");var f=require("../../../../../constants/segment.js");require("../../../../../constants/alerts.js"),require("../../../../../constants/apps.js"),require("../../../../../constants/drillstring.js"),require("../../../../../constants/completion.js"),require("../../../../../constants/appPackages.js"),require("../../../../../constants/notifications.js"),require("../../../../../constants/feed.js"),require("../../../../../constants/bha.js");var h=require("../../../../../constants/assetTypes.js");require("../../../../../constants/corvaCompanyId.js"),require("../../../../GradientManager/configuration/constants.js");var A=require("../../../../AssetEditorV2/index.js"),S=require("../../../../AppVersionsSelect/AppVersionsSelect.js"),C=require("../../../../DisabledSettingsMessage/DisabledSettingsMessage.js"),b=require("../../../../ConfirmationDialog.js");require("../../../../../utils/index.js");var y=require("../../../../AppIcon/AppIcon.js"),x=require("../../../../../utils/devcenter.js"),E=require("../../../../../permissions/usePermissions.js"),O=require("../../../../../permissions/constants/index.js");require("../../../../../permissions/withPermissionsHOC.js"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../../../../../clients/jsonApi/index.js"),require("../../../../../permissions/ProvidePermissions.js"),require("../../../../../permissions/PermissionsContext.js");var P=require("../../../../../utils/mobileDetect.js"),D=require("../../../../../componentsV2/HideInNativeApp/index.js"),R=require("../../../../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.constants.js"),N=require("../../../../../utils/notificationToasts.js");function k(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var M=k(e),T=k(s);function w(e,s){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable}))),n.push.apply(n,i)}return n}function B(e){for(var s=1;s<arguments.length;s++){var n=null!=arguments[s]?arguments[s]:{};s%2?w(Object(n),!0).forEach((function(s){M.default(e,s,n[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):w(Object(n)).forEach((function(s){Object.defineProperty(e,s,Object.getOwnPropertyDescriptor(n,s))}))}return e}var F="DC_appSettings",V=m(A),_=function(){return null};function H(e){var s,i,m,k,w,H,G,L=e.AppSettingsComponent,U=e.app,z=e.appData,W=e.appName,K=e.currentUser,Y=e.disableAppAssetSelection,Z=e.isMultiRig,J=e.isSettingsDialogHidden,Q=e.layoutEnvironment,X=e.onAppRemove,$=e.onCloneDashboard,ee=e.onSettingsChange,se=e.openIntercom,ne=e.rigId,ie=e.toggleAppSettingsDialog,oe=(null==U||null===(s=U.segment)||void 0===s?void 0:s.length)>1,re=n.useState(x.getAppSegment(U)),ce=T.default(re,2),te=ce[0],ue=ce[1],ae=te===f.SEGMENTS.COMPLETION,le=f.SEGMENT_TO_ASSET_TYPE[te],pe=Q&&"asset"===Q.type,de=E([O.PERMISSIONS.getCanReadAppPackages(U.app.id)]),me=T.default(de,1)[0],je=me.active,qe=me.loading,ge=n.useState(!1),Ie=T.default(ge,2),ve=Ie[0],fe=Ie[1],he=n.useState(!0),Ae=T.default(he,2),Se=Ae[0],Ce=Ae[1],be=!(Y||P.isInsideNewMobileApp||Z||pe&&ae),ye=!P.isInsideNewMobileApp&&!J&&X,xe=n.useRef(ne);n.useEffect((function(){Se||Ce(!0)}),[Se]);var Ee=n.useState((function(){var e;return B(B({},o.cloneDeep(U.settings)),{},{package:U.settings.package||(null==U||null===(e=U.package)||void 0===e?void 0:e.version)})})),Oe=T.default(Ee,2),Pe=Oe[0],De=Oe[1],Re=u.getIsSustainabilityApp(null==U||null===(i=U.app)||void 0===i?void 0:i.id),Ne=n.useState(""),ke=T.default(Ne,2),Me=ke[0],Te=ke[1],we=n.useRef(null),Be=n.useRef(null),Fe=qe||je||Boolean(null===(m=we.current)||void 0===m?void 0:m.clientHeight),Ve=Boolean(null===(k=Be.current)||void 0===k?void 0:k.clientHeight),_e=Fe&&Ve,He=p.useStyles({isCompletionApp:ae,isSustainabilityApp:Re,isAccordionRequired:_e,isRemoveButtonVisible:ye}),Ge=U.id===v.DEV_CENTER_CLI_APP_ID,Le=function(e,s){return De((function(n){return B(B({},n),{},M.default({},e,s))}))},Ue=function(e){return De((function(s){return B(B({},s),e)}))},ze=pe?V:A;n.useEffect((function(){o.debounce(fe,200)(!0)}),[]);var We=d.jsxs("div",{className:He.modalTitleContainer,children:[d.jsx(y.AppIcon,{className:He.appIcon,segment:[te],iconUrl:null==U||null===(w=U.app)||void 0===w||null===(H=w.icon)||void 0===H?void 0:H.url,height:48,width:48}),d.jsxs("div",{children:[d.jsx("div",{children:"".concat(W," Settings")}),d.jsx(D.HideInNativeApp,{children:d.jsxs("div",{"data-testid":"".concat(F,"_appstoreLink"),className:He.appStoreButton,onClick:function(){var e,s;return window.open((s=null==U||null===(e=U.app)||void 0===e?void 0:e.id,"/app-store/app/".concat(s)),"_top")},children:["Open in Appstore ",d.jsx(c.ArrowForward,{className:He.arrowIcon})]})})]})]}),Ke=d.jsxs("div",{className:He.modalActions,children:[ye&&d.jsx(a.default,{appName:W,onAppRemove:X}),d.jsxs("div",{children:[d.jsx(g,{"data-testid":"".concat(F,"_cancel"),variation:"secondary",onClick:ie,children:"Cancel"}),J&&d.jsx(g,{variation:"primary",onClick:function(){return $()},children:"Copy Dashboard"}),!J&&d.jsx(g,{"data-testid":"".concat(F,"_save"),className:He.saveButton,variation:"primary",onClick:function(){if(!Pe.package&&!Ge)return Te("Please select app version");if(be&&!pe){var e=null==le?void 0:le.primaryAsset.assetType.id,s=null==le?void 0:le.primaryAsset.assetType.label;if(e&&!Pe[e])return Te("Please select ".concat(s))}return ee(Pe),N.showSuccessNotification("Successfully saved"),ie()},children:"Save"})]})]});return d.jsx(I,{actions:Ke,closeIconClassName:He.closeIcon,contentContainerClassName:He.modalContainer,modalTitleClassName:He.modalTitle,onClose:ie,open:!0,title:We,children:d.jsxs(j,{ErrorView:q,openIntercom:se,children:[d.jsx(b,{open:!!Me,isShowCancel:!1,title:"Validation failed",text:Me,handleOk:function(){return Te("")},classes:{confirmation:He.confirmationText}}),J&&d.jsx(C,{}),!J&&ve&&!Ve&&!Fe&&d.jsx(t,{image:t.IMAGES.UnderConstruction,title:"No app settings"}),!J&&d.jsxs(d.Fragment,{children:[d.jsxs(l.SettingsAccordion,{defaultExpanded:!0,className:He.assetAccordion,accordionDetailsRef:we,isAccordionRequired:_e,summary:"Asset",children:[oe&&d.jsxs(r.FormControl,{className:He.segmentSelector,children:[d.jsx(r.InputLabel,{children:"Segment"}),d.jsx(r.Select,{value:te,onChange:function(e){var s=e.target.value;xe.current=null,Ce(!1),ue(s),De(B(B({package:Pe.package,segment:s},o.mapValues(o.keyBy(h.ASSET_TYPES,"id"),(function(){return null}))),{},{assets:null}))},children:U.segment.map((function(e){return d.jsx(r.MenuItem,{className:He.segmentMenuItem,value:e,children:e},e)}))})]}),be&&Se&&d.jsx(ze,{appKey:Ge?null:U.app.app_key,appType:le,defaultValue:xe.current,secondaryDefaultValue:+(null==z||null===(G=z.well)||void 0===G?void 0:G.id),isHiddenMultipleAssetsToggle:!0,isHiddenTitle:!0,isNullable:pe,label:"Asset",onSettingsChange:Ue,settings:Pe}),d.jsx(S.default,{className:He.appVersionSelect,appId:U.app.id,value:Pe.package,onChange:function(e,s,n){return n&&R.isReact18Host()?Ue({package:e,react18AutoSwitchDisabled:!0}):Le("package",e)}})]}),d.jsx(j,{ErrorView:_,openIntercom:se,children:d.jsx(l.SettingsAccordion,{accordionDetailsRef:Be,className:He.accordion,defaultExpanded:!0,isAccordionRequired:_e,summary:"App Settings",children:L&&d.jsx(L,{app:U,appData:z,settings:Pe,onSettingChange:Le,onSettingsChange:Ue,layoutEnvironment:Q,currentUser:K})})})]})]})})}H.propTypes={AppSettingsComponent:i.func,app:i.shape({}).isRequired,appData:i.shape({}).isRequired,appName:i.string.isRequired,currentUser:i.shape({}).isRequired,disableAppAssetSelection:i.bool,isMultiRig:i.bool.isRequired,isSettingsDialogHidden:i.bool,layoutEnvironment:i.shape({}).isRequired,onAppRemove:i.func,onCloneDashboard:i.func,onSettingsChange:i.func.isRequired,toggleAppSettingsDialog:i.func.isRequired},H.defaultProps={AppSettingsComponent:function(){return null},disableAppAssetSelection:!1,isSettingsDialogHidden:!1,onAppRemove:void 0,onCloneDashboard:o.noop},exports.PAGE_NAME=F,exports.default=H;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),s=require("@babel/runtime/helpers/slicedToArray"),n=require("react"),i=require("prop-types"),o=require("lodash"),r=require("@material-ui/core"),c=require("@material-ui/icons"),t=require("../../../../EmptyState/EmptyState.js"),u=require("../../utils.js"),a=require("./components/RemoveAppButton.js"),l=require("./components/SettingsAccordion.js"),p=require("./styles.js");require("@babel/runtime/helpers/objectWithoutProperties"),require("@material-ui/pickers"),require("@date-io/moment"),require("moment"),require("../../../../../config/theme/index.js");var d=require("react/jsx-runtime"),m=require("../../../../../hocs/withAssetEditorLockHOC.js"),j=require("../../../../ErrorBoundary/ErrorBoundary.js"),q=require("../../../../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js"),I=require("../../../../Button/components/Button/index.js");require("moment-timezone"),require("classnames"),require("../../../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js"),require("../../../../Button/components/LiveButton/styles.js"),require("@icon-park/react/es/all"),require("../../../../../icons/IconParkProvider.js"),require("../../../../../icons/customIcons/icons/AddMessage.js"),require("../../../../../icons/customIcons/icons/DragOne.js"),require("../../../../../icons/customIcons/icons/Attention.js"),require("../../../../../icons/customIcons/icons/Collapse.js"),require("../../../../../icons/customIcons/icons/Dashboard.js"),require("../../../../../icons/customIcons/icons/Expand.js"),require("../../../../../icons/customIcons/icons/FolderClosed.js"),require("../../../../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../../../../icons/customIcons/icons/FolderOpened.js"),require("../../../../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../../../../icons/customIcons/icons/LessOrEqual.js"),require("../../../../../icons/customIcons/icons/Search.js"),require("../../../../../icons/customIcons/icons/SearchOne.js"),require("../../../../../icons/customIcons/icons/Wellhub.js"),require("../../../../../icons/customIcons/icons/MultiRuler.js"),require("../../../../../icons/customIcons/icons/Checkbox.js"),require("../../../../../icons/customIcons/icons/CheckboxChecked.js"),require("../../../../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../../../../icons/customIcons/icons/Radio.js"),require("../../../../../icons/customIcons/icons/RadioChecked.js"),require("../../../../../icons/customIcons/icons/SimulFrac.js"),require("../../../../../icons/customIcons/icons/ZipperFrac.js"),require("../../../../../icons/customIcons/icons/CautionFilled.js"),require("../../../../../icons/customIcons/icons/MoreApp.js"),require("../../../../../icons/customIcons/icons/Pad.js"),require("../../../../../icons/customIcons/icons/DrilloutUnit.js"),require("../../../../../icons/customIcons/icons/FracFleet.js"),require("../../../../../icons/customIcons/icons/Global.js"),require("../../../../../icons/customIcons/icons/Program.js"),require("../../../../../icons/customIcons/icons/Rig.js"),require("../../../../../icons/customIcons/icons/Well.js"),require("../../../../../icons/customIcons/icons/Gap.js"),require("../../../../../icons/customIcons/icons/Pin.js"),require("../../../../../icons/customIcons/icons/CloseOneFilled.js"),require("../../../../../icons/customIcons/icons/AttentionFilled.js"),require("../../../../../icons/customIcons/icons/CheckOneFilled.js"),require("../../../../../icons/customIcons/icons/Archive.js"),require("../../../../../icons/customIcons/icons/ArchiveCancel.js"),require("../../../../../icons/customIcons/icons/Unarchive.js"),require("../../../../../icons/customIcons/icons/Archived.js"),require("../../../../../icons/customIcons/icons/InterventionUnit.js"),require("../../../../../icons/customIcons/icons/CloudDelete.js"),require("../../../../../icons/customIcons/icons/Lasso.js"),require("../../../../../icons/customIcons/icons/Radius.js"),require("../../../../../icons/customIcons/icons/ErrorOps.js"),require("../../../../../icons/customIcons/icons/DataTypeOps.js"),require("../../../../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../../../../icons/customIcons/icons/CalibrationOps.js"),require("../../../../../icons/customIcons/icons/CriticalOps.js"),require("../../../../../icons/customIcons/icons/Company.js"),require("../../../../../icons/customIcons/icons/ArchiveOne.js"),require("../../../../../icons/customIcons/icons/ParseBotFusion.js"),require("../../../../../icons/customIcons/icons/Connect.js"),require("../../../../../icons/customIcons/icons/PuzzleOne.js"),require("../../../../../icons/customIcons/icons/Feed.js"),require("../../../../../icons/customIcons/icons/Prompt.js"),require("../../../../../icons/customIcons/icons/Companies.js"),require("../../../../../icons/customIcons/icons/ClipboardAi.js"),require("../../../../../icons/customIcons/icons/Key.js"),require("../../../../../icons/customIcons/icons/AtSignCrossed.js"),require("../../../../../icons/customIcons/icons/MappingManual.js"),require("../../../../../icons/customIcons/icons/Mapping.js"),require("../../../../../icons/customIcons/icons/Metrics.js"),require("../../../../../icons/customIcons/icons/Drops.js"),require("../../../../../icons/customIcons/icons/ClipboardSearch.js"),require("../../../../../icons/customIcons/icons/Template.js"),require("../../../../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../../../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../../../../icons/customIcons/icons/UnitConversion.js"),require("../../../../../icons/customIcons/icons/NPT.js"),require("../../../../../icons/customIcons/icons/GuidedFrac.js");var g=require("../../../../Modal/Modal.js"),v=require("../../../../../constants/devcenter.js");require("../../../../../constants/goals.js");var f=require("../../../../../constants/segment.js");require("../../../../../constants/alerts.js"),require("../../../../../constants/apps.js"),require("../../../../../constants/drillstring.js"),require("../../../../../constants/completion.js"),require("../../../../../constants/appPackages.js"),require("../../../../../constants/notifications.js"),require("../../../../../constants/feed.js"),require("../../../../../constants/bha.js");var h=require("../../../../../constants/assetTypes.js");require("../../../../../constants/corvaCompanyId.js"),require("../../../../GradientManager/configuration/constants.js");var A=require("../../../../AssetEditorV2/index.js"),S=require("../../../../AppVersionsSelect/AppVersionsSelect.js"),C=require("../../../../DisabledSettingsMessage/DisabledSettingsMessage.js"),b=require("../../../../ConfirmationDialog.js");require("../../../../../utils/index.js");var y=require("../../../../AppIcon/AppIcon.js"),x=require("../../../../../utils/devcenter.js"),E=require("../../../../../permissions/usePermissions.js"),O=require("../../../../../permissions/constants/index.js");require("../../../../../permissions/withPermissionsHOC.js"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../../../../../clients/jsonApi/index.js"),require("../../../../../permissions/ProvidePermissions.js"),require("../../../../../permissions/PermissionsContext.js");var P=require("../../../../../utils/mobileDetect.js"),D=require("../../../../../componentsV2/HideInNativeApp/index.js"),R=require("../../../../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.constants.js"),N=require("../../../../../utils/notificationToasts.js");function k(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var M=k(e),T=k(s);function w(e,s){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable}))),n.push.apply(n,i)}return n}function B(e){for(var s=1;s<arguments.length;s++){var n=null!=arguments[s]?arguments[s]:{};s%2?w(Object(n),!0).forEach((function(s){M.default(e,s,n[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):w(Object(n)).forEach((function(s){Object.defineProperty(e,s,Object.getOwnPropertyDescriptor(n,s))}))}return e}var F="DC_appSettings",V=m(A),_=function(){return null};function H(e){var s,i,m,k,w,H,U,z=e.AppSettingsComponent,W=void 0===z?G:z,K=e.app,Y=e.appData,Z=e.appName,J=e.currentUser,Q=e.disableAppAssetSelection,X=void 0!==Q&&Q,$=e.isMultiRig,ee=e.isSettingsDialogHidden,se=void 0!==ee&&ee,ne=e.layoutEnvironment,ie=e.onAppRemove,oe=e.onCloneDashboard,re=void 0===oe?L:oe,ce=e.onSettingsChange,te=e.openIntercom,ue=e.rigId,ae=e.toggleAppSettingsDialog,le=(null==K||null===(s=K.segment)||void 0===s?void 0:s.length)>1,pe=n.useState(x.getAppSegment(K)),de=T.default(pe,2),me=de[0],je=de[1],qe=me===f.SEGMENTS.COMPLETION,Ie=f.SEGMENT_TO_ASSET_TYPE[me],ge=ne&&"asset"===ne.type,ve=E([O.PERMISSIONS.getCanReadAppPackages(K.app.id)]),fe=T.default(ve,1)[0],he=fe.active,Ae=fe.loading,Se=n.useState(!1),Ce=T.default(Se,2),be=Ce[0],ye=Ce[1],xe=n.useState(!0),Ee=T.default(xe,2),Oe=Ee[0],Pe=Ee[1],De=!(X||P.isInsideNewMobileApp||$||ge&&qe),Re=!P.isInsideNewMobileApp&&!se&&ie,Ne=n.useRef(ue);n.useEffect((function(){Oe||Pe(!0)}),[Oe]);var ke=n.useState((function(){var e;return B(B({},o.cloneDeep(K.settings)),{},{package:K.settings.package||(null==K||null===(e=K.package)||void 0===e?void 0:e.version)})})),Me=T.default(ke,2),Te=Me[0],we=Me[1],Be=u.getIsSustainabilityApp(null==K||null===(i=K.app)||void 0===i?void 0:i.id),Fe=n.useState(""),Ve=T.default(Fe,2),_e=Ve[0],He=Ve[1],Ge=n.useRef(null),Le=n.useRef(null),Ue=Ae||he||Boolean(null===(m=Ge.current)||void 0===m?void 0:m.clientHeight),ze=Boolean(null===(k=Le.current)||void 0===k?void 0:k.clientHeight),We=Ue&&ze,Ke=p.useStyles({isCompletionApp:qe,isSustainabilityApp:Be,isAccordionRequired:We,isRemoveButtonVisible:Re}),Ye=K.id===v.DEV_CENTER_CLI_APP_ID,Ze=function(e,s){return we((function(n){return B(B({},n),{},M.default({},e,s))}))},Je=function(e){return we((function(s){return B(B({},s),e)}))},Qe=ge?V:A;n.useEffect((function(){o.debounce(ye,200)(!0)}),[]);var Xe=d.jsxs("div",{className:Ke.modalTitleContainer,children:[d.jsx(y.AppIcon,{className:Ke.appIcon,segment:[me],iconUrl:null==K||null===(w=K.app)||void 0===w||null===(H=w.icon)||void 0===H?void 0:H.url,height:48,width:48}),d.jsxs("div",{children:[d.jsx("div",{children:"".concat(Z," Settings")}),d.jsx(D.HideInNativeApp,{children:d.jsxs("div",{"data-testid":"".concat(F,"_appstoreLink"),className:Ke.appStoreButton,onClick:function(){var e,s;return window.open((s=null==K||null===(e=K.app)||void 0===e?void 0:e.id,"/app-store/app/".concat(s)),"_top")},children:["Open in Appstore ",d.jsx(c.ArrowForward,{className:Ke.arrowIcon})]})})]})]}),$e=d.jsxs("div",{className:Ke.modalActions,children:[Re&&d.jsx(a.default,{appName:Z,onAppRemove:ie}),d.jsxs("div",{children:[d.jsx(I,{"data-testid":"".concat(F,"_cancel"),variation:"secondary",onClick:ae,children:"Cancel"}),se&&d.jsx(I,{variation:"primary",onClick:function(){return re()},children:"Copy Dashboard"}),!se&&d.jsx(I,{"data-testid":"".concat(F,"_save"),className:Ke.saveButton,variation:"primary",onClick:function(){if(!Te.package&&!Ye)return He("Please select app version");if(De&&!ge){var e=null==Ie?void 0:Ie.primaryAsset.assetType.id,s=null==Ie?void 0:Ie.primaryAsset.assetType.label;if(e&&!Te[e])return He("Please select ".concat(s))}return ce(Te),N.showSuccessNotification("Successfully saved"),ae()},children:"Save"})]})]});return d.jsx(g,{actions:$e,closeIconClassName:Ke.closeIcon,contentContainerClassName:Ke.modalContainer,modalTitleClassName:Ke.modalTitle,onClose:ae,open:!0,title:Xe,children:d.jsxs(j,{ErrorView:q,openIntercom:te,children:[d.jsx(b,{open:!!_e,isShowCancel:!1,title:"Validation failed",text:_e,handleOk:function(){return He("")},classes:{confirmation:Ke.confirmationText}}),se&&d.jsx(C,{}),!se&&be&&!ze&&!Ue&&d.jsx(t,{image:t.IMAGES.UnderConstruction,title:"No app settings"}),!se&&d.jsxs(d.Fragment,{children:[d.jsxs(l.SettingsAccordion,{defaultExpanded:!0,className:Ke.assetAccordion,accordionDetailsRef:Ge,isAccordionRequired:We,summary:"Asset",children:[le&&d.jsxs(r.FormControl,{className:Ke.segmentSelector,children:[d.jsx(r.InputLabel,{children:"Segment"}),d.jsx(r.Select,{value:me,onChange:function(e){var s=e.target.value;Ne.current=null,Pe(!1),je(s),we(B(B({package:Te.package,segment:s},o.mapValues(o.keyBy(h.ASSET_TYPES,"id"),(function(){return null}))),{},{assets:null}))},children:K.segment.map((function(e){return d.jsx(r.MenuItem,{className:Ke.segmentMenuItem,value:e,children:e},e)}))})]}),De&&Oe&&d.jsx(Qe,{appKey:Ye?null:K.app.app_key,appType:Ie,defaultValue:Ne.current,secondaryDefaultValue:+(null==Y||null===(U=Y.well)||void 0===U?void 0:U.id),isHiddenMultipleAssetsToggle:!0,isHiddenTitle:!0,isNullable:ge,label:"Asset",onSettingsChange:Je,settings:Te}),d.jsx(S.default,{className:Ke.appVersionSelect,appId:K.app.id,value:Te.package,onChange:function(e,s,n){return n&&R.isReact18Host()?Je({package:e,react18AutoSwitchDisabled:!0}):Ze("package",e)}})]}),d.jsx(j,{ErrorView:_,openIntercom:te,children:d.jsx(l.SettingsAccordion,{accordionDetailsRef:Le,className:Ke.accordion,defaultExpanded:!0,isAccordionRequired:We,summary:"App Settings",children:W&&d.jsx(W,{app:K,appData:Y,settings:Te,onSettingChange:Ze,onSettingsChange:Je,layoutEnvironment:ne,currentUser:J})})})]})]})})}H.propTypes={AppSettingsComponent:i.func,app:i.shape({}).isRequired,appData:i.shape({}).isRequired,appName:i.string.isRequired,currentUser:i.shape({}).isRequired,disableAppAssetSelection:i.bool,isMultiRig:i.bool.isRequired,isSettingsDialogHidden:i.bool,layoutEnvironment:i.shape({}).isRequired,onAppRemove:i.func,onCloneDashboard:i.func,onSettingsChange:i.func.isRequired,toggleAppSettingsDialog:i.func.isRequired};var G=function(){return null},L=o.noop;exports.PAGE_NAME=F,exports.default=H;
 //# sourceMappingURL=AppSettingsDialog.js.map

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

@@ -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// [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","jsxs","className","modalTitleContainer","children","_jsx","AppIcon","appIcon","iconUrl","icon","url","height","width","jsx","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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"}
+{"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 = DEFAULT_APP_SETTINGS_DIALOG_APP_SETTINGS_COMPONENT,\n  app,\n  appData,\n  appName,\n  currentUser,\n  disableAppAssetSelection = false,\n  isMultiRig,\n  isSettingsDialogHidden = false,\n  layoutEnvironment,\n  onAppRemove,\n  onCloneDashboard = DEFAULT_APP_SETTINGS_DIALOG_ON_CLONE_DASHBOARD,\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\nconst DEFAULT_APP_SETTINGS_DIALOG_APP_SETTINGS_COMPONENT = () => null;\nconst DEFAULT_APP_SETTINGS_DIALOG_ON_CLONE_DASHBOARD = noop;\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","_ref$AppSettingsCompo","AppSettingsComponent","DEFAULT_APP_SETTINGS_DIALOG_APP_SETTINGS_COMPONENT","app","appData","appName","currentUser","_ref$disableAppAssetS","disableAppAssetSelection","isMultiRig","_ref$isSettingsDialog","isSettingsDialogHidden","layoutEnvironment","onAppRemove","_ref$onCloneDashboard","onCloneDashboard","DEFAULT_APP_SETTINGS_DIALOG_ON_CLONE_DASHBOARD","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","jsxs","className","modalTitleContainer","children","_jsx","AppIcon","appIcon","iconUrl","icon","url","height","width","jsx","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","noop"],"mappings":"mmQA+BO,IAAMA,EAAY,iBAGnBC,EAAsBC,EAAuBC,GAE7CC,EAAuB,WAAH,OAAS,IAAI,EAEvC,SAASC,EAgBNC,GAAA,IAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAR,EAfDS,qBAAAA,aAAuBC,EAAkDF,EACzEG,IAAAA,IACAC,IAAAA,QACAC,IAAAA,QACAC,IAAAA,YAAWC,EAAAf,EACXgB,yBAAAA,cAAgCD,EAChCE,IAAAA,WAAUC,GAAAlB,EACVmB,uBAAAA,gBAA8BD,GAC9BE,KAAAA,kBACAC,KAAAA,YAAWC,GAAAtB,EACXuB,iBAAAA,eAAmBC,EAA8CF,GACjEG,KAAAA,iBACAC,KAAAA,aACAC,KAAAA,MACAC,KAAAA,wBAEMC,IAAqBlB,SAAY,QAATV,EAAHU,EAAKmB,eAAO,IAAA7B,OAAT,EAAHA,EAAc8B,QAAS,EAClDC,GAAkDC,EAAAA,SAASC,EAAaA,cAACvB,IAAKwB,GAAAC,EAAAA,QAAAJ,GAAA,GAAvEK,GAAiBF,GAAA,GAAEG,GAAoBH,GAAA,GACxCI,GAAsBF,KAAsBG,EAAQA,SAACC,WACrDC,GAAqBC,wBAAsBN,IAC3CO,GAAcxB,IAAgD,UAA3BA,GAAkByB,KAC3DC,GAAwEC,EAAe,CACrFC,EAAWA,YAACC,sBAAsBtC,EAAIA,IAAIuC,MAC1CC,GAAAf,EAAAA,QAAAU,GAAA,GAAA,GAFeM,MAARC,OAAqCC,MAATC,QAIHtB,GAAAA,EAAQA,UAAC,GAAMuB,GAAApB,EAAAA,QAAAqB,GAAA,GAA1CC,GAASF,GAAA,GAAEG,GAAYH,GAAA,GACgCvB,GAAAA,EAAQA,UAAC,GAAK2B,GAAAxB,EAAAA,QAAAyB,GAAA,GAArEC,GAAuBF,GAAA,GAAEG,GAA0BH,GAAA,GACpDI,KACHhD,GACAiD,EAAAA,sBACAhD,GACC2B,IAAeL,IACb2B,IAAyBD,EAAAA,uBAAyB9C,IAA0BE,GAI5E8C,GAAeC,SAAOzC,IAE5B0C,EAAAA,WAAU,WACHP,IAAyBC,IAA2B,EAC3D,GAAG,CAACD,KAEJ,IAAAQ,GAAsCrC,EAAAA,UAAS,WAAA,IAAAsC,EAAA,OAAAC,EAAAA,EAAA,GAC1CC,EAAAA,UAAU9D,EAAI+D,WAAS,GAAA,CAC1BC,QAAShE,EAAI+D,SAASC,UAAWhE,SAAY,UAAZA,EAAKgE,eAAO,IAAAJ,SAAZA,EAAcK,UAAO,IACrDC,GAAAzC,EAAAA,QAAAkC,GAAA,GAHIQ,GAAWD,GAAA,GAAEE,GAAcF,GAAA,GAmB5BG,GAAsBC,EAAsBA,uBAACtE,SAAA,QAAAA,EAAAA,EAAKA,WAAL,IAAAT,OAAAS,EAAAT,EAAUgD,IAEfjB,GAAAA,EAAQA,SAAC,IAAGiD,GAAA9C,EAAAA,QAAA+C,GAAA,GAAnDC,GAAeF,GAAA,GAAEG,GAAkBH,GAAA,GACpCI,GAAyBlB,SAAO,MAChCmB,GAAuBnB,SAAO,MAE9BoB,GACJlC,IACAF,IACAqC,QAAQ,QAAAH,EAAAA,GAAuBI,eAAvB,IAAAvF,OAAA,EAAAA,EAAgCwF,cACpCC,GAAuBH,QAAoC,QAA5BF,EAAAA,GAAqBG,eAAO,IAAAtF,OAAA,EAA5BA,EAA8BuF,cAC7DE,GAAsBL,IAA0BI,GAEhDE,GAASC,EAAAA,UAAU,CACvBC,gBAAiBzD,GACjByC,oBAAAA,GACAa,oBAAAA,GACA3B,sBAAAA,KAGI+B,GAAWtF,EAAIuC,KAAOgD,wBAiBtBC,GAAqB,SAACC,EAAMC,GAAK,OACrCtB,IAAe,SAAAuB,GAAY,OAAA9B,EAAAA,EAAA,CAAA,EACtB8B,GAAY,GAAAC,EAAAA,QAAA,CAAA,EACdH,EAAOC,GAAK,GACZ,EAECG,GAAsB,SAAAC,GAAW,OACrC1B,IAAe,SAAAuB,GAAY,OAAUA,EAAAA,EAAAA,CAAAA,EAAAA,GAAiBG,EAAW,GAAI,EAEjEC,GAAuB9D,GAAcjD,EAAsBE,EAEjEwE,EAAAA,WAAU,WACsBsC,EAAAA,SAAShD,GAAc,IACrDiD,EAAsB,EACvB,GAAE,IAEH,IAAMC,GACJC,EAAAC,KAAA,MAAA,CAAKC,UAAWlB,GAAOmB,oBAAoBC,SAAA,CACzCC,MAACC,UAAO,CACNJ,UAAWlB,GAAOuB,QAClBvF,QAAS,CAACO,IACViF,QAAS3G,SAAA,QAAAA,EAAAA,EAAKA,WAAL,IAAAN,GAAc,QAAdC,EAAAD,EAAUkH,YAAI,IAAAjH,OAAdK,EAAAL,EAAgBkH,IACzBC,OAAQ,GACRC,MAAO,KAETZ,EAAAC,KAAA,MAAA,CAAAG,SACE,CAAAC,EAAAQ,IAAA,MAAA,CAAAT,SAAA,GAAAU,OAAS/G,EAAO,eAChBsG,MAACU,kBAAe,CAAAX,SACdJ,EAAAC,KAAA,MAAA,CACE,cAAA,GAAAa,OAAgBlI,EAAyB,iBACzCsH,UAAWlB,GAAOgC,eAClBC,QAAS,WAAA,IAAAC,EAvICC,EAuID,OAAMC,OAAOC,MAvIZF,EAuI+BtH,SAAA,UAAAA,EAAKA,WAAL,IAAAqH,SAAAA,EAAU9E,GAvIpC,kBAAA0E,OAAsBK,IAuImB,OAAQ,EAAAf,SAAA,CAAA,oBAE/CC,MAACiB,eAAS,CAACpB,UAAWlB,GAAOuC,uBAOlDC,GACJxB,EAAAC,KAAA,MAAA,CAAKC,UAAWlB,GAAOwC,aAAapB,SACjChD,CAAAA,IAAyBiD,EAAAQ,IAACY,UAAe,CAAC1H,QAASA,EAASQ,YAAaA,KAC1EyF,EAAAC,KAAA,MAAA,CAAAG,SAAA,CACEC,MAACqB,EAAM,CACL,cAAA,GAAAZ,OAAgBlI,EAAmB,WACnC+I,UAAU,YACVV,QAASnG,GAAwBsF,SAAA,WAIlC/F,IACCgG,EAAAQ,IAACa,EAAM,CAACC,UAAU,UAAUV,QAAS,WAAA,OAAMxG,IAAmB,EAAA2F,SAAA,oBAI9D/F,IACAgG,MAACqB,EAAM,CACL,cAAA,GAAAZ,OAAgBlI,EAAiB,SACjCsH,UAAWlB,GAAO4C,WAClBD,UAAU,UACVV,QA5EK,WAEb,IAD0BjD,GAAYH,UAAYsB,GAC5B,OAAOZ,GAAmB,6BAChD,GAAIrB,KAA2BpB,GAAa,CAC1C,IAAM+F,EAAajG,cAAkB,EAAlBA,GAAoBkG,aAAaC,UAAU3F,GACxD4F,EAAepG,cAAkB,EAAlBA,GAAoBkG,aAAaC,UAAUE,MAChE,GAAIJ,IAAe7D,GAAY6D,GAC7B,OAAOtD,GAAoCyD,iBAAAA,OAAAA,GAC/C,CAIA,OAFArH,GAAiBqD,IACjBkE,EAAuBA,wBAAC,sBACjBpH,MAgEiBsF,SAAA,eAS1B,OACEC,EAAAA,IAAC8B,EAAK,CACJC,QAASZ,GACTa,mBAAoBrD,GAAOsD,UAC3BC,0BAA2BvD,GAAOwD,eAClCC,oBAAqBzD,GAAOe,WAC5B2C,QAAS5H,GACTuG,MAAI,EACJsB,MAAO5C,GAAWK,SAElBJ,OAAC4C,EAAa,CAACC,UAAWC,EAAuBlI,aAAcA,GAAawF,SAAA,CAC1EC,MAAC0C,EAAkB,CACjB1B,OAAQ/C,GACR0E,cAAc,EACdL,MAAM,oBACNM,KAAM3E,GACN4E,SAAU,WAAA,OAAM3E,GAAmB,GAAI,EACvC4E,QAAS,CAAEC,aAAcpE,GAAOqE,oBAEjChJ,IAA0BgG,EAAAA,IAACiD,EAAuB,CAAA,IACjDjJ,IACAuC,KACCkC,KACAJ,IACC2B,EAAAA,IAACkD,EAAU,CAACC,MAAOD,EAAWE,OAAOC,kBAAmBf,MAAM,qBAEhEtI,IACA2F,EAAAC,KAAA0D,WAAA,CAAAvD,SAAA,CACEJ,OAAC4D,oBAAiB,CAChBC,iBAAe,EACf3D,UAAWlB,GAAO8E,eAClBC,oBAAqBvF,GACrBO,oBAAqBA,GACrBiF,QAAQ,QAAO5D,SAEdrF,CAAAA,IACCiF,EAAAC,KAACgE,cAAW,CAAC/D,UAAWlB,GAAOkF,gBAAgB9D,SAAA,CAC7CC,MAAC8D,aAAU,CAAA/D,SAAA,YACXC,MAAC+D,SAAM,CAAC7E,MAAOhE,GAAmB8I,SA/JnB,SAAwCC,GAAA,IAApBC,EAAWD,EAA5BE,OAAUjF,MAC1ClC,GAAauB,QAAU,KACvB3B,IAA2B,GAE3BzB,GAAqB+I,GACrBtG,GAAcP,EAAAA,EAAA,CACZG,QAASG,GAAYH,QACrB7C,QAASuJ,GAENE,EAASA,UAACC,EAAKA,MAACC,cAAa,OAAO,WAAA,OAAM,SAAK,CAAA,EAAA,CAClDC,OAAQ,SAqJuExE,SAChEvG,EAAImB,QAAQ6J,KAAI,SAAAC,GAAW,OAC1BzE,EAAAA,IAAC0E,EAAAA,SAAQ,CACP7E,UAAWlB,GAAOgG,gBAElBzF,MAAOuF,EAAY1E,SAElB0E,GAHIA,WASd5H,IAA0BF,IACzBqD,EAAAA,IAACT,GAAoB,CACnBqF,OAAQ9F,GAAW,KAAOtF,EAAIA,IAAIqL,QAClCC,QAASvJ,GACTwJ,aAAc/H,GAAauB,QAC3ByG,wBAAwBvL,SAAa,QAANL,EAAPK,EAASwL,YAAI,IAAA7L,OAAN,EAAPA,EAAe2C,IACvCmJ,8BAA4B,EAC5BC,eAAa,EACbC,WAAY3J,GACZmG,MAAM,QACNtH,iBAAkB+E,GAClB9B,SAAUI,KAGdqC,MAACqF,UAAiB,CAChBxF,UAAWlB,GAAO2G,iBAClBxE,MAAOtH,EAAIA,IAAIuC,GACfmD,MAAOvB,GAAYH,QACnBwG,SAAU,SAAC9E,EAAOqG,EAAYC,GAAY,OAGxCA,GAAgBC,EAAAA,gBACZpG,GAAoB,CAAE7B,QAAS0B,EAAOwG,2BAA2B,IACjE1G,GAAmB,UAAWE,EAAM,OAI9Cc,MAACuC,EAAa,CAACC,UAAW7J,EAAsB4B,aAAcA,GAAawF,SACzEC,MAACuD,oBAAiB,CAChBG,oBAAqBtF,GACrByB,UAAWlB,GAAOgH,UAClBnC,iBAAe,EACf9E,oBAAqBA,GACrBiF,QAAQ,eAAc5D,SAErBzG,GACC0G,EAAAQ,IAAClH,EAAoB,CACnBE,IAAKA,EACLC,QAASA,EACT8D,SAAUI,GACViI,gBAAiB5G,GACjB1E,iBAAkB+E,GAClBpF,kBAAmBA,GACnBN,YAAaA,eAUjC,CAEAf,EAAkBiN,UAAY,CAC5BvM,qBAAsBwM,EAAIA,KAC1BtM,IAAKuM,EAAAA,MAAM,CAAE,GAAEC,WACfvM,QAASsM,EAAAA,MAAM,CAAE,GAAEC,WACnBtM,QAASuM,EAAMA,OAACD,WAChBrM,YAAaoM,EAAAA,MAAM,CAAE,GAAEC,WACvBnM,yBAA0BqM,EAAIA,KAC9BpM,WAAYoM,EAAIA,KAACF,WACjBhM,uBAAwBkM,EAAIA,KAC5BjM,kBAAmB8L,EAAAA,MAAM,CAAE,GAAEC,WAC7B9L,YAAa4L,EAAIA,KACjB1L,iBAAkB0L,EAAIA,KACtBxL,iBAAkBwL,EAAIA,KAACE,WACvBvL,wBAAyBqL,EAAIA,KAACE,YAGhC,IAAMzM,EAAqD,WAAH,OAAS,IAAI,EAC/Dc,EAAiD8L,EAAIA"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty");require("react");var t=require("../../../../../componentsV2/AppInfoMessage/AppMessageWrapper.js"),r=require("../../../../../componentsV2/EmptyState/EmptyState.js"),o=require("../../../../../componentsV2/LoaderLogo/LoaderLogo.js"),s=require("./components/ChooseAssetButton.js"),a=require("./DevCenterAppView.scss.js"),p=require("../../../../ErrorBoundary/ErrorBoundary.js");require("../../../../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js");var i=require("../../../../../constants/segment.js");require("../../../../../componentsV2/AppCommonsProvider/AppCommonsProvider.js");var n=require("../../../../../componentsV2/AppCommonsProvider/AppCommonsContext.js"),l=require("react/jsx-runtime");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=u(e);function d(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function g(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?d(Object(r),!0).forEach((function(t){c.default(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):d(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var m=function(e){return"".concat(e," has no active well")};function f(e){var u,c=e.AppComponent,d=e.app,f=e.appData,j=e.appProps,b=e.availability,h=e.isCLIApp,v=e.isLoading,A=e.isMultiRig,y=e.layoutEnvironment,E=e.openIntercom,S=e.segment,x=e.toggleAppSettingsDialog,w=e.onError,P="DevCenterAppView_EmptyState",O=n.useAppCommonsInternal(),C=null!==(u=null==O?void 0:O.appSettings)&&void 0!==u?u:d.settings;if(!d.package)return l.jsx(t.AppMessageWrapper,{logo:d.headerLogo,children:l.jsx(r.EmptyState,{testId:P,title:"App package was not found",subTitle:"Please choose another version in the app settings menu or delete and add app again on your dashboard",image:"appLoadingError"})});if(v)return l.jsx(t.AppMessageWrapper,{showHeader:!1,children:l.jsx(o.LoaderLogo,{className:a.loader,testId:"DevCenterAppView_Loader"})});if(!b.hasProductSubscription||!b.isAppSubscribedForAsset){var L=b.hasProductSubscription?{title:"No Subscription exists for this asset.",subtitle:"Contact your Corva Account rep to get access to this asset."}:{title:"No Subscription exists for this app.",subtitle:"Contact your Corva Account rep to get access to this app."},I=L.title,M=L.subtitle;return l.jsx(t.AppMessageWrapper,{logo:d.headerLogo,children:l.jsx(r.EmptyState,{testId:P,title:I,subTitle:M,image:"noSubscription"})})}if(!c)return l.jsx(t.AppMessageWrapper,{logo:d.headerLogo,children:l.jsx(r.EmptyState,{testId:P,title:"App component was not found",image:"appLoadingError"})});if(!A){var q=h&&l.jsx(s.ChooseAssetButton,{toggleAppSettingsDialog:x}),D=S===i.SEGMENTS.INTERVENTION?f.interventionUnit:f.rig;if(D&&!f.well)return l.jsx(t.AppMessageWrapper,{logo:d.headerLogo,children:l.jsx(r.EmptyState,{testId:P,title:m(null==D?void 0:D.name),image:"noActiveWell",subTitle:q})});var N="general"===(null==y?void 0:y.type),T=S===i.SEGMENTS.COMPLETION;if(N&&T&&!f.fracFleet)return l.jsx(t.AppMessageWrapper,{logo:d.headerLogo,children:l.jsx(r.EmptyState,{testId:P,title:"Frac fleet was not found",subTitle:q,image:"fleetHasNoPad"})});if(T&&f.fracFleet&&!f.fracFleet.current_pad_id&&!d.settings.padId)return l.jsx(t.AppMessageWrapper,{logo:d.headerLogo,children:l.jsx(r.EmptyState,{testId:P,image:"fleetHasNoPad",subTitle:q,title:"Frac fleet has no active pad"})});if(T&&N&&(!f.wells||f.wells.length<1))return l.jsx(t.AppMessageWrapper,{logo:d.headerLogo,children:l.jsx(r.EmptyState,{testId:P,image:"noWellsSelected",subTitle:q,title:"This pad has no wells"})});if(!(f.rig||f.well||f.settings||f.wells))return l.jsx(t.AppMessageWrapper,{logo:d.headerLogo,children:l.jsx(r.EmptyState,{testId:P,image:"assetHasNoData",subTitle:q,title:"Asset unavailable"})})}return l.jsx(p,{openIntercom:E,onError:w,children:l.jsx(c,g(g(g(g({app:d},d.settings),C),f),j))})}f.defaultProps={availability:{hasProductSubscription:!0,isAppSubscribedForAsset:!0}},exports.default=f,exports.getNoActiveWellMessage=m;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty");require("react");var t=require("../../../../../componentsV2/AppInfoMessage/AppMessageWrapper.js"),r=require("../../../../../componentsV2/EmptyState/EmptyState.js"),o=require("../../../../../componentsV2/LoaderLogo/LoaderLogo.js"),s=require("./components/ChooseAssetButton.js"),a=require("./DevCenterAppView.scss.js"),n=require("../../../../ErrorBoundary/ErrorBoundary.js");require("../../../../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js");var p=require("../../../../../constants/segment.js");require("../../../../../componentsV2/AppCommonsProvider/AppCommonsProvider.js");var i=require("../../../../../componentsV2/AppCommonsProvider/AppCommonsContext.js"),l=require("react/jsx-runtime");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=u(e);function d(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function g(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?d(Object(r),!0).forEach((function(t){c.default(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):d(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var m=function(e){return"".concat(e," has no active well")};var f={hasProductSubscription:!0,isAppSubscribedForAsset:!0};exports.default=function(e){var u,c=e.AppComponent,d=e.app,j=e.appData,h=e.appProps,b=e.availability,v=void 0===b?f:b,A=e.isCLIApp,y=e.isLoading,E=e.isMultiRig,S=e.layoutEnvironment,x=e.openIntercom,w=e.segment,O=e.toggleAppSettingsDialog,P=e.onError,C="DevCenterAppView_EmptyState",L=i.useAppCommonsInternal(),I=null!==(u=null==L?void 0:L.appSettings)&&void 0!==u?u:d.settings;if(!d.package)return l.jsx(t.AppMessageWrapper,{logo:d.headerLogo,children:l.jsx(r.EmptyState,{testId:C,title:"App package was not found",subTitle:"Please choose another version in the app settings menu or delete and add app again on your dashboard",image:"appLoadingError"})});if(y)return l.jsx(t.AppMessageWrapper,{showHeader:!1,children:l.jsx(o.LoaderLogo,{className:a.loader,testId:"DevCenterAppView_Loader"})});if(!v.hasProductSubscription||!v.isAppSubscribedForAsset){var M=v.hasProductSubscription?{title:"No Subscription exists for this asset.",subtitle:"Contact your Corva Account rep to get access to this asset."}:{title:"No Subscription exists for this app.",subtitle:"Contact your Corva Account rep to get access to this app."},q=M.title,D=M.subtitle;return l.jsx(t.AppMessageWrapper,{logo:d.headerLogo,children:l.jsx(r.EmptyState,{testId:C,title:q,subTitle:D,image:"noSubscription"})})}if(!c)return l.jsx(t.AppMessageWrapper,{logo:d.headerLogo,children:l.jsx(r.EmptyState,{testId:C,title:"App component was not found",image:"appLoadingError"})});if(!E){var N=A&&l.jsx(s.ChooseAssetButton,{toggleAppSettingsDialog:O}),T=w===p.SEGMENTS.INTERVENTION?j.interventionUnit:j.rig;if(T&&!j.well)return l.jsx(t.AppMessageWrapper,{logo:d.headerLogo,children:l.jsx(r.EmptyState,{testId:C,title:m(null==T?void 0:T.name),image:"noActiveWell",subTitle:N})});var W="general"===(null==S?void 0:S.type),V=w===p.SEGMENTS.COMPLETION;if(W&&V&&!j.fracFleet)return l.jsx(t.AppMessageWrapper,{logo:d.headerLogo,children:l.jsx(r.EmptyState,{testId:C,title:"Frac fleet was not found",subTitle:N,image:"fleetHasNoPad"})});if(V&&j.fracFleet&&!j.fracFleet.current_pad_id&&!d.settings.padId)return l.jsx(t.AppMessageWrapper,{logo:d.headerLogo,children:l.jsx(r.EmptyState,{testId:C,image:"fleetHasNoPad",subTitle:N,title:"Frac fleet has no active pad"})});if(V&&W&&(!j.wells||j.wells.length<1))return l.jsx(t.AppMessageWrapper,{logo:d.headerLogo,children:l.jsx(r.EmptyState,{testId:C,image:"noWellsSelected",subTitle:N,title:"This pad has no wells"})});if(!(j.rig||j.well||j.settings||j.wells))return l.jsx(t.AppMessageWrapper,{logo:d.headerLogo,children:l.jsx(r.EmptyState,{testId:C,image:"assetHasNoData",subTitle:N,title:"Asset unavailable"})})}return l.jsx(n,{openIntercom:x,onError:P,children:l.jsx(c,g(g(g(g({app:d},d.settings),I),j),h))})},exports.getNoActiveWellMessage=m;
 //# sourceMappingURL=DevCenterAppView.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DevCenterAppView.js","sources":["../../../../../../../src/components/DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.tsx"],"sourcesContent":["import React from 'react';\n\nimport { AppMessageWrapper } from '../../../../../componentsV2/AppInfoMessage';\nimport { EmptyState } from '../../../../../componentsV2/EmptyState';\nimport { LoaderLogo } from '../../../../../componentsV2/LoaderLogo';\n\nimport { ChooseAssetButton } from './components/ChooseAssetButton';\n\nimport styles from './DevCenterAppView.scss';\n\nimport ErrorBoundary from '~/components/ErrorBoundary';\nimport { SEGMENTS } from '~/constants/segment';\nimport { useAppCommonsInternal } from '~/componentsV2/AppCommonsProvider';\n\nexport const getNoActiveWellMessage = (rigName: string): string => `${rigName} has no active well`;\n\n// TODO: Replace `any` with specific types once DevCenterAppContainer.js is converted to TypeScript\ninterface DevCenterAppViewProps {\n  AppComponent: React.ComponentType<any> | null;\n  app: Record<string, any>;\n  appData: Record<string, any>;\n  appProps: Record<string, any>;\n  availability: { hasProductSubscription: boolean; isAppSubscribedForAsset: boolean };\n  isCLIApp: boolean;\n  isLoading: boolean;\n  isMultiRig: boolean;\n  layoutEnvironment: { type?: string } | null;\n  openIntercom: () => void;\n  segment: string;\n  toggleAppSettingsDialog: () => void;\n  onError: (error: Error) => void;\n}\n\nfunction DevCenterAppView({\n  AppComponent,\n  app,\n  appData,\n  appProps,\n  availability,\n  isCLIApp,\n  isLoading,\n  isMultiRig,\n  layoutEnvironment,\n  openIntercom,\n  segment,\n  toggleAppSettingsDialog,\n  onError,\n}: DevCenterAppViewProps) {\n  const emptyStateTestId = 'DevCenterAppView_EmptyState';\n\n  // Use overridden appSettings from AppCommonsProvider (e.g. localStorage-stable settingsByAsset)\n  // so server polling doesn't reset selections passed via {...app.settings} to AppComponent.\n  const appCommons = useAppCommonsInternal();\n  const effectiveSettings = appCommons?.appSettings ?? app.settings;\n\n  if (!app.package)\n    return (\n      <AppMessageWrapper logo={app.headerLogo}>\n        <EmptyState\n          testId={emptyStateTestId}\n          title=\"App package was not found\"\n          subTitle=\"Please choose another version in the app settings menu or delete and add app again on your dashboard\"\n          image=\"appLoadingError\"\n        />\n      </AppMessageWrapper>\n    );\n\n  if (isLoading)\n    return (\n      <AppMessageWrapper showHeader={false}>\n        <LoaderLogo className={styles.loader} testId=\"DevCenterAppView_Loader\" />\n      </AppMessageWrapper>\n    );\n\n  if (!(availability.hasProductSubscription && availability.isAppSubscribedForAsset)) {\n    const { title, subtitle } = !availability.hasProductSubscription\n      ? {\n          title: 'No Subscription exists for this app.',\n          subtitle: 'Contact your Corva Account rep to get access to this app.',\n        }\n      : {\n          title: 'No Subscription exists for this asset.',\n          subtitle: 'Contact your Corva Account rep to get access to this asset.',\n        };\n\n    return (\n      <AppMessageWrapper logo={app.headerLogo}>\n        <EmptyState\n          testId={emptyStateTestId}\n          title={title}\n          subTitle={subtitle}\n          image=\"noSubscription\"\n        />\n      </AppMessageWrapper>\n    );\n  }\n\n  if (!AppComponent)\n    return (\n      <AppMessageWrapper logo={app.headerLogo}>\n        <EmptyState\n          testId={emptyStateTestId}\n          title=\"App component was not found\"\n          image=\"appLoadingError\"\n        />\n      </AppMessageWrapper>\n    );\n\n  if (!isMultiRig) {\n    const actions = isCLIApp && (\n      <ChooseAssetButton toggleAppSettingsDialog={toggleAppSettingsDialog} />\n    );\n\n    const isInterventionApp = segment === SEGMENTS.INTERVENTION;\n    const primaryAsset = isInterventionApp ? appData.interventionUnit : appData.rig;\n\n    if (primaryAsset && !appData.well) {\n      return (\n        <AppMessageWrapper logo={app.headerLogo}>\n          <EmptyState\n            testId={emptyStateTestId}\n            title={getNoActiveWellMessage(primaryAsset?.name)}\n            image=\"noActiveWell\"\n            subTitle={actions}\n          />\n        </AppMessageWrapper>\n      );\n    }\n\n    const isGeneralDashboard = layoutEnvironment?.type === 'general';\n    const isCompletionApp = segment === SEGMENTS.COMPLETION;\n\n    if (isGeneralDashboard && isCompletionApp && !appData.fracFleet) {\n      return (\n        <AppMessageWrapper logo={app.headerLogo}>\n          <EmptyState\n            testId={emptyStateTestId}\n            title=\"Frac fleet was not found\"\n            subTitle={actions}\n            image=\"fleetHasNoPad\"\n          />\n        </AppMessageWrapper>\n      );\n    }\n\n    if (\n      isCompletionApp &&\n      appData.fracFleet &&\n      !appData.fracFleet.current_pad_id &&\n      !app.settings.padId\n    ) {\n      // NOTE: completion app has fracFleet, that fracfleet has no current pad id and no specific pad id in settings\n      return (\n        <AppMessageWrapper logo={app.headerLogo}>\n          <EmptyState\n            testId={emptyStateTestId}\n            image=\"fleetHasNoPad\"\n            subTitle={actions}\n            title=\"Frac fleet has no active pad\"\n          />\n        </AppMessageWrapper>\n      );\n    }\n\n    if (isCompletionApp && isGeneralDashboard && (!appData.wells || appData.wells.length < 1)) {\n      return (\n        <AppMessageWrapper logo={app.headerLogo}>\n          <EmptyState\n            testId={emptyStateTestId}\n            image=\"noWellsSelected\"\n            subTitle={actions}\n            title=\"This pad has no wells\"\n          />\n        </AppMessageWrapper>\n      );\n    }\n\n    if (!appData.rig && !appData.well && !appData.settings && !appData.wells) {\n      return (\n        <AppMessageWrapper logo={app.headerLogo}>\n          <EmptyState\n            testId={emptyStateTestId}\n            image=\"assetHasNoData\"\n            subTitle={actions}\n            title=\"Asset unavailable\"\n          />\n        </AppMessageWrapper>\n      );\n    }\n  }\n  return (\n    <ErrorBoundary openIntercom={openIntercom} onError={onError}>\n      <AppComponent app={app} {...app.settings} {...effectiveSettings} {...appData} {...appProps} />\n    </ErrorBoundary>\n  );\n}\n\nDevCenterAppView.defaultProps = {\n  availability: {\n    hasProductSubscription: true,\n    isAppSubscribedForAsset: true,\n  },\n};\n\nexport default DevCenterAppView;\n"],"names":["getNoActiveWellMessage","rigName","concat","DevCenterAppView","_ref","_appCommons$appSettin","AppComponent","app","appData","appProps","availability","isCLIApp","isLoading","isMultiRig","layoutEnvironment","openIntercom","segment","toggleAppSettingsDialog","onError","emptyStateTestId","appCommons","useAppCommonsInternal","effectiveSettings","appSettings","settings","package","_jsx","AppMessageWrapper","logo","headerLogo","children","EmptyState","testId","title","subTitle","image","jsx","showHeader","LoaderLogo","className","styles","loader","hasProductSubscription","isAppSubscribedForAsset","_ref2","subtitle","actions","ChooseAssetButton","primaryAsset","SEGMENTS","INTERVENTION","interventionUnit","rig","well","name","isGeneralDashboard","type","isCompletionApp","COMPLETION","fracFleet","current_pad_id","padId","wells","length","ErrorBoundary","_objectSpread","defaultProps"],"mappings":"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"}
+{"version":3,"file":"DevCenterAppView.js","sources":["../../../../../../../src/components/DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.tsx"],"sourcesContent":["import React from 'react';\n\nimport { AppMessageWrapper } from '../../../../../componentsV2/AppInfoMessage';\nimport { EmptyState } from '../../../../../componentsV2/EmptyState';\nimport { LoaderLogo } from '../../../../../componentsV2/LoaderLogo';\n\nimport { ChooseAssetButton } from './components/ChooseAssetButton';\n\nimport styles from './DevCenterAppView.scss';\n\nimport ErrorBoundary from '~/components/ErrorBoundary';\nimport { SEGMENTS } from '~/constants/segment';\nimport { useAppCommonsInternal } from '~/componentsV2/AppCommonsProvider';\n\nexport const getNoActiveWellMessage = (rigName: string): string => `${rigName} has no active well`;\n\n// TODO: Replace `any` with specific types once DevCenterAppContainer.js is converted to TypeScript\ninterface DevCenterAppViewProps {\n  AppComponent: React.ComponentType<any> | null;\n  app: Record<string, any>;\n  appData: Record<string, any>;\n  appProps: Record<string, any>;\n  availability?: { hasProductSubscription: boolean; isAppSubscribedForAsset: boolean };\n  isCLIApp: boolean;\n  isLoading: boolean;\n  isMultiRig: boolean;\n  layoutEnvironment: { type?: string } | null;\n  openIntercom: () => void;\n  segment: string;\n  toggleAppSettingsDialog: () => void;\n  onError: (error: Error) => void;\n}\n\nfunction DevCenterAppView({\n  AppComponent,\n  app,\n  appData,\n  appProps,\n  availability = DEFAULT_DEV_CENTER_APP_VIEW_AVAILABILITY,\n  isCLIApp,\n  isLoading,\n  isMultiRig,\n  layoutEnvironment,\n  openIntercom,\n  segment,\n  toggleAppSettingsDialog,\n  onError,\n}: DevCenterAppViewProps) {\n  const emptyStateTestId = 'DevCenterAppView_EmptyState';\n\n  // Use overridden appSettings from AppCommonsProvider (e.g. localStorage-stable settingsByAsset)\n  // so server polling doesn't reset selections passed via {...app.settings} to AppComponent.\n  const appCommons = useAppCommonsInternal();\n  const effectiveSettings = appCommons?.appSettings ?? app.settings;\n\n  if (!app.package)\n    return (\n      <AppMessageWrapper logo={app.headerLogo}>\n        <EmptyState\n          testId={emptyStateTestId}\n          title=\"App package was not found\"\n          subTitle=\"Please choose another version in the app settings menu or delete and add app again on your dashboard\"\n          image=\"appLoadingError\"\n        />\n      </AppMessageWrapper>\n    );\n\n  if (isLoading)\n    return (\n      <AppMessageWrapper showHeader={false}>\n        <LoaderLogo className={styles.loader} testId=\"DevCenterAppView_Loader\" />\n      </AppMessageWrapper>\n    );\n\n  if (!(availability.hasProductSubscription && availability.isAppSubscribedForAsset)) {\n    const { title, subtitle } = !availability.hasProductSubscription\n      ? {\n          title: 'No Subscription exists for this app.',\n          subtitle: 'Contact your Corva Account rep to get access to this app.',\n        }\n      : {\n          title: 'No Subscription exists for this asset.',\n          subtitle: 'Contact your Corva Account rep to get access to this asset.',\n        };\n\n    return (\n      <AppMessageWrapper logo={app.headerLogo}>\n        <EmptyState\n          testId={emptyStateTestId}\n          title={title}\n          subTitle={subtitle}\n          image=\"noSubscription\"\n        />\n      </AppMessageWrapper>\n    );\n  }\n\n  if (!AppComponent)\n    return (\n      <AppMessageWrapper logo={app.headerLogo}>\n        <EmptyState\n          testId={emptyStateTestId}\n          title=\"App component was not found\"\n          image=\"appLoadingError\"\n        />\n      </AppMessageWrapper>\n    );\n\n  if (!isMultiRig) {\n    const actions = isCLIApp && (\n      <ChooseAssetButton toggleAppSettingsDialog={toggleAppSettingsDialog} />\n    );\n\n    const isInterventionApp = segment === SEGMENTS.INTERVENTION;\n    const primaryAsset = isInterventionApp ? appData.interventionUnit : appData.rig;\n\n    if (primaryAsset && !appData.well) {\n      return (\n        <AppMessageWrapper logo={app.headerLogo}>\n          <EmptyState\n            testId={emptyStateTestId}\n            title={getNoActiveWellMessage(primaryAsset?.name)}\n            image=\"noActiveWell\"\n            subTitle={actions}\n          />\n        </AppMessageWrapper>\n      );\n    }\n\n    const isGeneralDashboard = layoutEnvironment?.type === 'general';\n    const isCompletionApp = segment === SEGMENTS.COMPLETION;\n\n    if (isGeneralDashboard && isCompletionApp && !appData.fracFleet) {\n      return (\n        <AppMessageWrapper logo={app.headerLogo}>\n          <EmptyState\n            testId={emptyStateTestId}\n            title=\"Frac fleet was not found\"\n            subTitle={actions}\n            image=\"fleetHasNoPad\"\n          />\n        </AppMessageWrapper>\n      );\n    }\n\n    if (\n      isCompletionApp &&\n      appData.fracFleet &&\n      !appData.fracFleet.current_pad_id &&\n      !app.settings.padId\n    ) {\n      // NOTE: completion app has fracFleet, that fracfleet has no current pad id and no specific pad id in settings\n      return (\n        <AppMessageWrapper logo={app.headerLogo}>\n          <EmptyState\n            testId={emptyStateTestId}\n            image=\"fleetHasNoPad\"\n            subTitle={actions}\n            title=\"Frac fleet has no active pad\"\n          />\n        </AppMessageWrapper>\n      );\n    }\n\n    if (isCompletionApp && isGeneralDashboard && (!appData.wells || appData.wells.length < 1)) {\n      return (\n        <AppMessageWrapper logo={app.headerLogo}>\n          <EmptyState\n            testId={emptyStateTestId}\n            image=\"noWellsSelected\"\n            subTitle={actions}\n            title=\"This pad has no wells\"\n          />\n        </AppMessageWrapper>\n      );\n    }\n\n    if (!appData.rig && !appData.well && !appData.settings && !appData.wells) {\n      return (\n        <AppMessageWrapper logo={app.headerLogo}>\n          <EmptyState\n            testId={emptyStateTestId}\n            image=\"assetHasNoData\"\n            subTitle={actions}\n            title=\"Asset unavailable\"\n          />\n        </AppMessageWrapper>\n      );\n    }\n  }\n  return (\n    <ErrorBoundary openIntercom={openIntercom} onError={onError}>\n      <AppComponent app={app} {...app.settings} {...effectiveSettings} {...appData} {...appProps} />\n    </ErrorBoundary>\n  );\n}\n\nconst DEFAULT_DEV_CENTER_APP_VIEW_AVAILABILITY = {\n  hasProductSubscription: true,\n  isAppSubscribedForAsset: true,\n};\n\nexport default DevCenterAppView;\n"],"names":["getNoActiveWellMessage","rigName","concat","DEFAULT_DEV_CENTER_APP_VIEW_AVAILABILITY","hasProductSubscription","isAppSubscribedForAsset","_ref","_appCommons$appSettin","AppComponent","app","appData","appProps","_ref$availability","availability","isCLIApp","isLoading","isMultiRig","layoutEnvironment","openIntercom","segment","toggleAppSettingsDialog","onError","emptyStateTestId","appCommons","useAppCommonsInternal","effectiveSettings","appSettings","settings","package","_jsx","AppMessageWrapper","logo","headerLogo","children","EmptyState","testId","title","subTitle","image","jsx","showHeader","LoaderLogo","className","styles","loader","_ref2","subtitle","actions","ChooseAssetButton","primaryAsset","SEGMENTS","INTERVENTION","interventionUnit","rig","well","name","isGeneralDashboard","type","isCompletionApp","COMPLETION","fracFleet","current_pad_id","padId","wells","length","ErrorBoundary","_objectSpread"],"mappings":"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"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"UniversalLink.js","sources":["../../../../../../src/components/DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js"],"sourcesContent":["import classNames from 'classnames';\nimport { Link as ReactRouterLink } from 'react-router-dom';\nimport PropTypes from 'prop-types';\nimport { noop } from 'lodash';\n\nimport { useDevCenterRouter } from '../effects/useDevCenterRouter';\n\nimport styles from './UniversalLink.css';\n\nexport function UniversalLink({ href, children, className, 'data-testid': dataTestId, onClick }) {\n  const devCenterRouter = useDevCenterRouter();\n\n  if (devCenterRouter) {\n    return (\n      // NOTE: \"a\" element is needed to drag chip to tab bar while clicks are handled by button onClick handler\n      <a href={href || null}>\n        <button\n          data-testid={dataTestId}\n          tabIndex=\"0\"\n          role=\"link\"\n          className={classNames(styles.buttonLink, className)}\n          onClick={e => {\n            if (href) {\n              e.stopPropagation();\n              onClick(e);\n              if (e.metaKey || e.ctrlKey) {\n                window.open(href, '_blank');\n              } else {\n                devCenterRouter.push(href);\n              }\n            }\n          }}\n        >\n          {children}\n        </button>\n      </a>\n    );\n  }\n\n  return (\n    <ReactRouterLink data-testid={dataTestId} to={href} className={className}>\n      {children}\n    </ReactRouterLink>\n  );\n}\n\nUniversalLink.propTypes = {\n  href: PropTypes.any,\n  children: PropTypes.node.isRequired,\n  className: PropTypes.string,\n  onClick: PropTypes.func,\n  'data-testid': PropTypes.string,\n};\n\nUniversalLink.defaultProps = {\n  className: null,\n  'data-testid': 'UniversalLink',\n  href: null,\n  onClick: noop,\n};\n"],"names":["UniversalLink","_ref","href","children","className","dataTestId","onClick","devCenterRouter","useDevCenterRouter","_jsx","jsx","tabIndex","role","classNames","styles","buttonLink","e","stopPropagation","metaKey","ctrlKey","window","open","push","ReactRouterLink","to","propTypes","PropTypes","any","node","isRequired","string","func","defaultProps","noop"],"mappings":"qXASO,SAASA,EAAiFC,GAAA,IAAjEC,IAAAA,KAAMC,IAAAA,SAAUC,IAAAA,UAA0BC,IAAf,eAA2BC,IAAAA,QAC9EC,EAAkBC,EAAAA,qBAExB,OAAID,EAGAE,EAAAA,IAAA,IAAA,CAAGP,KAAMA,GAAQ,KAAKC,SACpBM,EAAAC,IAAA,SAAA,CACE,cAAaL,EACbM,SAAS,IACTC,KAAK,OACLR,UAAWS,EAAU,QAACC,EAAOC,WAAYX,GACzCE,QAAS,SAAAU,GACHd,IACFc,EAAEC,kBACFX,EAAQU,GACJA,EAAEE,SAAWF,EAAEG,QACjBC,OAAOC,KAAKnB,EAAM,UAElBK,EAAgBe,KAAKpB,GAGzB,EAAAC,SAEDA,MAOPM,EAAAA,IAACc,EAAAA,KAAe,CAAC,cAAalB,EAAYmB,GAAItB,EAAME,UAAWA,EAAUD,SACtEA,GAGP,CAEAH,EAAcyB,UAAY,CACxBvB,KAAMwB,EAAS,QAACC,IAChBxB,SAAUuB,EAAAA,QAAUE,KAAKC,WACzBzB,UAAWsB,EAAS,QAACI,OACrBxB,QAASoB,EAAS,QAACK,KACnB,cAAeL,EAAS,QAACI,QAG3B9B,EAAcgC,aAAe,CAC3B5B,UAAW,KACX,cAAe,gBACfF,KAAM,KACNI,QAAS2B,EAAAA"}
+{"version":3,"file":"UniversalLink.js","sources":["../../../../../../src/components/DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js"],"sourcesContent":["import classNames from 'classnames';\nimport { Link as ReactRouterLink } from 'react-router-dom';\nimport PropTypes from 'prop-types';\nimport { noop } from 'lodash';\n\nimport { useDevCenterRouter } from '../effects/useDevCenterRouter';\n\nimport styles from './UniversalLink.css';\n\nexport function UniversalLink(props) {\n  const {\n    href = null,\n    children,\n    className = null,\n    'data-testid': dataTestId = 'UniversalLink',\n    onClick = DEFAULT_UNIVERSAL_LINK_ON_CLICK,\n  } = props;\n  const devCenterRouter = useDevCenterRouter();\n\n  if (devCenterRouter) {\n    return (\n      // NOTE: \"a\" element is needed to drag chip to tab bar while clicks are handled by button onClick handler\n      <a href={href || null}>\n        <button\n          data-testid={dataTestId}\n          tabIndex=\"0\"\n          role=\"link\"\n          className={classNames(styles.buttonLink, className)}\n          onClick={e => {\n            if (href) {\n              e.stopPropagation();\n              onClick(e);\n              if (e.metaKey || e.ctrlKey) {\n                window.open(href, '_blank');\n              } else {\n                devCenterRouter.push(href);\n              }\n            }\n          }}\n        >\n          {children}\n        </button>\n      </a>\n    );\n  }\n\n  return (\n    <ReactRouterLink data-testid={dataTestId} to={href} className={className}>\n      {children}\n    </ReactRouterLink>\n  );\n}\n\nUniversalLink.propTypes = {\n  href: PropTypes.any,\n  children: PropTypes.node.isRequired,\n  className: PropTypes.string,\n  onClick: PropTypes.func,\n  'data-testid': PropTypes.string,\n};\n\nconst DEFAULT_UNIVERSAL_LINK_ON_CLICK = noop;\n"],"names":["UniversalLink","props","href","_props$href","children","_props$className","className","_props$dataTestid","dataTestId","_props$onClick","onClick","DEFAULT_UNIVERSAL_LINK_ON_CLICK","devCenterRouter","useDevCenterRouter","_jsx","jsx","tabIndex","role","classNames","styles","buttonLink","e","stopPropagation","metaKey","ctrlKey","window","open","push","ReactRouterLink","to","propTypes","PropTypes","any","node","isRequired","string","func","noop"],"mappings":"qXASO,SAASA,EAAcC,GAC5B,IAMIA,EAAAA,EALFC,KAAAA,aAAO,KAAIC,EACXC,EAIEH,EAJFG,SAAQC,EAINJ,EAHFK,UAAAA,aAAY,KAAID,EAAAE,EAGdN,EAFF,eAAeO,aAAa,gBAAeD,EAAAE,EAEzCR,EADFS,QAAAA,aAAUC,EAA+BF,EAErCG,EAAkBC,EAAAA,qBAExB,OAAID,EAGAE,EAAAA,IAAA,IAAA,CAAGZ,KAAMA,GAAQ,KAAKE,SACpBU,EAAAC,IAAA,SAAA,CACE,cAAaP,EACbQ,SAAS,IACTC,KAAK,OACLX,UAAWY,EAAU,QAACC,EAAOC,WAAYd,GACzCI,QAAS,SAAAW,GACHnB,IACFmB,EAAEC,kBACFZ,EAAQW,GACJA,EAAEE,SAAWF,EAAEG,QACjBC,OAAOC,KAAKxB,EAAM,UAElBU,EAAgBe,KAAKzB,GAGzB,EAAAE,SAEDA,MAOPU,EAAAA,IAACc,EAAAA,KAAe,CAAC,cAAapB,EAAYqB,GAAI3B,EAAMI,UAAWA,EAAUF,SACtEA,GAGP,CAEAJ,EAAc8B,UAAY,CACxB5B,KAAM6B,EAAS,QAACC,IAChB5B,SAAU2B,EAAAA,QAAUE,KAAKC,WACzB5B,UAAWyB,EAAS,QAACI,OACrBzB,QAASqB,EAAS,QAACK,KACnB,cAAeL,EAAS,QAACI,QAG3B,IAAMxB,EAAkC0B,EAAIA"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"DevCenterIsolatedApp.js","sources":["../../../../../src/components/DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js"],"sourcesContent":["import { useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';\nimport { 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","createDevCenterRouter","history","location","isNonIsolatedApp","isCorvaApp","app","package","DCAppComponent","DevCenterAppContainer","IsolatedPage","appKey","app_key","appVersion","getAppVersion","iframeKey","concat","appIframeDocument","useRef","containerRef","fixedSizeContainerRef","fullscreenModeRef","fullscreenModalModeRef","isAppMaximized","queryString","parse","search","id","isAppMaximizedRef","current","_useState","useState","getUserUnits","_useState2","_slicedToArray","userUnits","setUserUnits","useEffect","unsubscribeFn","subscribeForUserUnitsUpdates","newUserUnits","appContextValue","useContext","AppContext","permissionsContextValue","usePermissionsContext","handleAppFullscreenTransparentModeExit","appId","isModeEnabled","document","body","classList","remove","styles","compensateScroll","setIsFullscreenModalMode","useCallback","nextIsFullscreenModalModeValue","_containerRef$current2","_containerRef$current4","_containerRef$current5","_containerRef$current6","_appIframeDocument$cu","isModal","_containerRef$current","add","containerMaximizedTransparentModal","_containerRef$current3","classesEditMethod","containerMaximizedTransparent","querySelector","APP_IFRAME_ATTRIBUTE","contentWindow","isolatedPageAppContainer","getElementById","ISOLATED_PAGE_APP_CONTAINER_ID","_fixedSizeContainerRe","getBoundingClientRect","top","left","width","height","isBodyScrollVisible","window","innerWidth","clientWidth","flushSync","setAttribute","setContainerRefs","node","_jsx","className","classNames","fixedSizeContainer","ref","children","jsx","onMouseEnter","onMouseLeave","PAGE_NAME","name","container","isInsideNewMobileApp","newMobileAppContainer","containerMaximized","_objectSpread","globalNotificationToastsAPI","Symbol","for","globalMixpanelEventTracker","propTypes","PropTypes","shape","number","string","isRequired","currentUser","bool","func","onAppRemove","onSettingChange","onSettingsChange","updateCurrentDashboardAppLastAnnotation","apiRateLimiterConfig","object","defaultProps","noop","undefined","DevCenterIsolatedApp","withRouter"],"mappings":"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"}
+{"version":3,"file":"DevCenterIsolatedApp.js","sources":["../../../../../src/components/DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js"],"sourcesContent":["import { useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';\nimport { 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';\nconst DEFAULT_API_RATE_LIMITER_CONFIG = {};\n\nfunction DevCenterIsolatedAppComponent({\n  isIsolationFeatureEnabled = false,\n  onAppFullscreenTransparentMode = noop,\n  onIsMaximizedChange = noop,\n  onInnerContainerMouseEnter = noop,\n  onInnerContainerMouseLeave = noop,\n  onAppContainerClick = noop,\n  setInnerContainerRefFn = noop,\n  onAppRemove = undefined,\n  onSettingChange = noop,\n  onSettingsChange = noop,\n  updateCurrentDashboardAppLastAnnotation = noop,\n  apiRateLimiterConfig = DEFAULT_API_RATE_LIMITER_CONFIG,\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          onAppRemove={onAppRemove}\n          onIsMaximizedChange={onIsMaximizedChange}\n          onSettingChange={onSettingChange}\n          onSettingsChange={onSettingsChange}\n          permissionsContextValue={permissionsContextValue}\n          setIsFullscreenModalMode={setIsFullscreenModalMode}\n          userUnits={userUnits}\n          trackApiRateLimiterException={trackApiRateLimiterException}\n          updateCurrentDashboardAppLastAnnotation={updateCurrentDashboardAppLastAnnotation}\n          apiRateLimiterConfig={apiRateLimiterConfig}\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\nexport const DevCenterIsolatedApp = withRouter(DevCenterIsolatedAppComponent);\n"],"names":["DEFAULT_API_RATE_LIMITER_CONFIG","DevCenterIsolatedAppComponent","_ref","_props$history","_props$app","_props$app2","_props$app3","_props$app3$app","_props$history2","_props$history2$locat","_ref$isIsolationFeatu","isIsolationFeatureEnabled","_ref$onAppFullscreenT","onAppFullscreenTransparentMode","noop","_ref$onIsMaximizedCha","onIsMaximizedChange","_ref$onInnerContainer","onInnerContainerMouseEnter","_ref$onInnerContainer2","onInnerContainerMouseLeave","_ref$onAppContainerCl","onAppContainerClick","_ref$setInnerContaine","setInnerContainerRefFn","_ref$onAppRemove","onAppRemove","undefined","_ref$onSettingChange","onSettingChange","_ref$onSettingsChange","onSettingsChange","_ref$updateCurrentDas","updateCurrentDashboardAppLastAnnotation","_ref$apiRateLimiterCo","apiRateLimiterConfig","trackApiRateLimiterException","props","_objectWithoutProperties","_excluded","devCenterRouter","useMemo","devCenterUtils","createDevCenterRouter","history","location","isNonIsolatedApp","isCorvaApp","app","package","DCAppComponent","DevCenterAppContainer","IsolatedPage","appKey","app_key","appVersion","getAppVersion","iframeKey","concat","appIframeDocument","useRef","containerRef","fixedSizeContainerRef","fullscreenModeRef","fullscreenModalModeRef","isAppMaximized","queryString","parse","search","id","isAppMaximizedRef","current","_useState","useState","getUserUnits","_useState2","_slicedToArray","userUnits","setUserUnits","useEffect","unsubscribeFn","subscribeForUserUnitsUpdates","newUserUnits","appContextValue","useContext","AppContext","permissionsContextValue","usePermissionsContext","handleAppFullscreenTransparentModeExit","appId","isModeEnabled","document","body","classList","remove","styles","compensateScroll","setIsFullscreenModalMode","useCallback","nextIsFullscreenModalModeValue","_containerRef$current2","_containerRef$current4","_containerRef$current5","_containerRef$current6","_appIframeDocument$cu","isModal","_containerRef$current","add","containerMaximizedTransparentModal","_containerRef$current3","classesEditMethod","containerMaximizedTransparent","querySelector","APP_IFRAME_ATTRIBUTE","contentWindow","isolatedPageAppContainer","getElementById","ISOLATED_PAGE_APP_CONTAINER_ID","_fixedSizeContainerRe","getBoundingClientRect","top","left","width","height","isBodyScrollVisible","window","innerWidth","clientWidth","flushSync","setAttribute","setContainerRefs","node","_jsx","className","classNames","fixedSizeContainer","ref","children","jsx","onMouseEnter","onMouseLeave","PAGE_NAME","name","container","isInsideNewMobileApp","newMobileAppContainer","containerMaximized","_objectSpread","globalNotificationToastsAPI","Symbol","for","globalMixpanelEventTracker","propTypes","PropTypes","shape","number","string","isRequired","currentUser","bool","func","object","DevCenterIsolatedApp","withRouter"],"mappings":"0oFAoBA,IACMA,EAAkC,CAAA,EAExC,SAASC,EAeNC,GAAA,IAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAR,EAdDS,0BAAAA,cAAiCD,EAAAE,EAAAV,EACjCW,+BAAAA,aAAiCC,EAAIA,KAAAF,EAAAG,EAAAb,EACrCc,oBAAAA,aAAsBF,EAAIA,KAAAC,EAAAE,EAAAf,EAC1BgB,2BAAAA,aAA6BJ,EAAIA,KAAAG,EAAAE,EAAAjB,EACjCkB,2BAAAA,aAA6BN,EAAIA,KAAAK,EAAAE,EAAAnB,EACjCoB,oBAAAA,aAAsBR,EAAIA,KAAAO,EAAAE,EAAArB,EAC1BsB,uBAAAA,aAAyBV,EAAIA,KAAAS,EAAAE,EAAAvB,EAC7BwB,YAAAA,kBAAcC,EAASF,EAAAG,EAAA1B,EACvB2B,gBAAAA,aAAkBf,EAAIA,KAAAc,EAAAE,EAAA5B,EACtB6B,iBAAAA,aAAmBjB,EAAIA,KAAAgB,EAAAE,EAAA9B,EACvB+B,wCAAAA,aAA0CnB,EAAIA,KAAAkB,EAAAE,EAAAhC,EAC9CiC,qBAAAA,aAAuBnC,EAA+BkC,EACtDE,IAAAA,6BACGC,GAAKC,EAAA,QAAApC,EAAAqC,GAEFC,GAAkBC,EAAAA,SACtB,WAAA,OAAMC,EAAoCC,sBAACN,GAAMO,QACjD,GAAA,SAAAzC,EAACkC,GAAMO,4BAANzC,EAAe0C,WAGZC,GACHJ,EAAyBK,WAACV,UAAA,QAAKjC,EAALiC,GAAOW,WAAP,IAAA5C,OAAK,EAALA,EAAY4C,OACpCN,EAAAA,oCAAmDL,kBAAAA,EAAAA,GAAOW,sBAAPX,EAAAhC,EAAY4C,WACjEtC,EAEGuC,GAAiBJ,GAAmBK,EAAwBC,eAI5DC,WAAShB,EAAAA,GAAMW,kBAAN,UAAA1C,EAAW0C,WAAX,IAAAzC,SAAAA,EAAgB+C,QACzBC,GAAaC,EAAAA,cAAcnB,GAAMW,KACjCS,GAAS,GAAAC,OAAML,GAAM,KAAAK,OAAIH,IAEzBI,GAAoBC,EAAAA,SACpBC,GAAeD,EAAAA,SACfE,GAAwBF,EAAAA,SACxBG,GAAoBH,UAAO,GAC3BI,GAAyBJ,UAAO,GAEhCK,GAAiBvB,EAA6BuB,eAClDC,UAAYC,cAAM9B,EAAAA,GAAMO,sBAAN,UAAApC,EAAeqC,gBAAf,IAAApC,SAAAA,EAAyB2D,QAC3C/B,GAAMW,IAAIqB,IAINC,GAAoBV,SAAOK,IACjCK,GAAkBC,QAAUN,GAE5B,IAAAO,GAAkCC,WAASC,EAAAA,gBAAeC,GAAAC,EAAAA,QAAAJ,GAAA,GAAnDK,GAASF,GAAA,GAAEG,GAAYH,GAAA,GAE9BI,EAAAA,WAAU,WACR,IAAMC,EAAgBC,gCAA6B,SAAAC,GAAY,OAAIJ,GAAaI,MAEhF,OAAO,WAAA,OAAMF,GAAe,CAC7B,GAAE,IAEH,IAAMG,GAAkBC,aAAWC,GAC7BC,GAA0BC,EAAAA,UA+BhC,SAASC,KACP3E,EAA+B,CAAE4E,MAAOpD,GAAMW,IAAIqB,GAAIqB,eAAe,IACrEC,SAASC,KAAKC,UAAUC,OAAO,iCAAkCC,EAAOC,iBAC1E,CAEA,IAAMC,GAA2BC,EAAAA,aAC/B,SAAkCC,GAAiD,IAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAjBC,0DAGhE,IACG9F,GACDmC,IACCwB,GAAkBC,UAAYR,GAAkBQ,SACjDR,GAAkBQ,UAAY4B,EAJhC,CAO6D,IAAAO,EAAvDD,GAAWzC,GAAuBO,UAAYkC,IAChDzC,GAAuBO,QAAUkC,EACb,QAApBC,EAAA7C,GAAaU,eAAO,IAAAmC,GAApBA,EAAsBb,UAAUc,IAAIZ,EAAOa,oCAI/C,KAbA,CAeA,IAI+CC,EAJzCC,EAAoBX,EAAiC,MAAQ,SAInE,GAFoB,QAApBC,EAAAvC,GAAaU,eAAO,IAAA6B,GAApBA,EAAsBP,UAAUiB,GAAmBf,EAAOgB,+BAEtDN,GAAiC,WAAtBK,EACO,QAApBD,EAAAhD,GAAaU,eAAO,IAAAsC,GAApBA,EAAsBhB,UAAUiB,GAC9Bf,EAAOa,oCAIXjD,GAAkBY,QAAU,QAAH8B,EAAGxC,GAAaU,eAAb,IAAA8B,GAE3B,QAF2BC,EAAAD,EAAsBW,cAAa,IAAAtD,OACzDuD,EAAoBA,qBACzB,aAAA,IAAAX,GAAe,QAAfC,EAF2BD,EAEzBY,qBAAa,IAAAX,OAFY,EAAAA,EAEVZ,SAElB,IAAMwB,UAA2BxD,EAAAA,GAAkBY,4BAAlBiC,EAA2BY,eAC1DC,EAA8BA,gCAGhC,GAAKF,EAAL,CAIA,GAAIhB,EAAgC,CAElC,IAAAmB,EAAqCxD,GAAsBS,QAAQgD,wBAA3DC,IAAAA,IAAKC,IAAAA,KAAMC,IAAAA,MAAOC,IAAAA,OACpBC,EAAsBC,OAAOC,aAAenC,SAASC,KAAKmC,YAGhEC,EAAAA,WAAU,WACRnH,EAA+B,CAAE4E,MAAOpD,GAAMW,IAAIqB,GAAIqB,eAAe,GACvE,IAGAyB,EAAyBc,aACvB,QAEKT,kBAAAA,OAAAA,EACCC,uBAAAA,OAAAA,EACCC,wBAAAA,OAAAA,EACCC,yBAAAA,OAAAA,EAGT,6CACDhC,SAASC,KAAKC,UAAUc,IACtB,iCACAiB,GAAuB7B,EAAOC,iBAElC,MAEEgC,EAAAA,WAAU,WACRnH,EAA+B,CAAE4E,MAAOpD,GAAMW,IAAIqB,GAAIqB,eAAe,GACvE,IAGAyB,EAAyBc,aAAa,QAAS,IAC/CtC,SAASC,KAAKC,UAAUC,OAAO,iCAAkCC,EAAOC,kBAE1EjC,GAAkBQ,QAAU4B,EAC5BnC,GAAuBO,QAAUkC,CAtCjC,CAtBA,CA6DD,GACD,CAAC9F,EAA2BmC,GAAkBwB,KAGhDS,EAAAA,WAAU,WACR,OAAOS,EACR,GAAE,IAEHT,EAAAA,WAAU,WACJd,IAAkBF,GAAkBQ,SACtC0B,IAAyB,EAE7B,GAAG,CAAChC,KAMJ,IAAMiE,GAAmBhC,eAAY,SAAAiC,GACnCtE,GAAaU,QAAU4D,EACvB3G,EAAuB2G,EACxB,GAAE,IAEH,OACEC,EAAAA,IAAA,MAAA,CACEC,UAAWC,EAAU,QAAC,kBAAmBvC,EAAOwC,oBAChDC,IAAK1E,GAAsB2E,SAE3BL,EAAAM,IAAA,MAAA,CACEF,IAAKN,GACLS,aAAczH,EACd0H,aAAcxH,EACd,cAAgByH,GAAAA,OA/MN,qCA+MmBxG,GAAMW,IAAIA,IAAI8F,MAC3CT,UAAWC,EAAAA,QACTvC,EAAOgD,UACPC,EAAAA,sBAAwBjD,EAAOkD,sBAC/BhF,IAAkB8B,EAAOmD,oBACzBT,SAEFL,EAAAA,IAAClF,GAAciG,EAAAA,EAAA,GAET9G,IAAK,GAAA,CACTS,iBAAkBA,GAClBqC,gBAAiBA,GACjB3C,gBAAiBA,GACjB4G,4BAA6BvB,OAAOwB,OAAOC,IAAI,uBAC/CC,2BAA4B1B,OAAOwB,OAAOC,IAAI,kBAC9ChI,oBAAqBA,EACrBI,YAAaA,EACbV,oBAAqBA,EACrBa,gBAAiBA,EACjBE,iBAAkBA,EAClBuD,wBAAyBA,GACzBW,yBAA0BA,GAC1BpB,UAAWA,GACXzC,6BAA8BA,EAC9BH,wCAAyCA,EACzCE,qBAAsBA,IAjBjBsB,OAsBf,CAEAxD,EAA8BuJ,UAAY,CACxCxG,IAAKyG,EAAS,QAACC,MAAM,CACnBrF,GAAIoF,EAAS,QAACE,OACd3G,IAAKyG,EAAS,QAACC,MAAM,CACnBZ,KAAMW,EAAS,QAACG,WAEjBC,WACHC,YAAaL,EAAS,QAACC,MAAM,CAAA,GAAIG,WACjClJ,0BAA2B8I,EAAS,QAACM,KACrCzI,oBAAqBmI,EAAS,QAACO,KAC/BnJ,+BAAgC4I,EAAS,QAACO,KAC1CtI,YAAa+H,EAAS,QAACO,KACvB9I,2BAA4BuI,EAAS,QAACO,KACtC5I,2BAA4BqI,EAAS,QAACO,KACtChJ,oBAAqByI,EAAS,QAACO,KAC/BnI,gBAAiB4H,EAAS,QAACO,KAC3BjI,iBAAkB0H,EAAS,QAACO,KAC5BxI,uBAAwBiI,EAAS,QAACO,KAClC/H,wCAAyCwH,EAAS,QAACO,KACnD7H,qBAAsBsH,EAAS,QAACQ,YAGrBC,EAAuBC,EAAUA,WAAClK"}