@influenzanet/case-web-app-core 2.7.5-staging.5 → 2.7.5-staging.7

package/build/AppCore.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
-import { FooterConfig } from './types/footerConfig';
-import { AppConfig } from './types/appConfig';
-import { HeaderConfig } from './types/headerConfig';
-import { NavbarConfig } from './types/navbarConfig';
-import { PagesConfig } from './types/pagesConfig';
-import { CustomSurveyResponseComponent } from '@influenzanet/case-web-ui/build/components/survey/SurveySingleItemView/ResponseComponent/ResponseComponent';
+import React from "react";
+import { FooterConfig } from "./types/footerConfig";
+import { AppConfig } from "./types/appConfig";
+import { HeaderConfig } from "./types/headerConfig";
+import { NavbarConfig } from "./types/navbarConfig";
+import { PagesConfig } from "./types/pagesConfig";
+import { CustomSurveyResponseComponent } from "@influenzanet/case-web-ui/build/components/survey/SurveySingleItemView/ResponseComponent/ResponseComponent";
 export interface Extension {
     name: string;
     component: React.FunctionComponent<any>;

package/build/index.d.ts

@@ -6,6 +6,11 @@ import * as userAPI from "./api/userAPI";
 import { useAuthTokenCheck } from "./hooks/useAuthTokenCheck";
 import PreventAccidentalNavigationPrompt from "./components/misc/PreventAccidentalNavigationPrompt";
 import InternalNavigator from "./components/misc/InternalNavigator";
+import { AppConfig } from "./types/appConfig";
+import { HeaderConfig } from './types/headerConfig';
+import { FooterConfig } from './types/footerConfig';
+import { NavbarConfig } from './types/navbarConfig';
+import { PageConfig } from './types/pagesConfig';
 declare const coreReduxActions: {
     appActions: import("@reduxjs/toolkit").CaseReducerActions<{
         reset: (state: import("immer/dist/internal").WritableDraft<import("./store/appSlice").AppState>) => import("immer/dist/internal").WritableDraft<import("./store/appSlice").AppState>;
@@ -80,4 +85,4 @@ declare const coreReduxActions: {
 declare const coreReduxThunks: {
     enterStudyThunk: import("@reduxjs/toolkit").AsyncThunk<import("./store/actions/studiesActions").EnterStudyPayload, import("./store/thunks/studiesThunks").EnterStudyRequest, {}>;
 };
-export { AppCore, initI18n, store, reducersManager, localStorageManager, studyAPI, userAPI, coreReduxActions, coreReduxThunks, useAuthTokenCheck, PreventAccidentalNavigationPrompt, InternalNavigator, };
+export { AppCore, initI18n, store, reducersManager, localStorageManager, studyAPI, userAPI, coreReduxActions, coreReduxThunks, useAuthTokenCheck, PreventAccidentalNavigationPrompt, InternalNavigator, type AppConfig, type HeaderConfig, type FooterConfig, type NavbarConfig, type PageConfig };

package/build/index.es.js

@@ -5445,13 +5445,13 @@ function forEach(obj, fn, {allOwnKeys = false} = {}) {
  *
  * @returns {Object} Result of all merge properties
  */
-function merge(/* obj1, obj2, obj3, ... */) {
+function merge$2(/* obj1, obj2, obj3, ... */) {
   const result = {};
   const assignValue = (val, key) => {
     if (isPlainObject$1(result[key]) && isPlainObject$1(val)) {
-      result[key] = merge(result[key], val);
+      result[key] = merge$2(result[key], val);
     } else if (isPlainObject$1(val)) {
-      result[key] = merge({}, val);
+      result[key] = merge$2({}, val);
     } else if (isArray$2(val)) {
       result[key] = val.slice();
     } else {
@@ -5753,7 +5753,7 @@ var utils = {
   isTypedArray: isTypedArray$2,
   isFileList,
   forEach,
-  merge,
+  merge: merge$2,
   extend,
   trim,
   stripBOM,
@@ -9230,6 +9230,63 @@ function isArrayLike(value) {
   return value != null && isLength(value.length) && !isFunction(value);
 }
 
+/**
+ * Checks if the given arguments are from an iteratee call.
+ *
+ * @private
+ * @param {*} value The potential iteratee value argument.
+ * @param {*} index The potential iteratee index or key argument.
+ * @param {*} object The potential iteratee object argument.
+ * @returns {boolean} Returns `true` if the arguments are from an iteratee call,
+ *  else `false`.
+ */
+function isIterateeCall(value, index, object) {
+  if (!isObject(object)) {
+    return false;
+  }
+  var type = typeof index;
+  if (type == 'number'
+        ? (isArrayLike(object) && isIndex(index, object.length))
+        : (type == 'string' && index in object)
+      ) {
+    return eq(object[index], value);
+  }
+  return false;
+}
+
+/**
+ * Creates a function like `_.assign`.
+ *
+ * @private
+ * @param {Function} assigner The function to assign values.
+ * @returns {Function} Returns the new assigner function.
+ */
+function createAssigner(assigner) {
+  return baseRest(function(object, sources) {
+    var index = -1,
+        length = sources.length,
+        customizer = length > 1 ? sources[length - 1] : undefined,
+        guard = length > 2 ? sources[2] : undefined;
+
+    customizer = (assigner.length > 3 && typeof customizer == 'function')
+      ? (length--, customizer)
+      : undefined;
+
+    if (guard && isIterateeCall(sources[0], sources[1], guard)) {
+      customizer = length < 3 ? undefined : customizer;
+      length = 1;
+    }
+    object = Object(object);
+    while (++index < length) {
+      var source = sources[index];
+      if (source) {
+        assigner(object, source, index, customizer);
+      }
+    }
+    return object;
+  });
+}
+
 /** Used for built-in method references. */
 var objectProto$c = Object.prototype;
 
@@ -12476,6 +12533,22 @@ function debounce$1(func, wait, options) {
   return debounced;
 }
 
+/**
+ * This function is like `assignValue` except that it doesn't assign
+ * `undefined` values.
+ *
+ * @private
+ * @param {Object} object The object to modify.
+ * @param {string} key The key of the property to assign.
+ * @param {*} value The value to assign.
+ */
+function assignMergeValue(object, key, value) {
+  if ((value !== undefined && !eq(object[key], value)) ||
+      (value === undefined && !(key in object))) {
+    baseAssignValue(object, key, value);
+  }
+}
+
 /**
  * This method is like `_.isArrayLike` except that it also checks if `value`
  * is an object.
@@ -12505,6 +12578,164 @@ function isArrayLikeObject(value) {
   return isObjectLike(value) && isArrayLike(value);
 }
 
+/**
+ * Gets the value at `key`, unless `key` is "__proto__" or "constructor".
+ *
+ * @private
+ * @param {Object} object The object to query.
+ * @param {string} key The key of the property to get.
+ * @returns {*} Returns the property value.
+ */
+function safeGet(object, key) {
+  if (key === 'constructor' && typeof object[key] === 'function') {
+    return;
+  }
+
+  if (key == '__proto__') {
+    return;
+  }
+
+  return object[key];
+}
+
+/**
+ * Converts `value` to a plain object flattening inherited enumerable string
+ * keyed properties of `value` to own properties of the plain object.
+ *
+ * @static
+ * @memberOf _
+ * @since 3.0.0
+ * @category Lang
+ * @param {*} value The value to convert.
+ * @returns {Object} Returns the converted plain object.
+ * @example
+ *
+ * function Foo() {
+ *   this.b = 2;
+ * }
+ *
+ * Foo.prototype.c = 3;
+ *
+ * _.assign({ 'a': 1 }, new Foo);
+ * // => { 'a': 1, 'b': 2 }
+ *
+ * _.assign({ 'a': 1 }, _.toPlainObject(new Foo));
+ * // => { 'a': 1, 'b': 2, 'c': 3 }
+ */
+function toPlainObject(value) {
+  return copyObject(value, keysIn(value));
+}
+
+/**
+ * A specialized version of `baseMerge` for arrays and objects which performs
+ * deep merges and tracks traversed objects enabling objects with circular
+ * references to be merged.
+ *
+ * @private
+ * @param {Object} object The destination object.
+ * @param {Object} source The source object.
+ * @param {string} key The key of the value to merge.
+ * @param {number} srcIndex The index of `source`.
+ * @param {Function} mergeFunc The function to merge values.
+ * @param {Function} [customizer] The function to customize assigned values.
+ * @param {Object} [stack] Tracks traversed source values and their merged
+ *  counterparts.
+ */
+function baseMergeDeep(object, source, key, srcIndex, mergeFunc, customizer, stack) {
+  var objValue = safeGet(object, key),
+      srcValue = safeGet(source, key),
+      stacked = stack.get(srcValue);
+
+  if (stacked) {
+    assignMergeValue(object, key, stacked);
+    return;
+  }
+  var newValue = customizer
+    ? customizer(objValue, srcValue, (key + ''), object, source, stack)
+    : undefined;
+
+  var isCommon = newValue === undefined;
+
+  if (isCommon) {
+    var isArr = isArray$1(srcValue),
+        isBuff = !isArr && isBuffer$1(srcValue),
+        isTyped = !isArr && !isBuff && isTypedArray$1(srcValue);
+
+    newValue = srcValue;
+    if (isArr || isBuff || isTyped) {
+      if (isArray$1(objValue)) {
+        newValue = objValue;
+      }
+      else if (isArrayLikeObject(objValue)) {
+        newValue = copyArray(objValue);
+      }
+      else if (isBuff) {
+        isCommon = false;
+        newValue = cloneBuffer(srcValue, true);
+      }
+      else if (isTyped) {
+        isCommon = false;
+        newValue = cloneTypedArray(srcValue, true);
+      }
+      else {
+        newValue = [];
+      }
+    }
+    else if (isPlainObject(srcValue) || isArguments$1(srcValue)) {
+      newValue = objValue;
+      if (isArguments$1(objValue)) {
+        newValue = toPlainObject(objValue);
+      }
+      else if (!isObject(objValue) || isFunction(objValue)) {
+        newValue = initCloneObject(srcValue);
+      }
+    }
+    else {
+      isCommon = false;
+    }
+  }
+  if (isCommon) {
+    // Recursively merge objects and arrays (susceptible to call stack limits).
+    stack.set(srcValue, newValue);
+    mergeFunc(newValue, srcValue, srcIndex, customizer, stack);
+    stack['delete'](srcValue);
+  }
+  assignMergeValue(object, key, newValue);
+}
+
+/**
+ * The base implementation of `_.merge` without support for multiple sources.
+ *
+ * @private
+ * @param {Object} object The destination object.
+ * @param {Object} source The source object.
+ * @param {number} srcIndex The index of `source`.
+ * @param {Function} [customizer] The function to customize merged values.
+ * @param {Object} [stack] Tracks traversed source values and their merged
+ *  counterparts.
+ */
+function baseMerge(object, source, srcIndex, customizer, stack) {
+  if (object === source) {
+    return;
+  }
+  baseFor$1(source, function(srcValue, key) {
+    stack || (stack = new Stack);
+    if (isObject(srcValue)) {
+      baseMergeDeep(object, source, key, srcIndex, baseMerge, customizer, stack);
+    }
+    else {
+      var newValue = customizer
+        ? customizer(safeGet(object, key), srcValue, (key + ''), object, source, stack)
+        : undefined;
+
+      if (newValue === undefined) {
+        newValue = srcValue;
+      }
+      assignMergeValue(object, key, newValue);
+    }
+  }, keysIn);
+}
+
 /**
  * This function is like `arrayIncludes` except that it accepts a comparator.
  *
@@ -12756,6 +12987,43 @@ function mapValues(object, iteratee) {
   return result;
 }
 
+/**
+ * This method is like `_.assign` except that it recursively merges own and
+ * inherited enumerable string keyed properties of source objects into the
+ * destination object. Source properties that resolve to `undefined` are
+ * skipped if a destination value exists. Array and plain object properties
+ * are merged recursively. Other objects and value types are overridden by
+ * assignment. Source objects are applied from left to right. Subsequent
+ * sources overwrite property assignments of previous sources.
+ *
+ * **Note:** This method mutates `object`.
+ *
+ * @static
+ * @memberOf _
+ * @since 0.5.0
+ * @category Object
+ * @param {Object} object The destination object.
+ * @param {...Object} [sources] The source objects.
+ * @returns {Object} Returns `object`.
+ * @example
+ *
+ * var object = {
+ *   'a': [{ 'b': 2 }, { 'd': 4 }]
+ * };
+ *
+ * var other = {
+ *   'a': [{ 'c': 3 }, { 'e': 5 }]
+ * };
+ *
+ * _.merge(object, other);
+ * // => { 'a': [{ 'b': 2, 'c': 3 }, { 'd': 4, 'e': 5 }] }
+ */
+var merge = createAssigner(function(object, source, srcIndex) {
+  baseMerge(object, source, srcIndex);
+});
+
+var merge$1 = merge;
+
 /**
  * The base implementation of `_.unset`.
  *
@@ -13049,7 +13317,10 @@ var userSlice = createSlice({
                 action.payload.preferredLanguage;
         },
         setUser: function (state, action) {
-            state.currentUser = action.payload;
+            state.currentUser = __assign(__assign({}, action.payload), { profiles: action.payload.profiles.map(function (profile) {
+                    var existingProfile = state.currentUser.profiles.find(function (p) { return p.id === profile.id; });
+                    return merge$1({}, existingProfile !== null && existingProfile !== void 0 ? existingProfile : {}, profile);
+                }) });
         },
         setUserID: function (state, action) {
             state.currentUser.account.accountId = action.payload;
@@ -13061,20 +13332,18 @@ var userSlice = createSlice({
     extraReducers: function (builder) {
         builder.addCase(initializeUserStudies, function (state, action) {
             var updatedProfiles = state.currentUser.profiles.map(function (profile) {
-                return __assign(__assign({}, profile), { studies: action.payload[profile.id] });
+                profile.studies = action.payload[profile.id];
+                return profile;
             });
-            if (!isEqual(updatedProfiles, state.currentUser.profiles)) {
-                state.currentUser.profiles = updatedProfiles;
-            }
+            state.currentUser.profiles = updatedProfiles;
         });
         builder.addCase(initializeActiveSurveys, function (state, action) {
             var updatedProfiles = state.currentUser.profiles.map(function (profile) {
                 var surveysForProfile = action.payload[profile.id] || [];
-                return __assign(__assign({}, profile), { activeSurveys: surveysForProfile });
+                profile.activeSurveys = surveysForProfile;
+                return profile;
             });
-            if (!isEqual(state.currentUser.profiles, updatedProfiles)) {
-                state.currentUser.profiles = updatedProfiles;
-            }
+            state.currentUser.profiles = updatedProfiles;
         });
         builder.addCase(enterStudy, function (state, action) {
             var _a = action.payload, profileId = _a.profileId, studyKey = _a.studyKey;
@@ -13082,9 +13351,7 @@ var userSlice = createSlice({
                 return profile.id === profileId
                     ? __assign(__assign({}, profile), { studies: union$1(profile.studies, [studyKey]) }) : profile;
             });
-            if (!isEqual(updatedProfiles, state.currentUser.profiles)) {
-                state.currentUser.profiles = updatedProfiles;
-            }
+            state.currentUser.profiles = updatedProfiles;
         });
     },
 });
@@ -21711,11 +21978,11 @@ var enterStudyThunk = createAsyncThunk("studies/enterStudy", function (_a, _b) {
                     })];
                 case 1:
                     _c.sent();
+                    payload = { profileId: profileId, studyKey: studyKey };
+                    dispatch(enterStudy(payload));
                     return [4 /*yield*/, dispatch(initializeActiveSurveysThunk())];
                 case 2:
                     _c.sent();
-                    payload = { profileId: profileId, studyKey: studyKey };
-                    dispatch(enterStudy(payload));
                     return [2 /*return*/, payload];
             }
         });
@@ -21786,7 +22053,6 @@ var EditProfile = function (props) {
                     return [4 /*yield*/, getUserReq()];
                 case 4:
                     user = (_a.sent()).data;
-                    dispatch(userActions.setUser(user));
                     // if the profile creation is successful, enter the default studies
                     if (defaultStudies.length > 0) {
                         defaultStudies.forEach(function (studyKey) {
@@ -21796,6 +22062,7 @@ var EditProfile = function (props) {
                             }));
                         });
                     }
+                    dispatch(userActions.setUser(user));
                     setLoading(false);
                     close();
                     return [3 /*break*/, 6];
@@ -23392,9 +23659,6 @@ var SurveyList = function (props) {
     var history = useHistory();
     var profiles = useSelector(function (state) { return state.user.currentUser.profiles; });
     var activeSurveyInfos = useSelector(function (state) { return state.studies.activeSurveyInfos; });
-    useEffect(function () {
-        window.scrollTo(0, 0);
-    });
     var cardInfos = [];
     var _loop_1 = function (assignedSurvey) {
         var profile = profiles.find(function (p) { return p.id === assignedSurvey.profileId; });
@@ -33046,19 +33310,19 @@ initializeUserStudiesThunk.pending; initializeUserStudiesThunk.fulfilled; initia
 
 var DefaultStudiesManager = function () {
     var dispatch = useDispatch();
-    var currentUser = useSelector(function (state) { return state.user.currentUser; });
+    var currentUserId = useSelector(function (state) { return state.user.currentUser.id; });
     useEffect(function () {
         var initialize = function () { return __awaiter(void 0, void 0, void 0, function () {
-            var defaultStudies_1, _a, profilesStudiesMap_1, _b;
+            var defaultStudies_1, _a, profilesStudiesMap_1, _b, enterStudyReqs_1;
             return __generator$1(this, function (_d) {
                 switch (_d.label) {
                     case 0:
-                        if (!currentUser.id) {
+                        if (!currentUserId) {
                             return [2 /*return*/];
                         }
                         _d.label = 1;
                     case 1:
-                        _d.trys.push([1, 5, , 6]);
+                        _d.trys.push([1, 7, , 8]);
                         _a = unwrapResult;
                         return [4 /*yield*/, dispatch(initializeDefaultStudiesThunk())];
                     case 2:
@@ -33067,13 +33331,7 @@ var DefaultStudiesManager = function () {
                         return [4 /*yield*/, dispatch(initializeUserStudiesThunk())];
                     case 3:
                         profilesStudiesMap_1 = _b.apply(void 0, [_d.sent()]);
-                        /**
-                         * Backward compatibility with the functionality once present
-                         * in the SurveyList component
-                         *
-                         * We check whether all the default studies are assigned
-                         * to all profiles and if not, we try entering the study
-                         */
+                        enterStudyReqs_1 = [];
                         Object.keys(profilesStudiesMap_1).forEach(function (profileId) {
                             var profileStudies = profilesStudiesMap_1[profileId];
                             if (!profileStudies) {
@@ -33082,24 +33340,38 @@ var DefaultStudiesManager = function () {
                             var missingDefaultStudies = defaultStudies_1.filter(function (study) { return !profileStudies.includes(study); });
                             if (missingDefaultStudies.length > 0) {
                                 missingDefaultStudies.forEach(function (studyKey) {
-                                    dispatch(enterStudyThunk({ profileId: profileId, studyKey: studyKey }));
+                                    enterStudyReqs_1.push({ profileId: profileId, studyKey: studyKey });
                                 });
                             }
                         });
-                        return [4 /*yield*/, dispatch(initializeActiveSurveysThunk())];
+                        if (!(enterStudyReqs_1.length > 0)) return [3 /*break*/, 6];
+                        return [4 /*yield*/, Promise.all(enterStudyReqs_1.map(function (req) { return __awaiter(void 0, void 0, void 0, function () {
+                                return __generator$1(this, function (_a) {
+                                    switch (_a.label) {
+                                        case 0: return [4 /*yield*/, dispatch(enterStudyThunk(req))];
+                                        case 1:
+                                            _a.sent();
+                                            return [2 /*return*/];
+                                    }
+                                });
+                            }); }))];
                     case 4:
                         _d.sent();
-                        return [3 /*break*/, 6];
+                        return [4 /*yield*/, dispatch(initializeActiveSurveysThunk())];
                     case 5:
                         _d.sent();
-                        return [3 /*break*/, 6];
-                    case 6: return [2 /*return*/];
+                        _d.label = 6;
+                    case 6: return [3 /*break*/, 8];
+                    case 7:
+                        _d.sent();
+                        return [3 /*break*/, 8];
+                    case 8: return [2 /*return*/];
                 }
             });
         }); };
         initialize();
-    }, [currentUser.id, dispatch]);
-    return jsx(Fragment, {}, void 0);
+    }, [currentUserId, dispatch]);
+    return null;
 };
 
 var AppCore = function (props) {
@@ -33108,19 +33380,23 @@ var AppCore = function (props) {
     var i18n = useTranslation().i18n;
     var accessToken = useSelector(function (state) { var _a; return (_a = state.app.auth) === null || _a === void 0 ? void 0 : _a.accessToken; });
     /*
-    * In order to solve the issue https://github.com/coneno/case-web-app-core/issues/5, now Dialogs also need to know the application level default routes,
-    * but removing the defaultRoutes field from the PagesConfig interface and make it available at a higher level would be a breaking change for all the existing frontends.
-    *
-    * From now on, all components under AppCore that need to be aware of the application level default routes, can use a prop directly initialized with the const below.
-    *
-    * See how it is handled in the Pages and GlobalDialog components
-    */
-    var defaultRoutes = ((_a = props.pagesConfig) === null || _a === void 0 ? void 0 : _a.defaultRoutes) ? props.pagesConfig.defaultRoutes : BasicRoutes;
+     * In order to solve the issue https://github.com/coneno/case-web-app-core/issues/5, now Dialogs also need to know the application level default routes,
+     * but removing the defaultRoutes field from the PagesConfig interface and make it available at a higher level would be a breaking change for all the existing frontends.
+     *
+     * From now on, all components under AppCore that need to be aware of the application level default routes, can use a prop directly initialized with the const below.
+     *
+     * See how it is handled in the Pages and GlobalDialog components
+     */
+    var defaultRoutes = ((_a = props.pagesConfig) === null || _a === void 0 ? void 0 : _a.defaultRoutes)
+        ? props.pagesConfig.defaultRoutes
+        : BasicRoutes;
     if (accessToken) {
         setDefaultAccessTokenHeader(accessToken);
     }
     useEffect(function () {
-        var language = loadLastSelectedLanguage(process.env.REACT_APP_DEFAULT_LANGUAGE ? process.env.REACT_APP_DEFAULT_LANGUAGE : 'en');
+        var language = loadLastSelectedLanguage(process.env.REACT_APP_DEFAULT_LANGUAGE
+            ? process.env.REACT_APP_DEFAULT_LANGUAGE
+            : "en");
         i18n.changeLanguage(language);
     }, [i18n]);
     useEffect(function () {
@@ -33128,7 +33404,7 @@ var AppCore = function (props) {
     }, [i18n.language]);
     useEffect(function () {
         var _a, _b;
-        dispatch(appConfig.updateInstanceID(((_a = props.appConfig) === null || _a === void 0 ? void 0 : _a.instanceId) ? (_b = props.appConfig) === null || _b === void 0 ? void 0 : _b.instanceId : 'default'));
+        dispatch(appConfig.updateInstanceID(((_a = props.appConfig) === null || _a === void 0 ? void 0 : _a.instanceId) ? (_b = props.appConfig) === null || _b === void 0 ? void 0 : _b.instanceId : "default"));
     }, [dispatch, (_b = props.appConfig) === null || _b === void 0 ? void 0 : _b.instanceId]);
     useEffect(function () {
         if (props.appConfig) {
@@ -33140,7 +33416,9 @@ 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), jsx(DefaultStudiesManager, {}, 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));
+    return (jsxs(q, { children: [jsx(LocalStorage, {}, void 0), jsx(DefaultStudiesManager, {}, 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) {