@crystaldesign/diva-core 25.13.0-beta.5 → 25.13.0-beta.50

package/build/esm/{index-4e661d87.js → index-f9d098d2.js}

@@ -46,7 +46,7 @@ import { actions } from '@storybook/addon-actions';
 import * as Styles from '@mui/styles';
 
 (function() {
-    const env = {"STAGE":"production","VERSION":"25.13.0-beta.5"};
+    const env = {"STAGE":"production","VERSION":"25.13.0-beta.50"};
     try {
         if (process) {
             process.env = Object.assign({}, process.env);
@@ -711,7 +711,7 @@ function parseUrl(service, baseUrl) {
 }
 
 function parseApiConfig (config, defaultApiConfig, organization) {
-  var _ref, _config$baseUrl, _DIVA_GLOBAL_ENV, _window, _GLOBAL_ENV$analytics, _GLOBAL_ENV$authServi, _GLOBAL_ENV$adminServ, _GLOBAL_ENV$messageSe, _GLOBAL_ENV$catalogSe, _GLOBAL_ENV$supportSe, _GLOBAL_ENV$basketSer, _GLOBAL_ENV$mediaServ, _GLOBAL_ENV$construct, _GLOBAL_ENV$reportSer, _GLOBAL_ENV$clientArt, _GLOBAL_ENV$idmServic, _GLOBAL_ENV$enricherS, _config$useDebugUrl, _ref2, _organization$api2Loc, _organization$api2Loc2, _ref3, _ref4, _organization$api2Loc3, _organization$api2Loc4, _organization$api2Loc5, _ref5, _ref6, _organization$api2Loc6, _organization$api2Loc7, _organization$api2Loc8;
+  var _ref, _config$baseUrl, _DIVA_GLOBAL_ENV, _window, _GLOBAL_ENV$analytics, _GLOBAL_ENV$authServi, _GLOBAL_ENV$adminServ, _GLOBAL_ENV$messageSe, _GLOBAL_ENV$catalogSe, _GLOBAL_ENV$supportSe, _GLOBAL_ENV$basketSer, _GLOBAL_ENV$mediaServ, _GLOBAL_ENV$aiService, _GLOBAL_ENV$construct, _GLOBAL_ENV$reportSer, _GLOBAL_ENV$clientArt, _GLOBAL_ENV$idmServic, _GLOBAL_ENV$enricherS, _config$useDebugUrl, _ref2, _organization$api2Loc, _organization$api2Loc2, _ref3, _ref4, _organization$api2Loc3, _organization$api2Loc4, _organization$api2Loc5, _ref5, _ref6, _organization$api2Loc6, _organization$api2Loc7, _organization$api2Loc8;
   var baseUrl = (_ref = (_config$baseUrl = config === null || config === void 0 ? void 0 : config.baseUrl) !== null && _config$baseUrl !== void 0 ? _config$baseUrl : defaultApiConfig === null || defaultApiConfig === void 0 ? void 0 : defaultApiConfig.baseUrl) !== null && _ref !== void 0 ? _ref : 'https://api.diva-portal.com';
   var GLOBAL_ENV = (_DIVA_GLOBAL_ENV = (_window = window) === null || _window === void 0 ? void 0 : _window.DIVA_GLOBAL_ENV) !== null && _DIVA_GLOBAL_ENV !== void 0 ? _DIVA_GLOBAL_ENV : {};
   var c = {
@@ -723,6 +723,7 @@ function parseApiConfig (config, defaultApiConfig, organization) {
     supportService: (_GLOBAL_ENV$supportSe = GLOBAL_ENV.supportService) !== null && _GLOBAL_ENV$supportSe !== void 0 ? _GLOBAL_ENV$supportSe : getUrl('support', config === null || config === void 0 ? void 0 : config.supportService, defaultApiConfig === null || defaultApiConfig === void 0 ? void 0 : defaultApiConfig.supportService, baseUrl),
     basketService: (_GLOBAL_ENV$basketSer = GLOBAL_ENV.basketService) !== null && _GLOBAL_ENV$basketSer !== void 0 ? _GLOBAL_ENV$basketSer : getUrl('basket', config === null || config === void 0 ? void 0 : config.basketService, defaultApiConfig === null || defaultApiConfig === void 0 ? void 0 : defaultApiConfig.basketService, baseUrl),
     mediaService: (_GLOBAL_ENV$mediaServ = GLOBAL_ENV.mediaService) !== null && _GLOBAL_ENV$mediaServ !== void 0 ? _GLOBAL_ENV$mediaServ : getUrl('media', config === null || config === void 0 ? void 0 : config.mediaService, defaultApiConfig === null || defaultApiConfig === void 0 ? void 0 : defaultApiConfig.mediaService, baseUrl),
+    aiService: (_GLOBAL_ENV$aiService = GLOBAL_ENV.aiService) !== null && _GLOBAL_ENV$aiService !== void 0 ? _GLOBAL_ENV$aiService : getUrl('ai', config === null || config === void 0 ? void 0 : config.aiService, defaultApiConfig === null || defaultApiConfig === void 0 ? void 0 : defaultApiConfig.aiService, baseUrl),
     constructorService: (_GLOBAL_ENV$construct = GLOBAL_ENV.constructorService) !== null && _GLOBAL_ENV$construct !== void 0 ? _GLOBAL_ENV$construct : getUrl('constructor', config === null || config === void 0 ? void 0 : config.constructorService, defaultApiConfig === null || defaultApiConfig === void 0 ? void 0 : defaultApiConfig.constructorService, baseUrl),
     reportService: (_GLOBAL_ENV$reportSer = GLOBAL_ENV.reportService) !== null && _GLOBAL_ENV$reportSer !== void 0 ? _GLOBAL_ENV$reportSer : getUrl('report', config === null || config === void 0 ? void 0 : config.reportService, defaultApiConfig === null || defaultApiConfig === void 0 ? void 0 : defaultApiConfig.reportService, baseUrl),
     clientArticleService: (_GLOBAL_ENV$clientArt = GLOBAL_ENV.clientArticleService) !== null && _GLOBAL_ENV$clientArt !== void 0 ? _GLOBAL_ENV$clientArt : getUrl('pfister-article', config === null || config === void 0 ? void 0 : config.clientArticleService, defaultApiConfig === null || defaultApiConfig === void 0 ? void 0 : defaultApiConfig.clientArticleService, baseUrl),
@@ -869,37 +870,68 @@ var ConfigurationStore = /*#__PURE__*/function () {
   }, {
     key: "theme",
     get: function get() {
-      var _this$_configuration9, _theme$palette$primar, _theme$palette, _theme$palette$primar2, _theme$palette2, _theme$palette$primar3, _theme$palette3, _theme$palette$primar4, _theme$palette4, _ref, _theme$palette$second, _theme$palette5, _theme$palette6, _ref2, _theme$palette$second2, _theme$palette7, _theme$palette8, _ref3, _theme$palette$second3, _theme$palette9, _theme$palette10, _ref4, _theme$palette$second4, _theme$palette11, _theme$palette12, _theme$palette$text$p, _theme$palette13, _theme$palette$text$s, _theme$palette14, _theme$typography$fon, _theme$typography, _theme$components;
+      var _this$_configuration9, _this$root$dataStore$, _ref, _orgTheme$main, _theme$palette, _ref2, _orgTheme$light, _theme$palette2, _ref3, _orgTheme$dark, _theme$palette3, _theme$palette$primar, _theme$palette4, _ref4, _ref5, _theme$palette$second, _theme$palette5, _theme$palette6, _ref6, _ref7, _theme$palette$second2, _theme$palette7, _theme$palette8, _ref8, _ref9, _theme$palette$second3, _theme$palette9, _theme$palette10, _ref10, _theme$palette$second4, _theme$palette11, _theme$palette12, _theme$palette$text$p, _theme$palette13, _theme$palette$text$s, _theme$palette14, _theme$typography$fon, _theme$typography, _theme$components;
       var theme = (_this$_configuration9 = this._configuration) === null || _this$_configuration9 === void 0 ? void 0 : _this$_configuration9.theme;
-      return {
-        palette: {
-          primary: {
-            main: (_theme$palette$primar = theme === null || theme === void 0 || (_theme$palette = theme.palette) === null || _theme$palette === void 0 || (_theme$palette = _theme$palette.primary) === null || _theme$palette === void 0 ? void 0 : _theme$palette.main) !== null && _theme$palette$primar !== void 0 ? _theme$palette$primar : defaultTheme.palette.primary.main,
-            light: (_theme$palette$primar2 = theme === null || theme === void 0 || (_theme$palette2 = theme.palette) === null || _theme$palette2 === void 0 || (_theme$palette2 = _theme$palette2.primary) === null || _theme$palette2 === void 0 ? void 0 : _theme$palette2.light) !== null && _theme$palette$primar2 !== void 0 ? _theme$palette$primar2 : defaultTheme.palette.primary.light,
-            dark: (_theme$palette$primar3 = theme === null || theme === void 0 || (_theme$palette3 = theme.palette) === null || _theme$palette3 === void 0 || (_theme$palette3 = _theme$palette3.primary) === null || _theme$palette3 === void 0 ? void 0 : _theme$palette3.dark) !== null && _theme$palette$primar3 !== void 0 ? _theme$palette$primar3 : defaultTheme.palette.primary.dark,
-            contrastText: (_theme$palette$primar4 = theme === null || theme === void 0 || (_theme$palette4 = theme.palette) === null || _theme$palette4 === void 0 || (_theme$palette4 = _theme$palette4.primary) === null || _theme$palette4 === void 0 ? void 0 : _theme$palette4.contrastText) !== null && _theme$palette$primar4 !== void 0 ? _theme$palette$primar4 : defaultTheme.palette.primary.contrastText
-          },
-          secondary: {
-            main: (_ref = (_theme$palette$second = theme === null || theme === void 0 || (_theme$palette5 = theme.palette) === null || _theme$palette5 === void 0 || (_theme$palette5 = _theme$palette5.secondary) === null || _theme$palette5 === void 0 ? void 0 : _theme$palette5.main) !== null && _theme$palette$second !== void 0 ? _theme$palette$second : theme === null || theme === void 0 || (_theme$palette6 = theme.palette) === null || _theme$palette6 === void 0 || (_theme$palette6 = _theme$palette6.primary) === null || _theme$palette6 === void 0 ? void 0 : _theme$palette6.main) !== null && _ref !== void 0 ? _ref : defaultTheme.palette.secondary.main,
-            light: (_ref2 = (_theme$palette$second2 = theme === null || theme === void 0 || (_theme$palette7 = theme.palette) === null || _theme$palette7 === void 0 || (_theme$palette7 = _theme$palette7.secondary) === null || _theme$palette7 === void 0 ? void 0 : _theme$palette7.light) !== null && _theme$palette$second2 !== void 0 ? _theme$palette$second2 : theme === null || theme === void 0 || (_theme$palette8 = theme.palette) === null || _theme$palette8 === void 0 || (_theme$palette8 = _theme$palette8.primary) === null || _theme$palette8 === void 0 ? void 0 : _theme$palette8.light) !== null && _ref2 !== void 0 ? _ref2 : defaultTheme.palette.secondary.light,
-            dark: (_ref3 = (_theme$palette$second3 = theme === null || theme === void 0 || (_theme$palette9 = theme.palette) === null || _theme$palette9 === void 0 || (_theme$palette9 = _theme$palette9.secondary) === null || _theme$palette9 === void 0 ? void 0 : _theme$palette9.dark) !== null && _theme$palette$second3 !== void 0 ? _theme$palette$second3 : theme === null || theme === void 0 || (_theme$palette10 = theme.palette) === null || _theme$palette10 === void 0 || (_theme$palette10 = _theme$palette10.primary) === null || _theme$palette10 === void 0 ? void 0 : _theme$palette10.dark) !== null && _ref3 !== void 0 ? _ref3 : defaultTheme.palette.secondary.dark,
-            contrastText: (_ref4 = (_theme$palette$second4 = theme === null || theme === void 0 || (_theme$palette11 = theme.palette) === null || _theme$palette11 === void 0 || (_theme$palette11 = _theme$palette11.secondary) === null || _theme$palette11 === void 0 ? void 0 : _theme$palette11.contrastText) !== null && _theme$palette$second4 !== void 0 ? _theme$palette$second4 : theme === null || theme === void 0 || (_theme$palette12 = theme.palette) === null || _theme$palette12 === void 0 || (_theme$palette12 = _theme$palette12.primary) === null || _theme$palette12 === void 0 ? void 0 : _theme$palette12.contrastText) !== null && _ref4 !== void 0 ? _ref4 : defaultTheme.palette.secondary.contrastText
-          },
-          text: {
-            primary: (_theme$palette$text$p = theme === null || theme === void 0 || (_theme$palette13 = theme.palette) === null || _theme$palette13 === void 0 || (_theme$palette13 = _theme$palette13.text) === null || _theme$palette13 === void 0 ? void 0 : _theme$palette13.primary) !== null && _theme$palette$text$p !== void 0 ? _theme$palette$text$p : defaultTheme.palette.text.primary,
-            secondary: (_theme$palette$text$s = theme === null || theme === void 0 || (_theme$palette14 = theme.palette) === null || _theme$palette14 === void 0 || (_theme$palette14 = _theme$palette14.text) === null || _theme$palette14 === void 0 ? void 0 : _theme$palette14.secondary) !== null && _theme$palette$text$s !== void 0 ? _theme$palette$text$s : defaultTheme.palette.text.secondary
-          }
+      var orgTheme = (_this$root$dataStore$ = this.root.dataStore.organization) === null || _this$root$dataStore$ === void 0 || (_this$root$dataStore$ = _this$root$dataStore$.settings) === null || _this$root$dataStore$ === void 0 ? void 0 : _this$root$dataStore$.theme;
+
+      // Apply organization theme overrides if they exist
+      var palette = {
+        primary: {
+          main: (_ref = (_orgTheme$main = orgTheme === null || orgTheme === void 0 ? void 0 : orgTheme.main) !== null && _orgTheme$main !== void 0 ? _orgTheme$main : theme === null || theme === void 0 || (_theme$palette = theme.palette) === null || _theme$palette === void 0 || (_theme$palette = _theme$palette.primary) === null || _theme$palette === void 0 ? void 0 : _theme$palette.main) !== null && _ref !== void 0 ? _ref : defaultTheme.palette.primary.main,
+          light: (_ref2 = (_orgTheme$light = orgTheme === null || orgTheme === void 0 ? void 0 : orgTheme.light) !== null && _orgTheme$light !== void 0 ? _orgTheme$light : theme === null || theme === void 0 || (_theme$palette2 = theme.palette) === null || _theme$palette2 === void 0 || (_theme$palette2 = _theme$palette2.primary) === null || _theme$palette2 === void 0 ? void 0 : _theme$palette2.light) !== null && _ref2 !== void 0 ? _ref2 : defaultTheme.palette.primary.light,
+          dark: (_ref3 = (_orgTheme$dark = orgTheme === null || orgTheme === void 0 ? void 0 : orgTheme.dark) !== null && _orgTheme$dark !== void 0 ? _orgTheme$dark : theme === null || theme === void 0 || (_theme$palette3 = theme.palette) === null || _theme$palette3 === void 0 || (_theme$palette3 = _theme$palette3.primary) === null || _theme$palette3 === void 0 ? void 0 : _theme$palette3.dark) !== null && _ref3 !== void 0 ? _ref3 : defaultTheme.palette.primary.dark,
+          contrastText: (_theme$palette$primar = theme === null || theme === void 0 || (_theme$palette4 = theme.palette) === null || _theme$palette4 === void 0 || (_theme$palette4 = _theme$palette4.primary) === null || _theme$palette4 === void 0 ? void 0 : _theme$palette4.contrastText) !== null && _theme$palette$primar !== void 0 ? _theme$palette$primar : defaultTheme.palette.primary.contrastText
         },
-        typography: {
-          fontFamily: (_theme$typography$fon = theme === null || theme === void 0 || (_theme$typography = theme.typography) === null || _theme$typography === void 0 ? void 0 : _theme$typography.fontFamily) !== null && _theme$typography$fon !== void 0 ? _theme$typography$fon : defaultTheme.typography.fontFamily
+        secondary: {
+          main: (_ref4 = (_ref5 = (_theme$palette$second = theme === null || theme === void 0 || (_theme$palette5 = theme.palette) === null || _theme$palette5 === void 0 || (_theme$palette5 = _theme$palette5.secondary) === null || _theme$palette5 === void 0 ? void 0 : _theme$palette5.main) !== null && _theme$palette$second !== void 0 ? _theme$palette$second : orgTheme === null || orgTheme === void 0 ? void 0 : orgTheme.main) !== null && _ref5 !== void 0 ? _ref5 : theme === null || theme === void 0 || (_theme$palette6 = theme.palette) === null || _theme$palette6 === void 0 || (_theme$palette6 = _theme$palette6.primary) === null || _theme$palette6 === void 0 ? void 0 : _theme$palette6.main) !== null && _ref4 !== void 0 ? _ref4 : defaultTheme.palette.secondary.main,
+          light: (_ref6 = (_ref7 = (_theme$palette$second2 = theme === null || theme === void 0 || (_theme$palette7 = theme.palette) === null || _theme$palette7 === void 0 || (_theme$palette7 = _theme$palette7.secondary) === null || _theme$palette7 === void 0 ? void 0 : _theme$palette7.light) !== null && _theme$palette$second2 !== void 0 ? _theme$palette$second2 : orgTheme === null || orgTheme === void 0 ? void 0 : orgTheme.light) !== null && _ref7 !== void 0 ? _ref7 : theme === null || theme === void 0 || (_theme$palette8 = theme.palette) === null || _theme$palette8 === void 0 || (_theme$palette8 = _theme$palette8.primary) === null || _theme$palette8 === void 0 ? void 0 : _theme$palette8.light) !== null && _ref6 !== void 0 ? _ref6 : defaultTheme.palette.secondary.light,
+          dark: (_ref8 = (_ref9 = (_theme$palette$second3 = theme === null || theme === void 0 || (_theme$palette9 = theme.palette) === null || _theme$palette9 === void 0 || (_theme$palette9 = _theme$palette9.secondary) === null || _theme$palette9 === void 0 ? void 0 : _theme$palette9.dark) !== null && _theme$palette$second3 !== void 0 ? _theme$palette$second3 : orgTheme === null || orgTheme === void 0 ? void 0 : orgTheme.dark) !== null && _ref9 !== void 0 ? _ref9 : theme === null || theme === void 0 || (_theme$palette10 = theme.palette) === null || _theme$palette10 === void 0 || (_theme$palette10 = _theme$palette10.primary) === null || _theme$palette10 === void 0 ? void 0 : _theme$palette10.dark) !== null && _ref8 !== void 0 ? _ref8 : defaultTheme.palette.secondary.dark,
+          contrastText: (_ref10 = (_theme$palette$second4 = theme === null || theme === void 0 || (_theme$palette11 = theme.palette) === null || _theme$palette11 === void 0 || (_theme$palette11 = _theme$palette11.secondary) === null || _theme$palette11 === void 0 ? void 0 : _theme$palette11.contrastText) !== null && _theme$palette$second4 !== void 0 ? _theme$palette$second4 : theme === null || theme === void 0 || (_theme$palette12 = theme.palette) === null || _theme$palette12 === void 0 || (_theme$palette12 = _theme$palette12.primary) === null || _theme$palette12 === void 0 ? void 0 : _theme$palette12.contrastText) !== null && _ref10 !== void 0 ? _ref10 : defaultTheme.palette.secondary.contrastText
         },
-        components: (_theme$components = theme === null || theme === void 0 ? void 0 : theme.components) !== null && _theme$components !== void 0 ? _theme$components : defaultTheme.components
+        text: {
+          primary: (_theme$palette$text$p = theme === null || theme === void 0 || (_theme$palette13 = theme.palette) === null || _theme$palette13 === void 0 || (_theme$palette13 = _theme$palette13.text) === null || _theme$palette13 === void 0 ? void 0 : _theme$palette13.primary) !== null && _theme$palette$text$p !== void 0 ? _theme$palette$text$p : defaultTheme.palette.text.primary,
+          secondary: (_theme$palette$text$s = theme === null || theme === void 0 || (_theme$palette14 = theme.palette) === null || _theme$palette14 === void 0 || (_theme$palette14 = _theme$palette14.text) === null || _theme$palette14 === void 0 ? void 0 : _theme$palette14.secondary) !== null && _theme$palette$text$s !== void 0 ? _theme$palette$text$s : defaultTheme.palette.text.secondary
+        }
+      };
+      var typography = {
+        fontFamily: (_theme$typography$fon = theme === null || theme === void 0 || (_theme$typography = theme.typography) === null || _theme$typography === void 0 ? void 0 : _theme$typography.fontFamily) !== null && _theme$typography$fon !== void 0 ? _theme$typography$fon : defaultTheme.typography.fontFamily
+      };
+      var components = (_theme$components = theme === null || theme === void 0 ? void 0 : theme.components) !== null && _theme$components !== void 0 ? _theme$components : defaultTheme.components;
+
+      // Apply custom CSS variables if they exist
+      // Note: This is applied separately from the standard theme CSS variables
+      // which are handled by updateCssThemeVariables() in ContentStore
+      if (orgTheme !== null && orgTheme !== void 0 && orgTheme.customCssVariables && typeof document !== 'undefined') {
+        this.applyCustomCssVariables(orgTheme.customCssVariables);
+      }
+      return {
+        palette: palette,
+        typography: typography,
+        components: components
       };
     }
+  }, {
+    key: "applyCustomCssVariables",
+    value: function applyCustomCssVariables(customCssVariables) {
+      // Apply custom CSS variables to document root (already parsed in backend)
+      var root = document.documentElement;
+
+      // Apply custom variables without prefix
+      Object.entries(customCssVariables).forEach(function (_ref11) {
+        var _ref12 = _slicedToArray(_ref11, 2),
+          key = _ref12[0],
+          value = _ref12[1];
+        if (key && value) {
+          // Ensure variable name starts with --
+          var varName = key.startsWith('--') ? key : "--".concat(key);
+          root.style.setProperty(varName, value.trim());
+        }
+      });
+    }
   }, {
     key: "navigation",
     get: function get() {
-      var _this$_configuration10, _this$_configuration11, _this$_configuration$, _this$_configuration12, _this$_configuration$2, _this$_configuration13, _this$_configuration14, _this$_configuration15, _this$_configuration16, _this$_configuration17, _this$_configuration18, _this$_configuration19, _this$_configuration20, _this$_configuration21, _this$_configuration22, _this$_configuration23, _this$_configuration24, _this$_configuration25, _this$_configuration26, _this$_configuration27, _this$root$dataStore$, _this$_configuration28;
+      var _this$_configuration10, _this$_configuration11, _this$_configuration$, _this$_configuration12, _this$_configuration$2, _this$_configuration13, _this$_configuration14, _this$_configuration15, _this$_configuration16, _this$_configuration17, _this$_configuration18, _this$_configuration19, _this$_configuration20, _this$_configuration21, _this$_configuration22, _this$_configuration23, _this$_configuration24, _this$_configuration25, _this$_configuration26, _this$_configuration27, _this$root$dataStore$2, _this$_configuration28;
       return {
         buttons: ((_this$_configuration10 = this._configuration) === null || _this$_configuration10 === void 0 || (_this$_configuration10 = _this$_configuration10.navigation) === null || _this$_configuration10 === void 0 ? void 0 : _this$_configuration10.buttons) || [],
         imprintUrl: (_this$_configuration11 = this._configuration) === null || _this$_configuration11 === void 0 || (_this$_configuration11 = _this$_configuration11.navigation) === null || _this$_configuration11 === void 0 ? void 0 : _this$_configuration11.imprintUrl,
@@ -919,7 +951,7 @@ var ConfigurationStore = /*#__PURE__*/function () {
         qrCodeScanner: (_this$_configuration25 = this._configuration) === null || _this$_configuration25 === void 0 || (_this$_configuration25 = _this$_configuration25.navigation) === null || _this$_configuration25 === void 0 ? void 0 : _this$_configuration25.qrCodeScanner,
         greetingsText: (_this$_configuration26 = this._configuration) === null || _this$_configuration26 === void 0 || (_this$_configuration26 = _this$_configuration26.navigation) === null || _this$_configuration26 === void 0 ? void 0 : _this$_configuration26.greetingsText,
         showSnow: (_this$_configuration27 = this._configuration) === null || _this$_configuration27 === void 0 || (_this$_configuration27 = _this$_configuration27.navigation) === null || _this$_configuration27 === void 0 ? void 0 : _this$_configuration27.showSnow,
-        pricePreviewActive: ((_this$root$dataStore$ = this.root.dataStore.organization) === null || _this$root$dataStore$ === void 0 || (_this$root$dataStore$ = _this$root$dataStore$.settings) === null || _this$root$dataStore$ === void 0 ? void 0 : _this$root$dataStore$.pricePreview) && this.root.dataStore.organization.settings.pricePreview !== 'off' || ((_this$_configuration28 = this._configuration) === null || _this$_configuration28 === void 0 || (_this$_configuration28 = _this$_configuration28.components.available) === null || _this$_configuration28 === void 0 || (_this$_configuration28 = _this$_configuration28.find(function (c) {
+        pricePreviewActive: ((_this$root$dataStore$2 = this.root.dataStore.organization) === null || _this$root$dataStore$2 === void 0 || (_this$root$dataStore$2 = _this$root$dataStore$2.settings) === null || _this$root$dataStore$2 === void 0 ? void 0 : _this$root$dataStore$2.pricePreview) && this.root.dataStore.organization.settings.pricePreview !== 'off' || ((_this$_configuration28 = this._configuration) === null || _this$_configuration28 === void 0 || (_this$_configuration28 = _this$_configuration28.components.available) === null || _this$_configuration28 === void 0 || (_this$_configuration28 = _this$_configuration28.find(function (c) {
           return c.type === 'DIVA_WEBPLANNER';
         })) === null || _this$_configuration28 === void 0 || (_this$_configuration28 = _this$_configuration28.settings) === null || _this$_configuration28 === void 0 || (_this$_configuration28 = _this$_configuration28.ViewConfig) === null || _this$_configuration28 === void 0 ? void 0 : _this$_configuration28.pricePreview)
       };
@@ -1022,33 +1054,55 @@ var ConfigurationStore = /*#__PURE__*/function () {
   }, {
     key: "priceFormat",
     get: function get() {
-      var _this$_configuration55;
+      var _this$root$dataStore$3,
+        _this$_configuration55,
+        _this = this;
+      var fallbackPriceFormat = {
+        currency: '€',
+        spacing: true,
+        currencyPosition: 'RIGHT',
+        showDecimals: 'ALWAYS',
+        thousandSeparator: '.',
+        decimalSeparator: ',',
+        decimalsDigits: 2
+      };
+      (_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.defaultCurrency;
       if ((_this$_configuration55 = this._configuration) !== null && _this$_configuration55 !== void 0 && _this$_configuration55.priceFormat) {
-        var _this$_configuration56, _this$root$dataStore$2, _this$root$dataStore$3, _this$_configuration57;
-        return _objectSpread$d(_objectSpread$d({}, (_this$_configuration56 = this._configuration) === null || _this$_configuration56 === void 0 ? void 0 : _this$_configuration56.priceFormat), {}, {
-          currency: (_this$root$dataStore$2 = (_this$root$dataStore$3 = this.root.dataStore.organization) === null || _this$root$dataStore$3 === void 0 ? void 0 : _this$root$dataStore$3.settings.defaultCurrency) !== null && _this$root$dataStore$2 !== void 0 ? _this$root$dataStore$2 : (_this$_configuration57 = this._configuration) === null || _this$_configuration57 === void 0 ? void 0 : _this$_configuration57.priceFormat.currency
-        });
+        var _this$_configuration56;
+        if (Array.isArray((_this$_configuration56 = this._configuration) === null || _this$_configuration56 === void 0 ? void 0 : _this$_configuration56.priceFormat)) {
+          var _this$_configuration$6, _this$_configuration57;
+          return (_this$_configuration$6 = (_this$_configuration57 = this._configuration) === null || _this$_configuration57 === void 0 ? void 0 : _this$_configuration57.priceFormat.find(function (pf) {
+            var _this$root$dataStore$4;
+            return pf.currency === ((_this$root$dataStore$4 = _this.root.dataStore.organization) === null || _this$root$dataStore$4 === void 0 ? void 0 : _this$root$dataStore$4.settings.defaultCurrency);
+          })) !== null && _this$_configuration$6 !== void 0 ? _this$_configuration$6 : _objectSpread$d(_objectSpread$d({}, fallbackPriceFormat), {}, {
+            currency: this.root.dataStore.organization.settings.defaultCurrency
+          });
+        } else {
+          var _this$_configuration58, _this$root$dataStore$5, _this$_configuration59;
+          return _objectSpread$d(_objectSpread$d({}, (_this$_configuration58 = this._configuration) === null || _this$_configuration58 === void 0 ? void 0 : _this$_configuration58.priceFormat), {}, {
+            currency: (_this$root$dataStore$5 = this.root.dataStore.organization.settings.defaultCurrency) !== null && _this$root$dataStore$5 !== void 0 ? _this$root$dataStore$5 : (_this$_configuration59 = this._configuration) === null || _this$_configuration59 === void 0 ? void 0 : _this$_configuration59.priceFormat.currency
+          });
+        }
       } else {
-        var _this$root$dataStore$4, _this$root$dataStore$5;
-        return _objectSpread$d(_objectSpread$d({}, DivaUtils.defaultPriceFormat), {}, {
-          currency: (_this$root$dataStore$4 = (_this$root$dataStore$5 = this.root.dataStore.organization) === null || _this$root$dataStore$5 === void 0 ? void 0 : _this$root$dataStore$5.settings.defaultCurrency) !== null && _this$root$dataStore$4 !== void 0 ? _this$root$dataStore$4 : DivaUtils.defaultPriceFormat.currency
+        return _objectSpread$d(_objectSpread$d({}, fallbackPriceFormat), {}, {
+          currency: this.root.dataStore.organization.settings.defaultCurrency
         });
       }
     }
   }, {
     key: "countryCodesFile",
     get: function get() {
-      var _this$_configuration58;
-      return (_this$_configuration58 = this._configuration) === null || _this$_configuration58 === void 0 ? void 0 : _this$_configuration58.countryCodesFile;
+      var _this$_configuration60;
+      return (_this$_configuration60 = this._configuration) === null || _this$_configuration60 === void 0 ? void 0 : _this$_configuration60.countryCodesFile;
     }
   }, {
     key: "allowedOrganizationTypes",
     get: function get() {
-      var _this$_configuration59, _this$_configuration60, _this$_configuration61, _this$_configuration62;
-      if (!((_this$_configuration59 = this._configuration) !== null && _this$_configuration59 !== void 0 && _this$_configuration59.allowedOrganizationTypes)) {
+      var _this$_configuration61, _this$_configuration62, _this$_configuration63, _this$_configuration64;
+      if (!((_this$_configuration61 = this._configuration) !== null && _this$_configuration61 !== void 0 && _this$_configuration61.allowedOrganizationTypes)) {
         return ['RETAILER'];
       }
-      return Array.isArray((_this$_configuration60 = this._configuration) === null || _this$_configuration60 === void 0 ? void 0 : _this$_configuration60.allowedOrganizationTypes) ? (_this$_configuration61 = this._configuration) === null || _this$_configuration61 === void 0 ? void 0 : _this$_configuration61.allowedOrganizationTypes : [(_this$_configuration62 = this._configuration) === null || _this$_configuration62 === void 0 ? void 0 : _this$_configuration62.allowedOrganizationTypes];
+      return Array.isArray((_this$_configuration62 = this._configuration) === null || _this$_configuration62 === void 0 ? void 0 : _this$_configuration62.allowedOrganizationTypes) ? (_this$_configuration63 = this._configuration) === null || _this$_configuration63 === void 0 ? void 0 : _this$_configuration63.allowedOrganizationTypes : [(_this$_configuration64 = this._configuration) === null || _this$_configuration64 === void 0 ? void 0 : _this$_configuration64.allowedOrganizationTypes];
     }
   }, {
     key: "resetConfigurationCache",
@@ -1058,12 +1112,12 @@ var ConfigurationStore = /*#__PURE__*/function () {
   }, {
     key: "fetchConfiguration",
     value: function () {
-      var _fetchConfiguration = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref5) {
-        var identifier, type, domain, _ref5$organizationId, organizationId, configuration, types, settingsKeys, _i, _types, subType;
+      var _fetchConfiguration = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref13) {
+        var identifier, type, domain, _ref13$organizationId, organizationId, configuration, types, settingsKeys, _i, _types, subType;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
-              identifier = _ref5.identifier, type = _ref5.type, domain = _ref5.domain, _ref5$organizationId = _ref5.organizationId, organizationId = _ref5$organizationId === void 0 ? this.root.dataStore.organizationId : _ref5$organizationId;
+              identifier = _ref13.identifier, type = _ref13.type, domain = _ref13.domain, _ref13$organizationId = _ref13.organizationId, organizationId = _ref13$organizationId === void 0 ? this.root.dataStore.organizationId : _ref13$organizationId;
               LOG$d.debug("Fetching configuration for ".concat(type, " ").concat(identifier !== null && identifier !== void 0 ? identifier : '', " ").concat(domain !== null && domain !== void 0 ? domain : '', " ").concat(organizationId));
               configuration = this.configurationCache.get(type + identifier + organizationId);
               if (!configuration) {
@@ -1279,13 +1333,22 @@ var DataStore = /*#__PURE__*/function () {
   }, {
     key: "organization",
     get: function get() {
-      var _settings$defaultCurr, _settings;
-      return this._organization ? _objectSpread$c(_objectSpread$c({}, this._organization), {}, {
-        settings: _objectSpread$c(_objectSpread$c({}, this._organization.settings), {}, {
-          defaultCurrency: (_settings$defaultCurr = (_settings = this._organization.settings) === null || _settings === void 0 ? void 0 : _settings.defaultCurrency) !== null && _settings$defaultCurr !== void 0 ? _settings$defaultCurr : '€'
+      return this._organization;
+    },
+    set: function set(organization) {
+      var _organization$setting, _organization$setting2;
+      this._organization = _objectSpread$c(_objectSpread$c({}, organization), {}, {
+        settings: _objectSpread$c(_objectSpread$c({}, organization.settings), {}, {
+          defaultCurrency: (_organization$setting = (_organization$setting2 = organization.settings) === null || _organization$setting2 === void 0 ? void 0 : _organization$setting2.defaultCurrency) !== null && _organization$setting !== void 0 ? _organization$setting : '€'
         })
-      }) : this._organization;
+      });
     }
+
+    /**
+     * Checks if the user has a certain permissions
+     * @param permission the permission
+     * @returns true if the user has the permission
+     */
   }, {
     key: "organizationId",
     get: function get() {
@@ -1359,12 +1422,6 @@ var DataStore = /*#__PURE__*/function () {
     set: function set(organizations) {
       this._parentOrganizations = organizations;
     }
-
-    /**
-     * Checks if the user has a certain permissions
-     * @param permission the permission
-     * @returns true if the user has the permission
-     */
   }, {
     key: "userHasPermission",
     value: function userHasPermission(permission) {
@@ -1577,7 +1634,7 @@ var DataStore = /*#__PURE__*/function () {
               };
             })) !== null && _organizationData$par !== void 0 ? _organizationData$par : []);
             this._currentOrganizationId = organizationId;
-            this._organization = organizationData;
+            this.organization = organizationData;
             this.root.authorizationStore.zToken ? DivaUtils.businessMetrics.jwtSetter = this.root.authorizationStore.zToken : undefined;
             if (this.root.authorizationStore.loginState == 'user') {
               this.root.browserStateStore.setStoredOrganization(organizationId);
@@ -1610,7 +1667,87 @@ var DataStore = /*#__PURE__*/function () {
   }]);
 }();
 
-var instance = i18n.createInstance().use(HttpApi);
+/**
+ * Swiss German Post-Processor for i18next
+ *
+ * Transforms German text to Swiss German by replacing ß (eszett) with SS
+ * when the organization's country code is 'CH' (Switzerland).
+ *
+ * This is necessary because Swiss German doesn't use the ß character
+ * and instead uses SS in all cases.
+ */
+var SwissGermanProcessor = /*#__PURE__*/function () {
+  function SwissGermanProcessor() {
+    _classCallCheck(this, SwissGermanProcessor);
+    _defineProperty(this, "type", 'postProcessor');
+    _defineProperty(this, "name", 'swissGerman');
+    _defineProperty(this, "organizationGetter", void 0);
+  }
+  return _createClass(SwissGermanProcessor, [{
+    key: "setOrganizationGetter",
+    value:
+    /**
+     * Sets the organization getter function
+     * @param getter Function that returns the current organization data
+     */
+    function setOrganizationGetter(getter) {
+      this.organizationGetter = getter;
+    }
+
+    /**
+     * Checks if Swiss German transformation should be applied
+     * @param lng The current language code
+     * @returns true if transformation should be applied
+     */
+  }, {
+    key: "shouldApplySwissGerman",
+    value: function shouldApplySwissGerman(lng) {
+      var _this$organizationGet;
+      // Only apply for German language
+      if (lng !== 'de') {
+        return false;
+      }
+
+      // Check if organization has Swiss country code
+      var organization = (_this$organizationGet = this.organizationGetter) === null || _this$organizationGet === void 0 ? void 0 : _this$organizationGet.call(this);
+      return (organization === null || organization === void 0 ? void 0 : organization.countryCode) === 'CH';
+    }
+
+    /**
+     * Transforms German text to Swiss German by replacing ß with SS
+     * @param text The text to transform
+     * @returns The transformed text
+     */
+  }, {
+    key: "transformToSwissGerman",
+    value: function transformToSwissGerman(text) {
+      // Replace all occurrences of ß (lowercase eszett) with SS
+      // Note: We use uppercase SS to maintain proper Swiss German convention
+      return text.replace(/ß/g, 'ss');
+    }
+
+    /**
+     * Post-processor function called by i18next
+     * @param value The translated value
+     * @param key The translation key
+     * @param options Options including language
+     * @returns The processed value
+     */
+  }, {
+    key: "process",
+    value: function process(value, key, options) {
+      var lng = options.lng || 'de';
+      if (this.shouldApplySwissGerman(lng)) {
+        return this.transformToSwissGerman(value);
+      }
+      return value;
+    }
+  }]);
+}();
+_defineProperty(SwissGermanProcessor, "type", 'postProcessor');
+var swissGermanProcessor = new SwissGermanProcessor();
+
+var instance = i18n.createInstance().use(HttpApi).use(swissGermanProcessor);
 function init(_ref) {
   var apiConfig = _ref.apiConfig,
     language = _ref.language;
@@ -1645,6 +1782,7 @@ function init(_ref) {
       ns: ['default'],
       fallbackLng: false,
       supportedLngs: ['de', 'en', 'it', 'fr'],
+      postProcess: ['swissGerman'],
       interpolation: {
         escapeValue: false // not needed for react as it escapes by default
       },
@@ -1664,6 +1802,12 @@ function init(_ref) {
 function changeNamespace(_x) {
   return _changeNamespace.apply(this, arguments);
 }
+
+/**
+ * Sets the organization getter for the Swiss German processor
+ * This should be called when the organization data is available or changes
+ * @param getter Function that returns the current organization data
+ */
 function _changeNamespace() {
   _changeNamespace = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(namespace) {
     return _regeneratorRuntime.wrap(function _callee$(_context) {
@@ -1685,6 +1829,9 @@ function _changeNamespace() {
   }));
   return _changeNamespace.apply(this, arguments);
 }
+function setOrganizationForSwissGerman(getter) {
+  swissGermanProcessor.setOrganizationGetter(getter);
+}
 
 function componentsEqual(c1, c2) {
   if (!c1 && !c2) {
@@ -1830,12 +1977,19 @@ var ContentWrapper = observer(function (_ref2) {
   });
 });
 
+function getOrientation(width, height) {
+  //current problem on iPad the orientation.type updates not instantly
+
+  if (screen.orientation && screen.orientation.type) return screen.orientation.type.startsWith('portrait') ? 'portrait' : 'landscape';
+  // Fallback if screen.orientation not supported
+  return height >= width ? 'portrait' : 'landscape';
+}
 function calculateDimensions(width, height) {
   var isPortrait = false;
   var isMobile = false;
   var isTablet = false;
   if (width < height) {
-    isPortrait = true;
+    isPortrait = getOrientation(width, height) === 'portrait';
   }
   if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) || width < 900) {
     isMobile = true;
@@ -2086,6 +2240,12 @@ var ContentStore = /*#__PURE__*/function () {
         return _ref2.apply(this, arguments);
       };
     }());
+    _defineProperty(this, "onResizeFunc", function (width, height) {
+      if (/iPhone|iPad|iPod/i.test(navigator.userAgent)) {
+        _this.ref.style.height = "".concat(width, " px");
+      }
+      _this._dimensions = calculateDimensions(width, height);
+    });
     this.root = root;
     this.configuration = components;
     if (window.customElements.get('model-viewer')) this._modelViewerHasLoaded = true;
@@ -3385,10 +3545,11 @@ var ContentStore = /*#__PURE__*/function () {
   }, {
     key: "onResize",
     value: function onResize(width, height) {
-      if (/iPhone|iPad|iPod/i.test(navigator.userAgent)) {
-        this.ref.style.height = "".concat(width, " px");
-      }
-      this._dimensions = calculateDimensions(width, height);
+      var _this12 = this;
+      this.onResizeFunc(width, height);
+      setTimeout(function () {
+        _this12.onResizeFunc(width, height);
+      }, 500);
     }
   }, {
     key: "setGlobalClass",
@@ -8109,11 +8270,20 @@ var RootStore = /*#__PURE__*/function () {
       }
     });
     autorun(function () {
-      DivaUtils.initPriceFormat(_this.configurationStore.priceFormat);
       if (_this.configurationStore.countryCodesFile) {
         DivaUtils.countryCodeLocation = _this.configurationStore.countryCodesFile;
       }
     });
+    autorun(function () {
+      var organization = _this.dataStore.organization;
+      var priceFormat = _this.configurationStore.priceFormat;
+      setOrganizationForSwissGerman(function () {
+        return organization;
+      });
+      if (priceFormat) {
+        DivaUtils.initPriceFormat(priceFormat);
+      }
+    });
     DivaUtils.businessMetrics.onOpen();
     window.addEventListener('beforeunload', function () {
       DivaUtils.businessMetrics.onClose();
@@ -8478,20 +8648,6 @@ var RootStore = /*#__PURE__*/function () {
                   }
                 });
               });
-              afterInitPromise.then(function () {
-                _this4.initializingLocalization = false;
-                var warningText = _this4.t('init.deploymentwarntext', '');
-                if (warningText.trim() !== '' && _this4.doShowInitWarnBanner) {
-                  var _this4$contentStore;
-                  (_this4$contentStore = _this4.contentStore) === null || _this4$contentStore === void 0 || _this4$contentStore.openBanner({
-                    key: 'InitialWarningBanner',
-                    type: 'WARNING',
-                    title: _this4.t('modals.warning', 'Warnung'),
-                    text: warningText,
-                    useLocalStorage: true
-                  });
-                }
-              });
               LOG$4.successTransaction('LOAD_SERVER_DATA');
               LOG$4.startTransaction({
                 event: 'onLoadUserData',
@@ -8500,16 +8656,16 @@ var RootStore = /*#__PURE__*/function () {
               });
 
               //load userdata
-              _context.prev = 28;
+              _context.prev = 27;
               if (!urlState.authdata) {
-                _context.next = 53;
+                _context.next = 52;
                 break;
               }
               authObject = urlState.authdata;
               _context.t0 = authObject === null || authObject === void 0 ? void 0 : authObject.path;
-              _context.next = _context.t0 === 'openIdCallback' ? 34 : _context.t0 === 'resetPassword' ? 36 : _context.t0 === 'confirmEmail' ? 38 : _context.t0 === 'acceptInvitation' ? 40 : 50;
+              _context.next = _context.t0 === 'openIdCallback' ? 33 : _context.t0 === 'resetPassword' ? 35 : _context.t0 === 'confirmEmail' ? 37 : _context.t0 === 'acceptInvitation' ? 39 : 49;
               break;
-            case 34:
+            case 33:
               if (authObject.error) {
                 LOG$4.errorTransaction('LOAD_USER_DATA', (_authObject$code = authObject.code) !== null && _authObject$code !== void 0 ? _authObject$code : 'CORE_0006', authObject.error);
                 this.authorizationStore.showLogin(false, true);
@@ -8519,66 +8675,81 @@ var RootStore = /*#__PURE__*/function () {
                 }
                 this.browserStateStore.setStoredNToken(authObject.token, authObject.expiresBy);
               }
-              return _context.abrupt("break", 51);
-            case 36:
+              return _context.abrupt("break", 50);
+            case 35:
               if (authObject.error) {
                 LOG$4.errorTransaction('LOAD_USER_DATA', (_authObject$code2 = authObject.code) !== null && _authObject$code2 !== void 0 ? _authObject$code2 : 'CORE_0006', authObject.error);
                 this.loadingAndErrorStore.setError(authObject.error);
               } else {
                 this.authorizationStore.showChangePassword(authObject.token);
               }
-              return _context.abrupt("break", 51);
-            case 38:
+              return _context.abrupt("break", 50);
+            case 37:
               if (authObject.error) {
                 LOG$4.errorTransaction('LOAD_USER_DATA', (_authObject$code3 = authObject.code) !== null && _authObject$code3 !== void 0 ? _authObject$code3 : 'CORE_0006', authObject.error);
                 this.loadingAndErrorStore.setError(authObject.error);
               } else {
                 verifyEmailToken = authObject.token;
               }
-              return _context.abrupt("break", 51);
-            case 40:
+              return _context.abrupt("break", 50);
+            case 39:
               if (!authObject.error) {
-                _context.next = 45;
+                _context.next = 44;
                 break;
               }
               LOG$4.errorTransaction('LOAD_INVITATION', (_authObject$code4 = authObject.code) !== null && _authObject$code4 !== void 0 ? _authObject$code4 : 'CORE_0006', authObject.error);
               this.loadingAndErrorStore.setError(authObject.error);
-              _context.next = 49;
+              _context.next = 48;
               break;
-            case 45:
+            case 44:
               if (!this.browserStateStore.getStoredNToken()) {
-                _context.next = 48;
+                _context.next = 47;
                 break;
               }
-              _context.next = 48;
+              _context.next = 47;
               return this.authorizationStore.logout(undefined, undefined, undefined, true);
-            case 48:
+            case 47:
               this.authorizationStore.showWelcomeScreen((_authObject$additiona = authObject.additionalParams) === null || _authObject$additiona === void 0 ? void 0 : _authObject$additiona.isNewUser, authObject.token, (_authObject$additiona2 = authObject.additionalParams) === null || _authObject$additiona2 === void 0 ? void 0 : _authObject$additiona2.invitationOrgId);
+            case 48:
+              return _context.abrupt("break", 50);
             case 49:
-              return _context.abrupt("break", 51);
+              return _context.abrupt("break", 50);
             case 50:
-              return _context.abrupt("break", 51);
-            case 51:
-              _context.next = 53;
+              _context.next = 52;
               break;
-            case 53:
+            case 52:
               LOG$4.successTransaction('LOAD_USER_DATA');
               if (!initAuthPromise) {
-                _context.next = 60;
+                _context.next = 59;
                 break;
               }
-              _context.next = 57;
+              _context.next = 56;
               return initAuthPromise;
-            case 57:
+            case 56:
               loadedOrganization = _context.sent;
-              _context.next = 63;
-              break;
-            case 60:
               _context.next = 62;
+              break;
+            case 59:
+              _context.next = 61;
               return this.initializeAuthorization(initialOrganization);
-            case 62:
+            case 61:
               loadedOrganization = _context.sent;
-            case 63:
+            case 62:
+              //open banner after auth is initialized
+              afterInitPromise.then(function () {
+                _this4.initializingLocalization = false;
+                var warningText = _this4.t('init.deploymentwarntext', '');
+                if (warningText.trim() !== '' && _this4.doShowInitWarnBanner) {
+                  var _this4$contentStore;
+                  (_this4$contentStore = _this4.contentStore) === null || _this4$contentStore === void 0 || _this4$contentStore.openBanner({
+                    key: 'InitialWarningBanner',
+                    type: 'WARNING',
+                    title: 'modals.warning',
+                    text: 'init.deploymentwarntext',
+                    useLocalStorage: true
+                  });
+                }
+              });
               if (!(loadedOrganization == undefined)) {
                 _context.next = 66;
                 break;
@@ -8622,7 +8793,7 @@ var RootStore = /*#__PURE__*/function () {
               break;
             case 78:
               _context.prev = 78;
-              _context.t1 = _context["catch"](28);
+              _context.t1 = _context["catch"](27);
               if (_context.t1 instanceof DivaError && _context.t1.name == 'AUTH_0006') {
                 LOG$4.errorTransaction('INITIALIZE_CORE', 'AUTH_0006', 'Existing verification token not valid.');
               } else {
@@ -8667,7 +8838,7 @@ var RootStore = /*#__PURE__*/function () {
             case "end":
               return _context.stop();
           }
-        }, _callee, this, [[1, 86, 91, 95], [28, 78]]);
+        }, _callee, this, [[1, 86, 91, 95], [27, 78]]);
       }));
       function initialize(_x, _x2, _x3, _x4, _x5, _x6, _x7) {
         return _initialize.apply(this, arguments);
@@ -9202,7 +9373,7 @@ function styleInject(css, ref) {
 
 var overlay$2 = "overlay-X3zhH";
 var loading = "loading-kAuhm";
-var css_248z$5 = ".overlay-X3zhH {\n  height: 100%;\n  width: 100%;\n  display: flex;\n  background-color: rgba(255, 255, 255, 0.6);\n  z-index: 1000;\n  justify-content: center;\n  align-items: center;\n  position: absolute;\n}\n\n.loading-kAuhm {\n  margin: 0 auto;\n  display: inline-block;\n  position: relative;\n  width: 80px;\n  height: 80px;\n}\n.loading-kAuhm div {\n  box-sizing: border-box;\n  display: block;\n  position: absolute;\n  width: 64px;\n  height: 64px;\n  margin: 8px;\n  border: 8px solid #b6b6b6;\n  border-radius: 50%;\n  animation: loading-kAuhm 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n  border-color: #b6b6b6 transparent transparent transparent;\n}\n.loading-kAuhm div:nth-child(1) {\n  animation-delay: -0.45s;\n}\n.loading-kAuhm div:nth-child(2) {\n  animation-delay: -0.3s;\n}\n.loading-kAuhm div:nth-child(3) {\n  animation-delay: -0.15s;\n}\n@keyframes loading-kAuhm {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n";
+var css_248z$5 = ".overlay-X3zhH {\n  height: 100%;\n  width: 100%;\n  display: flex;\n  background-color: rgba(255, 255, 255, 0.6);\n  z-index: 15000;\n  justify-content: center;\n  align-items: center;\n  position: absolute;\n}\n\n.loading-kAuhm {\n  margin: 0 auto;\n  display: inline-block;\n  position: relative;\n  width: 80px;\n  height: 80px;\n}\n.loading-kAuhm div {\n  box-sizing: border-box;\n  display: block;\n  position: absolute;\n  width: 64px;\n  height: 64px;\n  margin: 8px;\n  border: 8px solid #b6b6b6;\n  border-radius: 50%;\n  animation: loading-kAuhm 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n  border-color: #b6b6b6 transparent transparent transparent;\n}\n.loading-kAuhm div:nth-child(1) {\n  animation-delay: -0.45s;\n}\n.loading-kAuhm div:nth-child(2) {\n  animation-delay: -0.3s;\n}\n.loading-kAuhm div:nth-child(3) {\n  animation-delay: -0.15s;\n}\n@keyframes loading-kAuhm {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n";
 styleInject(css_248z$5);
 
 var LOG$3 = getLogger('Framework', 'loadDependency');
@@ -9488,7 +9659,7 @@ var DrawerMenu = observer(MobileDrawer);
 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-d1c0b21b.js');
+  return import('./ModalsWrapper-595326fc.js');
 });
 function Fullscreen(_ref) {
   var inAbsoluteFullscreen = _ref.inAbsoluteFullscreen;
@@ -9623,9 +9794,11 @@ var InfoCircleOutlined = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fww
 var ExclamationCircleOutlined = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20aria-hidden%3D%22true%22%20role%3D%22img%22%20width%3D%221em%22%20height%3D%221em%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M512%2064C264.6%2064%2064%20264.6%2064%20512s200.6%20448%20448%20448s448-200.6%20448-448S759.4%2064%20512%2064zm0%20820c-205.4%200-372-166.6-372-372s166.6-372%20372-372s372%20166.6%20372%20372s-166.6%20372-372%20372z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M464%20688a48%2048%200%201%200%2096%200a48%2048%200%201%200-96%200zm24-112h48c4.4%200%208-3.6%208-8V296c0-4.4-3.6-8-8-8h-48c-4.4%200-8%203.6-8%208v272c0%204.4%203.6%208%208%208z%22%2F%3E%3C%2Fsvg%3E";
 
 function Banner() {
-  var _contentStore$banner2;
+  var _contentStore$banner2, _contentStore$banner$;
   var _useDivaCoreContext = useDivaCoreContext(),
     contentStore = _useDivaCoreContext.contentStore;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
   var onClose = function onClose() {
     var _contentStore$banner;
     contentStore.closeBanner();
@@ -9671,9 +9844,9 @@ function Banner() {
       className: textWrapper,
       children: [/*#__PURE__*/jsx("p", {
         className: title,
-        children: contentStore.banner.title
+        children: t(contentStore.banner.title)
       }), /*#__PURE__*/jsx("span", {
-        children: contentStore.banner.text
+        children: t((_contentStore$banner$ = contentStore.banner.text) !== null && _contentStore$banner$ !== void 0 ? _contentStore$banner$ : '')
       })]
     })]
   });
@@ -9946,10 +10119,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-dd83cfdd.js');
+  return import('./index-7769aab3.js');
 });
 var LazyModals = /*#__PURE__*/React.lazy(function () {
-  return import('./ModalsWrapper-d1c0b21b.js');
+  return import('./ModalsWrapper-595326fc.js');
 });
 function ContentComponent() {
   var context = useDivaCoreContext();