@corva/ui 3.74.0-1 → 3.74.0-11

package/components/DevCenter/DevCenterAppContainer/components/PriorityMenus/PriorityMenus.js.map

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

package/components/DevCenter/DevCenterAppContainer/effects/useAppMaximized.js

@@ -1,2 +1,2 @@
-import t from"@babel/runtime/helpers/defineProperty";import{useEffect as e}from"react";import"../../../../utils/index.js";import{DEV_CENTER_CLI_APP_ID as r}from"../../../../constants/devcenter.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"lodash";import"../../../GradientManager/configuration/constants.js";import{isAppMaximized as n}from"../../../../utils/devcenter.js";function o(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function s(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?o(Object(n),!0).forEach((function(r){t(e,r,n[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):o(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function i(t){var o=t.onIsMaximizedChange,i=t.devCenterRouter,a=t.appId,c=void 0===a?r:a,p=n(i.location.query,c);return e((function(){null==o||o(p)}),[p]),{isMaximized:p,setIsMaximized:function(t){var e=i.location,r=e.pathname,n=s(s({},e.query),{},{maximizeDC:t?c:void 0});i.push({pathname:r,query:n})}}}export{i as default};
+import t from"@babel/runtime/helpers/defineProperty";import{useEffect as r}from"react";import"../../../../utils/index.js";import{DEV_CENTER_CLI_APP_ID as e}from"../../../../constants/devcenter.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"lodash";import"../../../GradientManager/configuration/constants.js";import{isAppMaximized as n,MAXIMIZE_DC_PARAM as o}from"../../../../utils/devcenter.js";function s(t,r){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(t,r).enumerable}))),e.push.apply(e,n)}return e}function i(r){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?s(Object(n),!0).forEach((function(e){t(r,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(n)):s(Object(n)).forEach((function(t){Object.defineProperty(r,t,Object.getOwnPropertyDescriptor(n,t))}))}return r}function a(s){var a=s.onIsMaximizedChange,c=s.devCenterRouter,p=s.appId,m=void 0===p?e:p,j=n(c.location.query,m);return r((function(){null==a||a(j)}),[j]),{isMaximized:j,setIsMaximized:function(r){var e=c.location,n=e.pathname,s=i(i({},e.query),{},t({},o,r?m:void 0));c.push({pathname:n,query:s})}}}export{a as default};
 //# sourceMappingURL=useAppMaximized.js.map

