@crystaldesign/diva-core 26.3.0-beta.9 → 26.4.0-beta.1

package/build/esm/{index-3ea59e03.js → index-d1479227.js}

@@ -45,7 +45,7 @@ import { actions } from '@storybook/addon-actions';
 import * as Styles from '@mui/styles';
 
 (function() {
-    const env = {"STAGE":"production","VERSION":"26.3.0-beta.9"};
+    const env = {"STAGE":"production","VERSION":"26.4.0-beta.1"};
     try {
         if (process) {
             process.env = Object.assign({}, process.env);
@@ -1011,13 +1011,19 @@ var ConfigurationStore = /*#__PURE__*/function () {
     get: function get() {
       var _this$_configuration5, _this$_configuration6;
       var dataStore = this.root.dataStore;
-      if (dataStore && (_this$_configuration5 = this._configuration) !== null && _this$_configuration5 !== void 0 && _this$_configuration5.components.openSellerDefaultForRetailer) {
+      var organization = dataStore === null || dataStore === void 0 ? void 0 : dataStore.organization;
+      if (organization && (_this$_configuration5 = this._configuration) !== null && _this$_configuration5 !== void 0 && _this$_configuration5.components.openSellerDefaultForRetailer && organization.type == 'RETAILER') {
         if (dataStore.userHasPermission('retail') && !dataStore.userHasPermission('acquisition') && !dataStore.userHasPermission('category_manager')) {
           return {
             type: 'SELLER'
           };
         }
       }
+      if (organization && dataStore.userHasPermission('retail') && organization.parentType == null && organization.type == null) {
+        return {
+          type: 'ARCHIVE'
+        };
+      }
       return (_this$_configuration6 = this._configuration) === null || _this$_configuration6 === void 0 ? void 0 : _this$_configuration6.components["default"];
     }
   }, {
@@ -1377,7 +1383,7 @@ var ConfigurationStore = /*#__PURE__*/function () {
     key: "updateConfiguration",
     value: /*#__PURE__*/_regeneratorRuntime.mark(function updateConfiguration() {
       var _this$root$contentSto;
-      var configuration, type, prevState;
+      var configuration, type, isStillAvailable, prevState;
       return _regeneratorRuntime.wrap(function updateConfiguration$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
@@ -1393,12 +1399,19 @@ var ConfigurationStore = /*#__PURE__*/function () {
             this.configuration = configuration;
             type = (_this$root$contentSto = this.root.contentStore.currentComponent) === null || _this$root$contentSto === void 0 ? void 0 : _this$root$contentSto.type;
             if (type) {
-              prevState = this.root.contentStore.getState(type);
-              this.root.contentStore.openComponent({
-                type: type,
-                parameters: prevState.parameters,
-                internal: prevState.internal
+              isStillAvailable = this.root.contentStore.availableComponents.some(function (c) {
+                return c.type === type;
               });
+              if (isStillAvailable) {
+                prevState = this.root.contentStore.getState(type);
+                this.root.contentStore.openComponent({
+                  type: type,
+                  parameters: prevState.parameters,
+                  internal: prevState.internal
+                });
+              } else if (this.defaultComponent) {
+                this.root.contentStore.openComponent(this.defaultComponent);
+              }
             }
             this.root.loadingAndErrorStore.toggleLoading('updateConfiguration');
           case 8:
@@ -1592,34 +1605,44 @@ var DataStore = /*#__PURE__*/function () {
   }, {
     key: "updateOrganization",
     value: /*#__PURE__*/_regeneratorRuntime.mark(function updateOrganization(organizationId) {
+      var authorizedOrganizationId, _e$custom;
       return _regeneratorRuntime.wrap(function updateOrganization$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             _context.prev = 0;
             if (!(organizationId != this.organizationId)) {
-              _context.next = 8;
+              _context.next = 10;
               break;
             }
             _context.next = 4;
             return this.root.authorizationStore.autorize(organizationId);
           case 4:
-            _context.next = 6;
-            return this.updateOrganizationInternal(organizationId);
-          case 6:
+            authorizedOrganizationId = _context.sent;
+            if (!(authorizedOrganizationId != this.organizationId)) {
+              _context.next = 10;
+              break;
+            }
             _context.next = 8;
-            return this.root.configurationStore.updateConfiguration();
+            return this.updateOrganizationInternal(authorizedOrganizationId);
           case 8:
-            _context.next = 13;
-            break;
+            _context.next = 10;
+            return this.root.configurationStore.updateConfiguration();
           case 10:
-            _context.prev = 10;
+            _context.next = 15;
+            break;
+          case 12:
+            _context.prev = 12;
             _context.t0 = _context["catch"](0);
-            this.root.loadingAndErrorStore.setError(_context.t0);
-          case 13:
+            if (_context.t0 instanceof DivaError && (_e$custom = _context.t0.custom) !== null && _e$custom !== void 0 && _e$custom.requestedOrganizationId) {
+              this.root.loadingAndErrorStore.setError(_context.t0, _context.t0.name, true);
+            } else {
+              this.root.loadingAndErrorStore.setError(_context.t0);
+            }
+          case 15:
           case "end":
             return _context.stop();
         }
-      }, updateOrganization, this, [[0, 10]]);
+      }, updateOrganization, this, [[0, 12]]);
     })
   }, {
     key: "getSessionGuid",
@@ -2063,8 +2086,6 @@ var THEME_VARIABLES = [['--diva-theme-palette-primary-main', function (t) {
   return t.palette.text.secondary;
 }], ['--diva-typography-font-family', function (t) {
   return t.typography.fontFamily;
-}], ['font-family', function (t) {
-  return t.typography.fontFamily;
 }]];
 function applyToElement(element, theme) {
   THEME_VARIABLES.forEach(function (_ref) {
@@ -2076,10 +2097,14 @@ function applyToElement(element, theme) {
 }
 
 /**
- * Applies theme as CSS variables to the given element and to document.body.
- * Body is included so portaled content (e.g. MUI Drawer without container) inherits the variables.
+ * Applies theme CSS variables to the planner root and to document.body.
+ * Body is included so portaled content (e.g. MUI Drawer without container) inherits CSS variables.
+ * The raw `font-family` style is intentionally scoped to the planner root only,
+ * so embedded integrations do not override the host page font.
  */
 function updateCssThemeVariables (ref, theme) {
+  applyToElement(ref, theme);
+  ref.style.setProperty('font-family', theme.typography.fontFamily);
   if (typeof document !== 'undefined') {
     applyToElement(document.body, theme);
   }
@@ -2093,6 +2118,7 @@ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length)
 function ownKeys$a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LOG$9 = getLogger('Framework', 'ContentStore');
+var ALLOWED_WRAPPER_MODULES = ['ARCHIVE', 'PRODUCT_LIST'];
 var ContentStore = /*#__PURE__*/function () {
   function ContentStore(components, root) {
     var _this = this;
@@ -2374,6 +2400,31 @@ var ContentStore = /*#__PURE__*/function () {
       params.append('organizationId', this.root.dataStore.organizationId);
       return url.href;
     }
+  }, {
+    key: "isWrapperOrganization",
+    get: function get() {
+      var _this$root$dataStore$, _this$root$dataStore$2;
+      return ((_this$root$dataStore$ = this.root.dataStore.organization) === null || _this$root$dataStore$ === void 0 ? void 0 : _this$root$dataStore$.type) == null && ((_this$root$dataStore$2 = this.root.dataStore.organization) === null || _this$root$dataStore$2 === void 0 ? void 0 : _this$root$dataStore$2.parentType) == null;
+    }
+  }, {
+    key: "isWrapperRestrictedAction",
+    value: function isWrapperRestrictedAction(action) {
+      if (!this.isWrapperOrganization || action.url) {
+        return false;
+      }
+      var component = action;
+      if (component.type) {
+        return !ALLOWED_WRAPPER_MODULES.includes(component.type);
+      }
+      if (component.route) {
+        var configuredComponent = this.root.configurationStore.components.find(function (c) {
+          var _component$route;
+          return c.route && ((_component$route = component.route) === null || _component$route === void 0 ? void 0 : _component$route.startsWith(c.route));
+        });
+        return configuredComponent ? !ALLOWED_WRAPPER_MODULES.includes(configuredComponent.type) : false;
+      }
+      return false;
+    }
 
     /**
      * Open a component or an external url.
@@ -2393,7 +2444,7 @@ var ContentStore = /*#__PURE__*/function () {
         _config6,
         _config8,
         _config9;
-      var _this$componentChange2, _this$componentChange3, _this$openInNewTab, _this$openInNewTab2, link, _window, _ref4, type, identifier, parameters, internal, route, openInFullscreen, keepOldState, config, parent, _this$root$dataStore$, _this$root$dataStore$2, _config4, newTab, _config7, base, settings, openModuleLables, _parameters, otherPrams, module, prevType, prevState, currentState, componentState;
+      var _this$componentChange2, _this$componentChange3, _this$openInNewTab, _this$openInNewTab2, link, _window, _ref4, type, identifier, parameters, internal, route, openInFullscreen, keepOldState, config, parent, _this$root$dataStore$3, _this$root$dataStore$4, _config4, newTab, _config7, base, defaultComponent, canOpenDefault, settings, openModuleLables, _parameters, otherPrams, module, prevType, prevState, currentState, componentState;
       return _regeneratorRuntime.wrap(function openComponent$(_context3) {
         while (1) switch (_context3.prev = _context3.next) {
           case 0:
@@ -2404,10 +2455,11 @@ var ContentStore = /*#__PURE__*/function () {
             (_this$componentChange2 = this.componentChange) === null || _this$componentChange2 === void 0 || (_this$componentChange3 = _this$componentChange2.callback) === null || _this$componentChange3 === void 0 || _this$componentChange3.call(_this$componentChange2);
             return _context3.abrupt("return");
           case 3:
+            this.root.loadingAndErrorStore.setError(undefined);
             this.root.loadingAndErrorStore.toggleLoading('openComponent');
             LOG$9.debug('openComponent', toJS(action));
             if (!action.url) {
-              _context3.next = 10;
+              _context3.next = 11;
               break;
             }
             LOG$9.businessEvent('onOpenModule', action.openInNewTab ? 'OpenUrlNewTab' : 'OpenUrl', "Open link ".concat(action.url), {
@@ -2421,16 +2473,16 @@ var ContentStore = /*#__PURE__*/function () {
             }
             this.root.loadingAndErrorStore.toggleLoading('openComponent');
             return _context3.abrupt("return");
-          case 10:
+          case 11:
             _ref4 = action, type = _ref4.type, identifier = _ref4.identifier, parameters = _ref4.parameters, internal = _ref4.internal, route = _ref4.route, openInFullscreen = _ref4.openInFullscreen, keepOldState = _ref4.keepOldState;
             config = undefined;
             if (!openInFullscreen) {
-              _context3.next = 15;
+              _context3.next = 16;
               break;
             }
             this.openComponentInFullscreen(action);
             return _context3.abrupt("return");
-          case 15:
+          case 16:
             if (type) {
               config = this.availableComponents.find(function (c) {
                 return c.type == type && (!identifier || c.identifier == identifier);
@@ -2441,21 +2493,21 @@ var ContentStore = /*#__PURE__*/function () {
               });
             }
             if (!(((_config2 = config) === null || _config2 === void 0 ? void 0 : _config2.type) == 'CATEGORY_MANAGER' || ((_config3 = config) === null || _config3 === void 0 ? void 0 : _config3.type) == 'ASSORTMENT_MANAGER')) {
-              _context3.next = 23;
+              _context3.next = 24;
               break;
             }
             parent = undefined;
             if (this.root.dataStore.organization.type == undefined && this.root.dataStore.organization.parentType == 'RETAILER') {
-              parent = (_this$root$dataStore$ = this.root.dataStore.organization.parentOrganizations) === null || _this$root$dataStore$ === void 0 ? void 0 : _this$root$dataStore$.find(function (o) {
+              parent = (_this$root$dataStore$3 = this.root.dataStore.organization.parentOrganizations) === null || _this$root$dataStore$3 === void 0 ? void 0 : _this$root$dataStore$3.find(function (o) {
                 return o.type == 'RETAILER';
               });
             } else if (this.root.dataStore.organization.type == undefined && this.root.dataStore.organization.parentType == 'ASSOCIATION') {
-              parent = (_this$root$dataStore$2 = this.root.dataStore.organization.parentOrganizations) === null || _this$root$dataStore$2 === void 0 ? void 0 : _this$root$dataStore$2.find(function (o) {
+              parent = (_this$root$dataStore$4 = this.root.dataStore.organization.parentOrganizations) === null || _this$root$dataStore$4 === void 0 ? void 0 : _this$root$dataStore$4.find(function (o) {
                 return o.type == 'ASSOCIATION';
               });
             }
             if (!parent) {
-              _context3.next = 23;
+              _context3.next = 24;
               break;
             }
             this.openModal({
@@ -2480,19 +2532,19 @@ var ContentStore = /*#__PURE__*/function () {
             });
             this.root.loadingAndErrorStore.toggleLoading('openComponent');
             return _context3.abrupt("return");
-          case 23:
+          case 24:
             newTab = action.openInNewTab || ((_config6 = config) === null || _config6 === void 0 ? void 0 : _config6.openInNewTab);
             if (!newTab) {
-              _context3.next = 29;
+              _context3.next = 30;
               break;
             }
             base = typeof action.openInNewTab == 'string' ? action.openInNewTab : window.origin;
             this.openInNewTab(action, "".concat(base).concat(((_config7 = config) === null || _config7 === void 0 ? void 0 : _config7.route) || ''));
             this.root.loadingAndErrorStore.toggleLoading('openComponent');
             return _context3.abrupt("return");
-          case 29:
+          case 30:
             if (!(!this.root.dataStore.user && !this.isPublic(action))) {
-              _context3.next = 35;
+              _context3.next = 36;
               break;
             }
             LOG$9.debug("Component is restricted, open login form");
@@ -2500,11 +2552,37 @@ var ContentStore = /*#__PURE__*/function () {
             this.root.authorizationStore.showLogin();
             this.root.loadingAndErrorStore.toggleLoading('openComponent');
             return _context3.abrupt("return");
-          case 35:
+          case 36:
             if (config) {
-              _context3.next = 40;
+              _context3.next = 50;
               break;
             }
+            if (!this.isWrapperRestrictedAction(action)) {
+              _context3.next = 46;
+              break;
+            }
+            defaultComponent = this.root.configurationStore.defaultComponent;
+            canOpenDefault = !!defaultComponent && (defaultComponent.type && !!this.availableComponents.find(function (c) {
+              return c.type == defaultComponent.type;
+            }) || defaultComponent.route && !!this.availableComponents.find(function (c) {
+              var _defaultComponent$rou;
+              return c.route && ((_defaultComponent$rou = defaultComponent.route) === null || _defaultComponent$rou === void 0 ? void 0 : _defaultComponent$rou.startsWith(c.route));
+            }));
+            if (!canOpenDefault) {
+              _context3.next = 46;
+              break;
+            }
+            LOG$9.warn('Wrapper org restriction detected, redirecting to default module', {
+              requestedAction: toJS(action),
+              defaultComponent: toJS(defaultComponent),
+              organizationId: this.root.dataStore.organizationId
+            });
+            this.root.loadingAndErrorStore.toggleLoading('openComponent');
+            _context3.next = 45;
+            return this.openComponent(defaultComponent);
+          case 45:
+            return _context3.abrupt("return");
+          case 46:
             this._restrictedComponent = action;
             this.root.loadingAndErrorStore.toggleLoading('openComponent');
             this.root.loadingAndErrorStore.setError(new DivaError("No component with the specified settings found", {
@@ -2514,7 +2592,7 @@ var ContentStore = /*#__PURE__*/function () {
               }
             }), 'CORE_0005');
             return _context3.abrupt("return");
-          case 40:
+          case 50:
             settings = undefined;
             if (config.settings) {
               settings = config.settings;
@@ -2565,7 +2643,7 @@ var ContentStore = /*#__PURE__*/function () {
             }
             this.setGlobalClass();
             this.root.loadingAndErrorStore.toggleLoading('openComponent');
-          case 59:
+          case 69:
           case "end":
             return _context3.stop();
         }
@@ -2910,11 +2988,11 @@ var ContentStore = /*#__PURE__*/function () {
   }, {
     key: "allowHidePrices",
     get: function get() {
-      var _this$root$dataStore$3;
+      var _this$root$dataStore$5;
       if (!this.visible) {
         return false;
       }
-      if (((_this$root$dataStore$3 = this.root.dataStore.organization) === null || _this$root$dataStore$3 === void 0 || (_this$root$dataStore$3 = _this$root$dataStore$3.settings) === null || _this$root$dataStore$3 === void 0 ? void 0 : _this$root$dataStore$3.hidePrices) !== undefined) {
+      if (((_this$root$dataStore$5 = this.root.dataStore.organization) === null || _this$root$dataStore$5 === void 0 || (_this$root$dataStore$5 = _this$root$dataStore$5.settings) === null || _this$root$dataStore$5 === void 0 ? void 0 : _this$root$dataStore$5.hidePrices) !== undefined) {
         return this.root.dataStore.organization.settings.hidePrices.startsWith('DEFAULT');
       }
       return true;
@@ -2929,8 +3007,8 @@ var ContentStore = /*#__PURE__*/function () {
     key: "hidePrices",
     get: function get() {
       if (this._hidePrices === undefined) {
-        var _this$root$dataStore$4;
-        if ((_this$root$dataStore$4 = this.root.dataStore.organization) !== null && _this$root$dataStore$4 !== void 0 && (_this$root$dataStore$4 = _this$root$dataStore$4.settings) !== null && _this$root$dataStore$4 !== void 0 && _this$root$dataStore$4.hidePrices) {
+        var _this$root$dataStore$6;
+        if ((_this$root$dataStore$6 = this.root.dataStore.organization) !== null && _this$root$dataStore$6 !== void 0 && (_this$root$dataStore$6 = _this$root$dataStore$6.settings) !== null && _this$root$dataStore$6 !== void 0 && _this$root$dataStore$6.hidePrices) {
           switch (this.root.dataStore.organization.settings.hidePrices) {
             case 'DEFAULT_HIDDEN':
             case 'ONLY_HIDDEN':
@@ -3241,6 +3319,7 @@ var ContentStore = /*#__PURE__*/function () {
       var _this$root,
         _this7 = this;
       return (_this$root = this.root) === null || _this$root === void 0 ? void 0 : _this$root.configurationStore.components.filter(function (component) {
+        var _this7$root$dataStore;
         //the component must be passed to diva core
         if (!_this7.configuration.find(function (config) {
           return config.name == component.type;
@@ -3256,6 +3335,15 @@ var ContentStore = /*#__PURE__*/function () {
         if (!_this7.root.dataStore.user) {
           return false;
         }
+
+        //IF INSIGHTS, THEN IN ORGANIZATION has to be true
+        if (component.type === 'SALES_MANAGER' && !((_this7$root$dataStore = _this7.root.dataStore.organization) !== null && _this7$root$dataStore !== void 0 && (_this7$root$dataStore = _this7$root$dataStore.settings) !== null && _this7$root$dataStore !== void 0 && _this7$root$dataStore.enableInsights)) {
+          return false;
+        }
+
+        //only this modules are allowed in wrapper organizations
+        if (_this7.isWrapperOrganization && !ALLOWED_WRAPPER_MODULES.includes(component.type)) return false;
+
         //if there is a permission specified, the user must have it
         return component.permission ? _this7.root.dataStore.userHasPermission(component.permission) : true;
       });
@@ -3508,7 +3596,7 @@ var ContentStore = /*#__PURE__*/function () {
       if (action.url) {
         link = this.resoveUrl(action.url);
       } else {
-        var _this$root$dataStore$5;
+        var _this$root$dataStore$7;
         var _ref6 = action,
           parameters = _ref6.parameters;
         var url = new URL(baseUrl);
@@ -3517,7 +3605,7 @@ var ContentStore = /*#__PURE__*/function () {
           return param[1] ? params.append(param[0], param[1]) : false;
         });
         params.append('lang', instance.language);
-        if ((_this$root$dataStore$5 = this.root.dataStore.organization) !== null && _this$root$dataStore$5 !== void 0 && _this$root$dataStore$5._id) {
+        if ((_this$root$dataStore$7 = this.root.dataStore.organization) !== null && _this$root$dataStore$7 !== void 0 && _this$root$dataStore$7._id) {
           params.append('organizationId', this.root.dataStore.organization._id);
         }
         link = url.href;
@@ -5647,6 +5735,65 @@ var ApiHandler = /*#__PURE__*/function () {
       }
       return getRetailerLocationsForArea;
     }()
+  }, {
+    key: "getOrganizationTree",
+    value: function () {
+      var _getOrganizationTree = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee15(userId, validParents, validOrganizationTypes, excludeOrganizations) {
+        var url, response;
+        return _regeneratorRuntime.wrap(function _callee15$(_context15) {
+          while (1) switch (_context15.prev = _context15.next) {
+            case 0:
+              url = new URL("".concat(this.authService, "/v2/users/").concat(userId, "/organization-tree"));
+              if (validParents !== null && validParents !== void 0 && validParents.length) {
+                url.searchParams.append('validParents', validParents.join(','));
+              }
+              if (validOrganizationTypes !== null && validOrganizationTypes !== void 0 && validOrganizationTypes.length) {
+                url.searchParams.append('validOrganizationTypes', validOrganizationTypes.join(','));
+              }
+              if (excludeOrganizations !== null && excludeOrganizations !== void 0 && excludeOrganizations.length) {
+                url.searchParams.append('excludeOrganizations', excludeOrganizations.join(','));
+              }
+              _context15.prev = 4;
+              _context15.next = 7;
+              return this.fetch({
+                url: url.toString(),
+                jwt: this.jwt
+              });
+            case 7:
+              response = _context15.sent;
+              if (!response.ok) {
+                _context15.next = 10;
+                break;
+              }
+              return _context15.abrupt("return", response.json());
+            case 10:
+              throw new DivaError("Error from server while fetching organization tree. HTTP status: ".concat(response.status), {
+                code: 'CORE_0001'
+              });
+            case 13:
+              _context15.prev = 13;
+              _context15.t0 = _context15["catch"](4);
+              if (!(_context15.t0 instanceof DivaError)) {
+                _context15.next = 17;
+                break;
+              }
+              throw _context15.t0;
+            case 17:
+              throw new DivaError('Error while fetching organization tree', {
+                code: 'CORE_0001',
+                cause: _context15.t0
+              });
+            case 18:
+            case "end":
+              return _context15.stop();
+          }
+        }, _callee15, this, [[4, 13]]);
+      }));
+      function getOrganizationTree(_x26, _x27, _x28, _x29) {
+        return _getOrganizationTree.apply(this, arguments);
+      }
+      return getOrganizationTree;
+    }()
   }, {
     key: "fetch",
     value: function (_fetch) {
@@ -5658,10 +5805,10 @@ var ApiHandler = /*#__PURE__*/function () {
       };
       return fetch;
     }(/*#__PURE__*/function () {
-      var _ref7 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee15(_ref6) {
+      var _ref7 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee16(_ref6) {
         var url, _ref6$method, method, jwt, body, headers;
-        return _regeneratorRuntime.wrap(function _callee15$(_context15) {
-          while (1) switch (_context15.prev = _context15.next) {
+        return _regeneratorRuntime.wrap(function _callee16$(_context16) {
+          while (1) switch (_context16.prev = _context16.next) {
             case 0:
               url = _ref6.url, _ref6$method = _ref6.method, method = _ref6$method === void 0 ? 'GET' : _ref6$method, jwt = _ref6.jwt, body = _ref6.body;
               headers = {
@@ -5671,21 +5818,21 @@ var ApiHandler = /*#__PURE__*/function () {
               if (jwt) {
                 headers.Authorization = "Bearer ".concat(jwt);
               }
-              _context15.next = 5;
+              _context16.next = 5;
               return fetch(url, {
                 method: method,
                 headers: headers,
                 body: body ? JSON.stringify(body) : undefined
               });
             case 5:
-              return _context15.abrupt("return", _context15.sent);
+              return _context16.abrupt("return", _context16.sent);
             case 6:
             case "end":
-              return _context15.stop();
+              return _context16.stop();
           }
-        }, _callee15);
+        }, _callee16);
       }));
-      return function (_x26) {
+      return function (_x30) {
         return _ref7.apply(this, arguments);
       };
     }())
@@ -5825,38 +5972,67 @@ var OrganizationHandler = /*#__PURE__*/function () {
       return getOrganizationBySearch;
     }()
   }, {
-    key: "getOrganizationDataById",
+    key: "getOrganizationTree",
     value: function () {
-      var _getOrganizationDataById = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(organizationId) {
+      var _getOrganizationTree = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
+        var _this$validOrganizati;
         return _regeneratorRuntime.wrap(function _callee4$(_context4) {
           while (1) switch (_context4.prev = _context4.next) {
             case 0:
-              return _context4.abrupt("return", this.apiHandler.fetchOrganization(organizationId));
-            case 1:
+              if (!this.user) {
+                _context4.next = 2;
+                break;
+              }
+              return _context4.abrupt("return", this.apiHandler.getOrganizationTree(this.user._id, (_this$validOrganizati = this.validOrganizations) !== null && _this$validOrganizati !== void 0 && _this$validOrganizati.includes('*') ? undefined : this.validOrganizations, this.allowedOrganizationTypes, this.excludedOrganizations));
+            case 2:
+              return _context4.abrupt("return", {
+                tree: [],
+                totalAccessible: 0
+              });
+            case 3:
             case "end":
               return _context4.stop();
           }
         }, _callee4, this);
       }));
-      function getOrganizationDataById(_x10) {
-        return _getOrganizationDataById.apply(this, arguments);
+      function getOrganizationTree() {
+        return _getOrganizationTree.apply(this, arguments);
       }
-      return getOrganizationDataById;
+      return getOrganizationTree;
     }()
   }, {
-    key: "getOrganizationParentByType",
+    key: "getOrganizationDataById",
     value: function () {
-      var _getOrganizationParentByType = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5(organizationId, type) {
+      var _getOrganizationDataById = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5(organizationId) {
         return _regeneratorRuntime.wrap(function _callee5$(_context5) {
           while (1) switch (_context5.prev = _context5.next) {
             case 0:
-              return _context5.abrupt("return", this.apiHandler.getOrganizationParentByType(organizationId, type));
+              return _context5.abrupt("return", this.apiHandler.fetchOrganization(organizationId));
             case 1:
             case "end":
               return _context5.stop();
           }
         }, _callee5, this);
       }));
+      function getOrganizationDataById(_x10) {
+        return _getOrganizationDataById.apply(this, arguments);
+      }
+      return getOrganizationDataById;
+    }()
+  }, {
+    key: "getOrganizationParentByType",
+    value: function () {
+      var _getOrganizationParentByType = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee6(organizationId, type) {
+        return _regeneratorRuntime.wrap(function _callee6$(_context6) {
+          while (1) switch (_context6.prev = _context6.next) {
+            case 0:
+              return _context6.abrupt("return", this.apiHandler.getOrganizationParentByType(organizationId, type));
+            case 1:
+            case "end":
+              return _context6.stop();
+          }
+        }, _callee6, this);
+      }));
       function getOrganizationParentByType(_x11, _x12) {
         return _getOrganizationParentByType.apply(this, arguments);
       }
@@ -5865,25 +6041,25 @@ var OrganizationHandler = /*#__PURE__*/function () {
   }, {
     key: "getRetailerLocationsForArea",
     value: function () {
-      var _getRetailerLocationsForArea = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee6(organizationId, location, radius) {
-        return _regeneratorRuntime.wrap(function _callee6$(_context6) {
-          while (1) switch (_context6.prev = _context6.next) {
+      var _getRetailerLocationsForArea = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee7(organizationId, location, radius) {
+        return _regeneratorRuntime.wrap(function _callee7$(_context7) {
+          while (1) switch (_context7.prev = _context7.next) {
             case 0:
               if (!this.user) {
-                _context6.next = 2;
+                _context7.next = 2;
                 break;
               }
-              return _context6.abrupt("return", this.apiHandler.getRetailerLocationsForArea(organizationId ? organizationId : this.organization._id, location, radius));
+              return _context7.abrupt("return", this.apiHandler.getRetailerLocationsForArea(organizationId ? organizationId : this.organization._id, location, radius));
             case 2:
-              return _context6.abrupt("return", {
+              return _context7.abrupt("return", {
                 data: [],
                 area: null
               });
             case 3:
             case "end":
-              return _context6.stop();
+              return _context7.stop();
           }
-        }, _callee6, this);
+        }, _callee7, this);
       }));
       function getRetailerLocationsForArea(_x13, _x14, _x15) {
         return _getRetailerLocationsForArea.apply(this, arguments);
@@ -7641,7 +7817,7 @@ var AuthorizationHandler = /*#__PURE__*/function () {
                 break;
               }
               throw new DivaError('Invalid Organization', {
-                code: 'CORE_0003',
+                code: 'CORE_0002',
                 custom: {
                   requestedOrganizationId: result.requestedOrganizationId,
                   organizationId: result.organizationId
@@ -8222,6 +8398,78 @@ var ClientArticleHandler = /*#__PURE__*/function () {
   }]);
 }();
 
+var AIHandler = /*#__PURE__*/function () {
+  function AIHandler(root) {
+    _classCallCheck(this, AIHandler);
+    this.root = root;
+  }
+  return _createClass(AIHandler, [{
+    key: "aiService",
+    get: function get() {
+      return this.root.apiConfig.aiService;
+    }
+  }, {
+    key: "jwt",
+    get: function get() {
+      return this.root.jwt;
+    }
+  }, {
+    key: "organizationId",
+    get: function get() {
+      return this.root.organization._id;
+    }
+  }, {
+    key: "getPrompts",
+    value: function () {
+      var _getPrompts = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+        var url, res, resData;
+        return _regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              url = new URL(this.aiService + '/room-renderings');
+              url.searchParams.append('organizationId', this.organizationId);
+              _context.prev = 2;
+              _context.next = 5;
+              return fetch(url.toString(), {
+                headers: {
+                  Authorization: 'Bearer ' + this.jwt,
+                  'Content-Type': 'application/json'
+                }
+              });
+            case 5:
+              res = _context.sent;
+              _context.next = 8;
+              return res.json();
+            case 8:
+              resData = _context.sent;
+              _context.next = 14;
+              break;
+            case 11:
+              _context.prev = 11;
+              _context.t0 = _context["catch"](2);
+              throw new Error('Could not fetch Prompts ' + _context.t0.message);
+            case 14:
+              if (!res.ok) {
+                _context.next = 16;
+                break;
+              }
+              return _context.abrupt("return", resData);
+            case 16:
+              throw new Error(resData.error);
+            case 17:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, this, [[2, 11]]);
+      }));
+      function getPrompts() {
+        return _getPrompts.apply(this, arguments);
+      }
+      return getPrompts;
+    }()
+  }]);
+}();
+
 function ownKeys$7(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LOGINMODE_LOCALSTORAGE_KEY = 'diva-login-mode';
@@ -8268,6 +8516,7 @@ var RootStore = /*#__PURE__*/function () {
     _defineProperty(this, "_authorizationHandler", void 0);
     _defineProperty(this, "_clientArticleHandler", void 0);
     _defineProperty(this, "_initalComponent", void 0);
+    _defineProperty(this, "_aiHandler", void 0);
     makeObservable(this, {
       _initializing: observable,
       _initializingLocalization: observable,
@@ -8297,6 +8546,7 @@ var RootStore = /*#__PURE__*/function () {
     this._supportHandler = new SupportHandler(this);
     this._authorizationHandler = new AuthorizationHandler(this);
     this._clientArticleHandler = new ClientArticleHandler(this);
+    this._aiHandler = new AIHandler(this);
     DivaUtils.loginMode = this._loginMode;
     reaction(function () {
       var _this$configurationSt, _this$configurationSt2;
@@ -8547,6 +8797,11 @@ var RootStore = /*#__PURE__*/function () {
     get: function get() {
       return this._authorizationHandler;
     }
+  }, {
+    key: "aiHandler",
+    get: function get() {
+      return this._aiHandler;
+    }
   }, {
     key: "doShowInitWarnBanner",
     get: function get() {
@@ -8661,10 +8916,10 @@ var RootStore = /*#__PURE__*/function () {
             case 15:
               configuration = _context.sent;
               this.configurationStore.configuration = configuration;
-              this._initalComponent = component || urlState.component || this.configurationStore.defaultComponent;
+              this._initalComponent = component || urlState.component;
               if (((_this$_initalComponen = this._initalComponent) === null || _this$_initalComponen === void 0 ? void 0 : _this$_initalComponen.route) == '' || ((_this$_initalComponen2 = this._initalComponent) === null || _this$_initalComponen2 === void 0 ? void 0 : _this$_initalComponen2.route) == '/login') {
                 //open default route
-                this._initalComponent = this.configurationStore.defaultComponent;
+                this._initalComponent = undefined;
               }
               LOG$4.successTransaction('LOAD_CONFIG');
               LOG$4.startTransaction({
@@ -8814,7 +9069,7 @@ var RootStore = /*#__PURE__*/function () {
               }
               //if user is not logged in, show login form and exit initialization
               //The overwritten initComponent params get saved in restrictedComponent. this will later be evaluated in getRedirectUrl
-              this.contentStore.restrictedComponent = this._initalComponent;
+              this.contentStore.restrictedComponent = this._initalComponent || this.configurationStore.defaultComponent;
 
               //if the default url is opened (no initial organization is provided), login without organization
               this.authorizationStore.showLogin(urlState.debugLogin, false, initialOrganization);
@@ -9038,23 +9293,16 @@ var RootStore = /*#__PURE__*/function () {
         LOG$4.debug('View is already initialized');
         return;
       }
-      if (this._initalComponent) {
-        LOG$4.debug("Inital component", JSON.stringify(this._initalComponent, null, 2));
-        this.contentStore.openComponent(this._initalComponent);
+      var initalComponent = this._initalComponent || this.configurationStore.defaultComponent;
+      if (initalComponent) {
+        LOG$4.debug("Inital component", JSON.stringify(initalComponent, null, 2));
+        this.contentStore.openComponent(initalComponent);
       } else {
         this.loadingAndErrorStore.setError(new DivaError('No inital component available', {
           code: 'CORE_0008'
         }));
       }
     }
-  }, {
-    key: "initalComponent",
-    get: function get() {
-      if (!this.contentStore.currentComponent) {
-        return this._initalComponent;
-      }
-      return undefined;
-    }
   }]);
 }();
 
@@ -9123,7 +9371,7 @@ var DivaCoreProvider = /*#__PURE__*/forwardRef(function (_ref, ref) {
       state: toJS({
         isMobile: store.dataStore.isMobile,
         isFirefox: store.dataStore.isFirefox,
-        availableComponents: store.contentStore.availableComponentList,
+        availableComponents: [],
         availableLanguages: ((_store$configurationS = store.configurationStore.locales) === null || _store$configurationS === void 0 ? void 0 : _store$configurationS.available) || [],
         organization: store.dataStore.organization,
         organizationHierarchy: store.dataStore.organizationHirarchy,
@@ -9131,7 +9379,7 @@ var DivaCoreProvider = /*#__PURE__*/forwardRef(function (_ref, ref) {
         jwt: store.authorizationStore.zToken,
         nToken: store.authorizationStore.nToken,
         navigationConfiguration: _objectSpread$6(_objectSpread$6({}, store.configurationStore.navigation), {}, {
-          buttons: store.contentStore.availableButtons || [],
+          buttons: [],
           customHeaderElement: store.contentStore.customHeaderComponent,
           customLogo: store.contentStore.customLogo,
           breadcrumbs: store.contentStore.breadcrumbs,
@@ -9156,7 +9404,7 @@ var DivaCoreProvider = /*#__PURE__*/forwardRef(function (_ref, ref) {
         enableSupport: !!store.configurationStore.enableSupport,
         googleMapsConfig: store.configurationStore.googleMapsconfig,
         cometChatConfig: store.configurationStore.cometchatConfig,
-        defaultComponent: store.configurationStore.defaultComponent,
+        defaultComponent: undefined,
         currentComponent: store.contentStore.currentComponent,
         sideMenuOpen: store.contentStore.sideMenuOpen
       }),
@@ -9169,7 +9417,8 @@ var DivaCoreProvider = /*#__PURE__*/forwardRef(function (_ref, ref) {
         reportHandler: store.reportHandler,
         supportHandler: store.supportHandler,
         authorizationHandler: store.authorizationHandler,
-        clientArticleHandler: store.clientArticleHandler
+        clientArticleHandler: store.clientArticleHandler,
+        aiHandler: store.aiHandler
       }
     }),
     _useState2 = _slicedToArray(_useState, 2),
@@ -9178,6 +9427,7 @@ var DivaCoreProvider = /*#__PURE__*/forwardRef(function (_ref, ref) {
   useEffect(function () {
     var stop = autorun(function () {
       var _store$configurationS2;
+      var isInitializing = store.initializing;
       setState({
         actions: {
           openComponent: function openComponent(action) {
@@ -9223,7 +9473,7 @@ var DivaCoreProvider = /*#__PURE__*/forwardRef(function (_ref, ref) {
           closeSideMenu: store.contentStore.closeSideMenu.bind(store.contentStore)
         },
         state: toJS({
-          availableComponents: store.contentStore.availableComponentList,
+          availableComponents: isInitializing ? [] : store.contentStore.availableComponentList,
           availableLanguages: ((_store$configurationS2 = store.configurationStore.locales) === null || _store$configurationS2 === void 0 ? void 0 : _store$configurationS2.available) || [],
           organization: store.dataStore.organization,
           organizationHierarchy: store.dataStore.organizationHirarchy,
@@ -9235,7 +9485,7 @@ var DivaCoreProvider = /*#__PURE__*/forwardRef(function (_ref, ref) {
           googleMapsConfig: store.configurationStore.googleMapsconfig,
           cometChatConfig: store.configurationStore.cometchatConfig,
           navigationConfiguration: _objectSpread$6(_objectSpread$6({}, store.configurationStore.navigation), {}, {
-            buttons: store.contentStore.availableButtons || [],
+            buttons: isInitializing ? [] : store.contentStore.availableButtons || [],
             customLogo: store.contentStore.customLogo,
             customHeaderElement: store.contentStore.customHeaderComponent,
             breadcrumbs: store.contentStore.breadcrumbs,
@@ -9243,7 +9493,7 @@ var DivaCoreProvider = /*#__PURE__*/forwardRef(function (_ref, ref) {
             allowHidePrices: store.contentStore.allowHidePrices,
             showLogin: store.configurationStore.hasAuthentication
           }),
-          initializing: store.initializing,
+          initializing: isInitializing,
           loginMode: store.loginMode,
           loading: store.loadingAndErrorStore.isLoading,
           hidePrices: store.contentStore.hidePrices,
@@ -9258,7 +9508,7 @@ var DivaCoreProvider = /*#__PURE__*/forwardRef(function (_ref, ref) {
           isFullscreenComponent: store.contentStore.isFullscreenComponentDefined,
           isModalOpen: !!store.contentStore.modal,
           enableSupport: !!store.configurationStore.enableSupport,
-          defaultComponent: store.configurationStore.defaultComponent,
+          defaultComponent: isInitializing ? undefined : store.configurationStore.defaultComponent,
           currentComponent: store.contentStore.currentComponent,
           sideMenuOpen: store.contentStore.sideMenuOpen
         }),
@@ -9271,7 +9521,8 @@ var DivaCoreProvider = /*#__PURE__*/forwardRef(function (_ref, ref) {
           reportHandler: store.reportHandler,
           supportHandler: store.supportHandler,
           authorizationHandler: store.authorizationHandler,
-          clientArticleHandler: store.clientArticleHandler
+          clientArticleHandler: store.clientArticleHandler,
+          aiHandler: store.aiHandler
         }
       });
     }, {
@@ -9925,7 +10176,7 @@ var DrawerMenu$1 = observer(DrawerMenu);
 function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LazyModals$1 = /*#__PURE__*/React.lazy(function () {
-  return import('./ModalsWrapper-79630217.js');
+  return import('./ModalsWrapper-6880d1d3.js');
 });
 function Fullscreen(_ref) {
   var inAbsoluteFullscreen = _ref.inAbsoluteFullscreen;
@@ -10385,10 +10636,10 @@ function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymb
 function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LOG$2 = getLogger('Framework', 'Root');
 var LazyAuth = /*#__PURE__*/React.lazy(function () {
-  return import('./index-b731640e.js');
+  return import('./index-20799216.js');
 });
 var LazyModals = /*#__PURE__*/React.lazy(function () {
-  return import('./ModalsWrapper-79630217.js');
+  return import('./ModalsWrapper-6880d1d3.js');
 });
 function ContentComponent() {
   var context = useDivaCoreContext();
@@ -10966,6 +11217,11 @@ var MockedRootStore = /*#__PURE__*/function () {
     get: function get() {
       return this.handlers.clientArticleHandler;
     }
+  }, {
+    key: "aiHandler",
+    get: function get() {
+      return this.handlers.aiHandler;
+    }
   }, {
     key: "doShowInitWarnBanner",
     get: function get() {
@@ -11350,7 +11606,8 @@ function mockCoreHandlers(root) {
     analyticsHandler: new AnalyticsHandler(root),
     reportHandler: new ReportHandler(root),
     supportHandler: new SupportHandler(root),
-    clientArticleHandler: new ClientArticleHandler(root)
+    clientArticleHandler: new ClientArticleHandler(root),
+    aiHandler: new AIHandler(root)
   };
 }