@corva/ui 3.64.0-1 → 3.64.0-10

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

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

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

package/components/DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/objectWithoutProperties";import{makeStyles as i}from"@material-ui/core";import t from"classnames";import n from"moment-timezone";import c from"prop-types";import{useLayoutEffect as r,useEffect as e}from"react";import{MemoryRouter as m}from"react-router-dom";import{ISOLATED_PAGE_APP_CONTAINER_ID as p}from"./constants.js";import{useXProps as a}from"./effects/useXProps.js";import{getDashboardCapturingHandler as l}from"./utils/dashboardCapturing.js";import{replaceUndefinedValuesWithNull as u}from"./utils/replaceUndefinedValuesWithNull.js";import{LOCAL_STORAGE_APP_THEME_KEY as j}from"../../../CLI/hocs/constants.js";import{isPDFReportView as I}from"../../../CLI/hocs/utils.js";import"uuid";import"lodash";import"@babel/runtime/helpers/toConsumableArray";import"lodash/set";import"lodash/get";import"lodash/unset";import"moment";import"../../../clients/jsonApi/index.js";import"../../../clients/subscriptions/constants.js";import"../../../clients/subscriptions.v1.js";import"../../../clients/subscriptions/subscriptions-client.factory.js";import"../../../clients/api/apiCore.js";import"../../../clients/constants.js";import"../../../clients/sso/auth0.js";import"../../../clients/sso/oauth2.js";import{apiRequestsRateLimiter as d}from"../../../clients/api/rateLimiter.js";import f from"../AppContext.js";import C from"../DevCenterAppContainer/DevCenterAppContainer.js";import{IsInsideIsolatedDcAppProvider as b}from"../DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js";import{THEMES as h}from"../../../constants/theme.js";import g from"../../../hocs/withMUIProvidersHOC.js";import"../../../hocs/withAssetEditorLockHOC.js";import{jsx as v}from"react/jsx-runtime";import"@icon-park/react/es/all";import{IconParkProvider as A}from"../../../icons/IconParkProvider.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/SearchOne.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import{PermissionsContext as O}from"../../../permissions/PermissionsContext.js";import"../../../styles/iconPark.global.css.js";import"../../../styles/index.global.css.js";import"../../../styles/reactVirtualized.global.css.js";import"../../../styles/emojiMart.global.css.js";import"../../../styles/mapbox.global.css.js";import"../../../styles/lightbox.global.css.js";import"../../../styles/generatedThemesVariables.global.css.js";import"../../../styles/customScrollbars.global.css.js";import{updateUserUnits as P}from"../../../utils/index.js";import{setThemeVariables as y}from"../../../utils/themeVariables.js";var L=["appContextValue","globalMixpanelEventTracker","globalNotificationToastsAPI","onSettingChange","onSettingsChange","permissionsContextValue","timezone","userUnits","trackApiRateLimiterException"];function x(o,s){var i=Object.keys(o);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(o);s&&(t=t.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),i.push.apply(i,t)}return i}function S(s){for(var i=1;i<arguments.length;i++){var t=null!=arguments[i]?arguments[i]:{};i%2?x(Object(t),!0).forEach((function(i){o(s,i,t[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(t)):x(Object(t)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(t,o))}))}return s}var w=g(C),D=i((function(){return{"@global":{body:{backgroundColor:"transparent",overflow:"hidden"}}}}));function k(o){var i,c,C,g,x,k,R=o.CLIAppComponent,E=o.CLIAppSettings,F=o.containerReportClassName;D();var M=a(),T=M.appContextValue,U=M.globalMixpanelEventTracker,z=M.globalNotificationToastsAPI,N=M.onSettingChange,V=M.onSettingsChange,G=M.permissionsContextValue,W=M.timezone,H=M.userUnits,K=M.trackApiRateLimiterException,q=s(M,L),B=q.location.pathname.startsWith("/reports/")||I,X=null==q||null===(i=q.app)||void 0===i?void 0:i.id,Z=localStorage.getItem(j)||(null===(c=q.currentUser)||void 0===c||null===(C=c.settings)||void 0===C||null===(g=C.uiSettings)||void 0===g?void 0:g.theme)||h.DARK,J=!B&&Z!==h.LIGHT;return r((function(){y(J)}),[J]),r((function(){H&&P({userUnits:H})}),[H]),r((function(){return W&&n.tz.setDefault(W),function(){return n.tz.setDefault(null)}}),[W]),e((function(){window[Symbol.for("notificationToasts")]=z,window[Symbol.for("logToMixpanel")]=U,window[Symbol.for("corvaAPI.rateLimiterReport")]=K}),[z,U,K]),e((function(){d.updateConfig(q.apiRateLimiterConfig)}),[q.apiRateLimiterConfig]),e((function(){var o=l(X);return window.addEventListener("message",o),function(){return window.removeEventListener("message",o)}}),[X]),v(m,{initialEntries:[((null===(x=q.location)||void 0===x?void 0:x.pathname)||"/")+((null===(k=q.location)||void 0===k?void 0:k.search)||"")],children:v(O.Provider,{value:G,children:v(f.Provider,{value:T,children:v(b,{value:!0,children:v(A,{children:v("div",{id:p,className:t(B&&F),children:v(w,S(S({},q),{},{theme:J?h.DARK:h.LIGHT,onSettingsChange:function(o){return V(u(o))},onSettingChange:function(o,s){return N(o,u(s))},CLIAppComponent:R,CLIAppSettings:E,trackApiRateLimiterException:K}))})})})})})})}k.propTypes={CLIAppComponent:c.func,CLIAppSettings:c.func,containerReportClassName:c.string},k.defaultProps={CLIAppComponent:null,CLIAppSettings:null,containerReportClassName:null};export{k as DevCenterIsolatedAppPage};
+import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/objectWithoutProperties";import{makeStyles as i}from"@material-ui/core";import t from"classnames";import n from"moment-timezone";import c from"prop-types";import{useLayoutEffect as r,useEffect as e}from"react";import{MemoryRouter as m}from"react-router-dom";import{ISOLATED_PAGE_APP_CONTAINER_ID as p}from"./constants.js";import{useXProps as a}from"./effects/useXProps.js";import{getDashboardCapturingHandler as l}from"./utils/dashboardCapturing.js";import{replaceUndefinedValuesWithNull as u}from"./utils/replaceUndefinedValuesWithNull.js";import{LOCAL_STORAGE_APP_THEME_KEY as j}from"../../../CLI/hocs/constants.js";import{isPDFReportView as I}from"../../../CLI/hocs/utils.js";import"uuid";import"lodash";import"@babel/runtime/helpers/toConsumableArray";import"lodash/set";import"lodash/get";import"lodash/unset";import"moment";import"../../../clients/jsonApi/index.js";import"../../../clients/subscriptions/constants.js";import"../../../clients/subscriptions.v1.js";import"../../../clients/subscriptions/subscriptions-client.factory.js";import"../../../clients/api/apiCore.js";import"../../../clients/constants.js";import"../../../clients/sso/auth0.js";import"../../../clients/sso/oauth2.js";import{apiRequestsRateLimiter as d}from"../../../clients/api/rateLimiter.js";import f from"../AppContext.js";import C from"../DevCenterAppContainer/DevCenterAppContainer.js";import{IsInsideIsolatedDcAppProvider as b}from"../DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js";import{THEMES as h}from"../../../constants/theme.js";import g from"../../../hocs/withMUIProvidersHOC.js";import"../../../hocs/withAssetEditorLockHOC.js";import{jsx as v}from"react/jsx-runtime";import"@icon-park/react/es/all";import{IconParkProvider as A}from"../../../icons/IconParkProvider.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/SearchOne.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";import{PermissionsContext as O}from"../../../permissions/PermissionsContext.js";import"../../../styles/iconPark.global.css.js";import"../../../styles/index.global.css.js";import"../../../styles/reactVirtualized.global.css.js";import"../../../styles/emojiMart.global.css.js";import"../../../styles/mapbox.global.css.js";import"../../../styles/lightbox.global.css.js";import"../../../styles/generatedThemesVariables.global.css.js";import"../../../styles/customScrollbars.global.css.js";import{updateUserUnits as P}from"../../../utils/index.js";import{setThemeVariables as y}from"../../../utils/themeVariables.js";var L=["appContextValue","globalMixpanelEventTracker","globalNotificationToastsAPI","onSettingChange","onSettingsChange","permissionsContextValue","timezone","userUnits","trackApiRateLimiterException"];function x(o,s){var i=Object.keys(o);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(o);s&&(t=t.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),i.push.apply(i,t)}return i}function S(s){for(var i=1;i<arguments.length;i++){var t=null!=arguments[i]?arguments[i]:{};i%2?x(Object(t),!0).forEach((function(i){o(s,i,t[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(t)):x(Object(t)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(t,o))}))}return s}var w=g(C),D=i((function(){return{"@global":{body:{backgroundColor:"transparent",overflow:"hidden"}}}}));function k(o){var i,c,C,g,x,k,F=o.CLIAppComponent,R=o.CLIAppSettings,E=o.containerReportClassName;D();var M=a(),T=M.appContextValue,U=M.globalMixpanelEventTracker,z=M.globalNotificationToastsAPI,N=M.onSettingChange,V=M.onSettingsChange,G=M.permissionsContextValue,W=M.timezone,H=M.userUnits,K=M.trackApiRateLimiterException,q=s(M,L),B=q.location.pathname.startsWith("/reports/")||I,X=null==q||null===(i=q.app)||void 0===i?void 0:i.id,Z=localStorage.getItem(j)||(null===(c=q.currentUser)||void 0===c||null===(C=c.settings)||void 0===C||null===(g=C.uiSettings)||void 0===g?void 0:g.theme)||h.DARK,J=!B&&Z!==h.LIGHT;return r((function(){y(J)}),[J]),r((function(){H&&P({userUnits:H})}),[H]),r((function(){return W&&n.tz.setDefault(W),function(){return n.tz.setDefault(null)}}),[W]),e((function(){window[Symbol.for("notificationToasts")]=z,window[Symbol.for("logToMixpanel")]=U,window[Symbol.for("corvaAPI.rateLimiterReport")]=K}),[z,U,K]),e((function(){d.updateConfig(q.apiRateLimiterConfig)}),[q.apiRateLimiterConfig]),e((function(){var o=l(X);return window.addEventListener("message",o),function(){return window.removeEventListener("message",o)}}),[X]),v(m,{initialEntries:[((null===(x=q.location)||void 0===x?void 0:x.pathname)||"/")+((null===(k=q.location)||void 0===k?void 0:k.search)||"")],children:v(O.Provider,{value:G,children:v(f.Provider,{value:T,children:v(b,{value:!0,children:v(A,{children:v("div",{id:p,className:t(B&&E),children:v(w,S(S({},q),{},{theme:J?h.DARK:h.LIGHT,onSettingsChange:function(o){return V(u(o))},onSettingChange:function(o,s){return N(o,u(s))},CLIAppComponent:F,CLIAppSettings:R,trackApiRateLimiterException:K}))})})})})})})}k.propTypes={CLIAppComponent:c.func,CLIAppSettings:c.func,containerReportClassName:c.string},k.defaultProps={CLIAppComponent:null,CLIAppSettings:null,containerReportClassName:null};export{k as DevCenterIsolatedAppPage};
 //# sourceMappingURL=DevCenterIsolatedAppPage.js.map

package/components/DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"DevCenterIsolatedAppPage.js","sources":["../../../../src/components/DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js"],"sourcesContent":["import { makeStyles } from '@material-ui/core';\nimport classNames from 'classnames';\nimport moment from 'moment-timezone';\nimport PropTypes from 'prop-types';\nimport { useEffect, useLayoutEffect } from 'react';\nimport { MemoryRouter } from 'react-router-dom';\n\nimport { ISOLATED_PAGE_APP_CONTAINER_ID } from './constants';\nimport { useXProps } from './effects/useXProps';\nimport { getDashboardCapturingHandler } from './utils/dashboardCapturing';\nimport { replaceUndefinedValuesWithNull } from './utils/replaceUndefinedValuesWithNull';\n\nimport { LOCAL_STORAGE_APP_THEME_KEY } from '~/CLI/hocs/constants';\nimport { isPDFReportView } from '~/CLI/hocs/utils';\nimport { apiRequestsRateLimiter } from '~/clients';\nimport AppContext from '~/components/DevCenter/AppContext';\nimport DevCenterAppContainer from '~/components/DevCenter/DevCenterAppContainer';\nimport { IsInsideIsolatedDcAppProvider } from '~/components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider';\nimport { THEMES } from '~/constants/theme';\nimport { withMUIProvidersHOC } from '~/hocs';\nimport { IconParkProvider } from '~/icons';\nimport { PermissionsContext } from '~/permissions/PermissionsContext';\nimport '~/styles/globalStyles';\nimport { updateUserUnits } from '~/utils';\nimport { setThemeVariables } from '~/utils/themeVariables';\n\nconst DevCenterAppContainerWithMUI = withMUIProvidersHOC(DevCenterAppContainer);\n\n/**\n * It's important to keep these global styles in js, to apply only\n * when the component is actually used, if moved to CSS - they'll be\n * applied to whatever somehow imports the code\n */\nconst useStyles = makeStyles(() => ({\n  '@global': {\n    body: {\n      backgroundColor: 'transparent',\n      overflow: 'hidden',\n    },\n  },\n}));\n\n/**\n * Root component that is rendered inside of app's iframe.\n * Receives CLIAppComponent, CLIAppSettings when used\n * in local development\n */\nexport function DevCenterIsolatedAppPage({\n  CLIAppComponent,\n  CLIAppSettings,\n  containerReportClassName,\n}) {\n  useStyles();\n\n  const {\n    appContextValue,\n    globalMixpanelEventTracker,\n    globalNotificationToastsAPI,\n    onSettingChange,\n    onSettingsChange,\n    permissionsContextValue,\n    timezone,\n    userUnits,\n    trackApiRateLimiterException,\n    ...xProps\n  } = useXProps();\n  const isReportsPage = xProps.location.pathname.startsWith('/reports/') || isPDFReportView;\n  const appId = xProps?.app?.id;\n\n  // Force light theme for PDF reports view\n  const selectedTheme =\n    localStorage.getItem(LOCAL_STORAGE_APP_THEME_KEY) ||\n    xProps.currentUser?.settings?.uiSettings?.theme ||\n    THEMES.DARK;\n  const isDarkTheme = !isReportsPage && selectedTheme !== THEMES.LIGHT;\n\n  useLayoutEffect(() => {\n    setThemeVariables(isDarkTheme);\n  }, [isDarkTheme]);\n\n  // Apply userUnits and/or timezone before paint so that the first render\n  // (including PDF reports) uses the correct unit system.\n  // useLayoutEffect runs synchronously after DOM mutations but before the browser paints,\n  // and re-runs whenever userUnits changes — fixing the production race where the iframe mounts\n  // before the parent has finished loading the dashboard's unit_system.\n  useLayoutEffect(() => {\n    if (userUnits) {\n      updateUserUnits({ userUnits });\n    }\n  }, [userUnits]);\n\n  useLayoutEffect(() => {\n    if (timezone) {\n      moment.tz.setDefault(timezone);\n    }\n    return () => moment.tz.setDefault(null);\n  }, [timezone]);\n\n  useEffect(() => {\n    window[Symbol.for('notificationToasts')] = globalNotificationToastsAPI;\n    window[Symbol.for('logToMixpanel')] = globalMixpanelEventTracker;\n    window[Symbol.for('corvaAPI.rateLimiterReport')] = trackApiRateLimiterException;\n  }, [globalNotificationToastsAPI, globalMixpanelEventTracker, trackApiRateLimiterException]);\n\n  useEffect(() => {\n    apiRequestsRateLimiter.updateConfig(xProps.apiRateLimiterConfig);\n  }, [xProps.apiRateLimiterConfig]);\n\n  useEffect(() => {\n    const dashboardCapturingHandler = getDashboardCapturingHandler(appId);\n    window.addEventListener('message', dashboardCapturingHandler);\n    return () => window.removeEventListener('message', dashboardCapturingHandler);\n  }, [appId]);\n\n  return (\n    <MemoryRouter\n      initialEntries={[(xProps.location?.pathname || '/') + (xProps.location?.search || '')]}\n    >\n      <PermissionsContext.Provider value={permissionsContextValue}>\n        <AppContext.Provider value={appContextValue}>\n          <IsInsideIsolatedDcAppProvider value>\n            <IconParkProvider>\n              <div\n                id={ISOLATED_PAGE_APP_CONTAINER_ID}\n                className={classNames(isReportsPage && containerReportClassName)}\n              >\n                <DevCenterAppContainerWithMUI\n                  {...xProps}\n                  theme={isDarkTheme ? THEMES.DARK : THEMES.LIGHT}\n                  // zoid serializes passed arguments using JSON.stringify.\n                  // All undefined values are removed as they are not valid JSON values\n                  // so we replace undefined values with null to not drop them\n                  // Any future cb function that passes arbitrary objects as args\n                  // also should be wrapped in this mapper\n                  // ⚠️⚠️⚠️ When refactoring this to referentially stable callbacks, remove `useStableCallback` from\n                  // /src/componentsV2/AppCommonsProvider/AppCommonsProvider.tsx\n                  onSettingsChange={nextSettings =>\n                    onSettingsChange(replaceUndefinedValuesWithNull(nextSettings))\n                  }\n                  onSettingChange={(key, value) =>\n                    onSettingChange(key, replaceUndefinedValuesWithNull(value))\n                  }\n                  CLIAppComponent={CLIAppComponent}\n                  CLIAppSettings={CLIAppSettings}\n                  trackApiRateLimiterException={trackApiRateLimiterException}\n                />\n              </div>\n            </IconParkProvider>\n          </IsInsideIsolatedDcAppProvider>\n        </AppContext.Provider>\n      </PermissionsContext.Provider>\n    </MemoryRouter>\n  );\n}\n\nDevCenterIsolatedAppPage.propTypes = {\n  CLIAppComponent: PropTypes.func,\n  CLIAppSettings: PropTypes.func,\n  containerReportClassName: PropTypes.string,\n};\n\nDevCenterIsolatedAppPage.defaultProps = {\n  CLIAppComponent: null,\n  CLIAppSettings: null,\n  containerReportClassName: null,\n};\n"],"names":["DevCenterAppContainerWithMUI","withMUIProvidersHOC","DevCenterAppContainer","useStyles","makeStyles","body","backgroundColor","overflow","DevCenterIsolatedAppPage","_ref","_xProps$app","_xProps$currentUser","_xProps$currentUser$s","_xProps$currentUser$s2","_xProps$location","_xProps$location2","CLIAppComponent","CLIAppSettings","containerReportClassName","_useXProps","useXProps","appContextValue","globalMixpanelEventTracker","globalNotificationToastsAPI","onSettingChange","onSettingsChange","permissionsContextValue","timezone","userUnits","trackApiRateLimiterException","xProps","_objectWithoutProperties","_excluded","isReportsPage","location","pathname","startsWith","isPDFReportView","appId","app","id","selectedTheme","localStorage","getItem","LOCAL_STORAGE_APP_THEME_KEY","currentUser","settings","uiSettings","theme","THEMES","DARK","isDarkTheme","LIGHT","useLayoutEffect","setThemeVariables","updateUserUnits","moment","tz","setDefault","useEffect","window","Symbol","for","apiRequestsRateLimiter","updateConfig","apiRateLimiterConfig","dashboardCapturingHandler","getDashboardCapturingHandler","addEventListener","removeEventListener","_jsx","MemoryRouter","initialEntries","search","children","PermissionsContext","Provider","value","AppContext","IsInsideIsolatedDcAppProvider","IconParkProvider","ISOLATED_PAGE_APP_CONTAINER_ID","className","classNames","_objectSpread","nextSettings","replaceUndefinedValuesWithNull","key","propTypes","PropTypes","func","string","defaultProps"],"mappings":"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"}
+{"version":3,"file":"DevCenterIsolatedAppPage.js","sources":["../../../../src/components/DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js"],"sourcesContent":["import { makeStyles } from '@material-ui/core';\nimport classNames from 'classnames';\nimport moment from 'moment-timezone';\nimport PropTypes from 'prop-types';\nimport { useEffect, useLayoutEffect } from 'react';\nimport { MemoryRouter } from 'react-router-dom';\n\nimport { ISOLATED_PAGE_APP_CONTAINER_ID } from './constants';\nimport { useXProps } from './effects/useXProps';\nimport { getDashboardCapturingHandler } from './utils/dashboardCapturing';\nimport { replaceUndefinedValuesWithNull } from './utils/replaceUndefinedValuesWithNull';\n\nimport { LOCAL_STORAGE_APP_THEME_KEY } from '~/CLI/hocs/constants';\nimport { isPDFReportView } from '~/CLI/hocs/utils';\nimport { apiRequestsRateLimiter } from '~/clients';\nimport AppContext from '~/components/DevCenter/AppContext';\nimport DevCenterAppContainer from '~/components/DevCenter/DevCenterAppContainer';\nimport { IsInsideIsolatedDcAppProvider } from '~/components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider';\nimport { THEMES } from '~/constants/theme';\nimport { withMUIProvidersHOC } from '~/hocs';\nimport { IconParkProvider } from '~/icons';\nimport { PermissionsContext } from '~/permissions/PermissionsContext';\nimport '~/styles/globalStyles';\nimport { updateUserUnits } from '~/utils';\nimport { setThemeVariables } from '~/utils/themeVariables';\n\nconst DevCenterAppContainerWithMUI = withMUIProvidersHOC(DevCenterAppContainer);\n\n/**\n * It's important to keep these global styles in js, to apply only\n * when the component is actually used, if moved to CSS - they'll be\n * applied to whatever somehow imports the code\n */\nconst useStyles = makeStyles(() => ({\n  '@global': {\n    body: {\n      backgroundColor: 'transparent',\n      overflow: 'hidden',\n    },\n  },\n}));\n\n/**\n * Root component that is rendered inside of app's iframe.\n * Receives CLIAppComponent, CLIAppSettings when used\n * in local development\n */\nexport function DevCenterIsolatedAppPage({\n  CLIAppComponent,\n  CLIAppSettings,\n  containerReportClassName,\n}) {\n  useStyles();\n\n  const {\n    appContextValue,\n    globalMixpanelEventTracker,\n    globalNotificationToastsAPI,\n    onSettingChange,\n    onSettingsChange,\n    permissionsContextValue,\n    timezone,\n    userUnits,\n    trackApiRateLimiterException,\n    ...xProps\n  } = useXProps();\n  const isReportsPage = xProps.location.pathname.startsWith('/reports/') || isPDFReportView;\n  const appId = xProps?.app?.id;\n\n  // Force light theme for PDF reports view\n  const selectedTheme =\n    localStorage.getItem(LOCAL_STORAGE_APP_THEME_KEY) ||\n    xProps.currentUser?.settings?.uiSettings?.theme ||\n    THEMES.DARK;\n  const isDarkTheme = !isReportsPage && selectedTheme !== THEMES.LIGHT;\n\n  useLayoutEffect(() => {\n    setThemeVariables(isDarkTheme);\n  }, [isDarkTheme]);\n\n  // Apply userUnits and/or timezone before paint so that the first render\n  // (including PDF reports) uses the correct unit system.\n  // useLayoutEffect runs synchronously after DOM mutations but before the browser paints,\n  // and re-runs whenever userUnits changes — fixing the production race where the iframe mounts\n  // before the parent has finished loading the dashboard's unit_system.\n  useLayoutEffect(() => {\n    if (userUnits) {\n      updateUserUnits({ userUnits });\n    }\n  }, [userUnits]);\n\n  useLayoutEffect(() => {\n    if (timezone) {\n      moment.tz.setDefault(timezone);\n    }\n    return () => moment.tz.setDefault(null);\n  }, [timezone]);\n\n  useEffect(() => {\n    window[Symbol.for('notificationToasts')] = globalNotificationToastsAPI;\n    window[Symbol.for('logToMixpanel')] = globalMixpanelEventTracker;\n    window[Symbol.for('corvaAPI.rateLimiterReport')] = trackApiRateLimiterException;\n  }, [globalNotificationToastsAPI, globalMixpanelEventTracker, trackApiRateLimiterException]);\n\n  useEffect(() => {\n    apiRequestsRateLimiter.updateConfig(xProps.apiRateLimiterConfig);\n  }, [xProps.apiRateLimiterConfig]);\n\n  useEffect(() => {\n    const dashboardCapturingHandler = getDashboardCapturingHandler(appId);\n    window.addEventListener('message', dashboardCapturingHandler);\n    return () => window.removeEventListener('message', dashboardCapturingHandler);\n  }, [appId]);\n\n  return (\n    <MemoryRouter\n      initialEntries={[(xProps.location?.pathname || '/') + (xProps.location?.search || '')]}\n    >\n      <PermissionsContext.Provider value={permissionsContextValue}>\n        <AppContext.Provider value={appContextValue}>\n          <IsInsideIsolatedDcAppProvider value>\n            <IconParkProvider>\n              <div\n                id={ISOLATED_PAGE_APP_CONTAINER_ID}\n                className={classNames(isReportsPage && containerReportClassName)}\n              >\n                <DevCenterAppContainerWithMUI\n                  {...xProps}\n                  theme={isDarkTheme ? THEMES.DARK : THEMES.LIGHT}\n                  // zoid serializes passed arguments using JSON.stringify.\n                  // All undefined values are removed as they are not valid JSON values\n                  // so we replace undefined values with null to not drop them\n                  // Any future cb function that passes arbitrary objects as args\n                  // also should be wrapped in this mapper\n                  // ⚠️⚠️⚠️ When refactoring this to referentially stable callbacks, remove `useStableCallback` from\n                  // /src/componentsV2/AppCommonsProvider/AppCommonsProvider.tsx\n                  onSettingsChange={nextSettings =>\n                    onSettingsChange(replaceUndefinedValuesWithNull(nextSettings))\n                  }\n                  onSettingChange={(key, value) =>\n                    onSettingChange(key, replaceUndefinedValuesWithNull(value))\n                  }\n                  CLIAppComponent={CLIAppComponent}\n                  CLIAppSettings={CLIAppSettings}\n                  trackApiRateLimiterException={trackApiRateLimiterException}\n                />\n              </div>\n            </IconParkProvider>\n          </IsInsideIsolatedDcAppProvider>\n        </AppContext.Provider>\n      </PermissionsContext.Provider>\n    </MemoryRouter>\n  );\n}\n\nDevCenterIsolatedAppPage.propTypes = {\n  CLIAppComponent: PropTypes.func,\n  CLIAppSettings: PropTypes.func,\n  containerReportClassName: PropTypes.string,\n};\n\nDevCenterIsolatedAppPage.defaultProps = {\n  CLIAppComponent: null,\n  CLIAppSettings: null,\n  containerReportClassName: null,\n};\n"],"names":["DevCenterAppContainerWithMUI","withMUIProvidersHOC","DevCenterAppContainer","useStyles","makeStyles","body","backgroundColor","overflow","DevCenterIsolatedAppPage","_ref","_xProps$app","_xProps$currentUser","_xProps$currentUser$s","_xProps$currentUser$s2","_xProps$location","_xProps$location2","CLIAppComponent","CLIAppSettings","containerReportClassName","_useXProps","useXProps","appContextValue","globalMixpanelEventTracker","globalNotificationToastsAPI","onSettingChange","onSettingsChange","permissionsContextValue","timezone","userUnits","trackApiRateLimiterException","xProps","_objectWithoutProperties","_excluded","isReportsPage","location","pathname","startsWith","isPDFReportView","appId","app","id","selectedTheme","localStorage","getItem","LOCAL_STORAGE_APP_THEME_KEY","currentUser","settings","uiSettings","theme","THEMES","DARK","isDarkTheme","LIGHT","useLayoutEffect","setThemeVariables","updateUserUnits","moment","tz","setDefault","useEffect","window","Symbol","for","apiRequestsRateLimiter","updateConfig","apiRateLimiterConfig","dashboardCapturingHandler","getDashboardCapturingHandler","addEventListener","removeEventListener","_jsx","MemoryRouter","initialEntries","search","children","PermissionsContext","Provider","value","AppContext","IsInsideIsolatedDcAppProvider","IconParkProvider","ISOLATED_PAGE_APP_CONTAINER_ID","className","classNames","_objectSpread","nextSettings","replaceUndefinedValuesWithNull","key","propTypes","PropTypes","func","string","defaultProps"],"mappings":"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"}

