@corva/ui 3.78.0-rc.0 → 3.79.0-1

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("./useFullscreenModes.js"),f=require("./DevCenterIsolatedApp.module.scss.js"),v=require("../AppContext.js"),C=require("../../../permissions/PermissionsContext.js");require("../../../permissions/constants/index.js"),require("../../../permissions/withPermissionsHOC.js"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../../../clients/jsonApi/index.js"),require("../../../permissions/ProvidePermissions.js");var m=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 A=require("react/jsx-runtime");require("./DevCenterIsolatedAppPage.js");var g=require("../DevCenterAppContainer/utils.js"),h=require("../../../utils/mobileDetect.js"),j=require("../../../utils/devcenter.js");function q(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var y=q(e),x=q(n),I=q(r),M=q(i),w=q(u),S=q(p),R=["isIsolationFeatureEnabled","onAppFullscreenTransparentMode","onIsMaximizedChange","onInnerContainerMouseEnter","onInnerContainerMouseLeave","onAppContainerClick","setInnerContainerRefFn","onAppRemove","onSettingChange","onSettingsChange","updateCurrentDashboardAppLastAnnotation","apiRateLimiterConfig","trackApiRateLimiterException"];function P(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 E(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?P(Object(r),!0).forEach((function(n){y.default(e,n,r[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):P(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))}))}return e}var L={};function D(e){var n,r,i,a,u,p,q,y=e.isIsolationFeatureEnabled,S=void 0!==y&&y,P=e.onAppFullscreenTransparentMode,D=void 0===P?s.noop:P,F=e.onIsMaximizedChange,O=void 0===F?s.noop:F,T=e.onInnerContainerMouseEnter,_=void 0===T?s.noop:T,k=e.onInnerContainerMouseLeave,B=void 0===k?s.noop:k,W=e.onAppContainerClick,z=void 0===W?s.noop:W,U=e.setInnerContainerRefFn,N=void 0===U?s.noop:U,H=e.onAppRemove,V=void 0===H?void 0:H,G=e.onSettingChange,J=void 0===G?s.noop:G,K=e.onSettingsChange,Q=void 0===K?s.noop:K,X=e.updateCurrentDashboardAppLastAnnotation,Y=void 0===X?s.noop:X,Z=e.apiRateLimiterConfig,$=void 0===Z?L:Z,ee=e.trackApiRateLimiterException,ne=I.default(e,R),re=t.useMemo((function(){return j.createDevCenterRouter(ne.history)}),[null===(n=ne.history)||void 0===n?void 0:n.location]),te=j.isCorvaApp(null==ne||null===(r=ne.app)||void 0===r?void 0:r.app)&&!j.isIsolationEnabledInPackageManifest(null==ne||null===(i=ne.app)||void 0===i?void 0:i.package)||!S,oe=te?b:l.IsolatedPage,ie=null===(a=ne.app)||void 0===a||null===(u=a.app)||void 0===u?void 0:u.app_key,ae=g.getAppVersion(ne.app),se="".concat(ie,"-").concat(ae),ue=t.useRef(),pe=t.useRef(),le=t.useRef(),de=t.useRef(!1),ce=t.useRef(!1),fe=j.isAppMaximized(w.default.parse(null===(p=ne.history)||void 0===p||null===(q=p.location)||void 0===q?void 0:q.search),ne.app.id),ve=t.useRef(fe);ve.current=fe;var Ce=t.useState(m.getUserUnits()),me=x.default(Ce,2),be=me[0],Ae=me[1];t.useEffect((function(){var e=m.subscribeForUserUnitsUpdates((function(e){return Ae(e)}));return function(){return e()}}),[]);var ge=t.useContext(v),he=C.default();function je(){D({appId:ne.app.id,isModeEnabled:!1}),document.body.classList.remove("dc-isolated-app__body-overflow",f.compensateScroll)}var qe=t.useCallback((function(e){var n,r,t,i,a,s=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(!S||te||ve.current&&!de.current||de.current===e){var u;s&&ce.current!==s&&(ce.current=s,null===(u=pe.current)||void 0===u||u.classList.add(f.containerMaximizedTransparentModal))}else{var p,c=e?"add":"remove";if(null===(n=pe.current)||void 0===n||n.classList[c](f.containerMaximizedTransparent),s||"remove"===c)null===(p=pe.current)||void 0===p||p.classList[c](f.containerMaximizedTransparentModal);ue.current=null===(r=pe.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=ue.current)||void 0===a?void 0:a.getElementById(d.ISOLATED_PAGE_APP_CONTAINER_ID);if(v){if(e){var C=le.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:ne.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&&f.compensateScroll)}else o.flushSync((function(){D({appId:ne.app.id,isModeEnabled:!1})})),v.setAttribute("style",""),document.body.classList.remove("dc-isolated-app__body-overflow",f.compensateScroll);de.current=e,ce.current=s}}}),[S,te,ve]);t.useEffect((function(){return je}),[]),t.useEffect((function(){fe&&de.current&&qe(!1)}),[fe]);var ye=c.useFullscreenModes({containerRef:le,appInstanceId:ne.app.id,isMaximized:fe}),xe=ye.isBrowserFullscreen,Ie=ye.enterBrowserFullscreen,Me=ye.exitBrowserFullscreen,we=ye.isSeparateWindow,Se=ye.openSeparateWindow,Re=ye.closeSeparateWindow,Pe=ye.setSeparateWindowTitle,Ee=t.useCallback((function(e){pe.current=e,N(e)}),[]);return A.jsx("div",{className:M.default("dc-isolated-app",f.fixedSizeContainer),ref:le,children:A.jsx("div",{ref:Ee,onMouseEnter:_,onMouseLeave:B,"data-testid":"".concat("DevCenter_AppContainer","_").concat(ne.app.app.name),className:M.default(f.container,h.isInsideNewMobileApp&&f.newMobileAppContainer,fe&&f.containerMaximized),children:A.jsx(oe,E(E({},ne),{},{isBrowserFullscreen:xe,enterBrowserFullscreen:Ie,exitBrowserFullscreen:Me,isSeparateWindow:we,openSeparateWindow:Se,closeSeparateWindow:Re,setSeparateWindowTitle:Pe,isNonIsolatedApp:te,appContextValue:ge,devCenterRouter:re,globalNotificationToastsAPI:window[Symbol.for("notificationToasts")],globalMixpanelEventTracker:window[Symbol.for("logToMixpanel")],onAppContainerClick:z,onAppRemove:V,onIsMaximizedChange:O,onSettingChange:J,onSettingsChange:Q,permissionsContextValue:he,setIsFullscreenModalMode:qe,userUnits:be,trackApiRateLimiterException:ee,updateCurrentDashboardAppLastAnnotation:Y,apiRateLimiterConfig:$}),se)})})}D.propTypes={app:S.default.shape({id:S.default.number,app:S.default.shape({name:S.default.string})}).isRequired,currentUser:S.default.shape({}).isRequired,isIsolationFeatureEnabled:S.default.bool,onAppContainerClick:S.default.func,onAppFullscreenTransparentMode:S.default.func,onAppRemove:S.default.func,onInnerContainerMouseEnter:S.default.func,onInnerContainerMouseLeave:S.default.func,onIsMaximizedChange:S.default.func,onSettingChange:S.default.func,onSettingsChange:S.default.func,setInnerContainerRefFn:S.default.func,updateCurrentDashboardAppLastAnnotation:S.default.func,apiRateLimiterConfig:S.default.object};var F=a.withRouter(D);exports.DevCenterIsolatedApp=F;
+"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("./useFullscreenModes.js"),f=require("./DevCenterIsolatedApp.module.scss.js"),v=require("../AppContext.js"),C=require("../../../permissions/PermissionsContext.js");require("../../../permissions/constants/index.js"),require("../../../permissions/withPermissionsHOC.js"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../../../clients/jsonApi/index.js"),require("../../../permissions/ProvidePermissions.js");var m=require("../../../utils/index.js");require("../AppHeader/AppHeader.js"),require("../AppSideBar/AppSideBar.js"),require("../AppsDataProvider/effects/utils.js"),require("@babel/runtime/helpers/toConsumableArray");var b=require("../../../utils/devcenter.js"),A=require("react/jsx-runtime"),g=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"),require("./DevCenterIsolatedAppPage.js");var h=require("../DevCenterAppContainer/utils.js"),j=require("../../../utils/mobileDetect.js");function q(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var y=q(e),x=q(n),I=q(r),M=q(i),w=q(u),S=q(p),R=["isIsolationFeatureEnabled","onAppFullscreenTransparentMode","onIsMaximizedChange","onInnerContainerMouseEnter","onInnerContainerMouseLeave","onAppContainerClick","setInnerContainerRefFn","onAppRemove","onSettingChange","onSettingsChange","updateCurrentDashboardAppLastAnnotation","apiRateLimiterConfig","trackApiRateLimiterException"];function P(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 E(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?P(Object(r),!0).forEach((function(n){y.default(e,n,r[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):P(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))}))}return e}var L={};function D(e){var n,r,i,a,u,p,q,y=e.isIsolationFeatureEnabled,S=void 0!==y&&y,P=e.onAppFullscreenTransparentMode,D=void 0===P?s.noop:P,F=e.onIsMaximizedChange,O=void 0===F?s.noop:F,T=e.onInnerContainerMouseEnter,_=void 0===T?s.noop:T,k=e.onInnerContainerMouseLeave,B=void 0===k?s.noop:k,W=e.onAppContainerClick,z=void 0===W?s.noop:W,U=e.setInnerContainerRefFn,N=void 0===U?s.noop:U,H=e.onAppRemove,V=void 0===H?void 0:H,G=e.onSettingChange,J=void 0===G?s.noop:G,K=e.onSettingsChange,Q=void 0===K?s.noop:K,X=e.updateCurrentDashboardAppLastAnnotation,Y=void 0===X?s.noop:X,Z=e.apiRateLimiterConfig,$=void 0===Z?L:Z,ee=e.trackApiRateLimiterException,ne=I.default(e,R),re=t.useMemo((function(){return b.createDevCenterRouter(ne.history)}),[null===(n=ne.history)||void 0===n?void 0:n.location]),te=b.isCorvaApp(null==ne||null===(r=ne.app)||void 0===r?void 0:r.app)&&!b.isIsolationEnabledInPackageManifest(null==ne||null===(i=ne.app)||void 0===i?void 0:i.package)||!S,oe=te?g:l.IsolatedPage,ie=null===(a=ne.app)||void 0===a||null===(u=a.app)||void 0===u?void 0:u.app_key,ae=h.getAppVersion(ne.app),se="".concat(ie,"-").concat(ae),ue=t.useRef(),pe=t.useRef(),le=t.useRef(),de=t.useRef(!1),ce=t.useRef(!1),fe=b.isAppMaximized(w.default.parse(null===(p=ne.history)||void 0===p||null===(q=p.location)||void 0===q?void 0:q.search),ne.app.id),ve=t.useRef(fe);ve.current=fe;var Ce=t.useState(m.getUserUnits()),me=x.default(Ce,2),be=me[0],Ae=me[1];t.useEffect((function(){var e=m.subscribeForUserUnitsUpdates((function(e){return Ae(e)}));return function(){return e()}}),[]);var ge=t.useContext(v),he=C.default();function je(){D({appId:ne.app.id,isModeEnabled:!1}),document.body.classList.remove("dc-isolated-app__body-overflow",f.compensateScroll)}var qe=t.useCallback((function(e){var n,r,t,i,a,s=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(!S||te||ve.current&&!de.current||de.current===e){var u;s&&ce.current!==s&&(ce.current=s,null===(u=pe.current)||void 0===u||u.classList.add(f.containerMaximizedTransparentModal))}else{var p,c=e?"add":"remove";if(null===(n=pe.current)||void 0===n||n.classList[c](f.containerMaximizedTransparent),s||"remove"===c)null===(p=pe.current)||void 0===p||p.classList[c](f.containerMaximizedTransparentModal);ue.current=null===(r=pe.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=ue.current)||void 0===a?void 0:a.getElementById(d.ISOLATED_PAGE_APP_CONTAINER_ID);if(v){if(e){var C=le.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:ne.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&&f.compensateScroll)}else o.flushSync((function(){D({appId:ne.app.id,isModeEnabled:!1})})),v.setAttribute("style",""),document.body.classList.remove("dc-isolated-app__body-overflow",f.compensateScroll);de.current=e,ce.current=s}}}),[S,te,ve]);t.useEffect((function(){return je}),[]),t.useEffect((function(){fe&&de.current&&qe(!1)}),[fe]);var ye=c.useFullscreenModes({containerRef:le,appInstanceId:ne.app.id,isMaximized:fe}),xe=ye.isBrowserFullscreen,Ie=ye.enterBrowserFullscreen,Me=ye.exitBrowserFullscreen,we=ye.isSeparateWindow,Se=ye.openSeparateWindow,Re=ye.closeSeparateWindow,Pe=ye.setSeparateWindowTitle,Ee=t.useCallback((function(e){pe.current=e,N(e)}),[]);return A.jsx("div",{className:M.default("dc-isolated-app",f.fixedSizeContainer),ref:le,children:A.jsx("div",{ref:Ee,onMouseEnter:_,onMouseLeave:B,"data-testid":"".concat("DevCenter_AppContainer","_").concat(ne.app.app.name),className:M.default(f.container,j.isInsideNewMobileApp&&f.newMobileAppContainer,fe&&f.containerMaximized),children:A.jsx(oe,E(E({},ne),{},{isBrowserFullscreen:xe,enterBrowserFullscreen:Ie,exitBrowserFullscreen:Me,isSeparateWindow:we,openSeparateWindow:Se,closeSeparateWindow:Re,setSeparateWindowTitle:Pe,isNonIsolatedApp:te,appContextValue:ge,devCenterRouter:re,globalNotificationToastsAPI:window[Symbol.for("notificationToasts")],globalMixpanelEventTracker:window[Symbol.for("logToMixpanel")],onAppContainerClick:z,onAppRemove:V,onIsMaximizedChange:O,onSettingChange:J,onSettingsChange:Q,permissionsContextValue:he,setIsFullscreenModalMode:qe,userUnits:be,trackApiRateLimiterException:ee,updateCurrentDashboardAppLastAnnotation:Y,apiRateLimiterConfig:$}),se)})})}D.propTypes={app:S.default.shape({id:S.default.number,app:S.default.shape({name:S.default.string})}).isRequired,currentUser:S.default.shape({}).isRequired,isIsolationFeatureEnabled:S.default.bool,onAppContainerClick:S.default.func,onAppFullscreenTransparentMode:S.default.func,onAppRemove:S.default.func,onInnerContainerMouseEnter:S.default.func,onInnerContainerMouseLeave:S.default.func,onIsMaximizedChange:S.default.func,onSettingChange:S.default.func,onSettingsChange:S.default.func,setInnerContainerRefFn:S.default.func,updateCurrentDashboardAppLastAnnotation:S.default.func,apiRateLimiterConfig:S.default.object};var F=a.withRouter(D);exports.DevCenterIsolatedApp=F;
 //# 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';\nimport { useFullscreenModes } from './useFullscreenModes';\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  const {\n    isBrowserFullscreen,\n    enterBrowserFullscreen,\n    exitBrowserFullscreen,\n    isSeparateWindow,\n    openSeparateWindow,\n    closeSeparateWindow,\n    setSeparateWindowTitle,\n  } = useFullscreenModes({\n    containerRef: fixedSizeContainerRef,\n    appInstanceId: props.app.id,\n    isMaximized: isAppMaximized,\n  });\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          isBrowserFullscreen={isBrowserFullscreen}\n          enterBrowserFullscreen={enterBrowserFullscreen}\n          exitBrowserFullscreen={exitBrowserFullscreen}\n          isSeparateWindow={isSeparateWindow}\n          openSeparateWindow={openSeparateWindow}\n          closeSeparateWindow={closeSeparateWindow}\n          setSeparateWindowTitle={setSeparateWindowTitle}\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","_useFullscreenModes","useFullscreenModes","appInstanceId","isMaximized","isBrowserFullscreen","enterBrowserFullscreen","exitBrowserFullscreen","isSeparateWindow","openSeparateWindow","closeSeparateWindow","setSeparateWindowTitle","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":"+qFAqBA,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,KAAAA,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,KAEJ,IAAAiE,GAQIC,EAAAA,mBAAmB,CACrBtE,aAAcC,GACdsE,cAAe/F,GAAMW,IAAIqB,GACzBgE,YAAapE,KAVbqE,MAAAA,oBACAC,MAAAA,uBACAC,MAAAA,sBACAC,MAAAA,iBACAC,MAAAA,mBACAC,MAAAA,oBACAC,MAAAA,uBAWIC,GAAmB3C,eAAY,SAAA4C,GACnCjF,GAAaU,QAAUuE,EACvBtH,EAAuBsH,EACxB,GAAE,IAEH,OACEC,EAAAA,IAAA,MAAA,CACEC,UAAWC,EAAU,QAAC,kBAAmBlD,EAAOmD,oBAChDC,IAAKrF,GAAsBsF,SAE3BL,EAAAM,IAAA,MAAA,CACEF,IAAKN,GACLS,aAAcpI,EACdqI,aAAcnI,EACd,cAAgBoI,GAAAA,OA7NN,qCA6NmBnH,GAAMW,IAAIA,IAAIyG,MAC3CT,UAAWC,EAAAA,QACTlD,EAAO2D,UACPC,EAAAA,sBAAwB5D,EAAO6D,sBAC/B3F,IAAkB8B,EAAO8D,oBACzBT,SAEFL,EAAAA,IAAC7F,GAAc4G,EAAAA,EAAA,GAETzH,IAAK,GAAA,CACTiG,oBAAqBA,GACrBC,uBAAwBA,GACxBC,sBAAuBA,GACvBC,iBAAkBA,GAClBC,mBAAoBA,GACpBC,oBAAqBA,GACrBC,uBAAwBA,GACxB9F,iBAAkBA,GAClBqC,gBAAiBA,GACjB3C,gBAAiBA,GACjBuH,4BAA6BlC,OAAOmC,OAAOC,IAAI,uBAC/CC,2BAA4BrC,OAAOmC,OAAOC,IAAI,kBAC9C3I,oBAAqBA,EACrBI,YAAaA,EACbV,oBAAqBA,EACrBa,gBAAiBA,EACjBE,iBAAkBA,EAClBuD,wBAAyBA,GACzBW,yBAA0BA,GAC1BpB,UAAWA,GACXzC,6BAA8BA,GAC9BH,wCAAyCA,EACzCE,qBAAsBA,IAxBjBsB,OA6Bf,CAEAxD,EAA8BkK,UAAY,CACxCnH,IAAKoH,EAAS,QAACC,MAAM,CACnBhG,GAAI+F,EAAS,QAACE,OACdtH,IAAKoH,EAAS,QAACC,MAAM,CACnBZ,KAAMW,EAAS,QAACG,WAEjBC,WACHC,YAAaL,EAAS,QAACC,MAAM,CAAA,GAAIG,WACjC7J,0BAA2ByJ,EAAS,QAACM,KACrCpJ,oBAAqB8I,EAAS,QAACO,KAC/B9J,+BAAgCuJ,EAAS,QAACO,KAC1CjJ,YAAa0I,EAAS,QAACO,KACvBzJ,2BAA4BkJ,EAAS,QAACO,KACtCvJ,2BAA4BgJ,EAAS,QAACO,KACtC3J,oBAAqBoJ,EAAS,QAACO,KAC/B9I,gBAAiBuI,EAAS,QAACO,KAC3B5I,iBAAkBqI,EAAS,QAACO,KAC5BnJ,uBAAwB4I,EAAS,QAACO,KAClC1I,wCAAyCmI,EAAS,QAACO,KACnDxI,qBAAsBiI,EAAS,QAACQ,YAGrBC,EAAuBC,EAAUA,WAAC7K"}
