orc-shared 1.2.0-dev.2 → 1.2.0-dev.6

package/dist/components/MaterialUI/muiThemes.js

@@ -189,6 +189,11 @@ var setThemeOverrides = function setThemeOverrides(theme) {
         }
       })
     }),
+    MuiLink: {
+      root: {
+        fontSize: theme.spacing(1.3)
+      }
+    },
     MuiButton: _objectSpread(_objectSpread({}, theme.MuiButton), {}, {
       root: {
         padding: "".concat(theme.spacing(0.8), " ").concat(theme.spacing(1)),

package/dist/components/Modules.js

@@ -25,6 +25,12 @@ var _modules = require("../actions/modules");
 
 var _settings = require("../selectors/settings");
 
+var _modules2 = require("../selectors/modules");
+
+var _urlPattern = _interopRequireDefault(require("url-pattern"));
+
+var _constants = require("../constants");
+
 var _excluded = ["customPath"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -69,42 +75,50 @@ var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoader
   return a;
 };
 
+var rerouteOnScopeAndModule = function rerouteOnScopeAndModule(history, currentRoute, scope, module) {
+  var params = {
+    scope: scope
+  };
+  var pattern = new _urlPattern.default("/:scope/".concat(module));
+  var href = pattern.stringify(params);
+
+  if (currentRoute !== href) {
+    history.push(href);
+  }
+};
+
 var Module = (0, _withErrorBoundary.default)("Module")(__signature__(__signature__(function (_ref) {
-  var config = _ref.config,
+  var id = _ref.id,
+      config = _ref.config,
       path = _ref.path,
       error = _ref.error,
       location = _ref.location,
       match = _ref.match,
       modulePrependPath = _ref.modulePrependPath;
-  var currentRoute = (0, _reactRedux.useSelector)(_navigation.selectRouteHref);
   var history = (0, _reactRouterDom.useHistory)();
-
-  var hideSelector = function hideSelector(state) {
-    var _config$hide;
-
-    return typeof config.hide === "function" ? config.hide(state) : (_config$hide = config.hide) != null ? _config$hide : false;
-  };
-
-  var isHidden = (0, _reactRedux.useSelector)(hideSelector);
+  var scope = (0, _reactRedux.useSelector)(_navigation.getCurrentScopeFromRoute);
+  var currentRoute = (0, _reactRedux.useSelector)(_navigation.selectRouteHref);
+  var moduleInfo = (0, _reactRedux.useSelector)(_modules2.getScopeModuleInformationSelector);
+  var isVisible = moduleInfo.scope != null && moduleInfo.visibleModules.length > 0 && moduleInfo.visibleModules.includes(id);
 
   _react.default.useEffect(function () {
-    if (isHidden === true && currentRoute.includes(match.url)) {
-      history.push("/");
-    } // eslint-disable-next-line react-hooks/exhaustive-deps
-
-  }, [isHidden, currentRoute, match.url]);
+    if (moduleInfo.scope != null && scope === moduleInfo.scope && moduleInfo.visibleModules.length > 0 && !isVisible) {
+      rerouteOnScopeAndModule(history, currentRoute, moduleInfo.scope, moduleInfo.visibleModules[0]);
+    }
+  }, [history, scope, isVisible, currentRoute, moduleInfo.scope, moduleInfo.visibleModules]);
 
   return /*#__PURE__*/_react.default.createElement(_FullPage.default, {
     path: path,
     config: config,
     location: location,
     match: match,
-    modulePrependPath: modulePrependPath
+    modulePrependPath: modulePrependPath,
+    isVisible: isVisible
   });
-}, "useSelector{currentRoute}\nuseHistory{history}\nuseSelector{isHidden}\nuseEffect{}", function () {
-  return [_reactRedux.useSelector, _reactRouterDom.useHistory, _reactRedux.useSelector];
-}), "useSelector{currentRoute}\nuseHistory{history}\nuseSelector{isHidden}\nuseEffect{}", function () {
-  return [_reactRedux.useSelector, _reactRouterDom.useHistory, _reactRedux.useSelector];
+}, "useHistory{history}\nuseSelector{scope}\nuseSelector{currentRoute}\nuseSelector{moduleInfo}\nuseEffect{}", function () {
+  return [_reactRouterDom.useHistory, _reactRedux.useSelector, _reactRedux.useSelector, _reactRedux.useSelector];
+}), "useHistory{history}\nuseSelector{scope}\nuseSelector{currentRoute}\nuseSelector{moduleInfo}\nuseEffect{}", function () {
+  return [_reactRouterDom.useHistory, _reactRedux.useSelector, _reactRedux.useSelector, _reactRedux.useSelector];
 }));
 exports.Module = Module;
 
