@zextras/carbonio-shell-ui 0.4.19 → 0.4.21

package/dist/{src_boot_bootstrapper_tsx-node_modules_moment_locale_sync_recursive_.54c708a4.chunk.js → src_boot_bootstrapper_tsx-node_modules_moment_locale_sync_recursive_.756cd673.chunk.js}

@@ -1118,7 +1118,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_6__);
 /* harmony import */ var _app_app_loader_mounter__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./app/app-loader-mounter */ "./src/boot/app/app-loader-mounter.tsx");
 /* harmony import */ var _store_context_bridge__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../store/context-bridge */ "./src/store/context-bridge.ts");
-/* harmony import */ var _shell_shell_view__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../shell/shell-view */ "./src/shell/shell-view.jsx");
+/* harmony import */ var _shell_shell_view__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../shell/shell-view */ "./src/shell/shell-view.tsx");
 /* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../constants */ "./src/constants/index.ts");
 /*
  * SPDX-FileCopyrightText: 2021 Zextras <https://www.zextras.com>
@@ -1983,7 +1983,7 @@ var I18nFactory = /*#__PURE__*/function () {
       }
 
       var newI18n = i18next__WEBPACK_IMPORTED_MODULE_7__["default"].createInstance();
-      var baseI18nPath = appPkgDescription.name === _constants__WEBPACK_IMPORTED_MODULE_11__.SHELL_APP_ID ? "/static/iris/carbonio-shell-ui/adb0f9340abd3cd92ce5f0d60cf7ef8600b577c2/" : (0,lodash__WEBPACK_IMPORTED_MODULE_9__.dropRight)(appPkgDescription.js_entrypoint.split('/')).join('/');
+      var baseI18nPath = appPkgDescription.name === _constants__WEBPACK_IMPORTED_MODULE_11__.SHELL_APP_ID ? "/static/iris/carbonio-shell-ui/69c6a93cc3671a72363673938d2209ac70427ebd/" : (0,lodash__WEBPACK_IMPORTED_MODULE_9__.dropRight)(appPkgDescription.js_entrypoint.split('/')).join('/');
       newI18n // load translation using http -> see /public/locales (i.e. https://github.com/i18next/react-i18next/tree/master/example/react/public/locales)
       // learn more: https://github.com/i18next/i18next-http-backend
       .use(i18next_http_backend__WEBPACK_IMPORTED_MODULE_8__["default"]) // detect user language
@@ -6613,18 +6613,20 @@ __webpack_require__.r(__webpack_exports__);
 
 
 var AppearanceSettings = function AppearanceSettings(_ref) {
-  var _ref2, _find;
-
   var settings = _ref.settings,
       addMod = _ref.addMod;
 
   var _useContext = (0,react__WEBPACK_IMPORTED_MODULE_1__.useContext)(_boot_theme_provider__WEBPACK_IMPORTED_MODULE_3__.ThemeCallbacksContext),
       setDarkReaderState = _useContext.setDarkReaderState;
 
-  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)((_ref2 = (_find = (0,lodash__WEBPACK_IMPORTED_MODULE_2__.find)(settings.props, ['name', 'zappDarkreaderMode'])) === null || _find === void 0 ? void 0 : _find._content) !== null && _ref2 !== void 0 ? _ref2 : 'auto'),
-      _useState2 = (0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__["default"])(_useState, 2),
-      drMode = _useState2[0],
-      setDrMode = _useState2[1];
+  var currentDRMSetting = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {
+    var _find;
+
+    return (_find = (0,lodash__WEBPACK_IMPORTED_MODULE_2__.find)(settings.props, {
+      name: 'zappDarkreaderMode',
+      zimlet: _constants__WEBPACK_IMPORTED_MODULE_4__.SHELL_APP_ID
+    })) === null || _find === void 0 ? void 0 : _find._content;
+  }, [settings]);
 
   var _useTranslation = (0,react_i18next__WEBPACK_IMPORTED_MODULE_6__.useTranslation)(),
       _useTranslation2 = (0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__["default"])(_useTranslation, 1),