+{"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';\nimport { useFullscreenModes } from './useFullscreenModes';\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  const {\n    isBrowserFullscreen,\n    enterBrowserFullscreen,\n    exitBrowserFullscreen,\n    isSeparateWindow,\n    openSeparateWindow,\n    closeSeparateWindow,\n    setSeparateWindowTitle,\n  } = useFullscreenModes({\n    containerRef: fixedSizeContainerRef,\n    appInstanceId: props.app.id,\n    isMaximized: isAppMaximized,\n  });\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          isBrowserFullscreen={isBrowserFullscreen}\n          enterBrowserFullscreen={enterBrowserFullscreen}\n          exitBrowserFullscreen={exitBrowserFullscreen}\n          isSeparateWindow={isSeparateWindow}\n          openSeparateWindow={openSeparateWindow}\n          closeSeparateWindow={closeSeparateWindow}\n          setSeparateWindowTitle={setSeparateWindowTitle}\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","_useFullscreenModes","useFullscreenModes","appInstanceId","isMaximized","isBrowserFullscreen","enterBrowserFullscreen","exitBrowserFullscreen","isSeparateWindow","openSeparateWindow","closeSeparateWindow","setSeparateWindowTitle","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":"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"}

package/cjs-bundle/components/DocumentViewer/DocumentViewer.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/defineProperty"),r=require("@babel/runtime/helpers/slicedToArray"),s=require("react"),i=require("prop-types"),o=require("classnames"),t=require("@material-ui/core"),n=require("@material-ui/icons/Close"),c=require("@material-ui/icons/GetApp"),u=require("./styles.js");require("../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider.js"),require("../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js"),require("../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js"),require("@babel/runtime/helpers/objectWithoutProperties"),require("lodash"),require("../Modal/CorvaModal.scss.js"),require("@icon-park/react/es/all");var a=require("react/jsx-runtime");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/InfoRounded.js"),require("../../icons/customIcons/icons/FlameFilled.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/PinOne.js"),require("../../icons/customIcons/icons/PinOneCrossed.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"),require("../../utils/mobileDetect.js"),require("../IconButton/index.js"),require("../../constants/goals.js"),require("../../constants/segment.js"),require("../../constants/alerts.js"),require("../../constants/apps.js"),require("../../constants/drillstring.js"),require("../../constants/completion.js"),require("../../constants/appPackages.js"),require("../../constants/notifications.js"),require("../../constants/feed.js"),require("../../constants/bha.js"),require("../../constants/corvaCompanyId.js"),require("../GradientManager/configuration/constants.js"),require("uuid"),require("../IconMenu/index.js"),require("../StyledMenuItem/index.js"),require("../AppIcon/AppIcon.js"),require("../DevCenter/AppHeader/AppHeader.js"),require("../DevCenter/AppSideBar/AppSideBar.js"),require("../DevCenter/AppsDataProvider/AppsDataProvider.js"),require("../DevCenter/AppContext.js"),require("../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js"),require("../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js"),require("react-router-dom"),require("query-string"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../UserMention/utils/index.js"),require("../../utils/convert.js"),require("moment"),require("../../utils/casing/validation.js"),require("lodash/mean"),require("../../constants/streamSourceType.js"),require("lodash/get"),require("file-saver"),require("../../utils/drillstring/conversion.js"),require("lodash/set"),require("lodash/cloneDeep"),require("@babel/runtime/helpers/toConsumableArray"),require("lodash/isNumber"),require("lodash/has"),require("../../utils/ga.js"),require("../../utils/goalsConfig/goalsConfig.js"),require("../../utils/lasParser.js"),require("../../utils/main.js"),require("../../utils/metrics/metricsConfig.js"),require("../../utils/feed.js"),require("../../utils/reports.js"),require("moment-timezone"),require("@babel/runtime/helpers/typeof"),require("../../utils/dashboardReports.js"),require("../../utils/env.js"),require("file-extension"),require("image-extensions"),require("video-extensions"),require("../../utils/jsonaDataFormatter.js"),require("../../utils/bha.js"),require("jsona"),require("../../clients/jsonApi/index.js"),require("../../utils/charts/Styles.scss.js"),require("../../utils/getSingleAsset.js"),require("@material-ui/icons"),require("../EmptyState/EmptyState.js"),require("../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js"),require("../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js"),require("../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/styles.js"),require("@material-ui/pickers"),require("@date-io/moment"),require("../../config/theme/index.js"),require("../../hocs/withAssetEditorLockHOC.js"),require("../ErrorBoundary/ErrorBoundary.js"),require("../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js"),require("../Button/components/Button/index.js"),require("../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js"),require("../Button/components/LiveButton/styles.js"),require("../AssetEditorV2/index.js"),require("../AppVersionsSelect/AppVersionsSelect.js"),require("../DisabledSettingsMessage/DisabledSettingsMessage.js"),require("../ConfirmationDialog.js"),require("../../permissions/PermissionsContext.js"),require("../../permissions/constants/index.js"),require("../../permissions/withPermissionsHOC.js"),require("../../permissions/ProvidePermissions.js"),require("../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.constants.js"),require("../Annotations/components/AnnotationsList/index.js"),require("../Annotations/components/LastAnnotation/index.js"),require("../Annotations/AnnotationsContext.js"),require("../../componentsV2/AppContainer/AppContainer.js"),require("../../componentsV2/AppContainer/AppContainer.constants.js"),require("../../componentsV2/Text/Text.js"),require("../../componentsV2/Header/Header.scss.js"),require("../../componentsV2/Tooltip/Tooltip.scss.js"),require("../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js"),require("../../componentsV2/AppCommonsProvider/AppCommonsContext.js"),require("../../componentsV2/AppHeader/AppHeader.constants.js"),require("../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js"),require("../../componentsV2/Chip/Chip.js"),require("../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js"),require("../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js"),require("../../componentsV2/AppHeader/AppAssets/utils.js"),require("../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js"),require("../PadModeSelect/PadModeSelect.js"),require("../../componentsV2/AppHeader/PadMode/PadMode.scss.js"),require("../../componentsV2/PadModeSelect/PadModeSelect.js"),require("../../componentsV2/PadModeSelect/PadModeSelect.constants.js"),require("../../componentsV2/AppCommonsProvider/AppCommonsProvider.js"),require("../../componentsV2/utils.js"),require("../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js"),require("../../componentsV2/UniversalLink/UniversalLink.scss.js"),require("../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js"),require("../../componentsV2/Button/Button.js"),require("../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js"),require("../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js"),require("../../componentsV2/Popover/Popover.js"),require("../../componentsV2/Accordion/Accordion.scss.js"),require("../../componentsV2/ButtonIcon/ButtonIcon.js"),require("../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js"),require("../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js"),require("../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js"),require("../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js"),require("../../componentsV2/AppDqPopover/AppDqPopover.scss.js"),require("../../componentsV2/Menu/Menu.js"),require("../../componentsV2/ModalWindow/ModalWindow.js"),require("../../componentsV2/Modal/Modal.scss.js"),require("../../componentsV2/LoaderLogo/LoaderLogo.constants.js"),require("../../componentsV2/LoaderLogo/LoaderLogo.scss.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js"),require("../../componentsV2/TextInput/TextInput.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/constants.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js"),require("../../componentsV2/ChipIndicator/ChipIndicator.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js"),require("querystring"),require("../../clients/subscriptions/subscriptions-client.factory.js"),require("../StatusBadge/constants.js"),require("lodash/unset"),require("../../clients/api/apiCore.js"),require("../../clients/constants.js"),require("../../clients/sso/auth0.js"),require("../../clients/sso/oauth2.js"),require("../../clients/api/rateLimiter.js"),require("lodash/isEmpty"),require("lodash/sortBy"),require("../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js"),require("../../componentsV2/AppPanel/AppPanelsContext.js"),require("../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js"),require("../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js"),require("../../componentsV2/AppHeader/V3/constants.scss.js"),require("../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js"),require("../../componentsV2/AppHeader/V3/Actions/Actions.constants.js"),require("../../componentsV2/AppHeader/V3/Actions/Actions.scss.js"),require("../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js"),require("../../componentsV2/AppHeader/AppHeader.scss.js"),require("../../componentsV2/EmptyState/EmptyState.scss.js"),require("../DevCenter/DevCenterAppContainer/components/DevCenterAppView/components/ChooseAssetButton.js"),require("../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.scss.js"),require("../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js"),require("../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchButton.scss.js"),require("../../componentsV2/Grid/Grid.js"),require("../../componentsV2/Grid/Cell.js"),require("../../componentsV2/PopoverPanel/PopoverPanel.js"),require("../../componentsV2/Radio/Radio.js"),require("../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js"),require("../../componentsV2/Checkbox/Checkbox.js"),require("../../componentsV2/TextInputNext/TextInputNext.js"),require("../../componentsV2/TextArea/TextArea.js"),require("../../componentsV2/Label/Label.js"),require("../../componentsV2/TextLink/TextLink.js"),require("../../componentsV2/ChipAlert/ChipAlert.js"),require("../../componentsV2/Avatar/Avatar.js"),require("../../componentsV2/AvatarGroup/AvatarGroup.js"),require("@material-ui/lab"),require("../../componentsV2/ToggleButtons/ToggleButtons.scss.js"),require("../../componentsV2/Paper/Paper.js"),require("../../componentsV2/Hint/Hint.scss.js"),require("../../componentsV2/Counter/Counter.js"),require("../../componentsV2/BadgeBase/BadgeBase.scss.js"),require("../../componentsV2/TemplatesControl/TemplatesControl.js"),require("zustand"),require("../../componentsV2/TemplatesControl/utils.js"),require("../../componentsV2/TemplatesControl/icons/folder/index.js"),require("../../componentsV2/TemplatesControl/Store/utils.js"),require("../../componentsV2/TemplatesControl/types.js"),require("../../componentsV2/BadgeDot/BadgeDot.scss.js"),require("../../componentsV2/LoaderLinear/LoaderLinear.scss.js"),require("../../componentsV2/Switch/Switch.js"),require("../../componentsV2/Tabs/Tabs.js"),require("../../componentsV2/FileIcon/FileIcon.js"),require("../../componentsV2/Tag/Tag.js"),require("react-dropzone"),require("../../componentsV2/FilesDropzone/FilesDropzone.scss.js"),require("../../componentsV2/FilesLoader/FilesLoader.scss.js"),require("../../componentsV2/FilesProcessor/FilesProcessor.scss.js"),require("../../componentsV2/Skeleton/Skeleton.scss.js"),require("../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js"),require("../../componentsV2/Stepper/Step/Step.scss.js"),require("../../componentsV2/Stepper/Stepper.scss.js"),require("../../componentsV2/ButtonLive/ButtonLive.js"),require("../../componentsV2/ButtonText/ButtonText.js"),require("../../componentsV2/IndicatorLive/IndicatorLive.js"),require("../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js"),require("../../componentsV2/BadgeComment/BadgeComment.js"),require("../../componentsV2/AppFooter/AppFooter.js"),require("../../componentsV2/OffsetWellsButton/OffsetWellsButton.js"),require("../../componentsV2/ChartAxisExtreme/ChartAxisExtreme.scss.js"),require("highcharts"),require("../../componentsV2/ChartAxisExtreme/ChartAxisExtremeDragTracker.js"),require("../../componentsV2/Autocomplete/Autocomplete.js"),require("../../componentsV2/Select/Select.js"),require("../../componentsV2/AppPanel/AppPanel.js"),require("../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js"),require("../../componentsV2/WellArchivedMessage/WellArchivedMessage.js"),require("../../componentsV2/DatePicker/DatePicker.js"),require("../../componentsV2/DragHandle/DragHandle.js"),require("../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js"),require("../../componentsV2/Slider/constants.js"),require("../../componentsV2/Slider/components/SliderThumb.js"),require("../../componentsV2/Slider/Slider.scss.js"),require("../../componentsV2/SliderAdvanced/SliderAdvanced.js"),require("react-color"),require("../../componentsV2/ColorPicker/Swatches/Swatches.scss.js"),require("../../componentsV2/ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js"),require("../../componentsV2/ColorPicker/ColorPicker.scss.js"),require("../../componentsV2/ChartHelper/ChartHelper.scss.js"),require("../../componentsV2/Hotkey/Hotkey.js"),require("@tanstack/react-query"),require("../../componentsV2/InterventionEventSelector/useInterventionUnitEvents.js"),require("../../componentsV2/InterventionEventSelector/InterventionEventSelector.scss.js"),require("../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.css.js"),require("../Icons/AnnotationIcon.js"),require("../HelpCenter/HelpCenterIcon.js"),require("../DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/RestoreAppSizeButton.css.js"),require("../DevCenter/DevCenterAppContainer/DevCenterAppContainer.scss.js"),require("../Toaster/Toaster.js"),require("../DevCenter/NavigationBar/NavigationBar.js"),require("../DevCenter/SideBar/SideBar.js"),require("../DevCenter/AppSettingsPopover/AppSettingsPopover.js"),require("../DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js"),require("../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js"),require("../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js"),require("../AssetEditor/index.js");var l=require("../LoadingIndicator/LoadingIndicator.js");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../Typography.js"),require("../RealTimeValuesSidebar/RealTimeSidebar.js"),require("../CollapsableSidebar.js"),require("../DateTimePicker/index.js"),require("../DatePicker/index.js"),require("../SlateFormattedText/SlateFormattedText.js"),require("../SlateFormattedText/RenderElements.js"),require("slate"),require("../ParameterCharts/ParameterCharts.js"),require("../ParameterCharts/AddEditTrack.js"),require("../ChartActionsList/ChartActionsList.js"),require("../CopyToClipboard/CopyToClipboard.js"),require("../AssetEditor/AssetEditorAutocomplete.js"),require("../AssetEditor/SingleAssetEditor.js"),require("../SettingEditors/ColorEditor/style.css.js"),require("../SettingEditors/DropdownEditor/index.js"),require("../SwitchControl/index.js"),require("../ColorPicker/ColorPicker.js"),require("../Chart/components/ChartButton.js"),require("../Chart/components/ChartButtons.js"),require("../Chart/components/ChartWrapper.js"),require("../Chart/components/AxisDropdown.js"),require("../Chart/components/ChartSelect.js"),require("../Chart/ChartWrapperContext.js"),require("../Chart/effects/useChartModifier.js"),require("../Chart/components/buttons/HideAxesButton.js"),require("../Chart/components/buttons/ChartTypeButton.js"),require("../ColorPicker/PaletteChromePicker/PaletteChromePicker.js"),require("../TruncatedText/index.js"),require("../MiddleTruncatedText/MiddleTruncatedText.js"),require("../RangeSlider/constants.js"),require("../RangeSlider/Input.css.js"),require("../RangeSlider/RangeSlider.css.js"),require("../AdvancedSlider/AdvancedSlider.js"),require("../Breadcrumbs/index.js"),require("../VirtualizedTable/index.js"),require("../EmptyView/EmptyView.js"),require("../EmptyView/EmptyAppView/EmptyAppView.js"),require("../ContextMenuItem/index.js"),require("../FolderMenuItem/index.js"),require("../EditableItem/EditableItem/index.js"),require("../EditableItem/EditableItemWithBadge/index.js"),require("../Checkbox/index.js"),require("../FolderMenuItemWithLinks/index.js"),require("../TextField/index.js"),require("../Chip/index.js"),require("../Counter/index.js"),require("../AnchorsList/AnchorsList.js"),require("../Select/index.js"),require("../Select/SelectFilterBy.js"),require("../CustomSelect/index.js"),require("../Tabs/Tabs.js"),require("../Tabs/Tab.js"),require("../ResizableTable/ResizableTable.js"),require("../GradientPicker/GradientPicker.js"),require("@babel/runtime/helpers/classCallCheck"),require("@babel/runtime/helpers/createClass"),require("../GradientManager/GradientPreview/GradientPreview.js"),require("../GradientManager/GradientSelect.scss.js"),require("../GradientManager/GradientManager.styles.js"),require("../Drillstring/BHASchematic.js"),require("../Drillstring/BHATable/index.js"),require("../Drillstring/BHAComponentIcon.js"),require("../Drillstring/BHAComponentDetail/index.js"),require("../Drillstring/BHATileIcon.js"),require("../Drillstring/BHATile/BHATile.js"),require("../Drillstring/BHAList/BHAList.js"),require("../Drillstring/BHAComponentsTable/BHAComponentsTable.js"),require("../Casing/CasingTable/index.js"),require("../Casing/CasingComponentIcon.js"),require("../Casing/CasingTileIcon.js"),require("../Casing/CasingTableV2/CasingTableV2.js"),require("../Casing/CasingTile/CasingTile.js"),require("../WellSummary/WellSummaryItemLabel.js"),require("../WellSummary/WellSummaryItemTitle.js"),require("../WellSummary/WellSummaryItemValue.js"),require("../WellSummary/ActivitySummaryChart.js"),require("../WellSummary/FracWirelineTimeChart.js"),require("../BICOffsetPickerDialog/index.js"),require("../OffsetWellButton/OffsetWellButton.js"),require("../OffsetWellPickerV2/OffsetWellPickerDialog.js"),require("../OffsetWellPickerV3/index.js"),require("../OffsetWellChips/Chip.js"),require("../OffsetWellChips/ChipsContainer.js"),require("../OffsetWellPickerV5/components/OffsetWellPickerV5WithStore/OffsetWellPickerV5WithStore.js"),require("mapbox-gl/dist/mapbox-gl.css"),require("@material-ui/icons/Info"),require("@material-ui/icons/Block"),require("../OffsetWellMap/WellTooltip.module.css.js"),require("../OffsetWellMap/OffsetWellMap.module.css.js"),require("../../config/mapboxGl/index.js"),require("../../config/mapbox/index.js"),require("react-dom"),require("@material-ui/core/Snackbar"),require("../Notifications/Toast.js"),require("../Notifications/Notifications.scss.js"),require("../TextLink/index.js"),require("../Avatar/index.js"),require("../Template/TemplatePopover/index.js"),require("../Template/TemplateSharingDialog/index.js"),require("../MenuItem/index.js"),require("../MiddleTruncate/MiddleTruncate.js"),require("../PinnableFilters/PinnableFilters.js"),require("../HeaderLayout/HeaderLayout.js"),require("../PadOffsetsPicker/PadOffsetsPicker.js"),require("../PadOffsetsPicker/OffsetAssetChip.js"),require("../PadOffsetsPicker/OffsetAssetsListExpander.js"),require("../PadOffsetsPicker/StagesSelector.js"),require("../PadOffsetsPickerV2/PadOffsetsPickerV2.js"),require("../Table/TableToolbar/TableToolbar.js"),require("../Table/TableContainer/TableContainer.js"),require("../Table/TableCell/TableCell.js"),require("../Table/TablePagination/TablePagination.js"),require("../Table/TablePaginationActions/TablePaginationActions.js"),require("../Tooltip/ScrollableTooltip.js"),require("../PriceInput/PriceInput.js"),require("../LabelsCounter/LabelsCounter.js"),require("../Stepper/Stepper.js"),require("../Stepper/Step/Step.js"),require("../Stepper/StepsWrapper.js"),require("../Comment/CommentIcon/index.js"),require("../FilesLoader/FilesLoader.js"),require("../../componentsV2/FileIcon/icons/ArchiveFileIcon.js"),require("../../componentsV2/FileIcon/icons/CSVFileIcon.js"),require("../../componentsV2/FileIcon/icons/DocFileIcon.js"),require("../../componentsV2/FileIcon/icons/EDMFileIcon.js"),require("../../componentsV2/FileIcon/icons/ExcelFileIcon.js"),require("../../componentsV2/FileIcon/icons/ImageFileIcon.js"),require("../../componentsV2/FileIcon/icons/JsonFileIcon.js"),require("../../componentsV2/FileIcon/icons/LasFileIcon.js"),require("../../componentsV2/FileIcon/icons/OtherFileIcon.js"),require("../../componentsV2/FileIcon/icons/PdfFileIcon.js"),require("../../componentsV2/FileIcon/icons/PowerPointFileIcon.js"),require("../../componentsV2/FileIcon/icons/TxtFileIcon.js"),require("../../componentsV2/FileIcon/icons/UnknownFileIcon.js"),require("../../componentsV2/FileIcon/icons/VideoFileIcon.js"),require("../../componentsV2/FileIcon/icons/XmlFileIcon.js"),require("../SearchInput/index.js"),require("../FeedItem/FeedItem.js"),require("../FeedItem/FeedItemEditProvider/FeedItemEditProvider.js"),require("../PostInput/PostInput.js"),require("../KeyboardDateTimePicker.js"),require("../AddComment/Popover.js"),require("../AddComment/Popup.js"),require("../StageDesignVActual/ComparisonBar/ComparisonBar.js"),require("../StageDesignVActual/ElementsComparison/ElementsComparison.js"),require("../StageDesignVActual/ComparisonHeader.js"),require("../StageDesignVActual/ComparisonRow.js"),require("../EmbeddedApp/DevCenterEmbeddedApp.js"),require("../EmbeddedApp/EmbeddedApp.js"),require("../Autocomplete/Autocomplete.js"),require("../ColorPickerPalette/ColorPickerPalette.js"),require("../Search/Search.js"),require("../Search/components/Listbox.js"),require("../Search/components/Paper.js"),require("../Search/components/RecentSearches.js"),require("../Search/components/Groups.js"),require("../Search/components/SelectAllListItem.js"),require("../StatusBadge/index.js"),require("../Attachment/index.js"),require("../EmojiIconButton.js"),require("../FileUploadIconButton.js"),require("../FilePreview/index.js"),require("../FailedFileUploading.js"),require("../UserMention/index.js"),require("../CommentsInfo/index.js"),require("../CommentInput/index.js"),require("../Comment/index.js"),require("../CommentLoader.js"),require("../AssetNameLabel/AssetStatusBadge.js"),require("../AssetEditorV2/components/PrimaryAssetSelect.js"),require("../AssetEditorV2/components/SecondaryAssetSelect.js"),require("../AssetEditorV2/components/SelectItem.js"),require("../AssetEditorV2/components/MultipleAssetsToggle.js"),require("../AssetEditorV2/components/PrimaryAssetSelectV2.js"),require("../EChartsWrapper/EChartsWrapper.js"),require("../AssetsMultipleSelector/AssetsMultipleSelector.js"),require("../GoogleDocsViewer/index.js"),require("../NewDocumentViewer/effects/useFileContent.js"),require("../NewDocumentViewer/styles.js"),require("../FilesLoaderV2/styles.js"),require("../FilesDropzone/styles.js"),require("../FilesProcessor/styles.js"),require("../Hint/styles.js"),require("@babel/runtime/helpers/taggedTemplateLiteral"),require("fparser"),require("../Formula/useFormulaStyles.js"),require("../Formula/RootXIcon.js"),require("../Formula/FormulaTextEditor.js"),require("../Formula/CloseSuggestion.js"),require("../Formula/SuggestionsMenu.js"),require("../CommentCard/CommentCard.js"),require("@material-ui/icons/AlternateEmail"),require("../AttachFileButton/AttachFileButton.scss.js"),require("../CommentInputNext/CommentInputNext.js"),require("../WellhubFilePicker/components/WellhubFileCard/WellhubFileCard.scss.js"),require("../WellhubFilePicker/components/WellhubFilePickerView/WellhubFilePickerView.scss.js"),require("react-s3-uploader/s3upload"),require("../CommentComposer/CommentMetaLine.scss.js"),require("../CommentComposer/ChatChannelSelector.scss.js"),require("../CommentComposer/ShareToChatRow.scss.js"),require("../CommentComposer/CommentComposer.scss.js"),require("../AttachmentPreview/AttachmentPreview.js"),require("../AttachmentPreview/AttachmentImage.js"),require("../AttachmentPreview/AttachmentPreview.scss.js"),require("../CommentPin/CommentPin.js"),require("../FeedCard/FeedCard.js"),require("../FeedItemCard/FeedItemCard.js"),require("../NewCommentCursor/NewCommentCursor.js"),require("../LinkedText/LinkedText.js"),require("../FeedItem/feedItemTypes/AlertFeedItem.js"),require("../FeedItem/feedItemTypes/PostFeedItem.js"),require("../FeedItem/feedItemTypes/GeosteeringFeedItem.js"),require("../FeedItem/feedItemTypes/DrillingOperationalNoteFeedItem.js"),require("../FeedItem/feedItemTypes/DrillingOperationSummaryFeedItem.js"),require("../FeedItem/feedItemTypes/DrillingDailyCostFeedItem.js"),require("../FeedItem/feedItemTypes/DocumentFeedItem.js"),require("../FeedItem/feedItemTypes/DrillerMemoFeedItem.js"),require("../FeedItem/feedItemTypes/NptFeedItem.js"),require("../FeedItem/feedItemTypes/SurveyStationFeedItem/index.js"),require("../FeedItem/feedItemTypes/LessonsLearnedFeedItem/index.js"),require("../FeedItem/feedItemTypes/TracesMemoFeedItem.js"),require("../FeedItem/feedItemTypes/DepthCommentFeedItem.js"),require("../FeedItem/feedItemTypes/CompletionOperationalNoteFeedItem.js"),require("../FeedItem/feedItemTypes/CompletionOperationSummaryFeedItem.js"),require("../FeedItem/feedItemTypes/CompletionDailyCostFeedItem.js"),require("../FeedItem/feedItemTypes/CompletionDocumentFeedItem.js"),require("../FeedItem/feedItemTypes/CompletionNptFeedItem.js"),require("../FeedItem/feedItemTypes/StageOverviewFeedItem/index.js"),require("../FeedItem/feedItemTypes/AppAnnotationFeedItem/index.js"),require("../FeedItem/feedItemTypes/WellPlanFeedItem/index.js"),require("../FeedItem/feedItemTypes/FluidReportFeedItem.js"),require("../FeedItem/feedItemTypes/BhaFeedItem/BhaFeedItem.js"),require("../FeedItem/feedItemTypes/DvDCommentFeedItem.js"),require("../FeedItem/feedItemTypes/PCCommentFeedItem.js"),require("../FeedItem/feedItemTypes/HookloadCommentFeedItem.js"),require("../FeedItem/feedItemTypes/NptLessonsCommentFeedItem.js"),require("../FeedItem/feedItemTypes/GenericDataCommentFeedItem.js");var m=p(e),q=p(r),d=p(i),j=p(o),C=p(n),I=p(c),A=function(e){var r=e.open,i=e.fileUrl,o=e.fileSize,n=e.fileName,c=e.webviewType,p=void 0===c?"google":c,d=e.onClose,A=s.useState(!0),V=q.default(A,2),S=V[0],h=V[1],F=s.useState(!1),v=q.default(F,2),T=v[0],g=v[1],f=s.createRef(null),D=s.createRef(null),x=u.useStyles(),P=s.useCallback((function(){return"office"===p?"https://view.officeapps.live.com/op/embed.aspx?src=".concat(window.encodeURIComponent(i)):"https://docs.google.com/viewer?url=".concat(encodeURIComponent(i),"&embedded=true")}),[i]),b=function(){D.current&&(D.current.src=P(),D.current.contentWindow.location.reload())},y=function(){f.current&&clearInterval(f.current),h(!1)};return s.useEffect((function(){h(!0),g(!1);var e=o&&o>=1048576?o/1048576*1e4:1e4;return f&&r&&(clearInterval(f.current),f.current=setInterval(b,e)),function(){clearInterval(f.current)}}),[i,r]),a.jsx(t.Modal,{open:r,onClose:d,onContextMenu:function(e){return e.stopPropagation()},children:a.jsxs("div",{className:x.cDocsViewer,children:[a.jsxs("div",{className:x.cDocsViewerToolbar,children:[a.jsx(t.Typography,{children:n}),a.jsxs("div",{children:[a.jsx(t.IconButton,{size:"small",className:x.cDocsViewerToolbarIconButton,children:a.jsx("a",{download:!0,href:i,target:"_blank",rel:"noopener noreferrer",children:a.jsx(I.default,{fontSize:"small"})})}),a.jsx(t.IconButton,{size:"small",onClick:d,className:x.cDocsViewerToolbarIconButton,children:a.jsx(C.default,{fontSize:"small"})})]})]}),S&&a.jsx("div",{className:x.cDocsViewerFrame,children:a.jsx(l,{white:!1})}),T?a.jsx("div",{className:x.cDocsViewerFrame,children:a.jsx(t.Typography,{variant:"body2",className:x.cDocsViewerFrameFailed,children:"Loading failed"})}):a.jsx("iframe",{className:j.default(x.cDocsViewerFrame,m.default({},x.cDocsViewerFrameHidden,S)),title:i,src:P(),onLoad:y,onError:function(){y(),g(!0)},ref:D})]})})};A.propTypes={open:d.default.bool.isRequired,fileUrl:d.default.string.isRequired,webviewType:d.default.oneOf(["google","office"]),fileName:d.default.string,fileSize:d.default.number,onClose:d.default.func.isRequired,classes:d.default.shape({}).isRequired},module.exports=A;
+"use strict";var e=require("@babel/runtime/helpers/defineProperty"),r=require("@babel/runtime/helpers/slicedToArray"),s=require("react"),i=require("prop-types"),o=require("classnames"),t=require("@material-ui/core"),n=require("@material-ui/icons/Close"),c=require("@material-ui/icons/GetApp"),u=require("./styles.js");require("../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider.js"),require("../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js"),require("../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js"),require("@babel/runtime/helpers/objectWithoutProperties"),require("lodash"),require("../Modal/CorvaModal.scss.js"),require("@icon-park/react/es/all");var a=require("react/jsx-runtime");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/InfoRounded.js"),require("../../icons/customIcons/icons/FlameFilled.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/PinOne.js"),require("../../icons/customIcons/icons/PinOneCrossed.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"),require("../../utils/mobileDetect.js"),require("../IconButton/index.js"),require("../../constants/goals.js"),require("../../constants/segment.js"),require("../../constants/alerts.js"),require("../../constants/apps.js"),require("../../constants/drillstring.js"),require("../../constants/completion.js"),require("../../constants/appPackages.js"),require("../../constants/notifications.js"),require("../../constants/feed.js"),require("../../constants/bha.js"),require("../../constants/corvaCompanyId.js"),require("../GradientManager/configuration/constants.js"),require("uuid"),require("../IconMenu/index.js"),require("../StyledMenuItem/index.js"),require("../AppIcon/AppIcon.js"),require("../DevCenter/AppHeader/AppHeader.js"),require("../DevCenter/AppSideBar/AppSideBar.js"),require("../DevCenter/AppContext.js"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../DevCenter/AppsDataProvider/effects/utils.js"),require("@babel/runtime/helpers/toConsumableArray"),require("query-string"),require("../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js"),require("../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js"),require("react-router-dom"),require("../UserMention/utils/index.js"),require("../../utils/convert.js"),require("moment"),require("../../utils/casing/validation.js"),require("lodash/mean"),require("../../constants/streamSourceType.js"),require("lodash/get"),require("file-saver"),require("../../utils/drillstring/conversion.js"),require("lodash/set"),require("lodash/cloneDeep"),require("lodash/isNumber"),require("lodash/has"),require("../../utils/ga.js"),require("../../utils/goalsConfig/goalsConfig.js"),require("../../utils/lasParser.js"),require("../../utils/main.js"),require("../../utils/metrics/metricsConfig.js"),require("../../utils/feed.js"),require("../../utils/reports.js"),require("moment-timezone"),require("@babel/runtime/helpers/typeof"),require("../../utils/dashboardReports.js"),require("../../utils/env.js"),require("file-extension"),require("image-extensions"),require("video-extensions"),require("../../utils/jsonaDataFormatter.js"),require("../../utils/bha.js"),require("jsona"),require("../../clients/jsonApi/index.js"),require("../../utils/charts/Styles.scss.js"),require("../../utils/getSingleAsset.js"),require("@material-ui/icons"),require("../EmptyState/EmptyState.js"),require("../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js"),require("../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js"),require("../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/styles.js"),require("@material-ui/pickers"),require("@date-io/moment"),require("../../config/theme/index.js"),require("../../hocs/withAssetEditorLockHOC.js"),require("../ErrorBoundary/ErrorBoundary.js"),require("../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js"),require("../Button/components/Button/index.js"),require("../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js"),require("../Button/components/LiveButton/styles.js"),require("../AssetEditorV2/index.js"),require("../AppVersionsSelect/AppVersionsSelect.js"),require("../DisabledSettingsMessage/DisabledSettingsMessage.js"),require("../ConfirmationDialog.js"),require("../../permissions/PermissionsContext.js"),require("../../permissions/constants/index.js"),require("../../permissions/withPermissionsHOC.js"),require("../../permissions/ProvidePermissions.js"),require("../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.constants.js"),require("../Annotations/components/AnnotationsList/index.js"),require("../Annotations/components/LastAnnotation/index.js"),require("../Annotations/AnnotationsContext.js"),require("../../componentsV2/AppContainer/AppContainer.js"),require("../../componentsV2/AppContainer/AppContainer.constants.js"),require("../../componentsV2/Text/Text.js"),require("../../componentsV2/Header/Header.scss.js"),require("../../componentsV2/Tooltip/Tooltip.scss.js"),require("../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js"),require("../../componentsV2/AppCommonsProvider/AppCommonsContext.js"),require("../../componentsV2/AppHeader/AppHeader.constants.js"),require("../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js"),require("../../componentsV2/Chip/Chip.js"),require("../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js"),require("../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js"),require("../../componentsV2/AppHeader/AppAssets/utils.js"),require("../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js"),require("../PadModeSelect/PadModeSelect.js"),require("../../componentsV2/AppHeader/PadMode/PadMode.scss.js"),require("../../componentsV2/PadModeSelect/PadModeSelect.js"),require("../../componentsV2/PadModeSelect/PadModeSelect.constants.js"),require("../../componentsV2/AppCommonsProvider/AppCommonsProvider.js"),require("../../componentsV2/utils.js"),require("../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js"),require("../../componentsV2/UniversalLink/UniversalLink.scss.js"),require("../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js"),require("../../componentsV2/Button/Button.js"),require("../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js"),require("../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js"),require("../../componentsV2/Popover/Popover.js"),require("../../componentsV2/Accordion/Accordion.scss.js"),require("../../componentsV2/ButtonIcon/ButtonIcon.js"),require("../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js"),require("../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js"),require("../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js"),require("../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js"),require("../../componentsV2/AppDqPopover/AppDqPopover.scss.js"),require("../../componentsV2/Menu/Menu.js"),require("../../componentsV2/ModalWindow/ModalWindow.js"),require("../../componentsV2/Modal/Modal.scss.js"),require("../../componentsV2/LoaderLogo/LoaderLogo.constants.js"),require("../../componentsV2/LoaderLogo/LoaderLogo.scss.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js"),require("../../componentsV2/TextInput/TextInput.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/constants.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js"),require("../../componentsV2/ChipIndicator/ChipIndicator.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js"),require("querystring"),require("../../clients/subscriptions/subscriptions-client.factory.js"),require("../StatusBadge/constants.js"),require("lodash/unset"),require("../../clients/api/apiCore.js"),require("../../clients/constants.js"),require("../../clients/sso/auth0.js"),require("../../clients/sso/oauth2.js"),require("../../clients/api/rateLimiter.js"),require("lodash/isEmpty"),require("lodash/sortBy"),require("../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js"),require("../../componentsV2/AppPanel/AppPanelsContext.js"),require("../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js"),require("../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js"),require("../../componentsV2/AppHeader/V3/constants.scss.js"),require("../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js"),require("../../componentsV2/AppHeader/V3/Actions/Actions.constants.js"),require("../../componentsV2/AppHeader/V3/Actions/Actions.scss.js"),require("../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js"),require("../../componentsV2/AppHeader/AppHeader.scss.js"),require("../../componentsV2/EmptyState/EmptyState.scss.js"),require("../DevCenter/DevCenterAppContainer/components/DevCenterAppView/components/ChooseAssetButton.js"),require("../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.scss.js"),require("../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js"),require("../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchButton.scss.js"),require("../../componentsV2/Grid/Grid.js"),require("../../componentsV2/Grid/Cell.js"),require("../../componentsV2/PopoverPanel/PopoverPanel.js"),require("../../componentsV2/Radio/Radio.js"),require("../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js"),require("../../componentsV2/Checkbox/Checkbox.js"),require("../../componentsV2/TextInputNext/TextInputNext.js"),require("../../componentsV2/TextArea/TextArea.js"),require("../../componentsV2/Label/Label.js"),require("../../componentsV2/TextLink/TextLink.js"),require("../../componentsV2/ChipAlert/ChipAlert.js"),require("../../componentsV2/Avatar/Avatar.js"),require("../../componentsV2/AvatarGroup/AvatarGroup.js"),require("@material-ui/lab"),require("../../componentsV2/ToggleButtons/ToggleButtons.scss.js"),require("../../componentsV2/Paper/Paper.js"),require("../../componentsV2/Hint/Hint.scss.js"),require("../../componentsV2/Counter/Counter.js"),require("../../componentsV2/BadgeBase/BadgeBase.scss.js"),require("../../componentsV2/TemplatesControl/TemplatesControl.js"),require("zustand"),require("../../componentsV2/TemplatesControl/utils.js"),require("../../componentsV2/TemplatesControl/icons/folder/index.js"),require("../../componentsV2/TemplatesControl/Store/utils.js"),require("../../componentsV2/TemplatesControl/types.js"),require("../../componentsV2/BadgeDot/BadgeDot.scss.js"),require("../../componentsV2/LoaderLinear/LoaderLinear.scss.js"),require("../../componentsV2/Switch/Switch.js"),require("../../componentsV2/Tabs/Tabs.js"),require("../../componentsV2/FileIcon/FileIcon.js"),require("../../componentsV2/Tag/Tag.js"),require("react-dropzone"),require("../../componentsV2/FilesDropzone/FilesDropzone.scss.js"),require("../../componentsV2/FilesLoader/FilesLoader.scss.js"),require("../../componentsV2/FilesProcessor/FilesProcessor.scss.js"),require("../../componentsV2/Skeleton/Skeleton.scss.js"),require("../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js"),require("../../componentsV2/Stepper/Step/Step.scss.js"),require("../../componentsV2/Stepper/Stepper.scss.js"),require("../../componentsV2/ButtonLive/ButtonLive.js"),require("../../componentsV2/ButtonText/ButtonText.js"),require("../../componentsV2/IndicatorLive/IndicatorLive.js"),require("../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js"),require("../../componentsV2/BadgeComment/BadgeComment.js"),require("../../componentsV2/AppFooter/AppFooter.js"),require("../../componentsV2/OffsetWellsButton/OffsetWellsButton.js"),require("../../componentsV2/ChartAxisExtreme/ChartAxisExtreme.scss.js"),require("highcharts"),require("../../componentsV2/ChartAxisExtreme/ChartAxisExtremeDragTracker.js"),require("../../componentsV2/Autocomplete/Autocomplete.js"),require("../../componentsV2/Select/Select.js"),require("../../componentsV2/AppPanel/AppPanel.js"),require("../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js"),require("../../componentsV2/WellArchivedMessage/WellArchivedMessage.js"),require("../../componentsV2/DatePicker/DatePicker.js"),require("../../componentsV2/DragHandle/DragHandle.js"),require("../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js"),require("../../componentsV2/Slider/constants.js"),require("../../componentsV2/Slider/components/SliderThumb.js"),require("../../componentsV2/Slider/Slider.scss.js"),require("../../componentsV2/SliderAdvanced/SliderAdvanced.js"),require("react-color"),require("../../componentsV2/ColorPicker/Swatches/Swatches.scss.js"),require("../../componentsV2/ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js"),require("../../componentsV2/ColorPicker/ColorPicker.scss.js"),require("../../componentsV2/ChartHelper/ChartHelper.scss.js"),require("../../componentsV2/Hotkey/Hotkey.js"),require("@tanstack/react-query"),require("../../componentsV2/InterventionEventSelector/useInterventionUnitEvents.js"),require("../../componentsV2/InterventionEventSelector/InterventionEventSelector.scss.js"),require("../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.css.js"),require("../Icons/AnnotationIcon.js"),require("../HelpCenter/HelpCenterIcon.js"),require("../DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/RestoreAppSizeButton.css.js"),require("../DevCenter/DevCenterAppContainer/DevCenterAppContainer.scss.js"),require("../Toaster/Toaster.js"),require("../DevCenter/NavigationBar/NavigationBar.js"),require("../DevCenter/SideBar/SideBar.js"),require("../DevCenter/AppSettingsPopover/AppSettingsPopover.js"),require("../DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js"),require("../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js"),require("../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js"),require("../AssetEditor/index.js");var l=require("../LoadingIndicator/LoadingIndicator.js");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../Typography.js"),require("../RealTimeValuesSidebar/RealTimeSidebar.js"),require("../CollapsableSidebar.js"),require("../DateTimePicker/index.js"),require("../DatePicker/index.js"),require("../SlateFormattedText/SlateFormattedText.js"),require("../SlateFormattedText/RenderElements.js"),require("slate"),require("../ParameterCharts/ParameterCharts.js"),require("../ParameterCharts/AddEditTrack.js"),require("../ChartActionsList/ChartActionsList.js"),require("../CopyToClipboard/CopyToClipboard.js"),require("../AssetEditor/AssetEditorAutocomplete.js"),require("../AssetEditor/SingleAssetEditor.js"),require("../SettingEditors/ColorEditor/style.css.js"),require("../SettingEditors/DropdownEditor/index.js"),require("../SwitchControl/index.js"),require("../ColorPicker/ColorPicker.js"),require("../Chart/components/ChartButton.js"),require("../Chart/components/ChartButtons.js"),require("../Chart/components/ChartWrapper.js"),require("../Chart/components/AxisDropdown.js"),require("../Chart/components/ChartSelect.js"),require("../Chart/ChartWrapperContext.js"),require("../Chart/effects/useChartModifier.js"),require("../Chart/components/buttons/HideAxesButton.js"),require("../Chart/components/buttons/ChartTypeButton.js"),require("../ColorPicker/PaletteChromePicker/PaletteChromePicker.js"),require("../TruncatedText/index.js"),require("../MiddleTruncatedText/MiddleTruncatedText.js"),require("../RangeSlider/constants.js"),require("../RangeSlider/Input.css.js"),require("../RangeSlider/RangeSlider.css.js"),require("../AdvancedSlider/AdvancedSlider.js"),require("../Breadcrumbs/index.js"),require("../VirtualizedTable/index.js"),require("../EmptyView/EmptyView.js"),require("../EmptyView/EmptyAppView/EmptyAppView.js"),require("../ContextMenuItem/index.js"),require("../FolderMenuItem/index.js"),require("../EditableItem/EditableItem/index.js"),require("../EditableItem/EditableItemWithBadge/index.js"),require("../Checkbox/index.js"),require("../FolderMenuItemWithLinks/index.js"),require("../TextField/index.js"),require("../Chip/index.js"),require("../Counter/index.js"),require("../AnchorsList/AnchorsList.js"),require("../Select/index.js"),require("../Select/SelectFilterBy.js"),require("../CustomSelect/index.js"),require("../Tabs/Tabs.js"),require("../Tabs/Tab.js"),require("../ResizableTable/ResizableTable.js"),require("../GradientPicker/GradientPicker.js"),require("@babel/runtime/helpers/classCallCheck"),require("@babel/runtime/helpers/createClass"),require("../GradientManager/GradientPreview/GradientPreview.js"),require("../GradientManager/GradientSelect.scss.js"),require("../GradientManager/GradientManager.styles.js"),require("../Drillstring/BHASchematic.js"),require("../Drillstring/BHATable/index.js"),require("../Drillstring/BHAComponentIcon.js"),require("../Drillstring/BHAComponentDetail/index.js"),require("../Drillstring/BHATileIcon.js"),require("../Drillstring/BHATile/BHATile.js"),require("../Drillstring/BHAList/BHAList.js"),require("../Drillstring/BHAComponentsTable/BHAComponentsTable.js"),require("../Casing/CasingTable/index.js"),require("../Casing/CasingComponentIcon.js"),require("../Casing/CasingTileIcon.js"),require("../Casing/CasingTableV2/CasingTableV2.js"),require("../Casing/CasingTile/CasingTile.js"),require("../WellSummary/WellSummaryItemLabel.js"),require("../WellSummary/WellSummaryItemTitle.js"),require("../WellSummary/WellSummaryItemValue.js"),require("../WellSummary/ActivitySummaryChart.js"),require("../WellSummary/FracWirelineTimeChart.js"),require("../BICOffsetPickerDialog/index.js"),require("../OffsetWellButton/OffsetWellButton.js"),require("../OffsetWellPickerV2/OffsetWellPickerDialog.js"),require("../OffsetWellPickerV3/index.js"),require("../OffsetWellChips/Chip.js"),require("../OffsetWellChips/ChipsContainer.js"),require("../OffsetWellPickerV5/components/OffsetWellPickerV5WithStore/OffsetWellPickerV5WithStore.js"),require("mapbox-gl/dist/mapbox-gl.css"),require("@material-ui/icons/Info"),require("@material-ui/icons/Block"),require("../OffsetWellMap/WellTooltip.module.css.js"),require("../OffsetWellMap/OffsetWellMap.module.css.js"),require("../../config/mapboxGl/index.js"),require("../../config/mapbox/index.js"),require("react-dom"),require("@material-ui/core/Snackbar"),require("../Notifications/Toast.js"),require("../Notifications/Notifications.scss.js"),require("../TextLink/index.js"),require("../Avatar/index.js"),require("../Template/TemplatePopover/index.js"),require("../Template/TemplateSharingDialog/index.js"),require("../MenuItem/index.js"),require("../MiddleTruncate/MiddleTruncate.js"),require("../PinnableFilters/PinnableFilters.js"),require("../HeaderLayout/HeaderLayout.js"),require("../PadOffsetsPicker/PadOffsetsPicker.js"),require("../PadOffsetsPicker/OffsetAssetChip.js"),require("../PadOffsetsPicker/OffsetAssetsListExpander.js"),require("../PadOffsetsPicker/StagesSelector.js"),require("../PadOffsetsPickerV2/PadOffsetsPickerV2.js"),require("../Table/TableToolbar/TableToolbar.js"),require("../Table/TableContainer/TableContainer.js"),require("../Table/TableCell/TableCell.js"),require("../Table/TablePagination/TablePagination.js"),require("../Table/TablePaginationActions/TablePaginationActions.js"),require("../Tooltip/ScrollableTooltip.js"),require("../PriceInput/PriceInput.js"),require("../LabelsCounter/LabelsCounter.js"),require("../Stepper/Stepper.js"),require("../Stepper/Step/Step.js"),require("../Stepper/StepsWrapper.js"),require("../Comment/CommentIcon/index.js"),require("../FilesLoader/FilesLoader.js"),require("../../componentsV2/FileIcon/icons/ArchiveFileIcon.js"),require("../../componentsV2/FileIcon/icons/CSVFileIcon.js"),require("../../componentsV2/FileIcon/icons/DocFileIcon.js"),require("../../componentsV2/FileIcon/icons/EDMFileIcon.js"),require("../../componentsV2/FileIcon/icons/ExcelFileIcon.js"),require("../../componentsV2/FileIcon/icons/ImageFileIcon.js"),require("../../componentsV2/FileIcon/icons/JsonFileIcon.js"),require("../../componentsV2/FileIcon/icons/LasFileIcon.js"),require("../../componentsV2/FileIcon/icons/OtherFileIcon.js"),require("../../componentsV2/FileIcon/icons/PdfFileIcon.js"),require("../../componentsV2/FileIcon/icons/PowerPointFileIcon.js"),require("../../componentsV2/FileIcon/icons/TxtFileIcon.js"),require("../../componentsV2/FileIcon/icons/UnknownFileIcon.js"),require("../../componentsV2/FileIcon/icons/VideoFileIcon.js"),require("../../componentsV2/FileIcon/icons/XmlFileIcon.js"),require("../SearchInput/index.js"),require("../FeedItem/FeedItem.js"),require("../FeedItem/FeedItemEditProvider/FeedItemEditProvider.js"),require("../PostInput/PostInput.js"),require("../KeyboardDateTimePicker.js"),require("../AddComment/Popover.js"),require("../AddComment/Popup.js"),require("../StageDesignVActual/ComparisonBar/ComparisonBar.js"),require("../StageDesignVActual/ElementsComparison/ElementsComparison.js"),require("../StageDesignVActual/ComparisonHeader.js"),require("../StageDesignVActual/ComparisonRow.js"),require("../EmbeddedApp/DevCenterEmbeddedApp.js"),require("../EmbeddedApp/EmbeddedApp.js"),require("../Autocomplete/Autocomplete.js"),require("../ColorPickerPalette/ColorPickerPalette.js"),require("../Search/Search.js"),require("../Search/components/Listbox.js"),require("../Search/components/Paper.js"),require("../Search/components/RecentSearches.js"),require("../Search/components/Groups.js"),require("../Search/components/SelectAllListItem.js"),require("../StatusBadge/index.js"),require("../Attachment/index.js"),require("../EmojiIconButton.js"),require("../FileUploadIconButton.js"),require("../FilePreview/index.js"),require("../FailedFileUploading.js"),require("../UserMention/index.js"),require("../CommentsInfo/index.js"),require("../CommentInput/index.js"),require("../Comment/index.js"),require("../CommentLoader.js"),require("../AssetNameLabel/AssetStatusBadge.js"),require("../AssetEditorV2/components/PrimaryAssetSelect.js"),require("../AssetEditorV2/components/SecondaryAssetSelect.js"),require("../AssetEditorV2/components/SelectItem.js"),require("../AssetEditorV2/components/MultipleAssetsToggle.js"),require("../AssetEditorV2/components/PrimaryAssetSelectV2.js"),require("../EChartsWrapper/EChartsWrapper.js"),require("../AssetsMultipleSelector/AssetsMultipleSelector.js"),require("../GoogleDocsViewer/index.js"),require("../NewDocumentViewer/effects/useFileContent.js"),require("../NewDocumentViewer/styles.js"),require("../FilesLoaderV2/styles.js"),require("../FilesDropzone/styles.js"),require("../FilesProcessor/styles.js"),require("../Hint/styles.js"),require("@babel/runtime/helpers/taggedTemplateLiteral"),require("fparser"),require("../Formula/useFormulaStyles.js"),require("../Formula/RootXIcon.js"),require("../Formula/FormulaTextEditor.js"),require("../Formula/CloseSuggestion.js"),require("../Formula/SuggestionsMenu.js"),require("../CommentCard/CommentCard.js"),require("@material-ui/icons/AlternateEmail"),require("../AttachFileButton/AttachFileButton.scss.js"),require("../CommentInputNext/CommentInputNext.js"),require("../WellhubFilePicker/components/WellhubFileCard/WellhubFileCard.scss.js"),require("../WellhubFilePicker/components/WellhubFilePickerView/WellhubFilePickerView.scss.js"),require("react-s3-uploader/s3upload"),require("../CommentComposer/CommentMetaLine.scss.js"),require("../CommentComposer/ChatChannelSelector.scss.js"),require("../CommentComposer/ShareToChatRow.scss.js"),require("../CommentComposer/CommentComposer.scss.js"),require("../AttachmentPreview/AttachmentPreview.js"),require("../AttachmentPreview/AttachmentImage.js"),require("../AttachmentPreview/AttachmentPreview.scss.js"),require("../CommentPin/CommentPin.js"),require("../FeedCard/FeedCard.js"),require("../FeedItemCard/FeedItemCard.js"),require("../NewCommentCursor/NewCommentCursor.js"),require("../LinkedText/LinkedText.js"),require("../FeedItem/feedItemTypes/AlertFeedItem.js"),require("../FeedItem/feedItemTypes/PostFeedItem.js"),require("../FeedItem/feedItemTypes/GeosteeringFeedItem.js"),require("../FeedItem/feedItemTypes/DrillingOperationalNoteFeedItem.js"),require("../FeedItem/feedItemTypes/DrillingOperationSummaryFeedItem.js"),require("../FeedItem/feedItemTypes/DrillingDailyCostFeedItem.js"),require("../FeedItem/feedItemTypes/DocumentFeedItem.js"),require("../FeedItem/feedItemTypes/DrillerMemoFeedItem.js"),require("../FeedItem/feedItemTypes/NptFeedItem.js"),require("../FeedItem/feedItemTypes/SurveyStationFeedItem/index.js"),require("../FeedItem/feedItemTypes/LessonsLearnedFeedItem/index.js"),require("../FeedItem/feedItemTypes/TracesMemoFeedItem.js"),require("../FeedItem/feedItemTypes/DepthCommentFeedItem.js"),require("../FeedItem/feedItemTypes/CompletionOperationalNoteFeedItem.js"),require("../FeedItem/feedItemTypes/CompletionOperationSummaryFeedItem.js"),require("../FeedItem/feedItemTypes/CompletionDailyCostFeedItem.js"),require("../FeedItem/feedItemTypes/CompletionDocumentFeedItem.js"),require("../FeedItem/feedItemTypes/CompletionNptFeedItem.js"),require("../FeedItem/feedItemTypes/StageOverviewFeedItem/index.js"),require("../FeedItem/feedItemTypes/AppAnnotationFeedItem/index.js"),require("../FeedItem/feedItemTypes/WellPlanFeedItem/index.js"),require("../FeedItem/feedItemTypes/FluidReportFeedItem.js"),require("../FeedItem/feedItemTypes/BhaFeedItem/BhaFeedItem.js"),require("../FeedItem/feedItemTypes/DvDCommentFeedItem.js"),require("../FeedItem/feedItemTypes/PCCommentFeedItem.js"),require("../FeedItem/feedItemTypes/HookloadCommentFeedItem.js"),require("../FeedItem/feedItemTypes/NptLessonsCommentFeedItem.js"),require("../FeedItem/feedItemTypes/GenericDataCommentFeedItem.js");var m=p(e),q=p(r),d=p(i),j=p(o),C=p(n),I=p(c),A=function(e){var r=e.open,i=e.fileUrl,o=e.fileSize,n=e.fileName,c=e.webviewType,p=void 0===c?"google":c,d=e.onClose,A=s.useState(!0),V=q.default(A,2),S=V[0],h=V[1],F=s.useState(!1),T=q.default(F,2),v=T[0],g=T[1],f=s.createRef(null),D=s.createRef(null),x=u.useStyles(),P=s.useCallback((function(){return"office"===p?"https://view.officeapps.live.com/op/embed.aspx?src=".concat(window.encodeURIComponent(i)):"https://docs.google.com/viewer?url=".concat(encodeURIComponent(i),"&embedded=true")}),[i]),b=function(){D.current&&(D.current.src=P(),D.current.contentWindow.location.reload())},y=function(){f.current&&clearInterval(f.current),h(!1)};return s.useEffect((function(){h(!0),g(!1);var e=o&&o>=1048576?o/1048576*1e4:1e4;return f&&r&&(clearInterval(f.current),f.current=setInterval(b,e)),function(){clearInterval(f.current)}}),[i,r]),a.jsx(t.Modal,{open:r,onClose:d,onContextMenu:function(e){return e.stopPropagation()},children:a.jsxs("div",{className:x.cDocsViewer,children:[a.jsxs("div",{className:x.cDocsViewerToolbar,children:[a.jsx(t.Typography,{children:n}),a.jsxs("div",{children:[a.jsx(t.IconButton,{size:"small",className:x.cDocsViewerToolbarIconButton,children:a.jsx("a",{download:!0,href:i,target:"_blank",rel:"noopener noreferrer",children:a.jsx(I.default,{fontSize:"small"})})}),a.jsx(t.IconButton,{size:"small",onClick:d,className:x.cDocsViewerToolbarIconButton,children:a.jsx(C.default,{fontSize:"small"})})]})]}),S&&a.jsx("div",{className:x.cDocsViewerFrame,children:a.jsx(l,{white:!1})}),v?a.jsx("div",{className:x.cDocsViewerFrame,children:a.jsx(t.Typography,{variant:"body2",className:x.cDocsViewerFrameFailed,children:"Loading failed"})}):a.jsx("iframe",{className:j.default(x.cDocsViewerFrame,m.default({},x.cDocsViewerFrameHidden,S)),title:i,src:P(),onLoad:y,onError:function(){y(),g(!0)},ref:D})]})})};A.propTypes={open:d.default.bool.isRequired,fileUrl:d.default.string.isRequired,webviewType:d.default.oneOf(["google","office"]),fileName:d.default.string,fileSize:d.default.number,onClose:d.default.func.isRequired,classes:d.default.shape({}).isRequired},module.exports=A;
 //# sourceMappingURL=DocumentViewer.js.map