@@ -112,26 +126,76 @@ var getHrefFromPath = function getHrefFromPath(path, scope) {
   return path.replace(":scope", scope);
 };
 
-var Modules = function Modules(_ref2) {
-  var modules = _ref2.modules,
-      _ref2$pathConfig = _ref2.pathConfig;
-  _ref2$pathConfig = _ref2$pathConfig === void 0 ? {} : _ref2$pathConfig;
+var CheckModuleVisibility = function CheckModuleVisibility(_ref2) {
+  var _moduleInfo$scope;
+
+  var id = _ref2.id,
+      config = _ref2.config,
+      moduleInfo = _ref2.moduleInfo;
+  var dispatch = (0, _reactRedux.useDispatch)();
+  var applicationModules = (0, _reactRedux.useSelector)(_settings.getApplicationModulesSelector);
+  var scopeFromRoute = (0, _reactRedux.useSelector)(_navigation.getCurrentScopeFromRoute);
+
+  var hideSelector = function hideSelector(state) {
+    return typeof config.hide === "function" ? config.hide(state) : function () {
+      var _config$hide;
+
+      return (_config$hide = config.hide) != null ? _config$hide : false;
+    };
+  };
+
+  var isHidden = (0, _reactRedux.useSelector)(hideSelector((_moduleInfo$scope = moduleInfo.scope) != null ? _moduleInfo$scope : scopeFromRoute));
+  var moduleScope = moduleInfo.scope;
+  var moduleIsVisible = isHidden === false && !moduleInfo.visibleModules.includes(id);
+
+  _react.default.useEffect(function () {
+    // We need to wait for the ROUTE to be set the first time in the Redux/Store before to set module's visibility
+    if (scopeFromRoute !== null || applicationModules.includes(_constants.overtureModule.System)) {
+      if (moduleScope == null) {
+        dispatch((0, _modules.initializeFirstModuleScope)(scopeFromRoute));
+      }
+
+      if (moduleIsVisible) {
+        dispatch((0, _modules.setModuleAsVisible)(id));
+      }
+    }
+  }, [moduleScope, moduleIsVisible, dispatch, id, scopeFromRoute, applicationModules]);
+
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+};
+
+__signature__(CheckModuleVisibility, "useDispatch{dispatch}\nuseSelector{applicationModules}\nuseSelector{scopeFromRoute}\nuseSelector{isHidden}\nuseEffect{}", function () {
+  return [_reactRedux.useDispatch, _reactRedux.useSelector, _reactRedux.useSelector, _reactRedux.useSelector];
+});
+
+__signature__(CheckModuleVisibility, "useDispatch{dispatch}\nuseSelector{applicationModules}\nuseSelector{scopeFromRoute}\nuseSelector{isHidden}\nuseEffect{}", function () {
+  return [_reactRedux.useDispatch, _reactRedux.useSelector, _reactRedux.useSelector, _reactRedux.useSelector];
+});
 
-  var customPath = _ref2$pathConfig.customPath,
-      otherConfigs = _objectWithoutProperties(_ref2$pathConfig, _excluded);
+var Modules = function Modules(_ref3) {
+  var modules = _ref3.modules,
+      _ref3$pathConfig = _ref3.pathConfig;
+  _ref3$pathConfig = _ref3$pathConfig === void 0 ? {} : _ref3$pathConfig;
+
+  var customPath = _ref3$pathConfig.customPath,
+      otherConfigs = _objectWithoutProperties(_ref3$pathConfig, _excluded);
 
   var dispatch = (0, _reactRedux.useDispatch)();
-  var scope = (0, _reactRedux.useSelector)(_navigation.getCurrentScope);
+  var currentScope = (0, _reactRedux.useSelector)(_navigation.getCurrentScope);
   var isAuthorizedScope = (0, _reactRedux.useSelector)(_scope.isCurrentScopeAuthorizedSelector);
   var defaultScope = (0, _reactRedux.useSelector)(_settings.defaultScopeSelector);
   var history = (0, _reactRouterDom.useHistory)();
   var location = (0, _reactRouterDom.useLocation)();
+  var currentRoute = (0, _reactRedux.useSelector)(_navigation.selectRouteHref);
+  var moduleInfo = (0, _reactRedux.useSelector)(_modules2.getScopeModuleInformationSelector);
+  var firstModuleName = Object.keys(modules)[0];
+  var destinationModule = moduleInfo.routingPerformed === false && moduleInfo.scope != null && moduleInfo.visibleModules.length > 0 && moduleInfo.moduleName != null ? moduleInfo.visibleModules.includes(moduleInfo.moduleName) ? moduleInfo.moduleName : moduleInfo.visibleModules[0] : null;
   var scopePath = "/:scope/";
   var prependPath = customPath || scopePath;
-  var prependHref = getHrefFromPath(prependPath, scope);
+  var prependHref = getHrefFromPath(prependPath, currentScope);
   Object.keys(otherConfigs).forEach(function (key) {
     var moduleConfig = otherConfigs[key];
-    moduleConfig.prependHref = getHrefFromPath(moduleConfig.prependPath, scope);
+    moduleConfig.prependHref = getHrefFromPath(moduleConfig.prependPath, currentScope);
   });
   (0, _react.useEffect)(function () {
     dispatch((0, _navigation2.setHrefConfig)(prependPath, prependHref, otherConfigs));
@@ -144,27 +208,43 @@ var Modules = function Modules(_ref2) {
     };
   };
 
-  var firstModuleName = Object.keys(modules)[0];
   (0, _react.useEffect)(function () {
     var pathname = location.pathname,
         search = location.search;
 
-    if (!isAuthorizedScope && pathname.includes(scope) && defaultScope) {
-      history.push(pathname.replace(scope, defaultScope) + search);
+    if (!isAuthorizedScope && pathname.includes(currentScope) && defaultScope) {
+      history.push(pathname.replace(currentScope, defaultScope) + search);
     } // eslint-disable-next-line react-hooks/exhaustive-deps
 
-  }, [isAuthorizedScope, defaultScope, history, scope]);
+  }, [isAuthorizedScope, defaultScope, history, currentScope]);
 
   _react.default.useEffect(function () {
     dispatch((0, _modules.setModulesStructure)(modules));
   }, [dispatch, modules]);
 
+  (0, _react.useEffect)(function () {
+    if (destinationModule != null) {
+      rerouteOnScopeAndModule(history, currentRoute, moduleInfo.scope, destinationModule);
+      dispatch((0, _modules.setRoutingPerformed)());
+    }
+  }, [dispatch, history, moduleInfo.scope, destinationModule, currentRoute]);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Navigation.default, {
     modules: modules
-  }), /*#__PURE__*/_react.default.createElement(_reactRouterDom.Switch, null, Object.entries(modules).map(function (_ref3) {
-    var _ref4 = _slicedToArray(_ref3, 2),
-        name = _ref4[0],
-        module = _ref4[1];
+  }), Object.entries(modules).map(function (_ref4) {
+    var _ref5 = _slicedToArray(_ref4, 2),
+        name = _ref5[0],
+        module = _ref5[1];
+
+    return /*#__PURE__*/_react.default.createElement(CheckModuleVisibility, {
+      key: name,
+      id: name,
+      config: module,
+      moduleInfo: moduleInfo
+    });
+  }), /*#__PURE__*/_react.default.createElement(_reactRouterDom.Switch, null, Object.entries(modules).map(function (_ref6) {
+    var _ref7 = _slicedToArray(_ref6, 2),
+        name = _ref7[0],
+        module = _ref7[1];
 
     var moduleConfig = getModuleConfig(name);
     var path = "".concat(moduleConfig.prependPath).concat(name);
@@ -173,6 +253,7 @@ var Modules = function Modules(_ref2) {
       path: path,
       render: function render(route) {
         return /*#__PURE__*/_react.default.createElement(Module, _extends({
+          id: name,
           modulePrependPath: moduleConfig.prependPath,
           config: module,
           path: path
@@ -186,12 +267,12 @@ var Modules = function Modules(_ref2) {
 
 exports.Modules = Modules;
 
-__signature__(Modules, "useDispatch{dispatch}\nuseSelector{scope}\nuseSelector{isAuthorizedScope}\nuseSelector{defaultScope}\nuseHistory{history}\nuseLocation{location}\nuseEffect{}\nuseEffect{}\nuseEffect{}", function () {
-  return [_reactRedux.useDispatch, _reactRedux.useSelector, _reactRedux.useSelector, _reactRedux.useSelector, _reactRouterDom.useHistory, _reactRouterDom.useLocation];
+__signature__(Modules, "useDispatch{dispatch}\nuseSelector{currentScope}\nuseSelector{isAuthorizedScope}\nuseSelector{defaultScope}\nuseHistory{history}\nuseLocation{location}\nuseSelector{currentRoute}\nuseSelector{moduleInfo}\nuseEffect{}\nuseEffect{}\nuseEffect{}\nuseEffect{}", function () {
+  return [_reactRedux.useDispatch, _reactRedux.useSelector, _reactRedux.useSelector, _reactRedux.useSelector, _reactRouterDom.useHistory, _reactRouterDom.useLocation, _reactRedux.useSelector, _reactRedux.useSelector];
 });
 
-__signature__(Modules, "useDispatch{dispatch}\nuseSelector{scope}\nuseSelector{isAuthorizedScope}\nuseSelector{defaultScope}\nuseHistory{history}\nuseLocation{location}\nuseEffect{}\nuseEffect{}\nuseEffect{}", function () {
-  return [_reactRedux.useDispatch, _reactRedux.useSelector, _reactRedux.useSelector, _reactRedux.useSelector, _reactRouterDom.useHistory, _reactRouterDom.useLocation];
+__signature__(Modules, "useDispatch{dispatch}\nuseSelector{currentScope}\nuseSelector{isAuthorizedScope}\nuseSelector{defaultScope}\nuseHistory{history}\nuseLocation{location}\nuseSelector{currentRoute}\nuseSelector{moduleInfo}\nuseEffect{}\nuseEffect{}\nuseEffect{}\nuseEffect{}", function () {
+  return [_reactRedux.useDispatch, _reactRedux.useSelector, _reactRedux.useSelector, _reactRedux.useSelector, _reactRouterDom.useHistory, _reactRouterDom.useLocation, _reactRedux.useSelector, _reactRedux.useSelector];
 });
 
 var _default = Modules;
@@ -207,8 +288,10 @@ exports.default = _default3;
     return;
   }
 
+  reactHotLoader.register(rerouteOnScopeAndModule, "rerouteOnScopeAndModule", "/home/vsts/work/1/s/src/components/Modules.js");
   reactHotLoader.register(Module, "Module", "/home/vsts/work/1/s/src/components/Modules.js");
   reactHotLoader.register(getHrefFromPath, "getHrefFromPath", "/home/vsts/work/1/s/src/components/Modules.js");
+  reactHotLoader.register(CheckModuleVisibility, "CheckModuleVisibility", "/home/vsts/work/1/s/src/components/Modules.js");
   reactHotLoader.register(Modules, "Modules", "/home/vsts/work/1/s/src/components/Modules.js");
   reactHotLoader.register(_default, "default", "/home/vsts/work/1/s/src/components/Modules.js");
 })();
@@ -229,8 +312,10 @@ exports.default = _default3;
     return;
   }
 
+  reactHotLoader.register(rerouteOnScopeAndModule, "rerouteOnScopeAndModule", "/home/vsts/work/1/s/src/components/Modules.js");
   reactHotLoader.register(Module, "Module", "/home/vsts/work/1/s/src/components/Modules.js");
   reactHotLoader.register(getHrefFromPath, "getHrefFromPath", "/home/vsts/work/1/s/src/components/Modules.js");
+  reactHotLoader.register(CheckModuleVisibility, "CheckModuleVisibility", "/home/vsts/work/1/s/src/components/Modules.js");
   reactHotLoader.register(Modules, "Modules", "/home/vsts/work/1/s/src/components/Modules.js");
   reactHotLoader.register(_default2, "default", "/home/vsts/work/1/s/src/components/Modules.js");
 })();

package/dist/components/Routing/FullPage.js

@@ -34,7 +34,8 @@ var FullPage = function FullPage(_ref) {
       config = _ref.config,
       location = _ref.location,
       match = _ref.match,
-      modulePrependPath = _ref.modulePrependPath;
+      modulePrependPath = _ref.modulePrependPath,
+      isVisible = _ref.isVisible;
   var component = config.component,
       componentProps = config.componentProps,
       _config$pages = config.pages,
@@ -63,6 +64,7 @@ var FullPage = function FullPage(_ref) {
     subpages: subpages,
     location: location,
     match: match,
+    isVisible: isVisible,
     modulePrependPath: modulePrependPath
   });
 };

package/dist/components/Routing/Page.js

@@ -60,10 +60,12 @@ var Page = function Page(_ref) {
       pages = _ref$pages === void 0 ? {} : _ref$pages,
       _ref$subpages = _ref.subpages,
       subpages = _ref$subpages === void 0 ? {} : _ref$subpages,
-      modulePrependPath = _ref.modulePrependPath;
+      modulePrependPath = _ref.modulePrependPath,
+      _ref$isVisible = _ref.isVisible,
+      isVisible = _ref$isVisible === void 0 ? true : _ref$isVisible;
   var WrappedView = (0, _react.useMemo)(function () {
-    return (0, _withErrorBoundary.default)(path)((0, _withWaypointing.default)(View));
-  }, [path, View]);
+    return (0, _withErrorBoundary.default)(path)((0, _withWaypointing.default)(View, isVisible));
+  }, [path, View, isVisible]);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactRouter.Switch, null, Object.entries(pages).map(function (_ref2) {
     var _ref3 = _slicedToArray(_ref2, 2),
         subpath = _ref3[0],

package/dist/components/Routing/Segment.js

@@ -43,7 +43,7 @@ var Segment = function Segment(_ref) {
       componentProps = config.componentProps;
   var path = location.pathname;
   var View = (0, _react.useMemo)(function () {
-    return (0, _withErrorBoundary.default)(path)((0, _withWaypointing.default)(component, componentProps));
+    return (0, _withErrorBoundary.default)(path)((0, _withWaypointing.default)(component, true, componentProps));
   }, [path, component, componentProps]);
   return /*#__PURE__*/_react.default.createElement(View, {
     location: location,

package/dist/components/Routing/withWaypointing.js

@@ -41,7 +41,11 @@ var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoader
   return a;
 };
 
-var withWaypointing = function withWaypointing(Comp, componentProps) {
+var withWaypointing = function withWaypointing(Comp, isVisible, componentProps) {
+  if (isVisible === void 0) {
+    isVisible = true;
+  }
+
   if (componentProps === void 0) {
     componentProps = {};
   }
@@ -72,7 +76,7 @@ var withWaypointing = function withWaypointing(Comp, componentProps) {
     };
 
     (0, _useLoader.default)(loadActions, cutout);
-    return /*#__PURE__*/_react.default.createElement(Comp, _extends({}, props, componentProps));
+    return isVisible ? /*#__PURE__*/_react.default.createElement(Comp, _extends({}, props, componentProps)) : null;
   }, "useLocation{location}\nuseLoader{}", function () {
     return [_reactRouterDom.useLocation, _useLoader.default];
   }), "useLocation{location}\nuseLoader{}", function () {

package/dist/components/Scope/useScopeConfirmationModalState.js

@@ -19,9 +19,7 @@ var _view = require("../../selectors/view");
 
 var _constants = require("../../constants");
 
-var _reactRouterDom = require("react-router-dom");
-
-var _urlPattern = _interopRequireDefault(require("url-pattern"));
+var _modules = require("../../actions/modules");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -112,28 +110,21 @@ var ExecuteClosingTabHandlerActions = /*#__PURE__*/function () {
 
 var useApplicationScopeChanger = function useApplicationScopeChanger(closingTabHandlerActions) {
   var dispatch = (0, _reactRedux.useDispatch)();
-  var history = (0, _reactRouterDom.useHistory)();
   var moduleName = (0, _useSelectorAndUnwrap.default)(_navigation.selectCurrentModuleName);
   return function (previousScope, newScope) {
-    var params = {
-      scope: newScope
-    }; // did not find a more reliable way to get the URL for the first tab of the module
-
-    var pattern = new _urlPattern.default("/:scope/".concat(moduleName));
-    var href = pattern.stringify(params);
-    history.push(href);
     ExecuteClosingTabHandlerActions(closingTabHandlerActions).then(function () {
-      return dispatch((0, _scopes.applicationScopeHasChanged)(previousScope, newScope));
+      dispatch((0, _modules.setNewScopeAndModuleName)(newScope, moduleName));
+      dispatch((0, _scopes.applicationScopeHasChanged)(previousScope, newScope));
     });
   };
 };
 
-__signature__(useApplicationScopeChanger, "useDispatch{dispatch}\nuseHistory{history}\nuseSelectorAndUnwrap{moduleName}", function () {
-  return [_reactRedux.useDispatch, _reactRouterDom.useHistory, _useSelectorAndUnwrap.default];
+__signature__(useApplicationScopeChanger, "useDispatch{dispatch}\nuseSelectorAndUnwrap{moduleName}", function () {
+  return [_reactRedux.useDispatch, _useSelectorAndUnwrap.default];
 });
 
-__signature__(useApplicationScopeChanger, "useDispatch{dispatch}\nuseHistory{history}\nuseSelectorAndUnwrap{moduleName}", function () {
-  return [_reactRedux.useDispatch, _reactRouterDom.useHistory, _useSelectorAndUnwrap.default];
+__signature__(useApplicationScopeChanger, "useDispatch{dispatch}\nuseSelectorAndUnwrap{moduleName}", function () {
+  return [_reactRedux.useDispatch, _useSelectorAndUnwrap.default];
 });
 
 var useScopeConfirmationModalState = function useScopeConfirmationModalState() {

package/dist/components/Scope/useScopeData.js

@@ -5,16 +5,10 @@ exports.default = void 0;
 
 var _reactRedux = require("react-redux");
 
-var _useLoader = _interopRequireDefault(require("../../hooks/useLoader"));
-
 var _utils = require("../../utils");
 
 var _scope = require("../../selectors/scope");
 
-var _scopes = require("../../actions/scopes");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 (function () {
   var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
   enterModule && enterModule(module);
@@ -47,19 +41,16 @@ var buildDefaultNodeState = function buildDefaultNodeState(current, getScope) {
 var useScopeData = function useScopeData() {
   var currentScope = (0, _utils.unwrapImmutable)((0, _reactRedux.useSelector)(_scope.currentScopeSelector));
   var getScope = (0, _reactRedux.useSelector)(_scope.scopeGetter);
-  (0, _useLoader.default)((0, _scopes.getScopes)(), function () {
-    return currentScope.name;
-  });
   var defaultNodeState = buildDefaultNodeState(currentScope, getScope);
   return [currentScope, defaultNodeState, getScope];
 };
 
-__signature__(useScopeData, "useSelector{}\nuseSelector{getScope}\nuseLoader{}", function () {
-  return [_reactRedux.useSelector, _reactRedux.useSelector, _useLoader.default];
+__signature__(useScopeData, "useSelector{}\nuseSelector{getScope}", function () {
+  return [_reactRedux.useSelector, _reactRedux.useSelector];
 });
 
-__signature__(useScopeData, "useSelector{}\nuseSelector{getScope}\nuseLoader{}", function () {
-  return [_reactRedux.useSelector, _reactRedux.useSelector, _useLoader.default];
+__signature__(useScopeData, "useSelector{}\nuseSelector{getScope}", function () {
+  return [_reactRedux.useSelector, _reactRedux.useSelector];
 });
 
 var _default = useScopeData;

package/dist/constants.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.validationErrorTypes = exports.scopeTypes = exports.scopeConfirmationDialogTypes = exports.roleGroups = exports.requestStates = exports.requestStateOperations = exports.requestStateOperationMap = exports.platformRoles = exports.infoBar = exports.displayMode = exports.definitionType = exports.attributeDataType = void 0;
+exports.validationErrorTypes = exports.scopeTypes = exports.scopeConfirmationDialogTypes = exports.roleGroups = exports.requestStates = exports.requestStateOperations = exports.requestStateOperationMap = exports.platformRoles = exports.overtureModule = exports.infoBar = exports.displayMode = exports.definitionType = exports.attributeDataType = void 0;
 
 (function () {
   var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
@@ -46,6 +46,7 @@ var roleGroups = {
   Shopping: "Shopping",
   Search: "Search",
   Profiles: "Profiles",
+  Locations: "Locations",
   Orchestrator: "Orchestrator",
   PriceManagement: "PriceManagement",
   UserManagement: "UserManagement",
@@ -94,8 +95,22 @@ var attributeDataType = {
   lookup: "Lookup",
   entityReference: "EntityReference",
   customType: "CustomType"
-};
+}; // It is intended that some of them have a different value of its keys
+
 exports.attributeDataType = attributeDataType;
+var overtureModule = {
+  System: "System",
+  Products: "Product",
+  Customers: "Customer",
+  Orders: "Order",
+  Marketing: "Marketing",
+  Report: "Reports",
+  Administration: "Administration",
+  UserManagement: "UserManagement",
+  PriceManagement: "PriceManagement",
+  Locations: "Location"
+};
+exports.overtureModule = overtureModule;
 var definitionType = {
   shared: "Shared",
   embedded: "Embedded"
@@ -133,6 +148,7 @@ exports.requestStateOperationMap = requestStateOperationMap;
   reactHotLoader.register(requestStates, "requestStates", "/home/vsts/work/1/s/src/constants.js");
   reactHotLoader.register(scopeConfirmationDialogTypes, "scopeConfirmationDialogTypes", "/home/vsts/work/1/s/src/constants.js");
   reactHotLoader.register(attributeDataType, "attributeDataType", "/home/vsts/work/1/s/src/constants.js");
+  reactHotLoader.register(overtureModule, "overtureModule", "/home/vsts/work/1/s/src/constants.js");
   reactHotLoader.register(definitionType, "definitionType", "/home/vsts/work/1/s/src/constants.js");
   reactHotLoader.register(requestStateOperations, "requestStateOperations", "/home/vsts/work/1/s/src/constants.js");
   reactHotLoader.register(requestStateOperationMap, "requestStateOperationMap", "/home/vsts/work/1/s/src/constants.js");
@@ -163,6 +179,7 @@ exports.requestStateOperationMap = requestStateOperationMap;
   reactHotLoader.register(requestStates, "requestStates", "/home/vsts/work/1/s/src/constants.js");
   reactHotLoader.register(scopeConfirmationDialogTypes, "scopeConfirmationDialogTypes", "/home/vsts/work/1/s/src/constants.js");
   reactHotLoader.register(attributeDataType, "attributeDataType", "/home/vsts/work/1/s/src/constants.js");
+  reactHotLoader.register(overtureModule, "overtureModule", "/home/vsts/work/1/s/src/constants.js");
   reactHotLoader.register(definitionType, "definitionType", "/home/vsts/work/1/s/src/constants.js");
   reactHotLoader.register(requestStateOperations, "requestStateOperations", "/home/vsts/work/1/s/src/constants.js");
   reactHotLoader.register(requestStateOperationMap, "requestStateOperationMap", "/home/vsts/work/1/s/src/constants.js");

package/dist/content/iconsSheet.svg

@@ -122,6 +122,9 @@
 <symbol id="icon-dropdown-chevron-down" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10">
  <polyline fill="none" stroke-linecap="round" stroke-linejoin="round" points="9 3 5 7 1 3"/>
 </symbol>
+<symbol id="icon-open-in-new-tab" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10">
+ <path stroke="none" fill-rule="evenodd" d="M8.4375,6.25 L7.8125,6.25 C7.63991102,6.25 7.5,6.38991102 7.5,6.5625 L7.5,8.75 L1.25,8.75 L1.25,2.5 L4.0625,2.5 C4.23508898,2.5 4.375,2.36008898 4.375,2.1875 L4.375,1.5625 C4.375,1.38991102 4.23508898,1.25 4.0625,1.25 L0.9375,1.25 C0.419733047,1.25 0,1.66973305 0,2.1875 L0,9.0625 C0,9.58026695 0.419733047,10 0.9375,10 L7.8125,10 C8.33026695,10 8.75,9.58026695 8.75,9.0625 L8.75,6.5625 C8.75,6.38991102 8.61008898,6.25 8.4375,6.25 Z M9.53125,0 L7.03125,0 C6.61386719,0 6.40527344,0.506054688 6.69921875,0.80078125 L7.39707031,1.49863281 L2.63671875,6.25722656 C2.54845882,6.34518057 2.49884911,6.46465556 2.49884911,6.58925781 C2.49884911,6.71386007 2.54845882,6.83333506 2.63671875,6.92128906 L3.07949219,7.36328125 C3.16744619,7.45154118 3.28692118,7.50115089 3.41152344,7.50115089 C3.53612569,7.50115089 3.65560068,7.45154118 3.74355469,7.36328125 L8.5015625,2.60390625 L9.19921875,3.30078125 C9.4921875,3.59375 10,3.38867188 10,2.96875 L10,0.46875 C10,0.209866524 9.79013348,0 9.53125,0 Z"/>
+</symbol>
 <symbol id="icon-dropdown-chevron-right" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10">
  <polyline fill="none" stroke-linecap="round" stroke-linejoin="round" points="9 3 5 7 1 3" transform="rotate(-90 5 5)"/>
 </symbol>

package/dist/reducers/modules.js

@@ -29,7 +29,15 @@ var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoader
   return a;
 };
 
-var initialState = _immutable.default.Map({});
+var initialState = _immutable.default.fromJS({
+  tree: {},
+  visibleModules: [],
+  lastScopeAndModuleSelection: {
+    scope: null,
+    moduleName: null,
+    routingPerformed: true
+  }
+});
 
 var viewStateReducer = function viewStateReducer(state, action) {
   if (state === void 0) {
@@ -73,6 +81,36 @@ var viewStateReducer = function viewStateReducer(state, action) {
         return state.set("tree", _immutable.default.fromJS(modulesTree));
       }
 
+    case _modules.INITIALIZE_FIRST_MODULE_SCOPE:
+      {
+        return state.setIn(["lastScopeAndModuleSelection", "scope"], action.payload);
+      }
+
+    case _modules.SET_MODULE_AS_VISIBLE:
+      {
+        var visibleModules = state.get("visibleModules").toJS();
+        visibleModules.push(action.payload);
+        return state.set("visibleModules", _immutable.default.fromJS(visibleModules));
+      }
+
+    case _modules.SET_NEW_SCOPE_AND_MODULE_NAME:
+      {
+        var lastScopeAndModuleSelection = state.get("lastScopeAndModuleSelection").toJS();
+
+        if (action.payload.scope !== lastScopeAndModuleSelection.scope) {
+          state = state.set("visibleModules", _immutable.default.fromJS([]));
+        }
+
+        return state.set("lastScopeAndModuleSelection", _immutable.default.fromJS({
+          moduleName: action.payload.moduleName,
+          scope: action.payload.scope,
+          routingPerformed: false
+        }));
+      }
+
+    case _modules.SET_ROUTING_PERFORMED:
+      return state.setIn(["lastScopeAndModuleSelection", "routingPerformed"], true);
+
     default:
       return state;
   }

package/dist/reducers/scopes.js

@@ -41,7 +41,34 @@ var scopeReducer = function scopeReducer(state, action) {
   switch (action.type) {
     case _scopes2.GET_SCOPES_SUCCESS:
       {
+        var loadedScopes = state.toJS();
         var normalizedScopes = (0, _normalizr.normalize)(action.payload, _scopes.default);
+
+        if (Object.keys(loadedScopes).length > 0) {
+          var addedScope = {};
+          Object.values(normalizedScopes.entities.scopes).forEach(function (scope) {
+            if (!loadedScopes[scope.id]) {
+              loadedScopes[scope.id] = scope;
+              addedScope[scope.id] = scope;
+            } else if (scope.isAuthorizedScope) {
+              loadedScopes[scope.id] = scope;
+            }
+          });
+          Object.values(addedScope).forEach(function (scope) {
+            var parentScope = loadedScopes[scope.parentScopeId];
+
+            if (parentScope) {
+              if (!parentScope.children.includes(scope.id)) {
+                parentScope.children.push(scope.id);
+              }
+            } else {
+              // Should not happen, but for safety
+              delete loadedScopes[scope.id];
+            }
+          });
+          return state.merge(_immutable.default.fromJS(loadedScopes));
+        }
+
         return state.merge(_immutable.default.fromJS(normalizedScopes.entities.scopes));
       }