@influenzanet/case-web-app-core 2.7.4-staging.3 → 2.7.4-staging.4

package/build/index.es.js

@@ -16013,6 +16013,8 @@ class ModalManager {
 
 }
 
+var ModalManager$1 = ModalManager;
+
 const resolveContainerRef = (ref, document) => {
   if (!canUseDOM) return null;
   if (ref == null) return (document || ownerDocument()).body;
@@ -16051,7 +16053,7 @@ function _objectWithoutPropertiesLoose$4(source, excluded) { if (source == null)
 let manager;
 
 function getManager(window) {
-  if (!manager) manager = new ModalManager({
+  if (!manager) manager = new ModalManager$1({
     ownerDocument: window == null ? void 0 : window.document
   });
   return manager;
@@ -16284,7 +16286,7 @@ const Modal = /*#__PURE__*/forwardRef$2((_ref, ref) => {
 });
 Modal.displayName = 'Modal';
 var BaseModal = Object.assign(Modal, {
-  Manager: ModalManager
+  Manager: ModalManager$1
 });
 
 /**
@@ -16335,7 +16337,7 @@ const Selector = {
   STICKY_CONTENT: '.sticky-top',
   NAVBAR_TOGGLER: '.navbar-toggler'
 };
-class BootstrapModalManager extends ModalManager {
+class BootstrapModalManager extends ModalManager$1 {
   adjustAndStore(prop, element, adjust) {
     const actual = element.style[prop];
     // TODO: DOMStringMap and CSSStyleDeclaration aren't strictly compatible
@@ -26360,17 +26362,18 @@ var SurveyPage = function (props) {
 
 var Pages = function (props) {
     var isAuth = useIsAuthenticated();
+    // Loading page:
+    var loadingDiv = jsx("div", __assign({ className: clsx(containerClassName, 'my-3') }, { children: jsx(LoadingPlaceholder, { className: 'loading-page', color: 'secondary', minHeight: '60vh' }, void 0) }), void 0);
     if (!props.config) {
-        // Loading page:
-        return jsx("div", __assign({ className: clsx(containerClassName, 'my-3') }, { children: jsx(LoadingPlaceholder, { color: 'secondary', minHeight: '60vh' }, void 0) }), void 0);
+        return loadingDiv;
     }
     var notFoundRoute = props.defaultRoutes.notFound ? props.defaultRoutes.notFound : (isAuth ? props.defaultRoutes.auth : props.defaultRoutes.unauth);
-    return (jsx("div", { children: jsxs(Switch, { children: [jsx(Redirect, { from: "/", exact: true, to: isAuth ? props.defaultRoutes.auth : props.defaultRoutes.unauth }, void 0), props.config.pages.map(function (pageConfig) {
-                    return jsx(RouteToLayout, { path: pageConfig.path, pageConfig: pageConfig, defaultRoutes: props.defaultRoutes, extensions: props.extensions, dateLocales: props.dateLocales }, pageConfig.path);
-                }), jsx(Route, { path: props.defaultRoutes.surveyPage + '/:studyKey', render: function () { return jsx(SurveyPage, { customResponseComponents: props.customResponseComponents, dateLocales: props.dateLocales, urls: {
-                            finishedFlowWithLogin: props.defaultRoutes.auth,
-                            finishedFlowWithoutLogin: props.defaultRoutes.unauth
-                        } }, void 0); } }, void 0), jsx(Route, { path: linkResolverRootUrl, render: function () { return jsx(LinkResolver, { defaultRoutes: props.defaultRoutes }, void 0); } }, void 0), jsx(Redirect, { to: notFoundRoute }, void 0)] }, void 0) }, void 0));
+    return (jsx(Suspense, __assign({ fallback: loadingDiv }, { children: jsx("div", { children: jsxs(Switch, { children: [jsx(Redirect, { from: "/", exact: true, to: isAuth ? props.defaultRoutes.auth : props.defaultRoutes.unauth }, void 0), props.config.pages.map(function (pageConfig) {
+                        return jsx(RouteToLayout, { path: pageConfig.path, pageConfig: pageConfig, defaultRoutes: props.defaultRoutes, extensions: props.extensions, dateLocales: props.dateLocales }, pageConfig.path);
+                    }), jsx(Route, { path: props.defaultRoutes.surveyPage + '/:studyKey', render: function () { return jsx(SurveyPage, { customResponseComponents: props.customResponseComponents, dateLocales: props.dateLocales, urls: {
+                                finishedFlowWithLogin: props.defaultRoutes.auth,
+                                finishedFlowWithoutLogin: props.defaultRoutes.unauth
+                            } }, void 0); } }, void 0), jsx(Route, { path: linkResolverRootUrl, render: function () { return jsx(LinkResolver, { defaultRoutes: props.defaultRoutes }, void 0); } }, void 0), jsx(Redirect, { to: notFoundRoute }, void 0)] }, void 0) }, void 0) }), void 0));
 };
 
 function _typeof$3(obj) {
@@ -30407,7 +30410,7 @@ var AppCore = function (props) {
         console.log("Changing language to: ".concat(code));
         i18n.changeLanguage(code);
     };
-    return (jsxs(q, { children: [jsx(LocalStorage, {}, void 0), jsxs(BrowserRouter, __assign({ basename: process.env.NODE_ENV === 'production' ? process.env.PUBLIC_URL : undefined }, { children: [jsx(ScrollToTop, {}, void 0), props.customHeader ? props.customHeader : null, !props.hideDefaultHeader ? jsx(HeaderRenderer, { config: props.headerConfig, onChangeLanguage: handleLanguageChange, onOpenExternalPage: handleOpenExternalPage }, void 0) : null, jsx(Navbar, { loading: props.navbarConfig === undefined, content: props.navbarConfig, onOpenExternalPage: handleOpenExternalPage }, void 0), jsx(Suspense, __assign({ fallback: jsx(LoadingPlaceholder, { color: "secondary", minHeight: "100vh" }, void 0) }, { children: jsx(Pages, { config: props.pagesConfig, onOpenExternalPage: handleOpenExternalPage, extensions: props.extensions, customResponseComponents: props.customSurveyResponseComponents, dateLocales: props.dateLocales, defaultRoutes: defaultRoutes }, void 0) }), void 0), !props.hideDefaultFooter ? jsx(FooterRenderer, { footerConfig: props.footerConfig, onChangeLanguage: handleLanguageChange, onOpenExternalPage: handleOpenExternalPage }, void 0) : null, props.customFooter ? props.customFooter : null, jsx(GlobalDialogs, { defaultRoutes: defaultRoutes, onChangeLanguage: handleLanguageChange }, void 0)] }), void 0)] }, void 0));
+    return (jsxs(q, { children: [jsx(LocalStorage, {}, void 0), jsxs(BrowserRouter, __assign({ basename: process.env.NODE_ENV === 'production' ? process.env.PUBLIC_URL : undefined }, { children: [jsx(ScrollToTop, {}, void 0), props.customHeader ? props.customHeader : null, !props.hideDefaultHeader ? jsx(HeaderRenderer, { config: props.headerConfig, onChangeLanguage: handleLanguageChange, onOpenExternalPage: handleOpenExternalPage }, void 0) : null, jsx(Navbar, { loading: props.navbarConfig === undefined, content: props.navbarConfig, onOpenExternalPage: handleOpenExternalPage }, void 0), jsx(Pages, { config: props.pagesConfig, onOpenExternalPage: handleOpenExternalPage, extensions: props.extensions, customResponseComponents: props.customSurveyResponseComponents, dateLocales: props.dateLocales, defaultRoutes: defaultRoutes }, void 0), !props.hideDefaultFooter ? jsx(FooterRenderer, { footerConfig: props.footerConfig, onChangeLanguage: handleLanguageChange, onOpenExternalPage: handleOpenExternalPage }, void 0) : null, props.customFooter ? props.customFooter : null, jsx(GlobalDialogs, { defaultRoutes: defaultRoutes, onChangeLanguage: handleLanguageChange }, void 0)] }), void 0)] }, void 0));
 };
 
 var InternalNavigator = function (props) {