andoncloud-sdk 1.3.2 → 1.3.5

package/dist/andoncloud-sdk.js

@@ -2,12 +2,13 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 var React = require('react');
 var React__default = _interopDefault(React);
-var mobx = require('mobx');
 var reactRouterDom = require('react-router-dom');
 var propTypes = require('prop-types');
 var CssBaseline = _interopDefault(require('@mui/material/CssBaseline'));
 var styles = require('@mui/material/styles');
+var mobx = require('mobx');
 var material = require('@mui/material');
+var loader = _interopDefault(require('./images/loader.svg'));
 var mobxReactLite = require('mobx-react-lite');
 var Dialog = _interopDefault(require('@mui/material/Dialog'));
 var DialogContent = _interopDefault(require('@mui/material/DialogContent'));
@@ -25,6 +26,7 @@ var IconButton = _interopDefault(require('@mui/material/IconButton'));
 var MenuItem = _interopDefault(require('@mui/material/MenuItem'));
 var Menu = _interopDefault(require('@mui/material/Menu'));
 var AccessTimeIcon = _interopDefault(require('@mui/icons-material/AccessTime'));
+var backdropPattern = _interopDefault(require('./images/backdropPattern.svg'));
 
 let e={data:""},t=t=>"object"==typeof window?((t?t.querySelector("#_goober"):window._goober)||Object.assign((t||document.head).appendChild(document.createElement("style")),{innerHTML:" ",id:"_goober"})).firstChild:t||e,l=/(?:([\u0080-\uFFFF\w-%@]+) *:? *([^{;]+?);|([^;}{]*?) *{)|(}\s*)/g,a=/\/\*[^]*?\*\/|\s\s+|\n/g,n=(e,t)=>{let r="",l="",a="";for(let o in e){let s=e[o];"@"==o[0]?"i"==o[1]?r=o+" "+s+";":l+="f"==o[1]?n(s,o):o+"{"+n(s,"k"==o[1]?"":t)+"}":"object"==typeof s?l+=n(s,t?t.replace(/([^,])+/g,e=>o.replace(/(^:.*)|([^,])+/g,t=>/&/.test(t)?t.replace(/&/g,e):e?e+" "+t:t)):o):null!=s&&(o=/^--/.test(o)?o:o.replace(/[A-Z]/g,"-$&").toLowerCase(),a+=n.p?n.p(o,s):o+":"+s+";");}return r+(t&&a?t+"{"+a+"}":a)+l},o={},s=e=>{if("object"==typeof e){let t="";for(let r in e)t+=r+s(e[r]);return t}return e},c=(e,t,r,c,i)=>{let u=s(e),p=o[u]||(o[u]=(e=>{let t=0,r=11;for(;t<e.length;)r=101*r+e.charCodeAt(t++)>>>0;return "go"+r})(u));if(!o[p]){let t=u!==e?e:(e=>{let t,r=[{}];for(;t=l.exec(e.replace(a,""));)t[4]?r.shift():t[3]?r.unshift(r[0][t[3]]=r[0][t[3]]||{}):r[0][t[1]]=t[2];return r[0]})(e);o[p]=n(i?{["@keyframes "+p]:t}:t,r?"":"."+p);}return ((e,t,r)=>{-1==t.data.indexOf(e)&&(t.data=r?e+t.data:t.data+e);})(o[p],t,c),p},i=(e,t,r)=>e.reduce((e,l,a)=>{let o=t[a];if(o&&o.call){let e=o(r),t=e&&e.props&&e.props.className||/^go/.test(e)&&e;o=t?"."+t:e&&"object"==typeof e?e.props?"":n(e,""):!1===e?"":e;}return e+l+(null==o?"":o)},"");function u(e){let r=this||{},l=e.call?e(r.p):e;return c(l.unshift?l.raw?i(l,[].slice.call(arguments,1),r.p):l.reduce((e,t)=>Object.assign(e,t&&t.call?t(r.p):t),{}):l,t(r.target),r.g,r.o,r.k)}let p,d,f,g=u.bind({g:1}),b=u.bind({k:1});function h(e,t,r,l){n.p=t,p=e,d=r,f=l;}function m(e,t){let r=this||{};return function(){let l=arguments;function a(n,o){let s=Object.assign({},n),c=s.className||a.className;r.p=Object.assign({theme:d&&d()},s),r.o=/ *go\d+/.test(c),s.className=u.apply(r,l)+(c?" "+c:""),t&&(s.ref=o);let i=e;return e[0]&&(i=s.as||e,delete s.as),f&&i[0]&&f(s),p(i,s)}return t?t(a):a}}
 
@@ -790,104 +792,6 @@ function _extends$1() {
   return _extends$1.apply(this, arguments);
 }
 
-var ModalContext = React__default.createContext({
-  showModal: null,
-  hideModal: null,
-  isOpenedModal: false
-});
-
-var ModalProvider = function ModalProvider(_ref) {
-  var children = _ref.children;
-
-  var _useState = React.useState({}),
-      modalsConfig = _useState[0],
-      setConfig = _useState[1];
-
-  var hideModal = React.useCallback(function (modalKey, onClose) {
-    setConfig(function (prevConfig) {
-      var _extends2;
-
-      return _extends$1({}, prevConfig, (_extends2 = {}, _extends2[modalKey] = _extends$1({}, prevConfig[modalKey], {
-        isOpen: false
-      }), _extends2));
-    });
-
-    if (onClose) {
-      onClose();
-    }
-  }, [setConfig]);
-  var showModal = React.useCallback(function (modalKey, component, modalData) {
-    setConfig(function (prevConfig) {
-      var _extends3;
-
-      return _extends$1({}, prevConfig, (_extends3 = {}, _extends3[modalKey] = {
-        isOpen: true,
-        component: component,
-        data: modalData
-      }, _extends3));
-    });
-  }, [setConfig]);
-  var contextValue = React.useMemo(function () {
-    return {
-      showModal: showModal,
-      hideModal: hideModal,
-      isOpenedModal: Object.values(modalsConfig).some(function (_ref2) {
-        var isOpen = _ref2.isOpen;
-        return isOpen;
-      })
-    };
-  }, [hideModal, showModal, modalsConfig]);
-  return /*#__PURE__*/React__default.createElement(ModalContext.Provider, {
-    value: contextValue
-  }, children, Object.keys(modalsConfig).map(function (modalKey) {
-    var _modalsConfig$modalKe = modalsConfig[modalKey],
-        Component = _modalsConfig$modalKe.component,
-        isOpen = _modalsConfig$modalKe.isOpen,
-        data = _modalsConfig$modalKe.data;
-    return isOpen && /*#__PURE__*/React__default.createElement(Component, _extends$1({
-      onClose: function onClose() {
-        return hideModal(modalKey);
-      },
-      key: modalKey,
-      isOpen: isOpen
-    }, data));
-  }));
-};
-
-var generateModalKey = function () {
-  var count = 0;
-  return function () {
-    return "" + ++count;
-  };
-}();
-
-function useModal(component, data, onClose) {
-  var key = React.useMemo(generateModalKey, []);
-  var context = React.useContext(ModalContext);
-  var showModal = React.useCallback(function (modalData) {
-    return context.showModal(key, component, modalData instanceof Event ? data : _extends$1({}, data, modalData));
-  }, [data, context.showModal]);
-  var hideModal = React.useCallback(function () {
-    return context.hideModal(key, onClose);
-  }, [context.hideModal, onClose, key]);
-  return [showModal, hideModal];
-}
-
-useModal.ModalContext = ModalContext;
-useModal.ModalProvider = ModalProvider;
-
-var AuthConfigContext = React.createContext();
-var AuthConfigProvider = function AuthConfigProvider(_ref) {
-  var children = _ref.children,
-      config = _ref.config;
-  return /*#__PURE__*/React__default.createElement(AuthConfigContext.Provider, {
-    value: config
-  }, children);
-};
-var useAuthConfig = function useAuthConfig() {
-  return React.useContext(AuthConfigContext);
-};
-
 // A type of promise-like that resolves synchronously and supports only one observer
 
 const _iteratorSymbol = /*#__PURE__*/ typeof Symbol !== "undefined" ? (Symbol.iterator || (Symbol.iterator = Symbol("Symbol.iterator"))) : "@@iterator";
@@ -1432,7 +1336,7 @@ var SessionStore = /*#__PURE__*/function () {
   function SessionStore() {
     this.loading = false;
     this.loginStatus = {
-      status: "not_authorized"
+      status: "unknown"
     };
     this.api = new SessionAPI();
     this.networkError = null;
@@ -1530,6 +1434,10 @@ var SessionStore = /*#__PURE__*/function () {
 
               _this10.updateLoginStatus();
             });
+          } else {
+            _this10.loginStatus = {
+              status: "not_authorized"
+            };
           }
         }();
 