package/components/DocumentViewer/DocumentViewer.js

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/slicedToArray";import{useState as e,createRef as s,useCallback as i,useEffect as n}from"react";import r from"prop-types";import p from"classnames";import{Modal as m,Typography as c,IconButton as a}from"@material-ui/core";import l from"@material-ui/icons/Close";import j from"@material-ui/icons/GetApp";import{useStyles as d}from"./styles.js";import{jsx as u,jsxs as C}from"react/jsx-runtime";import"../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"@babel/runtime/helpers/objectWithoutProperties";import"lodash";import"../Modal/CorvaModal.scss.js";import"@icon-park/react/es/all";import"../../icons/IconParkProvider.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../utils/mobileDetect.js";import"../IconButton/index.js";import"../../constants/goals.js";import"../../constants/segment.js";import"../../constants/alerts.js";import"../../constants/apps.js";import"../../constants/drillstring.js";import"../../constants/completion.js";import"../../constants/appPackages.js";import"../../constants/notifications.js";import"../../constants/feed.js";import"../../constants/bha.js";import"../../constants/corvaCompanyId.js";import"../GradientManager/configuration/constants.js";import"uuid";import"../IconMenu/index.js";import"../StyledMenuItem/index.js";import"../AppIcon/AppIcon.js";import"../DevCenter/AppHeader/AppHeader.js";import"../DevCenter/AppSideBar/AppSideBar.js";import"../DevCenter/AppsDataProvider/AppsDataProvider.js";import"@material-ui/icons";import"../DevCenter/AppContext.js";import"../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"react-router-dom";import"query-string";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../utils/index.js";import"../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import"../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js";import"../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js";import"../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js";import"../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js";import"../../componentsV2/Text/Text.js";import"../../componentsV2/Grid/Grid.js";import"../../componentsV2/Grid/Cell.js";import"../../componentsV2/Header/Header.scss.js";import"../../componentsV2/Button/Button.js";import"../../componentsV2/ButtonIcon/ButtonIcon.js";import"../../componentsV2/Tooltip/Tooltip.scss.js";import"../../componentsV2/Popover/Popover.js";import"../../componentsV2/PopoverPanel/PopoverPanel.js";import"../../componentsV2/Radio/Radio.js";import"../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import"../../componentsV2/Checkbox/Checkbox.js";import"@babel/runtime/helpers/toConsumableArray";import"../../componentsV2/TextInput/TextInput.js";import"../../componentsV2/TextInputNext/TextInputNext.js";import"../../componentsV2/Label/Label.js";import"../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js";import"../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js";import"../../componentsV2/TextLink/TextLink.js";import"../../componentsV2/Chip/Chip.js";import"../../componentsV2/ChipAlert/ChipAlert.js";import"../../componentsV2/ChipIndicator/ChipIndicator.js";import"../../componentsV2/Avatar/Avatar.js";import"../../componentsV2/AvatarGroup/AvatarGroup.js";import"@material-ui/lab";import"../../componentsV2/ToggleButtons/ToggleButtons.scss.js";import"../../componentsV2/Paper/Paper.js";import"../../componentsV2/ModalWindow/ModalWindow.js";import"../../componentsV2/Modal/Modal.scss.js";import"../../componentsV2/Menu/Menu.js";import"../../componentsV2/utils.js";import"../../componentsV2/Hint/Hint.scss.js";import"../../componentsV2/Counter/Counter.js";import"../../componentsV2/BadgeBase/BadgeBase.scss.js";import"../../componentsV2/TemplatesControl/TemplatesControl.js";import"zustand";import"../../componentsV2/TemplatesControl/utils.js";import"../../componentsV2/TemplatesControl/icons/folder/index.js";import"../../componentsV2/TemplatesControl/Store/utils.js";import"../../componentsV2/TemplatesControl/types.js";import"../../clients/jsonApi/index.js";import"../../permissions/PermissionsContext.js";import"../../permissions/constants/index.js";import"../../permissions/withPermissionsHOC.js";import"../../permissions/ProvidePermissions.js";import"../../componentsV2/BadgeDot/BadgeDot.scss.js";import"../../componentsV2/LoaderLinear/LoaderLinear.scss.js";import"../../componentsV2/LoaderLogo/LoaderLogo.constants.js";import"../../componentsV2/LoaderLogo/LoaderLogo.scss.js";import"../../componentsV2/Switch/Switch.js";import"../../componentsV2/Tabs/Tabs.js";import"../../componentsV2/EmptyState/EmptyState.scss.js";import"../../componentsV2/FileIcon/FileIcon.js";import"../../componentsV2/Tag/Tag.js";import"react-dropzone";import"../../componentsV2/FilesDropzone/FilesDropzone.scss.js";import"../../componentsV2/FilesLoader/FilesLoader.scss.js";import"../../componentsV2/FilesProcessor/FilesProcessor.scss.js";import"../../componentsV2/Skeleton/Skeleton.scss.js";import"../../utils/main.js";import"../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js";import"../../componentsV2/Stepper/Step/Step.scss.js";import"../../componentsV2/Stepper/Stepper.scss.js";import"../../componentsV2/ButtonLive/ButtonLive.js";import"../../componentsV2/ButtonText/ButtonText.js";import"../../componentsV2/IndicatorLive/IndicatorLive.js";import"../../componentsV2/Accordion/Accordion.scss.js";import"../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js";import"../../componentsV2/BadgeComment/BadgeComment.js";import"../../componentsV2/AppContainer/AppContainer.js";import"../../componentsV2/AppContainer/AppContainer.constants.js";import"../../componentsV2/AppFooter/AppFooter.js";import"immutable";import"../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import"../../componentsV2/AppHeader/AppHeader.constants.js";import"../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js";import"../../componentsV2/AppHeader/AppAssets/utils.js";import"../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js";import"../PadModeSelect/PadModeSelect.js";import"../../componentsV2/AppHeader/PadMode/PadMode.scss.js";import"../../constants/streamSourceType.js";import"../../componentsV2/PadModeSelect/PadModeSelect.js";import"../../componentsV2/PadModeSelect/PadModeSelect.constants.js";import"../../componentsV2/AppCommonsProvider/AppCommonsProvider.js";import"../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js";import"../../componentsV2/UniversalLink/UniversalLink.scss.js";import"../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js";import"moment";import"../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js";import"../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js";import"../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js";import"../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js";import"../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js";import"../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js";import"../../componentsV2/AppDqPopover/AppDqPopover.scss.js";import"../../utils/getSingleAsset.js";import"../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js";import"../../componentsV2/AppHeader/V3/AssetSelector/constants.js";import"../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js";import"../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js";import"../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js";import"../../clients/subscriptions/constants.js";import"querystring";import"uuid/v1";import"../../clients/subscriptions.v1.js";import"../../clients/subscriptions/subscriptions-client.factory.js";import"jsona";import"../../utils/env.js";import"../StatusBadge/constants.js";import"lodash/set";import"lodash/get";import"lodash/unset";import"../../clients/api/apiCore.js";import"../../clients/constants.js";import"../../clients/sso/auth0.js";import"../../clients/sso/oauth2.js";import"../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../componentsV2/AppSettings/AppSettingsPinningContext.js";import"../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js";import"../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js";import"../../componentsV2/AppHeader/V3/constants.scss.js";import"@babel/runtime/helpers/typeof";import"../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.js";import"../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js";import"../../componentsV2/AppSettings/AppSettings.js";import"../../componentsV2/AppSettings/AppSettings.constants.js";import"../../componentsV2/AppSizeProvider/AppSizeProvider.js";import"../../componentsV2/AppHeader/V3/Actions/Actions.constants.js";import"../../componentsV2/AppHeader/V3/Actions/Actions.scss.js";import"../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js";import"../../componentsV2/AppHeader/AppHeader.scss.js";import"../../componentsV2/OffsetWellsButton/OffsetWellsButton.js";import"../../componentsV2/Autocomplete/Autocomplete.js";import"../../componentsV2/Select/Select.js";import"../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js";import"../../componentsV2/WellArchivedMessage/WellArchivedMessage.js";import"../../componentsV2/DatePicker/DatePicker.js";import"../../componentsV2/DragHandle/DragHandle.js";import"../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js";import"../../componentsV2/Slider/constants.js";import"../../componentsV2/Slider/components/SliderThumb.js";import"../../componentsV2/Slider/Slider.scss.js";import"react-color";import"../../componentsV2/ColorPicker/Swatches/Swatches.scss.js";import"../../componentsV2/ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js";import"../../componentsV2/ColorPicker/ColorPicker.scss.js";import"../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js";import"../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js";import"../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js";import"../DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js";import"../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchButton.scss.js";import"../DevCenter/DevCenterAppContainer/DevCenterAppContainer.css.js";import"../Icons/AnnotationIcon.js";import"../Annotations/components/AnnotationsList/index.js";import"../Annotations/components/LastAnnotation/index.js";import"../Annotations/AnnotationsContext.js";import"../Toaster/Toaster.js";import"../HelpCenter/HelpCenterIcon.js";import"../DevCenter/NavigationBar/NavigationBar.js";import"../DevCenter/SideBar/SideBar.js";import"../DevCenter/AppSettingsPopover/AppSettingsPopover.js";import"../DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js";import"../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js";import"../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js";import"../AssetEditor/index.js";import"../AssetEditorV2/index.js";import"../AppVersionsSelect/AppVersionsSelect.js";import A from"../LoadingIndicator/LoadingIndicator.js";import"../Typography.js";import"../RealTimeValuesSidebar/RealTimeSidebar.js";import"../CollapsableSidebar.js";import"../DateTimePicker/index.js";import"../DatePicker/index.js";import"../ErrorBoundary/ErrorBoundary.js";import"../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js";import"../SlateFormattedText/SlateFormattedText.js";import"../SlateFormattedText/RenderElements.js";import"slate";import"../EmptyState/EmptyState.js";import"../ParameterCharts/ParameterCharts.js";import"../ParameterCharts/AddEditTrack.js";import"../ChartActionsList/ChartActionsList.js";import"../CopyToClipboard/CopyToClipboard.js";import"../AssetEditor/AssetEditorAutocomplete.js";import"../AssetEditor/SingleAssetEditor.js";import"../SettingEditors/ColorEditor/style.css.js";import"../SettingEditors/DropdownEditor/index.js";import"../SwitchControl/index.js";import"../ColorPicker/ColorPicker.js";import"../Chart/components/ChartButton.js";import"../Chart/components/ChartButtons.js";import"../Chart/components/ChartWrapper.js";import"../Chart/components/AxisDropdown.js";import"../Chart/components/ChartSelect.js";import"../Chart/components/buttons/DragToZoomButton.js";import"../Chart/components/buttons/ZoomInButton.js";import"../Chart/components/buttons/ZoomOutButton.js";import"../Chart/components/buttons/PanButton.js";import"../Chart/components/buttons/ResetZoomButton.js";import"../Chart/components/buttons/HideAxesButton.js";import"../Chart/components/buttons/ChartTypeButton.js";import"../ColorPicker/PaletteChromePicker/PaletteChromePicker.js";import"../TruncatedText/index.js";import"../MiddleTruncatedText/MiddleTruncatedText.js";import"../RangeSlider/constants.js";import"../RangeSlider/Input.css.js";import"../RangeSlider/RangeSlider.css.js";import"../AdvancedSlider/AdvancedSlider.js";import"../Breadcrumbs/index.js";import"../VirtualizedTable/index.js";import"../EmptyView/EmptyView.js";import"../EmptyView/EmptyAppView/EmptyAppView.js";import"../Button/components/Button/index.js";import"moment-timezone";import"../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../Button/components/LiveButton/styles.js";import"../ContextMenuItem/index.js";import"../FolderMenuItem/index.js";import"../EditableItem/EditableItem/index.js";import"../EditableItem/EditableItemWithBadge/index.js";import"../Checkbox/index.js";import"../FolderMenuItemWithLinks/index.js";import"../TextField/index.js";import"../Chip/index.js";import"../Counter/index.js";import"../AnchorsList/AnchorsList.js";import"../Select/index.js";import"../Select/SelectFilterBy.js";import"../CustomSelect/index.js";import"../Tabs/Tabs.js";import"../Tabs/Tab.js";import"../ResizableTable/ResizableTable.js";import"../GradientPicker/GradientPicker.js";import"@babel/runtime/helpers/classCallCheck";import"@babel/runtime/helpers/createClass";import"@material-ui/icons/AddCircle";import"../GradientManager/GradientPreview/GradientPreview.js";import"../GradientManager/GradientSelect.styles.js";import"../GradientManager/GradientManager.styles.js";import"../Drillstring/BHASchematic.js";import"../Drillstring/BHATable/index.js";import"../Drillstring/BHAComponentIcon.js";import"../Drillstring/BHAComponentDetail/index.js";import"../Drillstring/BHATileIcon.js";import"../Drillstring/BHATile/BHATile.js";import"../Drillstring/BHAList/BHAList.js";import"../Drillstring/BHAComponentsTable/BHAComponentsTable.js";import"../Casing/CasingTable/index.js";import"../Casing/CasingComponentIcon.js";import"../Casing/CasingTileIcon.js";import"../Casing/CasingTableV2/CasingTableV2.js";import"../Casing/CasingTile/CasingTile.js";import"../DisabledSettingsMessage/DisabledSettingsMessage.js";import"../WellSummary/WellSummaryItemLabel.js";import"../WellSummary/WellSummaryItemTitle.js";import"../WellSummary/WellSummaryItemValue.js";import"../WellSummary/ActivitySummaryChart.js";import"../WellSummary/FracWirelineTimeChart.js";import"../BICOffsetPickerDialog/index.js";import"../OffsetWellButton/OffsetWellButton.js";import"../OffsetWellPickerV2/OffsetWellPickerDialog.js";import"../OffsetWellPickerV3/index.js";import"../OffsetWellChips/Chip.js";import"../OffsetWellChips/ChipsContainer.js";import"../OffsetWellPickerV5/components/OffsetWellPickerV5WithStore/OffsetWellPickerV5WithStore.js";import"../OffsetWellMap/OffsetWellMap.js";import"@material-ui/core/Snackbar";import"../Notifications/Toast.js";import"../Notifications/Notifications.scss.js";import"../ConfirmationDialog.js";import"../TextLink/index.js";import"../Avatar/index.js";import"../Template/TemplatePopover/index.js";import"../Template/TemplateSharingDialog/index.js";import"../MenuItem/index.js";import"../MiddleTruncate/MiddleTruncate.js";import"../PinnableFilters/PinnableFilters.js";import"../HeaderLayout/HeaderLayout.js";import"../PadOffsetsPicker/PadOffsetsPicker.js";import"../PadOffsetsPicker/OffsetAssetChip.js";import"../PadOffsetsPicker/OffsetAssetsListExpander.js";import"../PadOffsetsPicker/StagesSelector.js";import"../PadOffsetsPickerV2/PadOffsetsPickerV2.js";import"../Table/TableToolbar/TableToolbar.js";import"../Table/TableContainer/TableContainer.js";import"../Table/TableCell/TableCell.js";import"../Table/TablePagination/TablePagination.js";import"../Table/TablePaginationActions/TablePaginationActions.js";import"../Tooltip/ScrollableTooltip.js";import"../PriceInput/PriceInput.js";import"../LabelsCounter/LabelsCounter.js";import"../Stepper/Stepper.js";import"../Stepper/Step/Step.js";import"../Stepper/StepsWrapper.js";import"../Comment/CommentIcon/index.js";import"../FilesLoader/FilesLoader.js";import"../../componentsV2/FileIcon/icons/ArchiveFileIcon.js";import"../../componentsV2/FileIcon/icons/CSVFileIcon.js";import"../../componentsV2/FileIcon/icons/DocFileIcon.js";import"../../componentsV2/FileIcon/icons/EDMFileIcon.js";import"../../componentsV2/FileIcon/icons/ExcelFileIcon.js";import"../../componentsV2/FileIcon/icons/ImageFileIcon.js";import"../../componentsV2/FileIcon/icons/JsonFileIcon.js";import"../../componentsV2/FileIcon/icons/LasFileIcon.js";import"../../componentsV2/FileIcon/icons/OtherFileIcon.js";import"../../componentsV2/FileIcon/icons/PdfFileIcon.js";import"../../componentsV2/FileIcon/icons/PowerPointFileIcon.js";import"../../componentsV2/FileIcon/icons/TxtFileIcon.js";import"../../componentsV2/FileIcon/icons/UnknownFileIcon.js";import"../../componentsV2/FileIcon/icons/VideoFileIcon.js";import"../../componentsV2/FileIcon/icons/XmlFileIcon.js";import"../SearchInput/index.js";import"../FeedItem/FeedItem.js";import"../FeedItem/FeedItemEditProvider/FeedItemEditProvider.js";import"../PostInput/PostInput.js";import"../KeyboardDateTimePicker.js";import"../AddComment/Popover.js";import"../AddComment/Popup.js";import"../StageDesignVActual/ComparisonBar/ComparisonBar.js";import"../StageDesignVActual/ElementsComparison/ElementsComparison.js";import"../StageDesignVActual/ComparisonHeader.js";import"../StageDesignVActual/ComparisonRow.js";import"../EmbeddedApp/DevCenterEmbeddedApp.js";import"../EmbeddedApp/EmbeddedApp.js";import"../Autocomplete/Autocomplete.js";import"../ColorPickerPalette/ColorPickerPalette.js";import"../Search/Search.js";import"../Search/components/Listbox.js";import"../Search/components/Paper.js";import"../Search/components/RecentSearches.js";import"../Search/components/Groups.js";import"../Search/components/SelectAllListItem.js";import"../StatusBadge/index.js";import"../Attachment/index.js";import"../EmojiIconButton.js";import"../FileUploadIconButton.js";import"../FilePreview/index.js";import"../FailedFileUploading.js";import"../UserMention/index.js";import"../CommentsInfo/index.js";import"../CommentInput/index.js";import"../Comment/index.js";import"../CommentLoader.js";import"../AssetNameLabel/AssetStatusBadge.js";import"../AssetEditorV2/components/PrimaryAssetSelect.js";import"../AssetEditorV2/components/SecondaryAssetSelect.js";import"../AssetEditorV2/components/SelectItem.js";import"../AssetEditorV2/components/MultipleAssetsToggle.js";import"../AssetEditorV2/components/PrimaryAssetSelectV2.js";import"../EChartsWrapper/EChartsWrapper.js";import"../AssetsMultipleSelector/AssetsMultipleSelector.js";import"../GoogleDocsViewer/index.js";import"../NewDocumentViewer/effects/useFileContent.js";import"../NewDocumentViewer/styles.js";import"../FilesLoaderV2/styles.js";import"../FilesDropzone/styles.js";import"../FilesProcessor/styles.js";import"../Hint/styles.js";import"@babel/runtime/helpers/taggedTemplateLiteral";import"fparser";import"../Formula/useFormulaStyles.js";import"../Formula/RootXIcon.js";import"../Formula/FormulaTextEditor.js";import"../Formula/CloseSuggestion.js";import"../Formula/SuggestionsMenu.js";var V=function(r){var V=r.open,I=r.fileUrl,S=r.fileSize,g=r.fileName,v=r.webviewType,D=r.onClose,P=e(!0),h=t(P,2),b=h[0],T=h[1],f=e(!1),x=t(f,2),F=x[0],B=x[1],y=s(null),k=s(null),L=d(),E=i((function(){return"office"===v?"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]),M=function(){k.current&&(k.current.src=E(),k.current.contentWindow.location.reload())},w=function(){y.current&&clearInterval(y.current),T(!1)};return n((function(){T(!0),B(!1);var o=S&&S>=1048576?S/1048576*1e4:1e4;return y&&V&&(clearInterval(y.current),y.current=setInterval(M,o)),function(){clearInterval(y.current)}}),[I,V]),u(m,{open:V,onClose:D,onContextMenu:function(o){return o.stopPropagation()},children:C("div",{className:L.cDocsViewer,children:[C("div",{className:L.cDocsViewerToolbar,children:[u(c,{children:g}),C("div",{children:[u(a,{size:"small",className:L.cDocsViewerToolbarIconButton,children:u("a",{download:!0,href:I,target:"_blank",rel:"noopener noreferrer",children:u(j,{fontSize:"small"})})}),u(a,{size:"small",onClick:D,className:L.cDocsViewerToolbarIconButton,children:u(l,{fontSize:"small"})})]})]}),b&&u("div",{className:L.cDocsViewerFrame,children:u(A,{white:!1})}),F?u("div",{className:L.cDocsViewerFrame,children:u(c,{variant:"body2",className:L.cDocsViewerFrameFailed,children:"Loading failed"})}):u("iframe",{className:p(L.cDocsViewerFrame,o({},L.cDocsViewerFrameHidden,b)),title:I,src:E(),onLoad:w,onError:function(){w(),B(!0)},ref:k})]})})};V.propTypes={open:r.bool.isRequired,fileUrl:r.string.isRequired,webviewType:r.oneOf(["google","office"]),fileName:r.string,fileSize:r.number,onClose:r.func.isRequired,classes:r.shape({}).isRequired},V.defaultProps={fileName:void 0,fileSize:void 0,webviewType:"google"};export{V as default};
+import o from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/slicedToArray";import{useState as e,createRef as s,useCallback as i,useEffect as n}from"react";import r from"prop-types";import p from"classnames";import{Modal as m,Typography as c,IconButton as a}from"@material-ui/core";import l from"@material-ui/icons/Close";import j from"@material-ui/icons/GetApp";import{useStyles as d}from"./styles.js";import{jsx as u,jsxs as C}from"react/jsx-runtime";import"../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"@babel/runtime/helpers/objectWithoutProperties";import"lodash";import"../Modal/CorvaModal.scss.js";import"@icon-park/react/es/all";import"../../icons/IconParkProvider.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import"../../utils/mobileDetect.js";import"../IconButton/index.js";import"../../constants/goals.js";import"../../constants/segment.js";import"../../constants/alerts.js";import"../../constants/apps.js";import"../../constants/drillstring.js";import"../../constants/completion.js";import"../../constants/appPackages.js";import"../../constants/notifications.js";import"../../constants/feed.js";import"../../constants/bha.js";import"../../constants/corvaCompanyId.js";import"../GradientManager/configuration/constants.js";import"uuid";import"../IconMenu/index.js";import"../StyledMenuItem/index.js";import"../AppIcon/AppIcon.js";import"../DevCenter/AppHeader/AppHeader.js";import"../DevCenter/AppSideBar/AppSideBar.js";import"../DevCenter/AppsDataProvider/AppsDataProvider.js";import"@material-ui/icons";import"../DevCenter/AppContext.js";import"../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"react-router-dom";import"query-string";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../utils/index.js";import"../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import"../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js";import"../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js";import"../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js";import"../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js";import"../../componentsV2/Text/Text.js";import"../../componentsV2/Grid/Grid.js";import"../../componentsV2/Grid/Cell.js";import"../../componentsV2/Header/Header.scss.js";import"../../componentsV2/Button/Button.js";import"../../componentsV2/ButtonIcon/ButtonIcon.js";import"../../componentsV2/Tooltip/Tooltip.scss.js";import"../../componentsV2/Popover/Popover.js";import"../../componentsV2/PopoverPanel/PopoverPanel.js";import"../../componentsV2/Radio/Radio.js";import"../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import"../../componentsV2/Checkbox/Checkbox.js";import"@babel/runtime/helpers/toConsumableArray";import"../../componentsV2/TextInput/TextInput.js";import"../../componentsV2/TextInputNext/TextInputNext.js";import"../../componentsV2/Label/Label.js";import"../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js";import"../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js";import"../../componentsV2/TextLink/TextLink.js";import"../../componentsV2/Chip/Chip.js";import"../../componentsV2/ChipAlert/ChipAlert.js";import"../../componentsV2/ChipIndicator/ChipIndicator.js";import"../../componentsV2/Avatar/Avatar.js";import"../../componentsV2/AvatarGroup/AvatarGroup.js";import"@material-ui/lab";import"../../componentsV2/ToggleButtons/ToggleButtons.scss.js";import"../../componentsV2/Paper/Paper.js";import"../../componentsV2/ModalWindow/ModalWindow.js";import"../../componentsV2/Modal/Modal.scss.js";import"../../componentsV2/Menu/Menu.js";import"../../componentsV2/utils.js";import"../../componentsV2/Hint/Hint.scss.js";import"../../componentsV2/Counter/Counter.js";import"../../componentsV2/BadgeBase/BadgeBase.scss.js";import"../../componentsV2/TemplatesControl/TemplatesControl.js";import"zustand";import"../../componentsV2/TemplatesControl/utils.js";import"../../componentsV2/TemplatesControl/icons/folder/index.js";import"../../componentsV2/TemplatesControl/Store/utils.js";import"../../componentsV2/TemplatesControl/types.js";import"../../clients/jsonApi/index.js";import"../../permissions/PermissionsContext.js";import"../../permissions/constants/index.js";import"../../permissions/withPermissionsHOC.js";import"../../permissions/ProvidePermissions.js";import"../../componentsV2/BadgeDot/BadgeDot.scss.js";import"../../componentsV2/LoaderLinear/LoaderLinear.scss.js";import"../../componentsV2/LoaderLogo/LoaderLogo.constants.js";import"../../componentsV2/LoaderLogo/LoaderLogo.scss.js";import"../../componentsV2/Switch/Switch.js";import"../../componentsV2/Tabs/Tabs.js";import"../../componentsV2/EmptyState/EmptyState.scss.js";import"../../componentsV2/FileIcon/FileIcon.js";import"../../componentsV2/Tag/Tag.js";import"react-dropzone";import"../../componentsV2/FilesDropzone/FilesDropzone.scss.js";import"../../componentsV2/FilesLoader/FilesLoader.scss.js";import"../../componentsV2/FilesProcessor/FilesProcessor.scss.js";import"../../componentsV2/Skeleton/Skeleton.scss.js";import"../../utils/main.js";import"../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js";import"../../componentsV2/Stepper/Step/Step.scss.js";import"../../componentsV2/Stepper/Stepper.scss.js";import"../../componentsV2/ButtonLive/ButtonLive.js";import"../../componentsV2/ButtonText/ButtonText.js";import"../../componentsV2/IndicatorLive/IndicatorLive.js";import"../../componentsV2/Accordion/Accordion.scss.js";import"../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js";import"../../componentsV2/BadgeComment/BadgeComment.js";import"../../componentsV2/AppContainer/AppContainer.js";import"../../componentsV2/AppContainer/AppContainer.constants.js";import"../../componentsV2/AppFooter/AppFooter.js";import"immutable";import"../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import"../../componentsV2/AppHeader/AppHeader.constants.js";import"../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js";import"../../componentsV2/AppHeader/AppAssets/utils.js";import"../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js";import"../PadModeSelect/PadModeSelect.js";import"../../componentsV2/AppHeader/PadMode/PadMode.scss.js";import"../../constants/streamSourceType.js";import"../../componentsV2/PadModeSelect/PadModeSelect.js";import"../../componentsV2/PadModeSelect/PadModeSelect.constants.js";import"../../componentsV2/AppCommonsProvider/AppCommonsProvider.js";import"../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js";import"../../componentsV2/UniversalLink/UniversalLink.scss.js";import"../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js";import"moment";import"../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js";import"../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js";import"../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js";import"../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js";import"../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js";import"../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js";import"../../componentsV2/AppDqPopover/AppDqPopover.scss.js";import"../../utils/getSingleAsset.js";import"../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js";import"../../componentsV2/AppHeader/V3/AssetSelector/constants.js";import"../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js";import"../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js";import"../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js";import"../../clients/subscriptions/constants.js";import"querystring";import"uuid/v1";import"../../clients/subscriptions.v1.js";import"../../clients/subscriptions/subscriptions-client.factory.js";import"jsona";import"../../utils/env.js";import"../StatusBadge/constants.js";import"lodash/set";import"lodash/get";import"lodash/unset";import"../../clients/api/apiCore.js";import"../../clients/constants.js";import"../../clients/sso/auth0.js";import"../../clients/sso/oauth2.js";import"../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../componentsV2/AppSettings/AppSettingsPinningContext.js";import"../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js";import"../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js";import"../../componentsV2/AppHeader/V3/constants.scss.js";import"@babel/runtime/helpers/typeof";import"../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.js";import"../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js";import"../../componentsV2/AppSettings/AppSettings.js";import"../../componentsV2/AppSettings/AppSettings.constants.js";import"../../componentsV2/AppSizeProvider/AppSizeProvider.js";import"../../componentsV2/AppHeader/V3/Actions/Actions.constants.js";import"../../componentsV2/AppHeader/V3/Actions/Actions.scss.js";import"../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js";import"../../componentsV2/AppHeader/AppHeader.scss.js";import"../../componentsV2/OffsetWellsButton/OffsetWellsButton.js";import"../../componentsV2/Autocomplete/Autocomplete.js";import"../../componentsV2/Select/Select.js";import"../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js";import"../../componentsV2/WellArchivedMessage/WellArchivedMessage.js";import"../../componentsV2/DatePicker/DatePicker.js";import"../../componentsV2/DragHandle/DragHandle.js";import"../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js";import"../../componentsV2/Slider/constants.js";import"../../componentsV2/Slider/components/SliderThumb.js";import"../../componentsV2/Slider/Slider.scss.js";import"react-color";import"../../componentsV2/ColorPicker/Swatches/Swatches.scss.js";import"../../componentsV2/ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js";import"../../componentsV2/ColorPicker/ColorPicker.scss.js";import"../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js";import"../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js";import"../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js";import"../DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js";import"../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchButton.scss.js";import"../DevCenter/DevCenterAppContainer/DevCenterAppContainer.scss.js";import"../Icons/AnnotationIcon.js";import"../Annotations/components/AnnotationsList/index.js";import"../Annotations/components/LastAnnotation/index.js";import"../Annotations/AnnotationsContext.js";import"../Toaster/Toaster.js";import"../HelpCenter/HelpCenterIcon.js";import"../DevCenter/NavigationBar/NavigationBar.js";import"../DevCenter/SideBar/SideBar.js";import"../DevCenter/AppSettingsPopover/AppSettingsPopover.js";import"../DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js";import"../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js";import"../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js";import"../AssetEditor/index.js";import"../AssetEditorV2/index.js";import"../AppVersionsSelect/AppVersionsSelect.js";import A from"../LoadingIndicator/LoadingIndicator.js";import"../Typography.js";import"../RealTimeValuesSidebar/RealTimeSidebar.js";import"../CollapsableSidebar.js";import"../DateTimePicker/index.js";import"../DatePicker/index.js";import"../ErrorBoundary/ErrorBoundary.js";import"../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js";import"../SlateFormattedText/SlateFormattedText.js";import"../SlateFormattedText/RenderElements.js";import"slate";import"../EmptyState/EmptyState.js";import"../ParameterCharts/ParameterCharts.js";import"../ParameterCharts/AddEditTrack.js";import"../ChartActionsList/ChartActionsList.js";import"../CopyToClipboard/CopyToClipboard.js";import"../AssetEditor/AssetEditorAutocomplete.js";import"../AssetEditor/SingleAssetEditor.js";import"../SettingEditors/ColorEditor/style.css.js";import"../SettingEditors/DropdownEditor/index.js";import"../SwitchControl/index.js";import"../ColorPicker/ColorPicker.js";import"../Chart/components/ChartButton.js";import"../Chart/components/ChartButtons.js";import"../Chart/components/ChartWrapper.js";import"../Chart/components/AxisDropdown.js";import"../Chart/components/ChartSelect.js";import"../Chart/components/buttons/DragToZoomButton.js";import"../Chart/components/buttons/ZoomInButton.js";import"../Chart/components/buttons/ZoomOutButton.js";import"../Chart/components/buttons/PanButton.js";import"../Chart/components/buttons/ResetZoomButton.js";import"../Chart/components/buttons/HideAxesButton.js";import"../Chart/components/buttons/ChartTypeButton.js";import"../ColorPicker/PaletteChromePicker/PaletteChromePicker.js";import"../TruncatedText/index.js";import"../MiddleTruncatedText/MiddleTruncatedText.js";import"../RangeSlider/constants.js";import"../RangeSlider/Input.css.js";import"../RangeSlider/RangeSlider.css.js";import"../AdvancedSlider/AdvancedSlider.js";import"../Breadcrumbs/index.js";import"../VirtualizedTable/index.js";import"../EmptyView/EmptyView.js";import"../EmptyView/EmptyAppView/EmptyAppView.js";import"../Button/components/Button/index.js";import"moment-timezone";import"../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../Button/components/LiveButton/styles.js";import"../ContextMenuItem/index.js";import"../FolderMenuItem/index.js";import"../EditableItem/EditableItem/index.js";import"../EditableItem/EditableItemWithBadge/index.js";import"../Checkbox/index.js";import"../FolderMenuItemWithLinks/index.js";import"../TextField/index.js";import"../Chip/index.js";import"../Counter/index.js";import"../AnchorsList/AnchorsList.js";import"../Select/index.js";import"../Select/SelectFilterBy.js";import"../CustomSelect/index.js";import"../Tabs/Tabs.js";import"../Tabs/Tab.js";import"../ResizableTable/ResizableTable.js";import"../GradientPicker/GradientPicker.js";import"@babel/runtime/helpers/classCallCheck";import"@babel/runtime/helpers/createClass";import"@material-ui/icons/AddCircle";import"../GradientManager/GradientPreview/GradientPreview.js";import"../GradientManager/GradientSelect.styles.js";import"../GradientManager/GradientManager.styles.js";import"../Drillstring/BHASchematic.js";import"../Drillstring/BHATable/index.js";import"../Drillstring/BHAComponentIcon.js";import"../Drillstring/BHAComponentDetail/index.js";import"../Drillstring/BHATileIcon.js";import"../Drillstring/BHATile/BHATile.js";import"../Drillstring/BHAList/BHAList.js";import"../Drillstring/BHAComponentsTable/BHAComponentsTable.js";import"../Casing/CasingTable/index.js";import"../Casing/CasingComponentIcon.js";import"../Casing/CasingTileIcon.js";import"../Casing/CasingTableV2/CasingTableV2.js";import"../Casing/CasingTile/CasingTile.js";import"../DisabledSettingsMessage/DisabledSettingsMessage.js";import"../WellSummary/WellSummaryItemLabel.js";import"../WellSummary/WellSummaryItemTitle.js";import"../WellSummary/WellSummaryItemValue.js";import"../WellSummary/ActivitySummaryChart.js";import"../WellSummary/FracWirelineTimeChart.js";import"../BICOffsetPickerDialog/index.js";import"../OffsetWellButton/OffsetWellButton.js";import"../OffsetWellPickerV2/OffsetWellPickerDialog.js";import"../OffsetWellPickerV3/index.js";import"../OffsetWellChips/Chip.js";import"../OffsetWellChips/ChipsContainer.js";import"../OffsetWellPickerV5/components/OffsetWellPickerV5WithStore/OffsetWellPickerV5WithStore.js";import"../OffsetWellMap/OffsetWellMap.js";import"@material-ui/core/Snackbar";import"../Notifications/Toast.js";import"../Notifications/Notifications.scss.js";import"../ConfirmationDialog.js";import"../TextLink/index.js";import"../Avatar/index.js";import"../Template/TemplatePopover/index.js";import"../Template/TemplateSharingDialog/index.js";import"../MenuItem/index.js";import"../MiddleTruncate/MiddleTruncate.js";import"../PinnableFilters/PinnableFilters.js";import"../HeaderLayout/HeaderLayout.js";import"../PadOffsetsPicker/PadOffsetsPicker.js";import"../PadOffsetsPicker/OffsetAssetChip.js";import"../PadOffsetsPicker/OffsetAssetsListExpander.js";import"../PadOffsetsPicker/StagesSelector.js";import"../PadOffsetsPickerV2/PadOffsetsPickerV2.js";import"../Table/TableToolbar/TableToolbar.js";import"../Table/TableContainer/TableContainer.js";import"../Table/TableCell/TableCell.js";import"../Table/TablePagination/TablePagination.js";import"../Table/TablePaginationActions/TablePaginationActions.js";import"../Tooltip/ScrollableTooltip.js";import"../PriceInput/PriceInput.js";import"../LabelsCounter/LabelsCounter.js";import"../Stepper/Stepper.js";import"../Stepper/Step/Step.js";import"../Stepper/StepsWrapper.js";import"../Comment/CommentIcon/index.js";import"../FilesLoader/FilesLoader.js";import"../../componentsV2/FileIcon/icons/ArchiveFileIcon.js";import"../../componentsV2/FileIcon/icons/CSVFileIcon.js";import"../../componentsV2/FileIcon/icons/DocFileIcon.js";import"../../componentsV2/FileIcon/icons/EDMFileIcon.js";import"../../componentsV2/FileIcon/icons/ExcelFileIcon.js";import"../../componentsV2/FileIcon/icons/ImageFileIcon.js";import"../../componentsV2/FileIcon/icons/JsonFileIcon.js";import"../../componentsV2/FileIcon/icons/LasFileIcon.js";import"../../componentsV2/FileIcon/icons/OtherFileIcon.js";import"../../componentsV2/FileIcon/icons/PdfFileIcon.js";import"../../componentsV2/FileIcon/icons/PowerPointFileIcon.js";import"../../componentsV2/FileIcon/icons/TxtFileIcon.js";import"../../componentsV2/FileIcon/icons/UnknownFileIcon.js";import"../../componentsV2/FileIcon/icons/VideoFileIcon.js";import"../../componentsV2/FileIcon/icons/XmlFileIcon.js";import"../SearchInput/index.js";import"../FeedItem/FeedItem.js";import"../FeedItem/FeedItemEditProvider/FeedItemEditProvider.js";import"../PostInput/PostInput.js";import"../KeyboardDateTimePicker.js";import"../AddComment/Popover.js";import"../AddComment/Popup.js";import"../StageDesignVActual/ComparisonBar/ComparisonBar.js";import"../StageDesignVActual/ElementsComparison/ElementsComparison.js";import"../StageDesignVActual/ComparisonHeader.js";import"../StageDesignVActual/ComparisonRow.js";import"../EmbeddedApp/DevCenterEmbeddedApp.js";import"../EmbeddedApp/EmbeddedApp.js";import"../Autocomplete/Autocomplete.js";import"../ColorPickerPalette/ColorPickerPalette.js";import"../Search/Search.js";import"../Search/components/Listbox.js";import"../Search/components/Paper.js";import"../Search/components/RecentSearches.js";import"../Search/components/Groups.js";import"../Search/components/SelectAllListItem.js";import"../StatusBadge/index.js";import"../Attachment/index.js";import"../EmojiIconButton.js";import"../FileUploadIconButton.js";import"../FilePreview/index.js";import"../FailedFileUploading.js";import"../UserMention/index.js";import"../CommentsInfo/index.js";import"../CommentInput/index.js";import"../Comment/index.js";import"../CommentLoader.js";import"../AssetNameLabel/AssetStatusBadge.js";import"../AssetEditorV2/components/PrimaryAssetSelect.js";import"../AssetEditorV2/components/SecondaryAssetSelect.js";import"../AssetEditorV2/components/SelectItem.js";import"../AssetEditorV2/components/MultipleAssetsToggle.js";import"../AssetEditorV2/components/PrimaryAssetSelectV2.js";import"../EChartsWrapper/EChartsWrapper.js";import"../AssetsMultipleSelector/AssetsMultipleSelector.js";import"../GoogleDocsViewer/index.js";import"../NewDocumentViewer/effects/useFileContent.js";import"../NewDocumentViewer/styles.js";import"../FilesLoaderV2/styles.js";import"../FilesDropzone/styles.js";import"../FilesProcessor/styles.js";import"../Hint/styles.js";import"@babel/runtime/helpers/taggedTemplateLiteral";import"fparser";import"../Formula/useFormulaStyles.js";import"../Formula/RootXIcon.js";import"../Formula/FormulaTextEditor.js";import"../Formula/CloseSuggestion.js";import"../Formula/SuggestionsMenu.js";var V=function(r){var V=r.open,I=r.fileUrl,S=r.fileSize,g=r.fileName,v=r.webviewType,D=r.onClose,P=e(!0),h=t(P,2),b=h[0],T=h[1],f=e(!1),x=t(f,2),F=x[0],B=x[1],y=s(null),k=s(null),L=d(),E=i((function(){return"office"===v?"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]),M=function(){k.current&&(k.current.src=E(),k.current.contentWindow.location.reload())},w=function(){y.current&&clearInterval(y.current),T(!1)};return n((function(){T(!0),B(!1);var o=S&&S>=1048576?S/1048576*1e4:1e4;return y&&V&&(clearInterval(y.current),y.current=setInterval(M,o)),function(){clearInterval(y.current)}}),[I,V]),u(m,{open:V,onClose:D,onContextMenu:function(o){return o.stopPropagation()},children:C("div",{className:L.cDocsViewer,children:[C("div",{className:L.cDocsViewerToolbar,children:[u(c,{children:g}),C("div",{children:[u(a,{size:"small",className:L.cDocsViewerToolbarIconButton,children:u("a",{download:!0,href:I,target:"_blank",rel:"noopener noreferrer",children:u(j,{fontSize:"small"})})}),u(a,{size:"small",onClick:D,className:L.cDocsViewerToolbarIconButton,children:u(l,{fontSize:"small"})})]})]}),b&&u("div",{className:L.cDocsViewerFrame,children:u(A,{white:!1})}),F?u("div",{className:L.cDocsViewerFrame,children:u(c,{variant:"body2",className:L.cDocsViewerFrameFailed,children:"Loading failed"})}):u("iframe",{className:p(L.cDocsViewerFrame,o({},L.cDocsViewerFrameHidden,b)),title:I,src:E(),onLoad:w,onError:function(){w(),B(!0)},ref:k})]})})};V.propTypes={open:r.bool.isRequired,fileUrl:r.string.isRequired,webviewType:r.oneOf(["google","office"]),fileName:r.string,fileSize:r.number,onClose:r.func.isRequired,classes:r.shape({}).isRequired},V.defaultProps={fileName:void 0,fileSize:void 0,webviewType:"google"};export{V as default};
 //# sourceMappingURL=DocumentViewer.js.map

package/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, 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\nDocumentViewer.defaultProps = {\n  fileName: undefined,\n  fileSize: undefined,\n  webviewType: 'google',\n};\n\nexport default DocumentViewer;\n"],"names":["DocumentViewer","_ref","open","fileUrl","fileSize","fileName","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","className","cDocsViewer","cDocsViewerToolbar","Typography","IconButton","size","cDocsViewerToolbarIconButton","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","defaultProps","undefined"],"mappings":"yovBAWA,IAGMA,EAAiB,SAAiEC,GAAA,IAA9DC,IAAAA,KAAMC,IAAAA,QAASC,IAAAA,SAAUC,IAAAA,SAAUC,IAAAA,YAAaC,IAAAA,QACtCC,EAAAA,GAAS,GAAKC,EAAAC,EAAAC,EAAA,GAAzCC,EAASH,EAAA,GAAEI,EAAYJ,EAAA,GACgBD,EAAAA,GAAS,GAAMM,EAAAJ,EAAAK,EAAA,GAAtDC,EAAeF,EAAA,GAAEG,EAAkBH,EAAA,GACpCI,EAAaC,EAAU,MACvBC,EAAYD,EAAU,MACtBE,EAASC,IAETC,EAAgBC,GAAY,WAChC,MAAuB,WAAhBlB,EAAwB,sDAAAmB,OAC2BC,OAAOC,mBAAmBxB,IAC1CwB,sCAAAA,OAAAA,mBAAmBxB,GAAwB,iBACvF,GAAG,CAACA,IAEEyB,EAAc,WACdR,EAAUS,UACZT,EAAUS,QAAQC,IAAMP,IACxBH,EAAUS,QAAQE,cAAcC,SAASC,WAIvCC,EAAkB,WAClBhB,EAAWW,SACbM,cAAcjB,EAAWW,SAE3BhB,GAAa,IA0Bf,OAlBAuB,GAAU,WACRvB,GAAa,GACbI,GAAmB,GACnB,IAAMoB,EACJjC,GAAYA,GAtCQ,QAuCfA,EAvCe,QADF,QAgDpB,OALIc,GAAchB,IAChBiC,cAAcjB,EAAWW,SACzBX,EAAWW,QAAUS,YAAYV,EAAaS,IAGzC,WACLF,cAAcjB,EAAWW,SAE7B,GAAG,CAAC1B,EAASD,IAGXqC,EAACC,EAAK,CAACtC,KAAMA,EAAMK,QAASA,EAASkC,cAAe,SAAAC,GAAC,OAAIA,EAAEC,iBAAkB,EAAAC,SAC3EC,EAAA,MAAA,CAAKC,UAAWzB,EAAO0B,YAAYH,SACjC,CAAAC,EAAA,MAAA,CAAKC,UAAWzB,EAAO2B,mBAAmBJ,SAAA,CACxCL,EAACU,EAAU,CAAAL,SAAEvC,IACbwC,EAAA,MAAA,CAAAD,SAAA,CACEL,EAACW,EAAU,CAACC,KAAK,QAAQL,UAAWzB,EAAO+B,6BAA6BR,SACtEL,EAAA,IAAA,CAAGc,UAAQ,EAACC,KAAMnD,EAASoD,OAAO,SAASC,IAAI,sBAAqBZ,SAClEL,EAACkB,EAAU,CAACC,SAAS,cAGzBnB,EAACW,EAAU,CACTC,KAAK,QACLQ,QAASpD,EACTuC,UAAWzB,EAAO+B,6BAA6BR,SAE/CL,EAACqB,EAAS,CAACF,SAAS,kBAKzB9C,GACC2B,EAAA,MAAA,CAAKO,UAAWzB,EAAOwC,iBAAiBjB,SACtCL,EAACuB,EAAgB,CAACC,OAAO,MAG5B/C,EACCuB,EAAA,MAAA,CAAKO,UAAWzB,EAAOwC,iBAAiBjB,SACtCL,EAACU,EAAU,CAACe,QAAQ,QAAQlB,UAAWzB,EAAO4C,uBAAuBrB,SAAA,qBAKvEL,EAAA,SAAA,CACEO,UAAWoB,EAAW7C,EAAOwC,iBAC1BxC,EAAAA,CAAAA,EAAAA,EAAO8C,uBAAyBvD,IAEnCwD,MAAOjE,EACP2B,IAAKP,IACL8C,OAAQnC,EACRoC,QA/De,WACvBpC,IACAjB,GAAmB,IA8DXsD,IAAKnD,QAMjB,EAEApB,EAAewE,UAAY,CACzBtE,KAAMuE,EAAUC,KAAKC,WACrBxE,QAASsE,EAAUG,OAAOD,WAC1BrE,YAAamE,EAAUI,MAAM,CAAC,SAAU,WACxCxE,SAAUoE,EAAUG,OACpBxE,SAAUqE,EAAUK,OACpBvE,QAASkE,EAAUM,KAAKJ,WACxBK,QAASP,EAAUQ,MAAM,CAAA,GAAIN,YAG/B3E,EAAekF,aAAe,CAC5B7E,cAAU8E,EACV/E,cAAU+E,EACV7E,YAAa"}
+{"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, 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\nDocumentViewer.defaultProps = {\n  fileName: undefined,\n  fileSize: undefined,\n  webviewType: 'google',\n};\n\nexport default DocumentViewer;\n"],"names":["DocumentViewer","_ref","open","fileUrl","fileSize","fileName","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","className","cDocsViewer","cDocsViewerToolbar","Typography","IconButton","size","cDocsViewerToolbarIconButton","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","defaultProps","undefined"],"mappings":"8rvBAWA,IAGMA,EAAiB,SAAiEC,GAAA,IAA9DC,IAAAA,KAAMC,IAAAA,QAASC,IAAAA,SAAUC,IAAAA,SAAUC,IAAAA,YAAaC,IAAAA,QACtCC,EAAAA,GAAS,GAAKC,EAAAC,EAAAC,EAAA,GAAzCC,EAASH,EAAA,GAAEI,EAAYJ,EAAA,GACgBD,EAAAA,GAAS,GAAMM,EAAAJ,EAAAK,EAAA,GAAtDC,EAAeF,EAAA,GAAEG,EAAkBH,EAAA,GACpCI,EAAaC,EAAU,MACvBC,EAAYD,EAAU,MACtBE,EAASC,IAETC,EAAgBC,GAAY,WAChC,MAAuB,WAAhBlB,EAAwB,sDAAAmB,OAC2BC,OAAOC,mBAAmBxB,IAC1CwB,sCAAAA,OAAAA,mBAAmBxB,GAAwB,iBACvF,GAAG,CAACA,IAEEyB,EAAc,WACdR,EAAUS,UACZT,EAAUS,QAAQC,IAAMP,IACxBH,EAAUS,QAAQE,cAAcC,SAASC,WAIvCC,EAAkB,WAClBhB,EAAWW,SACbM,cAAcjB,EAAWW,SAE3BhB,GAAa,IA0Bf,OAlBAuB,GAAU,WACRvB,GAAa,GACbI,GAAmB,GACnB,IAAMoB,EACJjC,GAAYA,GAtCQ,QAuCfA,EAvCe,QADF,QAgDpB,OALIc,GAAchB,IAChBiC,cAAcjB,EAAWW,SACzBX,EAAWW,QAAUS,YAAYV,EAAaS,IAGzC,WACLF,cAAcjB,EAAWW,SAE7B,GAAG,CAAC1B,EAASD,IAGXqC,EAACC,EAAK,CAACtC,KAAMA,EAAMK,QAASA,EAASkC,cAAe,SAAAC,GAAC,OAAIA,EAAEC,iBAAkB,EAAAC,SAC3EC,EAAA,MAAA,CAAKC,UAAWzB,EAAO0B,YAAYH,SACjC,CAAAC,EAAA,MAAA,CAAKC,UAAWzB,EAAO2B,mBAAmBJ,SAAA,CACxCL,EAACU,EAAU,CAAAL,SAAEvC,IACbwC,EAAA,MAAA,CAAAD,SAAA,CACEL,EAACW,EAAU,CAACC,KAAK,QAAQL,UAAWzB,EAAO+B,6BAA6BR,SACtEL,EAAA,IAAA,CAAGc,UAAQ,EAACC,KAAMnD,EAASoD,OAAO,SAASC,IAAI,sBAAqBZ,SAClEL,EAACkB,EAAU,CAACC,SAAS,cAGzBnB,EAACW,EAAU,CACTC,KAAK,QACLQ,QAASpD,EACTuC,UAAWzB,EAAO+B,6BAA6BR,SAE/CL,EAACqB,EAAS,CAACF,SAAS,kBAKzB9C,GACC2B,EAAA,MAAA,CAAKO,UAAWzB,EAAOwC,iBAAiBjB,SACtCL,EAACuB,EAAgB,CAACC,OAAO,MAG5B/C,EACCuB,EAAA,MAAA,CAAKO,UAAWzB,EAAOwC,iBAAiBjB,SACtCL,EAACU,EAAU,CAACe,QAAQ,QAAQlB,UAAWzB,EAAO4C,uBAAuBrB,SAAA,qBAKvEL,EAAA,SAAA,CACEO,UAAWoB,EAAW7C,EAAOwC,iBAC1BxC,EAAAA,CAAAA,EAAAA,EAAO8C,uBAAyBvD,IAEnCwD,MAAOjE,EACP2B,IAAKP,IACL8C,OAAQnC,EACRoC,QA/De,WACvBpC,IACAjB,GAAmB,IA8DXsD,IAAKnD,QAMjB,EAEApB,EAAewE,UAAY,CACzBtE,KAAMuE,EAAUC,KAAKC,WACrBxE,QAASsE,EAAUG,OAAOD,WAC1BrE,YAAamE,EAAUI,MAAM,CAAC,SAAU,WACxCxE,SAAUoE,EAAUG,OACpBxE,SAAUqE,EAAUK,OACpBvE,QAASkE,EAAUM,KAAKJ,WACxBK,QAASP,EAAUQ,MAAM,CAAA,GAAIN,YAG/B3E,EAAekF,aAAe,CAC5B7E,cAAU8E,EACV/E,cAAU+E,EACV7E,YAAa"}