package/components/DevCenter/DevCenterAppContainer/effects/useAppMaximized.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAppMaximized.js","sources":["../../../../../src/components/DevCenter/DevCenterAppContainer/effects/useAppMaximized.js"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { devcenter as devCenterUtils } from '~/utils';\nimport { DEV_CENTER_CLI_APP_ID } from '~/constants';\n\nexport default function useAppMaximized({\n  onIsMaximizedChange,\n  devCenterRouter,\n  appId = DEV_CENTER_CLI_APP_ID,\n}) {\n  const isMaximized = devCenterUtils.isAppMaximized(devCenterRouter.location.query, appId);\n  const setIsMaximized = isAppMaximized => {\n    const { pathname, query } = devCenterRouter.location;\n    const newQuery = {\n      ...query,\n      maximizeDC: isAppMaximized ? appId : undefined,\n    };\n\n    devCenterRouter.push({\n      pathname,\n      query: newQuery,\n    });\n  };\n\n  useEffect(() => {\n    onIsMaximizedChange?.(isMaximized);\n  }, [isMaximized]);\n\n  return {\n    isMaximized,\n    setIsMaximized,\n  };\n}\n"],"names":["useAppMaximized","_ref","onIsMaximizedChange","devCenterRouter","_ref$appId","appId","DEV_CENTER_CLI_APP_ID","isMaximized","devCenterUtils","location","query","useEffect","setIsMaximized","isAppMaximized","pathname","newQuery","maximizeDC","undefined","push"],"mappings":"61CAKe,SAASA,EAIrBC,GAAA,IAHDC,IAAAA,oBACAC,IAAAA,gBAAeC,EAAAH,EACfI,MAAAA,aAAQC,EAAqBF,EAEvBG,EAAcC,EAA8BL,EAAgBM,SAASC,MAAOL,GAkBlF,OAJAM,GAAU,WACRT,SAAAA,EAAsBK,EACxB,GAAG,CAACA,IAEG,CACLA,YAAAA,EACAK,eAnBqB,SAAAC,GACrB,IAA4BV,EAAAA,EAAgBM,SAApCK,IAAAA,SACFC,WADYL,OAER,GAAA,CACRM,WAAYH,EAAiBR,OAAQY,IAGvCd,EAAgBe,KAAK,CACnBJ,SAAAA,EACAJ,MAAOK,KAYb"}
+{"version":3,"file":"useAppMaximized.js","sources":["../../../../../src/components/DevCenter/DevCenterAppContainer/effects/useAppMaximized.js"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { devcenter as devCenterUtils } from '~/utils';\nimport { DEV_CENTER_CLI_APP_ID } from '~/constants';\n\nexport default function useAppMaximized({\n  onIsMaximizedChange,\n  devCenterRouter,\n  appId = DEV_CENTER_CLI_APP_ID,\n}) {\n  const isMaximized = devCenterUtils.isAppMaximized(devCenterRouter.location.query, appId);\n  const setIsMaximized = isAppMaximized => {\n    const { pathname, query } = devCenterRouter.location;\n    const newQuery = {\n      ...query,\n      [devCenterUtils.MAXIMIZE_DC_PARAM]: isAppMaximized ? appId : undefined,\n    };\n\n    devCenterRouter.push({\n      pathname,\n      query: newQuery,\n    });\n  };\n\n  useEffect(() => {\n    onIsMaximizedChange?.(isMaximized);\n  }, [isMaximized]);\n\n  return {\n    isMaximized,\n    setIsMaximized,\n  };\n}\n"],"names":["useAppMaximized","_ref","onIsMaximizedChange","devCenterRouter","_ref$appId","appId","DEV_CENTER_CLI_APP_ID","isMaximized","devCenterUtils","location","query","useEffect","setIsMaximized","isAppMaximized","pathname","newQuery","_objectSpread","_defineProperty","undefined","push"],"mappings":"o3CAKe,SAASA,EAIrBC,GAAA,IAHDC,IAAAA,oBACAC,IAAAA,gBAAeC,EAAAH,EACfI,MAAAA,aAAQC,EAAqBF,EAEvBG,EAAcC,EAA8BL,EAAgBM,SAASC,MAAOL,GAkBlF,OAJAM,GAAU,WACRT,SAAAA,EAAsBK,EACxB,GAAG,CAACA,IAEG,CACLA,YAAAA,EACAK,eAnBqB,SAAAC,GACrB,IAA4BV,EAAAA,EAAgBM,SAApCK,IAAAA,SACFC,EAAQC,EAAAA,EAAA,CAAA,IADIN,OAER,CAAA,EAAAO,EAAA,CAAA,EACPT,EAAmCK,EAAiBR,OAAQa,IAG/Df,EAAgBgB,KAAK,CACnBL,SAAAA,EACAJ,MAAOK,KAYb"}

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

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

package/components/DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js

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

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

package/components/DevCenter/IsolatedDevCenterAppContainer/__tests__/useFullscreenModes.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=useFullscreenModes.test.d.ts.map

package/components/DevCenter/IsolatedDevCenterAppContainer/__tests__/useFullscreenModes.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFullscreenModes.test.d.ts","sourceRoot":"","sources":["../../../../../src/components/DevCenter/IsolatedDevCenterAppContainer/__tests__/useFullscreenModes.test.ts"],"names":[],"mappings":""}

package/components/DevCenter/IsolatedDevCenterAppContainer/useFullscreenModes.d.ts

@@ -0,0 +1,10 @@
+import { RefObject } from 'react';
+import { FullscreenModes } from '../../../types';
+type UseFullscreenModesParams = {
+    containerRef: RefObject<HTMLElement>;
+    appInstanceId?: number;
+    isMaximized: boolean;
+};
+export declare const useFullscreenModes: ({ containerRef, appInstanceId, isMaximized, }: UseFullscreenModesParams) => FullscreenModes;
+export {};
+//# sourceMappingURL=useFullscreenModes.d.ts.map

package/components/DevCenter/IsolatedDevCenterAppContainer/useFullscreenModes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFullscreenModes.d.ts","sourceRoot":"","sources":["../../../../src/components/DevCenter/IsolatedDevCenterAppContainer/useFullscreenModes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAoC,MAAM,OAAO,CAAC;AAEpE,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAKjD,KAAK,wBAAwB,GAAG;IAC9B,YAAY,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IACrC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,kBAAkB,kDAI5B,wBAAwB,KAAG,eAgE7B,CAAC"}

package/components/DevCenter/IsolatedDevCenterAppContainer/useFullscreenModes.js

@@ -0,0 +1,2 @@
+import e from"@babel/runtime/helpers/slicedToArray";import{useState as n,useEffect as r,useCallback as t}from"react";import{MAXIMIZE_DC_PARAM as o}from"../../../utils/devcenter.js";var c=function(c){var i=c.containerRef,a=c.appInstanceId,s=c.isMaximized,l=n(!1),u=e(l,2),d=u[0],w=u[1],f=!!window.opener&&s&&new URLSearchParams(window.location.search).has("fullscreenWindow");r((function(){var e=function(){return w(document.fullscreenElement===i.current)};return document.addEventListener("fullscreenchange",e),function(){return document.removeEventListener("fullscreenchange",e)}}),[i]);var m=t((function(){var e;null===(e=i.current)||void 0===e||e.requestFullscreen().catch((function(e){console.error("[useFullscreenModes] Fullscreen request rejected:",e)}))}),[i]),h=t((function(){document.exitFullscreen()}),[]),p=t((function(){var e=new URL(window.location.href);e.searchParams.set(o,String(a)),e.searchParams.set("fullscreenWindow",String(!0)),window.open(e.toString(),"_blank","toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes,width=".concat(.75*window.screen.availWidth,",height=").concat(.75*window.screen.availHeight))}),[a]),v=t((function(){return window.close()}),[]),S=t((function(e){f&&e&&(document.title=e)}),[f]);return{isBrowserFullscreen:d,enterBrowserFullscreen:m,exitBrowserFullscreen:h,isSeparateWindow:f,openSeparateWindow:p,closeSeparateWindow:v,setSeparateWindowTitle:S}};export{c as useFullscreenModes};
+//# sourceMappingURL=useFullscreenModes.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFullscreenModes.js","sources":["../../../../src/components/DevCenter/IsolatedDevCenterAppContainer/useFullscreenModes.ts"],"sourcesContent":["import { RefObject, useCallback, useEffect, useState } from 'react';\n\nimport { FullscreenModes } from '../../../types';\nimport { MAXIMIZE_DC_PARAM } from '../../../utils/devcenter';\n\nconst SEPARATE_WINDOW_PARAM = 'fullscreenWindow';\n\ntype UseFullscreenModesParams = {\n  containerRef: RefObject<HTMLElement>;\n  appInstanceId?: number;\n  isMaximized: boolean;\n};\n\nexport const useFullscreenModes = ({\n  containerRef,\n  appInstanceId,\n  isMaximized,\n}: UseFullscreenModesParams): FullscreenModes => {\n  const [isBrowserFullscreen, setIsBrowserFullscreen] = useState(false);\n\n  // A tab can have an opener for unrelated reasons (ctrl-click, target=_blank), so the window we\n  // opened is identified by the param we put in its URL, not by the opener alone.\n  const isSeparateWindow =\n    !!window.opener &&\n    isMaximized &&\n    new URLSearchParams(window.location.search).has(SEPARATE_WINDOW_PARAM);\n\n  useEffect(() => {\n    // Every app on the dashboard receives this event, so compare against our own container.\n    const syncBrowserFullscreen = () =>\n      setIsBrowserFullscreen(document.fullscreenElement === containerRef.current);\n\n    document.addEventListener('fullscreenchange', syncBrowserFullscreen);\n\n    return () => document.removeEventListener('fullscreenchange', syncBrowserFullscreen);\n  }, [containerRef]);\n\n  const enterBrowserFullscreen = useCallback(() => {\n    containerRef.current?.requestFullscreen().catch(error => {\n      // eslint-disable-next-line no-console\n      console.error('[useFullscreenModes] Fullscreen request rejected:', error);\n    });\n  }, [containerRef]);\n\n  const exitBrowserFullscreen = useCallback(() => {\n    document.exitFullscreen();\n  }, []);\n\n  const openSeparateWindow = useCallback(() => {\n    const windowUrl = new URL(window.location.href);\n\n    windowUrl.searchParams.set(MAXIMIZE_DC_PARAM, String(appInstanceId));\n    windowUrl.searchParams.set(SEPARATE_WINDOW_PARAM, String(true));\n\n    window.open(\n      windowUrl.toString(),\n      '_blank',\n      `toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes,width=${\n        window.screen.availWidth * 0.75\n      },height=${window.screen.availHeight * 0.75}`\n    );\n  }, [appInstanceId]);\n\n  const closeSeparateWindow = useCallback(() => window.close(), []);\n\n  const setSeparateWindowTitle = useCallback(\n    (title: string) => {\n      if (isSeparateWindow && title) document.title = title;\n    },\n    [isSeparateWindow]\n  );\n\n  return {\n    isBrowserFullscreen,\n    enterBrowserFullscreen,\n    exitBrowserFullscreen,\n    isSeparateWindow,\n    openSeparateWindow,\n    closeSeparateWindow,\n    setSeparateWindowTitle,\n  };\n};\n"],"names":["useFullscreenModes","_ref","containerRef","appInstanceId","isMaximized","useState","_useState2","_slicedToArray","_useState","isBrowserFullscreen","setIsBrowserFullscreen","isSeparateWindow","window","opener","URLSearchParams","location","search","has","useEffect","syncBrowserFullscreen","document","fullscreenElement","current","addEventListener","removeEventListener","enterBrowserFullscreen","useCallback","_containerRef$current","requestFullscreen","catch","error","console","exitBrowserFullscreen","exitFullscreen","openSeparateWindow","windowUrl","URL","href","searchParams","set","MAXIMIZE_DC_PARAM","String","open","toString","concat","screen","availWidth","availHeight","closeSeparateWindow","close","setSeparateWindowTitle","title"],"mappings":"qLAKA,IAQaA,EAAqB,SAIeC,GAAA,IAH/CC,IAAAA,aACAC,IAAAA,cACAC,IAAAA,YAEsDC,EAAAA,GAAS,GAAMC,EAAAC,EAAAC,EAAA,GAA9DC,EAAmBH,EAAA,GAAEI,EAAsBJ,EAAA,GAI5CK,IACFC,OAAOC,QACTT,GACA,IAAIU,gBAAgBF,OAAOG,SAASC,QAAQC,IApBlB,oBAsB5BC,GAAU,WAER,IAAMC,EAAwB,WAAH,OACzBT,EAAuBU,SAASC,oBAAsBnB,EAAaoB,QAAQ,EAI7E,OAFAF,SAASG,iBAAiB,mBAAoBJ,GAEvC,WAAA,OAAMC,SAASI,oBAAoB,mBAAoBL,EAAsB,CACtF,GAAG,CAACjB,IAEJ,IAAMuB,EAAyBC,GAAY,WAAM,IAAAC,EAC3B,QAApBA,EAAAzB,EAAaoB,eAAO,IAAAK,GAApBA,EAAsBC,oBAAoBC,OAAM,SAAAC,GAE9CC,QAAQD,MAAM,oDAAqDA,EACrE,GACF,GAAG,CAAC5B,IAEE8B,EAAwBN,GAAY,WACxCN,SAASa,gBACV,GAAE,IAEGC,EAAqBR,GAAY,WACrC,IAAMS,EAAY,IAAIC,IAAIxB,OAAOG,SAASsB,MAE1CF,EAAUG,aAAaC,IAAIC,EAAmBC,OAAOtC,IACrDgC,EAAUG,aAAaC,IA/CG,mBA+CwBE,QAAO,IAEzD7B,OAAO8B,KACLP,EAAUQ,WACV,SAAQ,kFAAAC,OAEqB,IAA3BhC,OAAOiC,OAAOC,WACLlC,YAAAA,OAA4B,IAA5BA,OAAOiC,OAAOE,aAE7B,GAAG,CAAC5C,IAEE6C,EAAsBtB,GAAY,WAAA,OAAMd,OAAOqC,OAAO,GAAE,IAExDC,EAAyBxB,GAC7B,SAACyB,GACKxC,GAAoBwC,IAAO/B,SAAS+B,MAAQA,EAClD,GACA,CAACxC,IAGH,MAAO,CACLF,oBAAAA,EACAgB,uBAAAA,EACAO,sBAAAA,EACArB,iBAAAA,EACAuB,mBAAAA,EACAc,oBAAAA,EACAE,uBAAAA,EAEJ"}

package/components/DocumentViewer/DocumentViewer.js

@@ -1,2 +1,2 @@
-import e from"@babel/runtime/helpers/defineProperty";import o from"@babel/runtime/helpers/slicedToArray";import{useState as t,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 d from"@material-ui/icons/GetApp";import{useStyles as j}from"./styles.js";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{jsx as u,jsxs as C}from"react/jsx-runtime";import"../../icons/IconParkProvider.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.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"file-extension";import"image-extensions";import"video-extensions";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/ChartAxisExtreme/ChartAxisExtreme.scss.js";import"highcharts";import"../../componentsV2/ChartAxisExtreme/ChartAxisExtremeDragTracker.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"../../componentsV2/SliderAdvanced/SliderAdvanced.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"../../componentsV2/ChartHelper/ChartHelper.scss.js";import"../../componentsV2/Hotkey/Hotkey.js";import"../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js";import"../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js";import"../DevCenter/DevCenterAppContainer/components/DevCenterAppView/components/ChooseAssetButton.js";import"../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.scss.js";import"../ErrorBoundary/ErrorBoundary.js";import"../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.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 I from"../LoadingIndicator/LoadingIndicator.js";import"../Typography.js";import"../RealTimeValuesSidebar/RealTimeSidebar.js";import"../CollapsableSidebar.js";import"../DateTimePicker/index.js";import"../DatePicker/index.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/ChartWrapperContext.js";import"../Chart/effects/useChartModifier.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";import"../CommentCard/CommentCard.js";import"@material-ui/icons/AlternateEmail";import"../AttachFileButton/AttachFileButton.scss.js";import"../CommentInputNext/CommentInputNext.js";import"../UserMention/utils/index.js";import"react-s3-uploader/s3upload";import"../CommentComposer/CommentMetaLine.scss.js";import"@material-ui/icons/ArrowDropDown";import"@material-ui/icons/Search";import"../CommentComposer/ChatChannelSelector.scss.js";import"../CommentComposer/ShareToChatRow.scss.js";import"../CommentComposer/CommentComposer.scss.js";import"../AttachmentPreview/AttachmentPreview.js";import"../AttachmentPreview/AttachmentPreview.scss.js";import"../CommentPin/CommentPin.js";import"../FeedCard/FeedCard.js";import"../FeedItemCard/FeedItemCard.js";import"../NewCommentCursor/NewCommentCursor.js";import"../FeedItem/feedItemTypes/AlertFeedItem.js";import"../FeedItem/feedItemTypes/PostFeedItem.js";import"../FeedItem/feedItemTypes/GeosteeringFeedItem.js";import"../FeedItem/feedItemTypes/DrillingOperationalNoteFeedItem.js";import"../FeedItem/feedItemTypes/DrillingOperationSummaryFeedItem.js";import"../FeedItem/feedItemTypes/DrillingDailyCostFeedItem.js";import"../FeedItem/feedItemTypes/DocumentFeedItem.js";import"../FeedItem/feedItemTypes/DrillerMemoFeedItem.js";import"../FeedItem/feedItemTypes/NptFeedItem.js";import"../FeedItem/feedItemTypes/SurveyStationFeedItem/index.js";import"../FeedItem/feedItemTypes/LessonsLearnedFeedItem/index.js";import"../FeedItem/feedItemTypes/TracesMemoFeedItem.js";import"../FeedItem/feedItemTypes/DepthCommentFeedItem.js";import"../FeedItem/feedItemTypes/CompletionOperationalNoteFeedItem.js";import"../FeedItem/feedItemTypes/CompletionOperationSummaryFeedItem.js";import"../FeedItem/feedItemTypes/CompletionDailyCostFeedItem.js";import"../FeedItem/feedItemTypes/CompletionDocumentFeedItem.js";import"../FeedItem/feedItemTypes/CompletionNptFeedItem.js";import"../FeedItem/feedItemTypes/StageOverviewFeedItem/index.js";import"../FeedItem/feedItemTypes/AppAnnotationFeedItem/index.js";import"../FeedItem/feedItemTypes/WellPlanFeedItem/index.js";import"../FeedItem/feedItemTypes/FluidReportFeedItem.js";import"../FeedItem/feedItemTypes/BhaFeedItem/BhaFeedItem.js";import"../FeedItem/feedItemTypes/DvDCommentFeedItem.js";import"../FeedItem/feedItemTypes/PCCommentFeedItem.js";import"../FeedItem/feedItemTypes/HookloadCommentFeedItem.js";import"../FeedItem/feedItemTypes/NptLessonsCommentFeedItem.js";import"../FeedItem/feedItemTypes/GenericDataCommentFeedItem.js";var A=function(r){var A=r.open,V=r.fileUrl,S=r.fileSize,F=r.fileName,g=r.webviewType,v=void 0===g?"google":g,T=r.onClose,D=t(!0),h=o(D,2),f=h[0],P=h[1],x=t(!1),b=o(x,2),y=b[0],B=b[1],k=s(null),E=s(null),L=j(),w=i((function(){return"office"===v?"https://view.officeapps.live.com/op/embed.aspx?src=".concat(window.encodeURIComponent(V)):"https://docs.google.com/viewer?url=".concat(encodeURIComponent(V),"&embedded=true")}),[V]),M=function(){E.current&&(E.current.src=w(),E.current.contentWindow.location.reload())},H=function(){k.current&&clearInterval(k.current),P(!1)};return n((function(){P(!0),B(!1);var e=S&&S>=1048576?S/1048576*1e4:1e4;return k&&A&&(clearInterval(k.current),k.current=setInterval(M,e)),function(){clearInterval(k.current)}}),[V,A]),u(m,{open:A,onClose:T,onContextMenu:function(e){return e.stopPropagation()},children:C("div",{className:L.cDocsViewer,children:[C("div",{className:L.cDocsViewerToolbar,children:[u(c,{children:F}),C("div",{children:[u(a,{size:"small",className:L.cDocsViewerToolbarIconButton,children:u("a",{download:!0,href:V,target:"_blank",rel:"noopener noreferrer",children:u(d,{fontSize:"small"})})}),u(a,{size:"small",onClick:T,className:L.cDocsViewerToolbarIconButton,children:u(l,{fontSize:"small"})})]})]}),f&&u("div",{className:L.cDocsViewerFrame,children:u(I,{white:!1})}),y?u("div",{className:L.cDocsViewerFrame,children:u(c,{variant:"body2",className:L.cDocsViewerFrameFailed,children:"Loading failed"})}):u("iframe",{className:p(L.cDocsViewerFrame,e({},L.cDocsViewerFrameHidden,f)),title:V,src:w(),onLoad:H,onError:function(){H(),B(!0)},ref:E})]})})};A.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};export{A as default};
+import e from"@babel/runtime/helpers/defineProperty";import o from"@babel/runtime/helpers/slicedToArray";import{useState as t,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 d from"@material-ui/icons/GetApp";import{useStyles as j}from"./styles.js";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{jsx as u,jsxs as C}from"react/jsx-runtime";import"../../icons/IconParkProvider.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.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/TextArea/TextArea.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"file-extension";import"image-extensions";import"video-extensions";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/ChartAxisExtreme/ChartAxisExtreme.scss.js";import"highcharts";import"../../componentsV2/ChartAxisExtreme/ChartAxisExtremeDragTracker.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"../../componentsV2/SliderAdvanced/SliderAdvanced.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"../../componentsV2/ChartHelper/ChartHelper.scss.js";import"../../componentsV2/Hotkey/Hotkey.js";import"@tanstack/react-query";import"../../componentsV2/InterventionEventSelector/useInterventionUnitEvents.js";import"../../componentsV2/InterventionEventSelector/InterventionEventSelector.scss.js";import"../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js";import"../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js";import"../DevCenter/DevCenterAppContainer/components/DevCenterAppView/components/ChooseAssetButton.js";import"../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.scss.js";import"../ErrorBoundary/ErrorBoundary.js";import"../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.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 I from"../LoadingIndicator/LoadingIndicator.js";import"../Typography.js";import"../RealTimeValuesSidebar/RealTimeSidebar.js";import"../CollapsableSidebar.js";import"../DateTimePicker/index.js";import"../DatePicker/index.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/ChartWrapperContext.js";import"../Chart/effects/useChartModifier.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";import"../CommentCard/CommentCard.js";import"@material-ui/icons/AlternateEmail";import"../AttachFileButton/AttachFileButton.scss.js";import"../CommentInputNext/CommentInputNext.js";import"../UserMention/utils/index.js";import"react-s3-uploader/s3upload";import"../CommentComposer/CommentMetaLine.scss.js";import"@material-ui/icons/ArrowDropDown";import"@material-ui/icons/Search";import"../CommentComposer/ChatChannelSelector.scss.js";import"../CommentComposer/ShareToChatRow.scss.js";import"../CommentComposer/CommentComposer.scss.js";import"../AttachmentPreview/AttachmentPreview.js";import"../AttachmentPreview/AttachmentImage.js";import"../AttachmentPreview/AttachmentPreview.scss.js";import"../CommentPin/CommentPin.js";import"../FeedCard/FeedCard.js";import"../FeedItemCard/FeedItemCard.js";import"../NewCommentCursor/NewCommentCursor.js";import"../LinkedText/LinkedText.js";import"../FeedItem/feedItemTypes/AlertFeedItem.js";import"../FeedItem/feedItemTypes/PostFeedItem.js";import"../FeedItem/feedItemTypes/GeosteeringFeedItem.js";import"../FeedItem/feedItemTypes/DrillingOperationalNoteFeedItem.js";import"../FeedItem/feedItemTypes/DrillingOperationSummaryFeedItem.js";import"../FeedItem/feedItemTypes/DrillingDailyCostFeedItem.js";import"../FeedItem/feedItemTypes/DocumentFeedItem.js";import"../FeedItem/feedItemTypes/DrillerMemoFeedItem.js";import"../FeedItem/feedItemTypes/NptFeedItem.js";import"../FeedItem/feedItemTypes/SurveyStationFeedItem/index.js";import"../FeedItem/feedItemTypes/LessonsLearnedFeedItem/index.js";import"../FeedItem/feedItemTypes/TracesMemoFeedItem.js";import"../FeedItem/feedItemTypes/DepthCommentFeedItem.js";import"../FeedItem/feedItemTypes/CompletionOperationalNoteFeedItem.js";import"../FeedItem/feedItemTypes/CompletionOperationSummaryFeedItem.js";import"../FeedItem/feedItemTypes/CompletionDailyCostFeedItem.js";import"../FeedItem/feedItemTypes/CompletionDocumentFeedItem.js";import"../FeedItem/feedItemTypes/CompletionNptFeedItem.js";import"../FeedItem/feedItemTypes/StageOverviewFeedItem/index.js";import"../FeedItem/feedItemTypes/AppAnnotationFeedItem/index.js";import"../FeedItem/feedItemTypes/WellPlanFeedItem/index.js";import"../FeedItem/feedItemTypes/FluidReportFeedItem.js";import"../FeedItem/feedItemTypes/BhaFeedItem/BhaFeedItem.js";import"../FeedItem/feedItemTypes/DvDCommentFeedItem.js";import"../FeedItem/feedItemTypes/PCCommentFeedItem.js";import"../FeedItem/feedItemTypes/HookloadCommentFeedItem.js";import"../FeedItem/feedItemTypes/NptLessonsCommentFeedItem.js";import"../FeedItem/feedItemTypes/GenericDataCommentFeedItem.js";var A=function(r){var A=r.open,V=r.fileUrl,S=r.fileSize,v=r.fileName,F=r.webviewType,T=void 0===F?"google":F,g=r.onClose,D=t(!0),h=o(D,2),P=h[0],f=h[1],x=t(!1),b=o(x,2),y=b[0],B=b[1],k=s(null),E=s(null),L=j(),w=i((function(){return"office"===T?"https://view.officeapps.live.com/op/embed.aspx?src=".concat(window.encodeURIComponent(V)):"https://docs.google.com/viewer?url=".concat(encodeURIComponent(V),"&embedded=true")}),[V]),M=function(){E.current&&(E.current.src=w(),E.current.contentWindow.location.reload())},H=function(){k.current&&clearInterval(k.current),f(!1)};return n((function(){f(!0),B(!1);var e=S&&S>=1048576?S/1048576*1e4:1e4;return k&&A&&(clearInterval(k.current),k.current=setInterval(M,e)),function(){clearInterval(k.current)}}),[V,A]),u(m,{open:A,onClose:g,onContextMenu:function(e){return e.stopPropagation()},children:C("div",{className:L.cDocsViewer,children:[C("div",{className:L.cDocsViewerToolbar,children:[u(c,{children:v}),C("div",{children:[u(a,{size:"small",className:L.cDocsViewerToolbarIconButton,children:u("a",{download:!0,href:V,target:"_blank",rel:"noopener noreferrer",children:u(d,{fontSize:"small"})})}),u(a,{size:"small",onClick:g,className:L.cDocsViewerToolbarIconButton,children:u(l,{fontSize:"small"})})]})]}),P&&u("div",{className:L.cDocsViewerFrame,children:u(I,{white:!1})}),y?u("div",{className:L.cDocsViewerFrame,children:u(c,{variant:"body2",className:L.cDocsViewerFrameFailed,children:"Loading failed"})}):u("iframe",{className:p(L.cDocsViewerFrame,e({},L.cDocsViewerFrameHidden,P)),title:V,src:w(),onLoad:H,onError:function(){H(),B(!0)},ref:E})]})})};A.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};export{A 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 = 'google', onClose }) => {\n  const [isLoading, setIsLoading] = useState(true);\n  const [isLoadingFailed, setIsLoadingFailed] = useState(false);\n  const timeoutRef = createRef(null);\n  const iframeRef = createRef(null);\n  const styles = useStyles();\n\n  const getIframeLink = useCallback(() => {\n    return webviewType === 'office'\n      ? `https://view.officeapps.live.com/op/embed.aspx?src=${window.encodeURIComponent(fileUrl)}`\n      : `https://docs.google.com/viewer?url=${encodeURIComponent(fileUrl)}&embedded=true`;\n  }, [fileUrl]);\n\n  const reloadFrame = () => {\n    if (iframeRef.current) {\n      iframeRef.current.src = getIframeLink();\n      iframeRef.current.contentWindow.location.reload();\n    }\n  };\n\n  const handleFrameLoad = () => {\n    if (timeoutRef.current) {\n      clearInterval(timeoutRef.current);\n    }\n    setIsLoading(false);\n  };\n\n  const handleFrameError = () => {\n    handleFrameLoad();\n    setIsLoadingFailed(true);\n  };\n\n  useEffect(() => {\n    setIsLoading(true);\n    setIsLoadingFailed(false);\n    const timeOut =\n      fileSize && fileSize >= BYTES_IN_MEGABYTE\n        ? (fileSize / BYTES_IN_MEGABYTE) * REQUEST_TIMEOUT\n        : REQUEST_TIMEOUT;\n\n    if (timeoutRef && open) {\n      clearInterval(timeoutRef.current);\n      timeoutRef.current = setInterval(reloadFrame, timeOut);\n    }\n\n    return () => {\n      clearInterval(timeoutRef.current);\n    };\n  }, [fileUrl, open]);\n\n  return (\n    <Modal open={open} onClose={onClose} onContextMenu={e => e.stopPropagation()}>\n      <div className={styles.cDocsViewer}>\n        <div className={styles.cDocsViewerToolbar}>\n          <Typography>{fileName}</Typography>\n          <div>\n            <IconButton size=\"small\" className={styles.cDocsViewerToolbarIconButton}>\n              <a download href={fileUrl} target=\"_blank\" rel=\"noopener noreferrer\">\n                <GetAppIcon fontSize=\"small\" />\n              </a>\n            </IconButton>\n            <IconButton\n              size=\"small\"\n              onClick={onClose}\n              className={styles.cDocsViewerToolbarIconButton}\n            >\n              <CloseIcon fontSize=\"small\" />\n            </IconButton>\n          </div>\n        </div>\n\n        {isLoading && (\n          <div className={styles.cDocsViewerFrame}>\n            <LoadingIndicator white={false} />\n          </div>\n        )}\n        {isLoadingFailed ? (\n          <div className={styles.cDocsViewerFrame}>\n            <Typography variant=\"body2\" className={styles.cDocsViewerFrameFailed}>\n              Loading failed\n            </Typography>\n          </div>\n        ) : (\n          <iframe\n            className={classNames(styles.cDocsViewerFrame, {\n              [styles.cDocsViewerFrameHidden]: isLoading,\n            })}\n            title={fileUrl}\n            src={getIframeLink()}\n            onLoad={handleFrameLoad}\n            onError={handleFrameError}\n            ref={iframeRef}\n          />\n        )}\n      </div>\n    </Modal>\n  );\n};\n\nDocumentViewer.propTypes = {\n  open: PropTypes.bool.isRequired,\n  fileUrl: PropTypes.string.isRequired,\n  webviewType: PropTypes.oneOf(['google', 'office']),\n  fileName: PropTypes.string,\n  fileSize: PropTypes.number,\n  onClose: PropTypes.func.isRequired,\n  classes: PropTypes.shape({}).isRequired,\n};\n\nexport default DocumentViewer;\n"],"names":["DocumentViewer","_ref","open","fileUrl","fileSize","fileName","_ref$webviewType","webviewType","onClose","useState","_useState2","_slicedToArray","_useState","isLoading","setIsLoading","_useState4","_useState3","isLoadingFailed","setIsLoadingFailed","timeoutRef","createRef","iframeRef","styles","useStyles","getIframeLink","useCallback","concat","window","encodeURIComponent","reloadFrame","current","src","contentWindow","location","reload","handleFrameLoad","clearInterval","useEffect","timeOut","setInterval","_jsx","Modal","onContextMenu","e","stopPropagation","children","_jsxs","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"],"mappings":"0/0BAWA,IAGMA,EAAiB,SAA4EC,GAAA,IAAzEC,IAAAA,KAAMC,IAAAA,QAASC,IAAAA,SAAUC,IAAAA,SAAQC,EAAAL,EAAEM,YAAAA,aAAc,SAAQD,EAAEE,IAAAA,QACjDC,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,mBAAmBzB,IAC1CyB,sCAAAA,OAAAA,mBAAmBzB,GAAwB,iBACvF,GAAG,CAACA,IAEE0B,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,EACJlC,GAAYA,GAtCQ,QAuCfA,EAvCe,QADF,QAgDpB,OALIe,GAAcjB,IAChBkC,cAAcjB,EAAWW,SACzBX,EAAWW,QAAUS,YAAYV,EAAaS,IAGzC,WACLF,cAAcjB,EAAWW,SAE7B,GAAG,CAAC3B,EAASD,IAGXsC,EAACC,EAAK,CAACvC,KAAMA,EAAMM,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,SAAExC,IACbyC,EAAA,MAAA,CAAAD,SAAA,CACEL,EAACW,EAAU,CAACC,KAAK,QAAQL,UAAWzB,EAAO+B,6BAA6BR,SACtEL,EAAA,IAAA,CAAGc,UAAQ,EAACC,KAAMpD,EAASqD,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,MAAOlE,EACP4B,IAAKP,IACL8C,OAAQnC,EACRoC,QA/De,WACvBpC,IACAjB,GAAmB,IA8DXsD,IAAKnD,QAMjB,EAEArB,EAAeyE,UAAY,CACzBvE,KAAMwE,EAAUC,KAAKC,WACrBzE,QAASuE,EAAUG,OAAOD,WAC1BrE,YAAamE,EAAUI,MAAM,CAAC,SAAU,WACxCzE,SAAUqE,EAAUG,OACpBzE,SAAUsE,EAAUK,OACpBvE,QAASkE,EAAUM,KAAKJ,WACxBK,QAASP,EAAUQ,MAAM,CAAA,GAAIN"}
+{"version":3,"file":"DocumentViewer.js","sources":["../../../src/components/DocumentViewer/DocumentViewer.js"],"sourcesContent":["import { createRef, useCallback, useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { Typography, Modal, IconButton } from '@material-ui/core';\nimport CloseIcon from '@material-ui/icons/Close';\nimport GetAppIcon from '@material-ui/icons/GetApp';\n\nimport { useStyles } from './styles.js';\n\nimport { LoadingIndicator } from '~/components';\n\nconst REQUEST_TIMEOUT = 10000;\nconst BYTES_IN_MEGABYTE = 1048576;\n\nconst DocumentViewer = ({ open, fileUrl, fileSize, fileName, webviewType = 'google', onClose }) => {\n  const [isLoading, setIsLoading] = useState(true);\n  const [isLoadingFailed, setIsLoadingFailed] = useState(false);\n  const timeoutRef = createRef(null);\n  const iframeRef = createRef(null);\n  const styles = useStyles();\n\n  const getIframeLink = useCallback(() => {\n    return webviewType === 'office'\n      ? `https://view.officeapps.live.com/op/embed.aspx?src=${window.encodeURIComponent(fileUrl)}`\n      : `https://docs.google.com/viewer?url=${encodeURIComponent(fileUrl)}&embedded=true`;\n  }, [fileUrl]);\n\n  const reloadFrame = () => {\n    if (iframeRef.current) {\n      iframeRef.current.src = getIframeLink();\n      iframeRef.current.contentWindow.location.reload();\n    }\n  };\n\n  const handleFrameLoad = () => {\n    if (timeoutRef.current) {\n      clearInterval(timeoutRef.current);\n    }\n    setIsLoading(false);\n  };\n\n  const handleFrameError = () => {\n    handleFrameLoad();\n    setIsLoadingFailed(true);\n  };\n\n  useEffect(() => {\n    setIsLoading(true);\n    setIsLoadingFailed(false);\n    const timeOut =\n      fileSize && fileSize >= BYTES_IN_MEGABYTE\n        ? (fileSize / BYTES_IN_MEGABYTE) * REQUEST_TIMEOUT\n        : REQUEST_TIMEOUT;\n\n    if (timeoutRef && open) {\n      clearInterval(timeoutRef.current);\n      timeoutRef.current = setInterval(reloadFrame, timeOut);\n    }\n\n    return () => {\n      clearInterval(timeoutRef.current);\n    };\n  }, [fileUrl, open]);\n\n  return (\n    <Modal open={open} onClose={onClose} onContextMenu={e => e.stopPropagation()}>\n      <div className={styles.cDocsViewer}>\n        <div className={styles.cDocsViewerToolbar}>\n          <Typography>{fileName}</Typography>\n          <div>\n            <IconButton size=\"small\" className={styles.cDocsViewerToolbarIconButton}>\n              <a download href={fileUrl} target=\"_blank\" rel=\"noopener noreferrer\">\n                <GetAppIcon fontSize=\"small\" />\n              </a>\n            </IconButton>\n            <IconButton\n              size=\"small\"\n              onClick={onClose}\n              className={styles.cDocsViewerToolbarIconButton}\n            >\n              <CloseIcon fontSize=\"small\" />\n            </IconButton>\n          </div>\n        </div>\n\n        {isLoading && (\n          <div className={styles.cDocsViewerFrame}>\n            <LoadingIndicator white={false} />\n          </div>\n        )}\n        {isLoadingFailed ? (\n          <div className={styles.cDocsViewerFrame}>\n            <Typography variant=\"body2\" className={styles.cDocsViewerFrameFailed}>\n              Loading failed\n            </Typography>\n          </div>\n        ) : (\n          <iframe\n            className={classNames(styles.cDocsViewerFrame, {\n              [styles.cDocsViewerFrameHidden]: isLoading,\n            })}\n            title={fileUrl}\n            src={getIframeLink()}\n            onLoad={handleFrameLoad}\n            onError={handleFrameError}\n            ref={iframeRef}\n          />\n        )}\n      </div>\n    </Modal>\n  );\n};\n\nDocumentViewer.propTypes = {\n  open: PropTypes.bool.isRequired,\n  fileUrl: PropTypes.string.isRequired,\n  webviewType: PropTypes.oneOf(['google', 'office']),\n  fileName: PropTypes.string,\n  fileSize: PropTypes.number,\n  onClose: PropTypes.func.isRequired,\n  classes: PropTypes.shape({}).isRequired,\n};\n\nexport default DocumentViewer;\n"],"names":["DocumentViewer","_ref","open","fileUrl","fileSize","fileName","_ref$webviewType","webviewType","onClose","useState","_useState2","_slicedToArray","_useState","isLoading","setIsLoading","_useState4","_useState3","isLoadingFailed","setIsLoadingFailed","timeoutRef","createRef","iframeRef","styles","useStyles","getIframeLink","useCallback","concat","window","encodeURIComponent","reloadFrame","current","src","contentWindow","location","reload","handleFrameLoad","clearInterval","useEffect","timeOut","setInterval","_jsx","Modal","onContextMenu","e","stopPropagation","children","_jsxs","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"],"mappings":"q01BAWA,IAGMA,EAAiB,SAA4EC,GAAA,IAAzEC,IAAAA,KAAMC,IAAAA,QAASC,IAAAA,SAAUC,IAAAA,SAAQC,EAAAL,EAAEM,YAAAA,aAAc,SAAQD,EAAEE,IAAAA,QACjDC,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,mBAAmBzB,IAC1CyB,sCAAAA,OAAAA,mBAAmBzB,GAAwB,iBACvF,GAAG,CAACA,IAEE0B,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,EACJlC,GAAYA,GAtCQ,QAuCfA,EAvCe,QADF,QAgDpB,OALIe,GAAcjB,IAChBkC,cAAcjB,EAAWW,SACzBX,EAAWW,QAAUS,YAAYV,EAAaS,IAGzC,WACLF,cAAcjB,EAAWW,SAE7B,GAAG,CAAC3B,EAASD,IAGXsC,EAACC,EAAK,CAACvC,KAAMA,EAAMM,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,SAAExC,IACbyC,EAAA,MAAA,CAAAD,SAAA,CACEL,EAACW,EAAU,CAACC,KAAK,QAAQL,UAAWzB,EAAO+B,6BAA6BR,SACtEL,EAAA,IAAA,CAAGc,UAAQ,EAACC,KAAMpD,EAASqD,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,MAAOlE,EACP4B,IAAKP,IACL8C,OAAQnC,EACRoC,QA/De,WACvBpC,IACAjB,GAAmB,IA8DXsD,IAAKnD,QAMjB,EAEArB,EAAeyE,UAAY,CACzBvE,KAAMwE,EAAUC,KAAKC,WACrBzE,QAASuE,EAAUG,OAAOD,WAC1BrE,YAAamE,EAAUI,MAAM,CAAC,SAAU,WACxCzE,SAAUqE,EAAUG,OACpBzE,SAAUsE,EAAUK,OACpBvE,QAASkE,EAAUM,KAAKJ,WACxBK,QAASP,EAAUQ,MAAM,CAAA,GAAIN"}