package/cjs-bundle/components/DocumentViewer/DocumentViewer.js.map

@@ -1 +1 @@
-{"version":3,"file":"DocumentViewer.js","sources":["../../../../src/components/DocumentViewer/DocumentViewer.js"],"sourcesContent":["import { createRef, useCallback, useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { Typography, Modal, IconButton } from '@material-ui/core';\nimport CloseIcon from '@material-ui/icons/Close';\nimport GetAppIcon from '@material-ui/icons/GetApp';\n\nimport { useStyles } from './styles.js';\n\nimport { LoadingIndicator } from '~/components';\n\nconst REQUEST_TIMEOUT = 10000;\nconst BYTES_IN_MEGABYTE = 1048576;\n\nconst DocumentViewer = ({ open, fileUrl, fileSize, fileName, webviewType = 'google', onClose }) => {\n  const [isLoading, setIsLoading] = useState(true);\n  const [isLoadingFailed, setIsLoadingFailed] = useState(false);\n  const timeoutRef = createRef(null);\n  const iframeRef = createRef(null);\n  const styles = useStyles();\n\n  const getIframeLink = useCallback(() => {\n    return webviewType === 'office'\n      ? `https://view.officeapps.live.com/op/embed.aspx?src=${window.encodeURIComponent(fileUrl)}`\n      : `https://docs.google.com/viewer?url=${encodeURIComponent(fileUrl)}&embedded=true`;\n  }, [fileUrl]);\n\n  const reloadFrame = () => {\n    if (iframeRef.current) {\n      iframeRef.current.src = getIframeLink();\n      iframeRef.current.contentWindow.location.reload();\n    }\n  };\n\n  const handleFrameLoad = () => {\n    if (timeoutRef.current) {\n      clearInterval(timeoutRef.current);\n    }\n    setIsLoading(false);\n  };\n\n  const handleFrameError = () => {\n    handleFrameLoad();\n    setIsLoadingFailed(true);\n  };\n\n  useEffect(() => {\n    setIsLoading(true);\n    setIsLoadingFailed(false);\n    const timeOut =\n      fileSize && fileSize >= BYTES_IN_MEGABYTE\n        ? (fileSize / BYTES_IN_MEGABYTE) * REQUEST_TIMEOUT\n        : REQUEST_TIMEOUT;\n\n    if (timeoutRef && open) {\n      clearInterval(timeoutRef.current);\n      timeoutRef.current = setInterval(reloadFrame, timeOut);\n    }\n\n    return () => {\n      clearInterval(timeoutRef.current);\n    };\n  }, [fileUrl, open]);\n\n  return (\n    <Modal open={open} onClose={onClose} onContextMenu={e => e.stopPropagation()}>\n      <div className={styles.cDocsViewer}>\n        <div className={styles.cDocsViewerToolbar}>\n          <Typography>{fileName}</Typography>\n          <div>\n            <IconButton size=\"small\" className={styles.cDocsViewerToolbarIconButton}>\n              <a download href={fileUrl} target=\"_blank\" rel=\"noopener noreferrer\">\n                <GetAppIcon fontSize=\"small\" />\n              </a>\n            </IconButton>\n            <IconButton\n              size=\"small\"\n              onClick={onClose}\n              className={styles.cDocsViewerToolbarIconButton}\n            >\n              <CloseIcon fontSize=\"small\" />\n            </IconButton>\n          </div>\n        </div>\n\n        {isLoading && (\n          <div className={styles.cDocsViewerFrame}>\n            <LoadingIndicator white={false} />\n          </div>\n        )}\n        {isLoadingFailed ? (\n          <div className={styles.cDocsViewerFrame}>\n            <Typography variant=\"body2\" className={styles.cDocsViewerFrameFailed}>\n              Loading failed\n            </Typography>\n          </div>\n        ) : (\n          <iframe\n            className={classNames(styles.cDocsViewerFrame, {\n              [styles.cDocsViewerFrameHidden]: isLoading,\n            })}\n            title={fileUrl}\n            src={getIframeLink()}\n            onLoad={handleFrameLoad}\n            onError={handleFrameError}\n            ref={iframeRef}\n          />\n        )}\n      </div>\n    </Modal>\n  );\n};\n\nDocumentViewer.propTypes = {\n  open: PropTypes.bool.isRequired,\n  fileUrl: PropTypes.string.isRequired,\n  webviewType: PropTypes.oneOf(['google', 'office']),\n  fileName: PropTypes.string,\n  fileSize: PropTypes.number,\n  onClose: PropTypes.func.isRequired,\n  classes: PropTypes.shape({}).isRequired,\n};\n\nexport default DocumentViewer;\n"],"names":["DocumentViewer","_ref","open","fileUrl","fileSize","fileName","_ref$webviewType","webviewType","onClose","useState","_useState2","_slicedToArray","_useState","isLoading","setIsLoading","_useState4","_useState3","isLoadingFailed","setIsLoadingFailed","timeoutRef","createRef","iframeRef","styles","useStyles","getIframeLink","useCallback","concat","window","encodeURIComponent","reloadFrame","current","src","contentWindow","location","reload","handleFrameLoad","clearInterval","useEffect","timeOut","setInterval","_jsx","Modal","onContextMenu","e","stopPropagation","children","_jsxs","jsxs","className","cDocsViewer","cDocsViewerToolbar","Typography","IconButton","size","cDocsViewerToolbarIconButton","jsx","download","href","target","rel","GetAppIcon","fontSize","onClick","CloseIcon","cDocsViewerFrame","LoadingIndicator","white","variant","cDocsViewerFrameFailed","classNames","cDocsViewerFrameHidden","title","onLoad","onError","ref","propTypes","PropTypes","bool","isRequired","string","oneOf","number","func","classes","shape"],"mappings":"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"}
+{"version":3,"file":"DocumentViewer.js","sources":["../../../../src/components/DocumentViewer/DocumentViewer.js"],"sourcesContent":["import { createRef, useCallback, useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { Typography, Modal, IconButton } from '@material-ui/core';\nimport CloseIcon from '@material-ui/icons/Close';\nimport GetAppIcon from '@material-ui/icons/GetApp';\n\nimport { useStyles } from './styles.js';\n\nimport { LoadingIndicator } from '~/components';\n\nconst REQUEST_TIMEOUT = 10000;\nconst BYTES_IN_MEGABYTE = 1048576;\n\nconst DocumentViewer = ({ open, fileUrl, fileSize, fileName, webviewType = 'google', onClose }) => {\n  const [isLoading, setIsLoading] = useState(true);\n  const [isLoadingFailed, setIsLoadingFailed] = useState(false);\n  const timeoutRef = createRef(null);\n  const iframeRef = createRef(null);\n  const styles = useStyles();\n\n  const getIframeLink = useCallback(() => {\n    return webviewType === 'office'\n      ? `https://view.officeapps.live.com/op/embed.aspx?src=${window.encodeURIComponent(fileUrl)}`\n      : `https://docs.google.com/viewer?url=${encodeURIComponent(fileUrl)}&embedded=true`;\n  }, [fileUrl]);\n\n  const reloadFrame = () => {\n    if (iframeRef.current) {\n      iframeRef.current.src = getIframeLink();\n      iframeRef.current.contentWindow.location.reload();\n    }\n  };\n\n  const handleFrameLoad = () => {\n    if (timeoutRef.current) {\n      clearInterval(timeoutRef.current);\n    }\n    setIsLoading(false);\n  };\n\n  const handleFrameError = () => {\n    handleFrameLoad();\n    setIsLoadingFailed(true);\n  };\n\n  useEffect(() => {\n    setIsLoading(true);\n    setIsLoadingFailed(false);\n    const timeOut =\n      fileSize && fileSize >= BYTES_IN_MEGABYTE\n        ? (fileSize / BYTES_IN_MEGABYTE) * REQUEST_TIMEOUT\n        : REQUEST_TIMEOUT;\n\n    if (timeoutRef && open) {\n      clearInterval(timeoutRef.current);\n      timeoutRef.current = setInterval(reloadFrame, timeOut);\n    }\n\n    return () => {\n      clearInterval(timeoutRef.current);\n    };\n  }, [fileUrl, open]);\n\n  return (\n    <Modal open={open} onClose={onClose} onContextMenu={e => e.stopPropagation()}>\n      <div className={styles.cDocsViewer}>\n        <div className={styles.cDocsViewerToolbar}>\n          <Typography>{fileName}</Typography>\n          <div>\n            <IconButton size=\"small\" className={styles.cDocsViewerToolbarIconButton}>\n              <a download href={fileUrl} target=\"_blank\" rel=\"noopener noreferrer\">\n                <GetAppIcon fontSize=\"small\" />\n              </a>\n            </IconButton>\n            <IconButton\n              size=\"small\"\n              onClick={onClose}\n              className={styles.cDocsViewerToolbarIconButton}\n            >\n              <CloseIcon fontSize=\"small\" />\n            </IconButton>\n          </div>\n        </div>\n\n        {isLoading && (\n          <div className={styles.cDocsViewerFrame}>\n            <LoadingIndicator white={false} />\n          </div>\n        )}\n        {isLoadingFailed ? (\n          <div className={styles.cDocsViewerFrame}>\n            <Typography variant=\"body2\" className={styles.cDocsViewerFrameFailed}>\n              Loading failed\n            </Typography>\n          </div>\n        ) : (\n          <iframe\n            className={classNames(styles.cDocsViewerFrame, {\n              [styles.cDocsViewerFrameHidden]: isLoading,\n            })}\n            title={fileUrl}\n            src={getIframeLink()}\n            onLoad={handleFrameLoad}\n            onError={handleFrameError}\n            ref={iframeRef}\n          />\n        )}\n      </div>\n    </Modal>\n  );\n};\n\nDocumentViewer.propTypes = {\n  open: PropTypes.bool.isRequired,\n  fileUrl: PropTypes.string.isRequired,\n  webviewType: PropTypes.oneOf(['google', 'office']),\n  fileName: PropTypes.string,\n  fileSize: PropTypes.number,\n  onClose: PropTypes.func.isRequired,\n  classes: PropTypes.shape({}).isRequired,\n};\n\nexport default DocumentViewer;\n"],"names":["DocumentViewer","_ref","open","fileUrl","fileSize","fileName","_ref$webviewType","webviewType","onClose","useState","_useState2","_slicedToArray","_useState","isLoading","setIsLoading","_useState4","_useState3","isLoadingFailed","setIsLoadingFailed","timeoutRef","createRef","iframeRef","styles","useStyles","getIframeLink","useCallback","concat","window","encodeURIComponent","reloadFrame","current","src","contentWindow","location","reload","handleFrameLoad","clearInterval","useEffect","timeOut","setInterval","_jsx","Modal","onContextMenu","e","stopPropagation","children","_jsxs","jsxs","className","cDocsViewer","cDocsViewerToolbar","Typography","IconButton","size","cDocsViewerToolbarIconButton","jsx","download","href","target","rel","GetAppIcon","fontSize","onClick","CloseIcon","cDocsViewerFrame","LoadingIndicator","white","variant","cDocsViewerFrameFailed","classNames","cDocsViewerFrameHidden","title","onLoad","onError","ref","propTypes","PropTypes","bool","isRequired","string","oneOf","number","func","classes","shape"],"mappings":"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"}