@@ -1622,6 +1530,119 @@ var SessionStore = /*#__PURE__*/function () {
 
 var sessionStore = new SessionStore();
 
+var useLoginStatus = function useLoginStatus() {
+  var _useState = React.useState(sessionStore.loginStatus),
+      loginStatus = _useState[0],
+      setLoginStatus = _useState[1];
+
+  React.useEffect(function () {
+    return mobx.reaction(function () {
+      return mobx.toJS(sessionStore.loginStatus);
+    }, function () {
+      setLoginStatus(sessionStore.loginStatus);
+    });
+  }, []);
+  return loginStatus;
+};
+
+var ModalContext = React__default.createContext({
+  showModal: null,
+  hideModal: null,
+  isOpenedModal: false
+});
+
+var ModalProvider = function ModalProvider(_ref) {
+  var children = _ref.children;
+
+  var _useState = React.useState({}),
+      modalsConfig = _useState[0],
+      setConfig = _useState[1];
+
+  var hideModal = React.useCallback(function (modalKey, onClose) {
+    setConfig(function (prevConfig) {
+      var _extends2;
+
+      return _extends$1({}, prevConfig, (_extends2 = {}, _extends2[modalKey] = _extends$1({}, prevConfig[modalKey], {
+        isOpen: false
+      }), _extends2));
+    });
+
+    if (onClose) {
+      onClose();
+    }
+  }, [setConfig]);
+  var showModal = React.useCallback(function (modalKey, component, modalData) {
+    setConfig(function (prevConfig) {
+      var _extends3;
+
+      return _extends$1({}, prevConfig, (_extends3 = {}, _extends3[modalKey] = {
+        isOpen: true,
+        component: component,
+        data: modalData
+      }, _extends3));
+    });
+  }, [setConfig]);
+  var contextValue = React.useMemo(function () {
+    return {
+      showModal: showModal,
+      hideModal: hideModal,
+      isOpenedModal: Object.values(modalsConfig).some(function (_ref2) {
+        var isOpen = _ref2.isOpen;
+        return isOpen;
+      })
+    };
+  }, [hideModal, showModal, modalsConfig]);
+  return /*#__PURE__*/React__default.createElement(ModalContext.Provider, {
+    value: contextValue
+  }, children, Object.keys(modalsConfig).map(function (modalKey) {
+    var _modalsConfig$modalKe = modalsConfig[modalKey],
+        Component = _modalsConfig$modalKe.component,
+        isOpen = _modalsConfig$modalKe.isOpen,
+        data = _modalsConfig$modalKe.data;
+    return isOpen && /*#__PURE__*/React__default.createElement(Component, _extends$1({
+      onClose: function onClose() {
+        return hideModal(modalKey);
+      },
+      key: modalKey,
+      isOpen: isOpen
+    }, data));
+  }));
+};
+
+var generateModalKey = function () {
+  var count = 0;
+  return function () {
+    return "" + ++count;
+  };
+}();
+
+function useModal(component, data, onClose) {
+  var key = React.useMemo(generateModalKey, []);
+  var context = React.useContext(ModalContext);
+  var showModal = React.useCallback(function (modalData) {
+    return context.showModal(key, component, modalData instanceof Event ? data : _extends$1({}, data, modalData));
+  }, [data, context.showModal]);
+  var hideModal = React.useCallback(function () {
+    return context.hideModal(key, onClose);
+  }, [context.hideModal, onClose, key]);
+  return [showModal, hideModal];
+}
+
+useModal.ModalContext = ModalContext;
+useModal.ModalProvider = ModalProvider;
+
+var AuthConfigContext = React.createContext();
+var AuthConfigProvider = function AuthConfigProvider(_ref) {
+  var children = _ref.children,
+      config = _ref.config;
+  return /*#__PURE__*/React__default.createElement(AuthConfigContext.Provider, {
+    value: config
+  }, children);
+};
+var useAuthConfig = function useAuthConfig() {
+  return React.useContext(AuthConfigContext);
+};
+
 var defaultTheme = styles.createTheme(styles.adaptV4Theme({
   props: {
     MuiButton: {
@@ -1748,6 +1769,23 @@ var defaultTheme = styles.createTheme(styles.adaptV4Theme({
   }
 }));
 
+var Loader = function Loader(_ref) {
+  var width = _ref.width,
+      dataTestId = _ref["data-testid"];
+  return /*#__PURE__*/React__default.createElement(material.Box, {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    width: "100%",
+    height: "100vh"
+  }, /*#__PURE__*/React__default.createElement("img", {
+    "data-testid": dataTestId,
+    alt: "loader",
+    width: width,
+    src: loader
+  }));
+};
+
 var useQueryParams = function useQueryParams() {
   return new URLSearchParams(reactRouterDom.useLocation().search);
 };
@@ -3236,8 +3274,6 @@ Container.defaultProps = {
   headerProps: {}
 };
 
-var backdropPattern = "backdropPattern~bkGGEBvj.svg";
-
 var FullscreenBackdrop = function FullscreenBackdrop() {
   return /*#__PURE__*/React__default.createElement("div", {
     style: {
@@ -3375,6 +3411,9 @@ var App = mobxReactLite.observer(function (_ref) {
       authProps = _ref.authProps,
       muiTheme = _ref.muiTheme;
 
+  var _useLoginStatus = useLoginStatus(),
+      status = _useLoginStatus.status;
+
   var _useState = React.useState(false),
       appReady = _useState[0],
       setAppReady = _useState[1];
@@ -3411,23 +3450,29 @@ var App = mobxReactLite.observer(function (_ref) {
     };
 
     if (authEnabled) {
-      recoverSession().then(function () {
-        return setAppReady(true);
-      });
+      recoverSession();
     } else {
       setAppReady(true);
     }
   }, [authEnabled]);
+  React.useEffect(function () {
+    if (authEnabled && status !== "unknown") {
+      setAppReady(true);
+    }
+  }, [authEnabled, status]);
   return /*#__PURE__*/React__default.createElement(styles.ThemeProvider, {
     theme: styles.createTheme(muiTheme)
   }, /*#__PURE__*/React__default.createElement(CssBaseline, null), /*#__PURE__*/React__default.createElement(Toaster, null), /*#__PURE__*/React__default.createElement(AuthConfigProvider, {
     config: _extends$1({
       baseUrl: baseUrl
     }, authProps)
-  }, sessionStore.networkError ? /*#__PURE__*/React__default.createElement(NetworkError, null) : appReady && /*#__PURE__*/React__default.createElement(Router, null, /*#__PURE__*/React__default.createElement(reactRouterDom.Route, {
+  }, sessionStore.networkError ? /*#__PURE__*/React__default.createElement(NetworkError, null) : appReady ? /*#__PURE__*/React__default.createElement(Router, null, /*#__PURE__*/React__default.createElement(reactRouterDom.Route, {
     path: "*",
     element: /*#__PURE__*/React__default.createElement(ModalProvider, null, children)
-  }))));
+  })) : /*#__PURE__*/React__default.createElement(Loader, {
+    "data-testid": "ac-sdk-app-loading",
+    width: "500px"
+  })));
 });
 App.propTypes = {
   children: propTypes.PropTypes.any.isRequired,
@@ -3447,21 +3492,6 @@ App.defaultProps = {
   muiTheme: defaultTheme
 };
 
-var useLoginStatus = function useLoginStatus() {
-  var _useState = React.useState(sessionStore.loginStatus),
-      loginStatus = _useState[0],
-      setLoginStatus = _useState[1];
-
-  React.useEffect(function () {
-    return mobx.reaction(function () {
-      return mobx.toJS(sessionStore.loginStatus);
-    }, function () {
-      setLoginStatus(sessionStore.loginStatus);
-    });
-  }, []);
-  return loginStatus;
-};
-
 var logout = function logout() {
   return sessionStore.logout();
 };