@@ -6643,30 +6645,17 @@ var AppearanceSettings = function AppearanceSettings(_ref) {
     }];
   }, [t]);
   var defaultSelection = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {
-    var _find2;
-
-    return (_find2 = (0,lodash__WEBPACK_IMPORTED_MODULE_2__.find)(items, ['value', drMode])) !== null && _find2 !== void 0 ? _find2 : items[0];
-  }, [drMode, items]);
+    return (0,lodash__WEBPACK_IMPORTED_MODULE_2__.find)(items, {
+      value: currentDRMSetting
+    });
+  }, [currentDRMSetting, items]);
   var onSelectionChange = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function (v) {
-    if (v !== drMode) {
-      setDrMode(function (old) {
-        return v !== old ? v : old;
-      }); // setDarkReaderState(v);
-
-      addMod('props', 'zappDarkreaderMode', {
-        app: _constants__WEBPACK_IMPORTED_MODULE_4__.SHELL_APP_ID,
-        value: v
-      });
-    }
-  }, [addMod, drMode]); // useEffect(
-  // 	() => (): void =>
-  // 		setDarkReaderState(
-  // 			(find(settings.props, ['name', 'zappDarkreaderMode'])
-  // 				?._content as unknown as DRPropValues) ?? 'auto'
-  // 		),
-  // 	[setDarkReaderState, settings.props]
-  // );
-
+    setDarkReaderState(v);
+    addMod('props', 'zappDarkreaderMode', {
+      app: _constants__WEBPACK_IMPORTED_MODULE_4__.SHELL_APP_ID,
+      value: v
+    });
+  }, [addMod, setDarkReaderState]);
   var subSection = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {
     return (0,_general_settings_sub_sections__WEBPACK_IMPORTED_MODULE_5__.themeSubSection)(t);
   }, [t]);
@@ -9452,16 +9441,16 @@ var SettingsSidebar = function SettingsSidebar(_ref) {
 
 /***/ }),
 
-/***/ "./src/shell/app-view-container.jsx":
+/***/ "./src/shell/app-view-container.tsx":
 /*!******************************************!*\
-  !*** ./src/shell/app-view-container.jsx ***!
+  !*** ./src/shell/app-view-container.tsx ***!
   \******************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (/* binding */ AppViewContainer)
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/toConsumableArray */ "./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js");
 /* harmony import */ var core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.function.name.js */ "./node_modules/core-js/modules/es.function.name.js");
@@ -9494,7 +9483,7 @@ __webpack_require__.r(__webpack_exports__);
 
 var _BoardsRouterContainer = (0,styled_components__WEBPACK_IMPORTED_MODULE_6__["default"])(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_7__.Container).withConfig({
   displayName: "app-view-container___BoardsRouterContainer",
-  componentId: "sc-lwkub4-0"
+  componentId: "sc-1gu6zd6-0"
 })(["flex-grow:1;flex-basis:0;min-width:1px;max-height:calc(100vh - 60px);overflow-y:auto;"]);
 
 var FirstAppRedirect = function FirstAppRedirect() {
@@ -9518,7 +9507,7 @@ var FirstAppRedirect = function FirstAppRedirect() {
   }) : null;
 };
 
-function AppViewContainer() {
+var AppViewContainer = function AppViewContainer() {
   var appViews = (0,_store_app__WEBPACK_IMPORTED_MODULE_5__.useAppStore)(function (s) {
     return s.views.appView;
   });
@@ -9536,7 +9525,9 @@ function AppViewContainer() {
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_BoardsRouterContainer, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_7__.Container, {
     mainAlignment: "flex-start"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_8__.Switch, null, routes), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(FirstAppRedirect, null)));
-}
+};
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (AppViewContainer);
 
 /***/ }),
 
@@ -10782,7 +10773,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "./node_modules/@babel/runtime/helpers/esm/slicedToArray.js");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _shell_context__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./shell-context */ "./src/shell/shell-context.js");
+/* harmony import */ var _shell_context__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./shell-context */ "./src/shell/shell-context.ts");
 
 
 /*
@@ -10831,22 +10822,22 @@ function useLocalStorage(key, initialValue) {
 
 /***/ }),
 
-/***/ "./src/shell/shell-context-provider.jsx":
+/***/ "./src/shell/shell-context-provider.tsx":
 /*!**********************************************!*\
-  !*** ./src/shell/shell-context-provider.jsx ***!
+  !*** ./src/shell/shell-context-provider.tsx ***!
   \**********************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (/* binding */ ShellContextProvider)
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var _zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @zextras/carbonio-design-system */ "./node_modules/@zextras/carbonio-design-system/dist/zapp-ui.bundle.js");
 /* harmony import */ var _zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var _shell_context__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./shell-context */ "./src/shell/shell-context.js");
+/* harmony import */ var _shell_context__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./shell-context */ "./src/shell/shell-context.ts");
 /*
  * SPDX-FileCopyrightText: 2021 Zextras <https://www.zextras.com>
  *
@@ -10855,7 +10846,8 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-function ShellContextProvider(_ref) {
+
+var ShellContextProvider = function ShellContextProvider(_ref) {
   var children = _ref.children;
   var screenMode = (0,_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_2__.useScreenMode)();
   var value = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
@@ -10866,13 +10858,15 @@ function ShellContextProvider(_ref) {
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_shell_context__WEBPACK_IMPORTED_MODULE_1__["default"].Provider, {
     value: value
   }, children);
-}
+};
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ShellContextProvider);
 
 /***/ }),
 
