andoncloud-sdk 1.1.3 → 1.2.0

package/dist/andoncloud-sdk.js

@@ -2,32 +2,31 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 var React = require('react');
 var React__default = _interopDefault(React);
+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 useModalHook = require('use-modal-hook');
 var mobx = require('mobx');
-var reactRouterDom = require('react-router-dom');
-var reactDom = require('react-dom');
+var mobxReactLite = require('mobx-react-lite');
 var Dialog = _interopDefault(require('@mui/material/Dialog'));
 var DialogContent = _interopDefault(require('@mui/material/DialogContent'));
+var material = require('@mui/material');
+var lab = require('@mui/lab');
 var Box = _interopDefault(require('@mui/material/Box'));
-var FormControl = _interopDefault(require('@mui/material/FormControl'));
-var TextField = _interopDefault(require('@mui/material/TextField'));
-var Button = _interopDefault(require('@mui/material/Button'));
-var LoadingButton = _interopDefault(require('@mui/lab/LoadingButton'));
-var Typography = _interopDefault(require('@mui/material/Typography'));
 var Card = _interopDefault(require('@mui/material/Card'));
 var CardContent = _interopDefault(require('@mui/material/CardContent'));
+var Button = _interopDefault(require('@mui/material/Button'));
 var ExitToAppIcon = _interopDefault(require('@mui/icons-material/ExitToApp'));
 var MenuIcon = _interopDefault(require('@mui/icons-material/Menu'));
 var AppBar = _interopDefault(require('@mui/material/AppBar'));
+var Typography = _interopDefault(require('@mui/material/Typography'));
 var Toolbar = _interopDefault(require('@mui/material/Toolbar'));
 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 styles$1 = require('@mui/styles');
-var material = require('@mui/material');
 
 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-%@]+) *:? *([^{;]+?);|([^;}{]*?) *{)|(})/g,a=/\/\*[^]*?\*\/|\s\s+|\n/g,o=(e,t)=>{let r,l="",a="",n="";for(let c in e){let s=e[c];"object"==typeof s?(r=t?t.replace(/([^,])+/g,e=>c.replace(/([^,])+/g,t=>/&/.test(t)?t.replace(/&/g,e):e?e+" "+t:t)):c,a+="@"==c[0]?"f"==c[1]?o(s,c):c+"{"+o(s,"k"==c[1]?"":t)+"}":o(s,r)):"@"==c[0]&&"i"==c[1]?l=c+" "+s+";":(c=c.replace(/[A-Z]/g,"-$&").toLowerCase(),n+=o.p?o.p(c,s):c+":"+s+";");}return n[0]?(r=t?t+"{"+n+"}":n,l+r+a):l+a},n={},c=e=>{let t="";for(let r in e)t+=r+("object"==typeof e[r]?c(e[r]):e[r]);return t},s=(e,t,r,s,i)=>{let p="object"==typeof e?c(e):e,u=n[p]||(n[p]=(e=>{let t=0,r=11;for(;t<e.length;)r=101*r+e.charCodeAt(t++)>>>0;return "go"+r})(p));if(!n[u]){let t="object"==typeof 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]]||{}):t[4]||(r[0][t[1]]=t[2]);return r[0]})(e);n[u]=o(i?{["@keyframes "+u]:t}:t,r?"":"."+u);}return ((e,t,r)=>{-1==t.data.indexOf(e)&&(t.data=r?e+t.data:t.data+e);})(n[u],t,s),u},i=(e,t,r)=>e.reduce((e,l,a)=>{let n=t[a];if(n&&n.call){let e=n(r),t=e&&e.props&&e.props.className||/^go/.test(e)&&e;n=t?"."+t:e&&"object"==typeof e?e.props?"":o(e,""):e;}return e+l+(null==n?"":n)},"");function p(e){let r=this||{},l=e.call?e(r.p):e;return s(l.unshift?l.raw?i(l,[].slice.call(arguments,1),r.p):l.reduce((e,t)=>t?Object.assign(e,t.call?t(r.p):t):e,{}):l,t(r.target),r.g,r.o,r.k)}let u,f,d,g=p.bind({g:1}),b=p.bind({k:1});function h(e,t,r,l){o.p=t,u=e,f=r,d=l;}function j(e,t){let r=this||{};return function(){let l=arguments;function a(o,n){let c=Object.assign({},o),s=c.className||a.className;r.p=Object.assign({theme:f&&f()},c),r.o=/ *go\d+/.test(s),c.className=p.apply(r,l)+(s?" "+s:""),t&&(c.ref=n);let i=c.as||e;return delete c.as,d&&i[0]&&d(c),u(i,c)}return t?t(a):a}}
 