-/***/ "./src/shell/shell-context.js":
+/***/ "./src/shell/shell-context.ts":
 /*!************************************!*\
-  !*** ./src/shell/shell-context.js ***!
+  !*** ./src/shell/shell-context.ts ***!
   \************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -11121,16 +11115,16 @@ function ShellMobileNav(_ref2) {
 
 /***/ }),
 
-/***/ "./src/shell/shell-navigation-bar.jsx":
+/***/ "./src/shell/shell-navigation-bar.tsx":
 /*!********************************************!*\
-  !*** ./src/shell/shell-navigation-bar.jsx ***!
+  !*** ./src/shell/shell-navigation-bar.tsx ***!
   \********************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (/* binding */ ShellNavigationBar)
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
@@ -11147,9 +11141,12 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+ // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore
 
 
-function ShellNavigationBar(_ref) {
+
+var ShellNavigationBar = function ShellNavigationBar(_ref) {
   var mobileNavIsOpen = _ref.mobileNavIsOpen,
       activeRoute = _ref.activeRoute;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_4__.Container, {
@@ -11169,9 +11166,11 @@ function ShellNavigationBar(_ref) {
     mode: "mobile"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_shell_mobile_nav__WEBPACK_IMPORTED_MODULE_3__["default"], {
     mobileNavIsOpen: mobileNavIsOpen,
-    activeRoute: activeRoute
+    menuTree: activeRoute
   })));
-}
+};
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ShellNavigationBar);
 
 /***/ }),
 
@@ -11555,9 +11554,9 @@ var ShellSecondaryBar = function ShellSecondaryBar(_ref2) {
 
 /***/ }),
 
-/***/ "./src/shell/shell-view.jsx":
+/***/ "./src/shell/shell-view.tsx":
 /*!**********************************!*\
-  !*** ./src/shell/shell-view.jsx ***!
+  !*** ./src/shell/shell-view.tsx ***!
   \**********************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -11565,26 +11564,27 @@ var ShellSecondaryBar = function ShellSecondaryBar(_ref2) {
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "Shell": () => (/* binding */ Shell),
-/* harmony export */   "default": () => (/* binding */ ShellView)
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "./node_modules/@babel/runtime/helpers/esm/slicedToArray.js");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! @zextras/carbonio-design-system */ "./node_modules/@zextras/carbonio-design-system/dist/zapp-ui.bundle.js");
-/* harmony import */ var _zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_14__);
-/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! styled-components */ "./node_modules/styled-components/dist/styled-components.browser.esm.js");
+/* harmony import */ var _zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! @zextras/carbonio-design-system */ "./node_modules/@zextras/carbonio-design-system/dist/zapp-ui.bundle.js");
+/* harmony import */ var _zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_15__);
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! styled-components */ "./node_modules/styled-components/dist/styled-components.browser.esm.js");
 /* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
 /* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_2__);
 /* harmony import */ var _zextras_carbonio_ui_preview__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @zextras/carbonio-ui-preview */ "./node_modules/@zextras/carbonio-ui-preview/lib-esm/index.js");
-/* harmony import */ var _app_view_container__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./app-view-container */ "./src/shell/app-view-container.jsx");
-/* harmony import */ var _shell_context_provider__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./shell-context-provider */ "./src/shell/shell-context-provider.jsx");
+/* harmony import */ var _app_view_container__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./app-view-container */ "./src/shell/app-view-container.tsx");
+/* harmony import */ var _shell_context_provider__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./shell-context-provider */ "./src/shell/shell-context-provider.tsx");
 /* harmony import */ var _shell_header__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./shell-header */ "./src/shell/shell-header.tsx");