@@ -1671,404 +1670,31 @@ var defaultTheme = styles.createTheme(styles.adaptV4Theme({
   }
 }));
 
-if (!React.useState) {
-    throw new Error("mobx-react-lite requires React with Hooks support");
-}
-if (!mobx.makeObservable) {
-    throw new Error("mobx-react-lite@3 requires mobx at least version 6 to be available");
-}
-
-function defaultNoopBatch(callback) {
-    callback();
-}
-function observerBatching(reactionScheduler) {
-    if (!reactionScheduler) {
-        reactionScheduler = defaultNoopBatch;
-        if ("production" !== process.env.NODE_ENV) {
-            console.warn("[MobX] Failed to get unstable_batched updates from react-dom / react-native");
-        }
-    }
-    mobx.configure({ reactionScheduler: reactionScheduler });
-}
-
-var __read = (undefined && undefined.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
+var useQueryParams = function useQueryParams() {
+  return new URLSearchParams(reactRouterDom.useLocation().search);
 };
-var EMPTY_ARRAY = [];
-function useForceUpdate() {
-    var _a = __read(React.useState(0), 2), setTick = _a[1];
-    var update = React.useCallback(function () {
-        setTick(function (tick) { return tick + 1; });
-    }, EMPTY_ARRAY);
-    return update;
-}
-
-function printDebugValue(v) {
-    return mobx.getDependencyTree(v);
-}
-
-var FinalizationRegistryLocal = typeof FinalizationRegistry === "undefined" ? undefined : FinalizationRegistry;
 
-function createTrackingData(reaction) {
-    var trackingData = {
-        reaction: reaction,
-        mounted: false,
-        changedBeforeMount: false,
-        cleanAt: Date.now() + CLEANUP_LEAKED_REACTIONS_AFTER_MILLIS
-    };
-    return trackingData;
-}
-/**
- * The minimum time before we'll clean up a Reaction created in a render
- * for a component that hasn't managed to run its effects. This needs to
- * be big enough to ensure that a component won't turn up and have its
- * effects run without being re-rendered.
- */
-var CLEANUP_LEAKED_REACTIONS_AFTER_MILLIS = 10000;
-/**
- * The frequency with which we'll check for leaked reactions.
- */
-var CLEANUP_TIMER_LOOP_MILLIS = 10000;
-
-/**
- * FinalizationRegistry-based uncommitted reaction cleanup
- */
-function createReactionCleanupTrackingUsingFinalizationRegister(FinalizationRegistry) {
-    var cleanupTokenToReactionTrackingMap = new Map();
-    var globalCleanupTokensCounter = 1;
-    var registry = new FinalizationRegistry(function cleanupFunction(token) {
-        var trackedReaction = cleanupTokenToReactionTrackingMap.get(token);
-        if (trackedReaction) {
-            trackedReaction.reaction.dispose();
-            cleanupTokenToReactionTrackingMap.delete(token);
-        }
-    });
-    return {
-        addReactionToTrack: function (reactionTrackingRef, reaction, objectRetainedByReact) {
-            var token = globalCleanupTokensCounter++;
-            registry.register(objectRetainedByReact, token, reactionTrackingRef);
-            reactionTrackingRef.current = createTrackingData(reaction);
-            reactionTrackingRef.current.finalizationRegistryCleanupToken = token;
-            cleanupTokenToReactionTrackingMap.set(token, reactionTrackingRef.current);
-            return reactionTrackingRef.current;
-        },
-        recordReactionAsCommitted: function (reactionRef) {
-            registry.unregister(reactionRef);
-            if (reactionRef.current && reactionRef.current.finalizationRegistryCleanupToken) {
-                cleanupTokenToReactionTrackingMap.delete(reactionRef.current.finalizationRegistryCleanupToken);
-            }
-        },
-        forceCleanupTimerToRunNowForTests: function () {
-            // When FinalizationRegistry in use, this this is no-op
-        },
-        resetCleanupScheduleForTests: function () {
-            // When FinalizationRegistry in use, this this is no-op
-        }
-    };
-}
+var AuthRedirect = function AuthRedirect() {
+  var queryParams = useQueryParams();
+  var nextPath = queryParams.get("next");
+  React.useEffect(function () {
+    var code = queryParams.get("code");
 
-var __values = (undefined && undefined.__values) || function(o) {
-    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-    if (m) return m.call(o);
-    if (o && typeof o.length === "number") return {
-        next: function () {
-            if (o && i >= o.length) o = void 0;
-            return { value: o && o[i++], done: !o };
-        }
-    };
-    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-};
-/**
- * timers, gc-style, uncommitted reaction cleanup
- */
-function createTimerBasedReactionCleanupTracking() {
-    /**
-     * Reactions created by components that have yet to be fully mounted.
-     */
-    var uncommittedReactionRefs = new Set();
-    /**
-     * Latest 'uncommitted reactions' cleanup timer handle.
-     */
-    var reactionCleanupHandle;
-    /* istanbul ignore next */
-    /**
-     * Only to be used by test functions; do not export outside of mobx-react-lite
-     */
-    function forceCleanupTimerToRunNowForTests() {
-        // This allows us to control the execution of the cleanup timer
-        // to force it to run at awkward times in unit tests.
-        if (reactionCleanupHandle) {
-            clearTimeout(reactionCleanupHandle);
-            cleanUncommittedReactions();
-        }
-    }
-    /* istanbul ignore next */
-    function resetCleanupScheduleForTests() {
-        var e_1, _a;
-        if (uncommittedReactionRefs.size > 0) {
-            try {
-                for (var uncommittedReactionRefs_1 = __values(uncommittedReactionRefs), uncommittedReactionRefs_1_1 = uncommittedReactionRefs_1.next(); !uncommittedReactionRefs_1_1.done; uncommittedReactionRefs_1_1 = uncommittedReactionRefs_1.next()) {
-                    var ref = uncommittedReactionRefs_1_1.value;
-                    var tracking = ref.current;
-                    if (tracking) {
-                        tracking.reaction.dispose();
-                        ref.current = null;
-                    }
-                }
-            }
-            catch (e_1_1) { e_1 = { error: e_1_1 }; }
-            finally {
-                try {
-                    if (uncommittedReactionRefs_1_1 && !uncommittedReactionRefs_1_1.done && (_a = uncommittedReactionRefs_1.return)) _a.call(uncommittedReactionRefs_1);
-                }
-                finally { if (e_1) throw e_1.error; }
-            }
-            uncommittedReactionRefs.clear();
-        }
-        if (reactionCleanupHandle) {
-            clearTimeout(reactionCleanupHandle);
-            reactionCleanupHandle = undefined;
-        }
-    }
-    function ensureCleanupTimerRunning() {
-        if (reactionCleanupHandle === undefined) {
-            reactionCleanupHandle = setTimeout(cleanUncommittedReactions, CLEANUP_TIMER_LOOP_MILLIS);
-        }
-    }
-    function scheduleCleanupOfReactionIfLeaked(ref) {
-        uncommittedReactionRefs.add(ref);
-        ensureCleanupTimerRunning();
-    }
-    function recordReactionAsCommitted(reactionRef) {
-        uncommittedReactionRefs.delete(reactionRef);
-    }
-    /**
-     * Run by the cleanup timer to dispose any outstanding reactions
-     */
-    function cleanUncommittedReactions() {
-        reactionCleanupHandle = undefined;
-        // Loop through all the candidate leaked reactions; those older
-        // than CLEANUP_LEAKED_REACTIONS_AFTER_MILLIS get tidied.
-        var now = Date.now();
-        uncommittedReactionRefs.forEach(function (ref) {
-            var tracking = ref.current;
-            if (tracking) {
-                if (now >= tracking.cleanAt) {
-                    // It's time to tidy up this leaked reaction.
-                    tracking.reaction.dispose();
-                    ref.current = null;
-                    uncommittedReactionRefs.delete(ref);
-                }
-            }
-        });
-        if (uncommittedReactionRefs.size > 0) {
-            // We've just finished a round of cleanups but there are still
-            // some leak candidates outstanding.
-            ensureCleanupTimerRunning();
-        }
+    if (code) {
+      sessionStore.authorize({
+        code: code
+      });
     }
-    return {
-        addReactionToTrack: function (reactionTrackingRef, reaction, 
-        /**
-         * On timer based implementation we don't really need this object,
-         * but we keep the same api
-         */
-        objectRetainedByReact) {
-            reactionTrackingRef.current = createTrackingData(reaction);
-            scheduleCleanupOfReactionIfLeaked(reactionTrackingRef);
-            return reactionTrackingRef.current;
-        },
-        recordReactionAsCommitted: recordReactionAsCommitted,
-        forceCleanupTimerToRunNowForTests: forceCleanupTimerToRunNowForTests,
-        resetCleanupScheduleForTests: resetCleanupScheduleForTests
-    };
-}
-
-var _a = FinalizationRegistryLocal
-    ? createReactionCleanupTrackingUsingFinalizationRegister(FinalizationRegistryLocal)
-    : createTimerBasedReactionCleanupTracking(), addReactionToTrack = _a.addReactionToTrack, recordReactionAsCommitted = _a.recordReactionAsCommitted;
+  }, [queryParams]);
 
-var __read$1 = (undefined && undefined.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-function observerComponentNameFor(baseComponentName) {
-    return "observer" + baseComponentName;
-}
-/**
- * We use class to make it easier to detect in heap snapshots by name
- */
-var ObjectToBeRetainedByReact = /** @class */ (function () {
-    function ObjectToBeRetainedByReact() {
-    }
-    return ObjectToBeRetainedByReact;
-}());
-function useObserver(fn, baseComponentName) {
-    if (baseComponentName === void 0) { baseComponentName = "observed"; }
-    var _a = __read$1(React__default.useState(new ObjectToBeRetainedByReact()), 1), objectRetainedByReact = _a[0];
-    var forceUpdate = useForceUpdate();
-    // StrictMode/ConcurrentMode/Suspense may mean that our component is
-    // rendered and abandoned multiple times, so we need to track leaked
-    // Reactions.
-    var reactionTrackingRef = React__default.useRef(null);
-    if (!reactionTrackingRef.current) {
-        // First render for this component (or first time since a previous
-        // reaction from an abandoned render was disposed).
-        var newReaction = new mobx.Reaction(observerComponentNameFor(baseComponentName), function () {
-            // Observable has changed, meaning we want to re-render
-            // BUT if we're a component that hasn't yet got to the useEffect()
-            // stage, we might be a component that _started_ to render, but
-            // got dropped, and we don't want to make state changes then.
-            // (It triggers warnings in StrictMode, for a start.)
-            if (trackingData_1.mounted) {
-                // We have reached useEffect(), so we're mounted, and can trigger an update
-                forceUpdate();
-            }
-            else {
-                // We haven't yet reached useEffect(), so we'll need to trigger a re-render
-                // when (and if) useEffect() arrives.
-                trackingData_1.changedBeforeMount = true;
-            }
-        });
-        var trackingData_1 = addReactionToTrack(reactionTrackingRef, newReaction, objectRetainedByReact);
-    }
-    var reaction = reactionTrackingRef.current.reaction;
-    React__default.useDebugValue(reaction, printDebugValue);
-    React__default.useEffect(function () {
-        // Called on first mount only
-        recordReactionAsCommitted(reactionTrackingRef);
-        if (reactionTrackingRef.current) {
-            // Great. We've already got our reaction from our render;
-            // all we need to do is to record that it's now mounted,
-            // to allow future observable changes to trigger re-renders
-            reactionTrackingRef.current.mounted = true;
-            // Got a change before first mount, force an update
-            if (reactionTrackingRef.current.changedBeforeMount) {
-                reactionTrackingRef.current.changedBeforeMount = false;
-                forceUpdate();
-            }
-        }
-        else {
-            // The reaction we set up in our render has been disposed.
-            // This can be due to bad timings of renderings, e.g. our
-            // component was paused for a _very_ long time, and our
-            // reaction got cleaned up
-            // Re-create the reaction
-            reactionTrackingRef.current = {
-                reaction: new mobx.Reaction(observerComponentNameFor(baseComponentName), function () {
-                    // We've definitely already been mounted at this point
-                    forceUpdate();
-                }),
-                mounted: true,
-                changedBeforeMount: false,
-                cleanAt: Infinity
-            };
-            forceUpdate();
-        }
-        return function () {
-            reactionTrackingRef.current.reaction.dispose();
-            reactionTrackingRef.current = null;
-        };
-    }, []);
-    // render the original component, but have the
-    // reaction track the observables, so that rendering
-    // can be invalidated (see above) once a dependency changes
-    var rendering;
-    var exception;
-    reaction.track(function () {
-        try {
-            rendering = fn();
-        }
-        catch (e) {
-            exception = e;
-        }
+  if (sessionStore.isLoggedIn()) {
+    return /*#__PURE__*/React__default.createElement(reactRouterDom.Navigate, {
+      to: nextPath
     });
-    if (exception) {
-        throw exception; // re-throw any exceptions caught during rendering
-    }
-    return rendering;
-}
+  }
 
-var __assign = (undefined && undefined.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-// n.b. base case is not used for actual typings or exported in the typing files
-function observer(baseComponent, options) {
-    var realOptions = __assign({ forwardRef: false }, options);
-    var baseComponentName = baseComponent.displayName || baseComponent.name;
-    var wrappedComponent = function (props, ref) {
-        return useObserver(function () { return baseComponent(props, ref); }, baseComponentName);
-    };
-    wrappedComponent.displayName = baseComponentName;
-    // memo; we are not interested in deep updates
-    // in props; we assume that if deep objects are changed,
-    // this is in observables, which would have been tracked anyway
-    var memoComponent;
-    if (realOptions.forwardRef) {
-        // we have to use forwardRef here because:
-        // 1. it cannot go before memo, only after it
-        // 2. forwardRef converts the function into an actual component, so we can't let the baseComponent do it
-        //    since it wouldn't be a callable function anymore
-        memoComponent = React.memo(React.forwardRef(wrappedComponent));
-    }
-    else {
-        memoComponent = React.memo(wrappedComponent);
-    }
-    copyStaticProperties(baseComponent, memoComponent);
-    memoComponent.displayName = baseComponentName;
-    return memoComponent;
-}
-// based on https://github.com/mridgway/hoist-non-react-statics/blob/master/src/index.js
-var hoistBlackList = {
-    $$typeof: true,
-    render: true,
-    compare: true,
-    type: true
+  return null;
 };
-function copyStaticProperties(base, target) {
-    Object.keys(base).forEach(function (key) {
-        if (!hoistBlackList[key]) {
-            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(base, key));
-        }
-    });
-}
-
-if ("production" !== process.env.NODE_ENV) ;
-
-observerBatching(reactDom.unstable_batchedUpdates);
 
 var onscan = createCommonjsModule(function (module, exports) {
 (function (global, factory) {
@@ -2612,7 +2238,7 @@ var LoginForm = function LoginForm(_ref) {
       password = _useState2[0],
       setPassword = _useState2[1];
 
-  var history = reactRouterDom.useHistory();
+  var navigate = reactRouterDom.useNavigate();
   React.useEffect(function () {
     onscan.attachTo(document, {
       suffixKeyCodes: [13],
@@ -2634,7 +2260,7 @@ var LoginForm = function LoginForm(_ref) {
     if (onCancel && typeof onCancel === "function") {
       onCancel();
     } else {
-      history.push("/");
+      navigate("/");
     }
   };
 
@@ -2652,7 +2278,7 @@ var LoginForm = function LoginForm(_ref) {
           }
 
           setPassword("");
-          history.push(redirectPath);
+          navigate(redirectPath);
         } else if (onFailure && typeof onFailure === "function") {
           onFailure();
         }
@@ -2673,29 +2299,29 @@ var LoginForm = function LoginForm(_ref) {
   return /*#__PURE__*/React__default.createElement("form", {
     onSubmit: handleSubmit,
     "data-testid": dataTestID || "ac-sdk-login-form"
-  }, /*#__PURE__*/React__default.createElement(Box, {
+  }, /*#__PURE__*/React__default.createElement(material.Box, {
     m: "0 80px"
-  }, /*#__PURE__*/React__default.createElement(Box, {
+  }, /*#__PURE__*/React__default.createElement(material.Box, {
     display: "flex",
     alignItems: "center",
     justifyContent: "center",
     m: "125px 0"
-  }, /*#__PURE__*/React__default.createElement(AcLogoSVG, null)), /*#__PURE__*/React__default.createElement(Box, {
+  }, /*#__PURE__*/React__default.createElement(AcLogoSVG, null)), /*#__PURE__*/React__default.createElement(material.Box, {
     m: "0 0 30px 0",
     color: "rgba(255, 255, 255, 0.6)"
-  }, /*#__PURE__*/React__default.createElement(Typography, {
+  }, /*#__PURE__*/React__default.createElement(material.Typography, {
     align: "center",
     color: "inherit"
-  }, title)), /*#__PURE__*/React__default.createElement(Box, {
+  }, title)), /*#__PURE__*/React__default.createElement(material.Box, {
     m: "0",
     display: "grid",
     sx: {
       gridGap: "18px"
     },
     gridTemplateColumns: "1fr"
-  }, /*#__PURE__*/React__default.createElement(FormControl, {
+  }, /*#__PURE__*/React__default.createElement(material.FormControl, {
     fullWidth: true
-  }, /*#__PURE__*/React__default.createElement(TextField, {
+  }, /*#__PURE__*/React__default.createElement(material.TextField, {
     fullWidth: true,
     variant: "outlined",
     placeholder: languageStore.translations.loginCardUsernameHint,
@@ -2705,9 +2331,9 @@ var LoginForm = function LoginForm(_ref) {
     inputProps: {
       "data-testid": "ac-sdk-login-form-username-input"
     }
-  })), /*#__PURE__*/React__default.createElement(FormControl, {
+  })), /*#__PURE__*/React__default.createElement(material.FormControl, {
     fullWidth: true
-  }, /*#__PURE__*/React__default.createElement(TextField, {
+  }, /*#__PURE__*/React__default.createElement(material.TextField, {
     fullWidth: true,
     variant: "outlined",
     placeholder: languageStore.translations.loginCardPasswordHint,
@@ -2718,7 +2344,7 @@ var LoginForm = function LoginForm(_ref) {
     inputProps: {
       "data-testid": "ac-sdk-login-form-password-input"
     }
-  })), /*#__PURE__*/React__default.createElement(LoadingButton, {
+  })), /*#__PURE__*/React__default.createElement(lab.LoadingButton, {
     id: "login-button",
     type: "submit",
     size: "large",
@@ -2726,30 +2352,30 @@ var LoginForm = function LoginForm(_ref) {
     onClick: handleSubmit,
     loading: sessionStore.loading,
     "data-testid": "ac-sdk-login-form-submit-button"
-  }, languageStore.translations.loginCardSubmitButton), /*#__PURE__*/React__default.createElement(Button, {
+  }, languageStore.translations.loginCardSubmitButton), /*#__PURE__*/React__default.createElement(material.Button, {
     id: "cancel-button",
     type: "button",
     size: "large",
     color: "secondary",
     onClick: handleCancel,
     "data-testid": "ac-sdk-login-form-cancel-button"
-  }, languageStore.translations.loginCardCancelButton)), /*#__PURE__*/React__default.createElement(Box, {
+  }, languageStore.translations.loginCardCancelButton)), /*#__PURE__*/React__default.createElement(material.Box, {
     m: "30px 0 40px 0",
     color: "rgba(255, 255, 255, 0.6)"
-  }, /*#__PURE__*/React__default.createElement(Typography, {
+  }, /*#__PURE__*/React__default.createElement(material.Typography, {
     align: "center",
     color: "inherit"
-  }, "or scan")), /*#__PURE__*/React__default.createElement(Box, {
+  }, "or scan")), /*#__PURE__*/React__default.createElement(material.Box, {
     display: "grid",
     gridTemplateColumns: "1fr 1fr 1fr",
     alignItems: "center",
     justifyItems: "center",
     marginBottom: "30px"
-  }, /*#__PURE__*/React__default.createElement(Box, {
+  }, /*#__PURE__*/React__default.createElement(material.Box, {
     style: {
       filter: "brightness(0.5)"
     }
-  }, /*#__PURE__*/React__default.createElement(QRCodeSVG, null)), /*#__PURE__*/React__default.createElement(BarcodeSVG, null), /*#__PURE__*/React__default.createElement(Box, {
+  }, /*#__PURE__*/React__default.createElement(QRCodeSVG, null)), /*#__PURE__*/React__default.createElement(BarcodeSVG, null), /*#__PURE__*/React__default.createElement(material.Box, {
     style: {
       filter: "brightness(0.5)"
     }
@@ -2768,7 +2394,7 @@ LoginForm.defaultProps = {
   redirectPath: "/",
   storeSession: true
 };
-var LoginForm$1 = observer(LoginForm);
+var LoginForm$1 = mobxReactLite.observer(LoginForm);
 
 var QRCodeSVG = function QRCodeSVG() {
   return /*#__PURE__*/React__default.createElement("svg", {
@@ -3098,7 +2724,7 @@ LoginModal.defaultProps = {
   redirectPath: "/",
   storeSession: false
 };
-var AndondCloudLoginModal = observer(LoginModal);
+var AndondCloudLoginModal = mobxReactLite.observer(LoginModal);
 
 var LoginModal$1 = function LoginModal(_ref) {
   var isOpen = _ref.isOpen,
@@ -3286,7 +2912,7 @@ var Header = function Header(_ref) {
     menuStyles: menuStyles,
     menuDropdownStyles: menuDropdownStyles
   });
-  var history = reactRouterDom.useHistory();
+  var navigate = reactRouterDom.useNavigate();
   React.useEffect(function () {
     var interval = setInterval(function () {
       setCurrentTime(new Date());
@@ -3306,7 +2932,7 @@ var Header = function Header(_ref) {
 
   var handleItemClick = function handleItemClick(item) {
     if (item.url) {
-      history.push(item.url);
+      navigate(item.url);
     } else if (item.action && typeof item.action === "function") {
       item.action();
     }
@@ -3338,7 +2964,7 @@ var Header = function Header(_ref) {
   var handleLogout = function handleLogout() {
     try {
       return Promise.resolve(sessionStore.logout()).then(function () {
-        history.push("/");
+        navigate("/");
       });
     } catch (e) {
       return Promise.reject(e);
@@ -3387,7 +3013,7 @@ var Header = function Header(_ref) {
     }, languageStore.translations.headerLogoutButton)) : /*#__PURE__*/React__default.createElement(Button, {
       id: "login-button",
       onClick: function onClick() {
-        return history.push("/login");
+        return navigate("/login");
       },
       className: classes.button + " " + classes.loginButton,
       "data-testid": "ac-sdk-header-login-button"
@@ -3485,7 +3111,7 @@ Header.defaultProps = {
   menuProps: {},
   styles: {}
 };
-var Header$1 = observer(Header);
+var Header$1 = mobxReactLite.observer(Header);
 
 var Container = function Container(_ref) {
   var children = _ref.children,
@@ -4000,64 +3626,37 @@ LoginPage.propTypes = {
 LoginPage.defaultProps = {
   redirectPath: "/"
 };
-var LoginPage$1 = observer(LoginPage);
+var LoginPage$1 = mobxReactLite.observer(LoginPage);
 
-var LoginRoute = function LoginRoute() {
+var LoginRedirect = function LoginRedirect() {
   var _useAuthConfig = useAuthConfig(),
       grantType = _useAuthConfig.grantType,
       redirectPath = _useAuthConfig.redirectPath;
 
   var login = useLogin("read write");
-  var history = reactRouterDom.useHistory();
-  return /*#__PURE__*/React__default.createElement(reactRouterDom.Route, {
-    exact: true,
-    path: "/login",
-    render: function render() {
-      if (grantType === "password") {
-        return /*#__PURE__*/React__default.createElement(LoginPage$1, {
-          redirectPath: redirectPath
-        });
-      }
+  var navigate = reactRouterDom.useNavigate();
 
-      history.push("/");
-      login();
-      return null;
-    }
-  });
-};
-
-var useQueryParams = function useQueryParams() {
-  return new URLSearchParams(reactRouterDom.useLocation().search);
-};
-
-var RedirectRoute = function RedirectRoute() {
-  var queryParams = useQueryParams();
-  var nextPath = queryParams.get("next");
-  var history = reactRouterDom.useHistory();
-  React.useEffect(function () {
-    var code = queryParams.get("code");
-
-    if (code) {
-      sessionStore.authorize({
-        code: code
-      });
-    }
-  }, [queryParams]);
-  return /*#__PURE__*/React__default.createElement(reactRouterDom.Route, {
-    path: "/oauth2/redirect",
-    render: function render() {
-      if (sessionStore.isLoggedIn()) {
-        history.push(nextPath);
-      }
+  if (grantType === "password") {
+    return /*#__PURE__*/React__default.createElement(LoginPage$1, {
+      redirectPath: redirectPath
+    });
+  }
 
-      return null;
-    }
-  });
+  navigate("/");
+  login();
+  return null;
 };
 
 var Router = function Router(_ref) {
   var children = _ref.children;
-  return /*#__PURE__*/React__default.createElement(reactRouterDom.BrowserRouter, null, children, /*#__PURE__*/React__default.createElement(LoginRoute, null), /*#__PURE__*/React__default.createElement(RedirectRoute, null));
+  return /*#__PURE__*/React__default.createElement(reactRouterDom.BrowserRouter, null, /*#__PURE__*/React__default.createElement(reactRouterDom.Routes, null, children, /*#__PURE__*/React__default.createElement(reactRouterDom.Route, {
+    exact: true,
+    path: "/login",
+    element: /*#__PURE__*/React__default.createElement(LoginRedirect, null)
+  }), /*#__PURE__*/React__default.createElement(reactRouterDom.Route, {
+    path: "/oauth2/redirect",
+    element: /*#__PURE__*/React__default.createElement(AuthRedirect, null)
+  })));
 };
 
 var NetworkError = function NetworkError() {
@@ -4068,11 +3667,7 @@ var NetworkError = function NetworkError() {
       maxWidth: "600px",
       margin: "200px auto"
     }
-  }, /*#__PURE__*/React__default.createElement(material.CardContent, {
-    style: {
-      minHeight: "unset"
-    }
-  }, /*#__PURE__*/React__default.createElement(material.Box, {
+  }, /*#__PURE__*/React__default.createElement(material.CardContent, null, /*#__PURE__*/React__default.createElement(material.Box, {
     display: "flex",
     alignItems: "center",
     justifyContent: "center",
@@ -4086,7 +3681,7 @@ var NetworkError = function NetworkError() {
   }, languageStore.translations.networkErrorHeader)))));
 };
 
-var App = observer(function (_ref) {
+var App = mobxReactLite.observer(function (_ref) {
   var children = _ref.children,
       baseUrl = _ref.baseUrl,
       authProps = _ref.authProps,
@@ -4135,13 +3730,16 @@ var App = observer(function (_ref) {
       setAppReady(true);
     }
   }, [authEnabled]);
-  return appReady && /*#__PURE__*/React__default.createElement(styles.ThemeProvider, {
+  return /*#__PURE__*/React__default.createElement(styles.ThemeProvider, {
     theme: styles.createTheme(muiTheme)
-  }, /*#__PURE__*/React__default.createElement(AuthConfigProvider, {
+  }, /*#__PURE__*/React__default.createElement(CssBaseline, null), /*#__PURE__*/React__default.createElement(AuthConfigProvider, {
     config: _extends$1({
       baseUrl: baseUrl
     }, authProps)
-  }, sessionStore.networkError ? /*#__PURE__*/React__default.createElement(NetworkError, null) : /*#__PURE__*/React__default.createElement(Router, null, /*#__PURE__*/React__default.createElement(useModalHook.ModalProvider, null, /*#__PURE__*/React__default.createElement(Toaster, null), children))));
+  }, 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(useModalHook.ModalProvider, null, /*#__PURE__*/React__default.createElement(Toaster, null), children)
+  }))));
 });
 App.propTypes = {
   children: propTypes.PropTypes.any.isRequired,