-/* harmony import */ var _shell_navigation_bar__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./shell-navigation-bar */ "./src/shell/shell-navigation-bar.jsx");
+/* harmony import */ var _shell_navigation_bar__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./shell-navigation-bar */ "./src/shell/shell-navigation-bar.tsx");
 /* harmony import */ var _boards_app_board_window__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./boards/app-board-window */ "./src/shell/boards/app-board-window.jsx");
 /* harmony import */ var _boot_theme_provider__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../boot/theme-provider */ "./src/boot/theme-provider.tsx");
 /* harmony import */ var _store_account__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../store/account */ "./src/store/account/index.ts");
 /* harmony import */ var _utility_bar__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../utility-bar */ "./src/utility-bar/index.ts");
 /* harmony import */ var _history_hooks__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../history/hooks */ "./src/history/hooks.ts");
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../constants */ "./src/constants/index.ts");
 
 
 /*
@@ -11601,15 +11601,18 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+ // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore
+
 
 
 
 
 
 
-var Background = styled_components__WEBPACK_IMPORTED_MODULE_13__["default"].div.withConfig({
+var Background = styled_components__WEBPACK_IMPORTED_MODULE_14__["default"].div.withConfig({
   displayName: "shell-view__Background",
-  componentId: "sc-19ysuc6-0"
+  componentId: "sc-1116s2y-0"
 })(["background:", ";display:flex;flex-direction:column;height:100%;min-height:100%;max-height:100%;width:100%;min-width:100%;max-width:100%;"], function (_ref) {
   var theme = _ref.theme;
   return theme.palette.gray6.regular;
@@ -11620,16 +11623,21 @@ function DarkReaderListener() {
       setDarkReaderState = _useContext.setDarkReaderState;
 
   var settings = (0,_store_account__WEBPACK_IMPORTED_MODULE_10__.useUserSettings)();
+  var currentDRMSetting = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {
+    var _find, _settings$props;
+
+    return (_find = (0,lodash__WEBPACK_IMPORTED_MODULE_2__.find)((_settings$props = settings === null || settings === void 0 ? void 0 : settings.props) !== null && _settings$props !== void 0 ? _settings$props : [], {
+      name: 'zappDarkreaderMode',
+      zimlet: _constants__WEBPACK_IMPORTED_MODULE_13__.SHELL_APP_ID
+    })) === null || _find === void 0 ? void 0 : _find._content;
+  }, [settings]);
   (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
-    var _find$_content, _find, _settings$props;
-
-    var darkreaderState = (_find$_content = (_find = (0,lodash__WEBPACK_IMPORTED_MODULE_2__.find)((_settings$props = settings === null || settings === void 0 ? void 0 : settings.props) !== null && _settings$props !== void 0 ? _settings$props : [], ['name', 'zappDarkreaderMode'])) === null || _find === void 0 ? void 0 : _find._content) !== null && _find$_content !== void 0 ? _find$_content : 'auto';
-    setDarkReaderState(darkreaderState);
-  }, [setDarkReaderState, settings]);
+    setDarkReaderState(currentDRMSetting);
+  }, [currentDRMSetting, setDarkReaderState]);
   return null;
 }
 
-function Shell() {
+var Shell = function Shell() {
   var _useState = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false),
       _useState2 = (0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__["default"])(_useState, 2),
       mobileNavOpen = _useState2[0],
@@ -11642,7 +11650,7 @@ function Shell() {
     onMobileMenuClick: function onMobileMenuClick() {
       return setMobileNavOpen(!mobileNavOpen);
     }
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_utility_bar__WEBPACK_IMPORTED_MODULE_11__.ShellUtilityBar, null)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_14__.Row, {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_utility_bar__WEBPACK_IMPORTED_MODULE_11__.ShellUtilityBar, null)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_15__.Row, {
     crossAlignment: "unset",
     style: {
       position: 'relative',
@@ -11651,15 +11659,16 @@ function Shell() {
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_shell_navigation_bar__WEBPACK_IMPORTED_MODULE_7__["default"], {
     activeRoute: activeRoute,
     mobileNavIsOpen: mobileNavOpen
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_app_view_container__WEBPACK_IMPORTED_MODULE_4__["default"], {
-    activeRoute: activeRoute
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_utility_bar__WEBPACK_IMPORTED_MODULE_11__.ShellUtilityPanel, null)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_14__.Responsive, {
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_app_view_container__WEBPACK_IMPORTED_MODULE_4__["default"], null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_utility_bar__WEBPACK_IMPORTED_MODULE_11__.ShellUtilityPanel, null)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_15__.Responsive, {
     mode: "desktop"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_boards_app_board_window__WEBPACK_IMPORTED_MODULE_8__["default"], null)));
-}
-function ShellView() {
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_shell_context_provider__WEBPACK_IMPORTED_MODULE_5__["default"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_14__.ModalManager, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_14__.SnackbarManager, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_zextras_carbonio_ui_preview__WEBPACK_IMPORTED_MODULE_3__.PreviewManager, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Shell, null)))));
-}
+};
+
+var ShellView = function ShellView() {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_shell_context_provider__WEBPACK_IMPORTED_MODULE_5__["default"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_15__.ModalManager, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_15__.SnackbarManager, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_zextras_carbonio_ui_preview__WEBPACK_IMPORTED_MODULE_3__.PreviewManager, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Shell, null)))));
+};
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ShellView);
 
 /***/ }),
 
@@ -15527,4 +15536,4 @@ webpackContext.id = "./node_modules/moment/locale sync recursive ^\\.\\/.*$";
 /***/ })
 
 }]);
-//# sourceMappingURL=src_boot_bootstrapper_tsx-node_modules_moment_locale_sync_recursive_.54c708a4.chunk.js.map
+//# sourceMappingURL=src_boot_bootstrapper_tsx-node_modules_moment_locale_sync_recursive_.756cd673.chunk.js.map