@crystaldesign/diva-core 24.12.1 → 24.12.2

package/build/esm/{index-add7eac3.js → index-f1211a71.js}

@@ -43,7 +43,7 @@ import { actions } from '@storybook/addon-actions';
 import * as Styles from '@material-ui/styles';
 
 (function() {
-    const env = {"STAGE":"production","VERSION":"24.12.1"};
+    const env = {"STAGE":"production","VERSION":"24.12.2"};
     try {
         if (process) {
             process.env = Object.assign({}, process.env);
@@ -134,15 +134,15 @@ var ApplicationLogger = /*#__PURE__*/function () {
     this.apiInitialized = apiInitialized;
     _defineProperty(this, "transactions", new Map());
   }
-  /**
-   * Start a new transaction and return the transaction id
-   * @param event  The event type
-   * @param message  The message to log
-   * @param labels  Additional labels
-   * @param eventId  An optional event ID, if not provided a new one will be generated
-   * @param warningTime  An optional warning time, if the transaction takes longer than this time a warning will be logged
-   * @param errorTime  An optional error time, if the transaction takes longer than this time an error will be logged
-   * @returns The transaction ID
+  /**
+   * Start a new transaction and return the transaction id
+   * @param event  The event type
+   * @param message  The message to log
+   * @param labels  Additional labels
+   * @param eventId  An optional event ID, if not provided a new one will be generated
+   * @param warningTime  An optional warning time, if the transaction takes longer than this time a warning will be logged
+   * @param errorTime  An optional error time, if the transaction takes longer than this time an error will be logged
+   * @returns The transaction ID
    */
   return _createClass(ApplicationLogger, [{
     key: "startTransaction",
@@ -184,10 +184,10 @@ var ApplicationLogger = /*#__PURE__*/function () {
       return id;
     }
 
-    /**
-     * End a transaction and log the duration
-     * @param eventId The transaction ID
-     * @param labels  Additional labels
+    /**
+     * End a transaction and log the duration
+     * @param eventId The transaction ID
+     * @param labels  Additional labels
      */
   }, {
     key: "successTransaction",
@@ -220,11 +220,11 @@ var ApplicationLogger = /*#__PURE__*/function () {
       }));
     }
 
-    /** End a transaction and log the duration and an error message
-     * @param eventId The transaction ID
-     * @param code The error code
-     * @param message The error message
-     * @param labels  Additional labels
+    /** End a transaction and log the duration and an error message
+     * @param eventId The transaction ID
+     * @param code The error code
+     * @param message The error message
+     * @param labels  Additional labels
      * */
   }, {
     key: "errorTransaction",
@@ -266,12 +266,12 @@ var ApplicationLogger = /*#__PURE__*/function () {
         timoutStatus: event.event.timeout
       }));
     }
-    /**
-     * Log normal business event, without transaction
-     * @param eventAction
-     * @param module
-     * @param message
-     * @param labels
+    /**
+     * Log normal business event, without transaction
+     * @param eventAction
+     * @param module
+     * @param message
+     * @param labels
      */
   }, {
     key: "businessEvent",
@@ -290,8 +290,8 @@ var ApplicationLogger = /*#__PURE__*/function () {
       this.warn("Transaction ".concat(event.event.type, " (").concat(event.event.message, ") takes long and exeeded the ").concat(type, " threshold"));
     }
 
-    /**
-     * Close all open transactions and log them as errors
+    /**
+     * Close all open transactions and log them as errors
      */
   }, {
     key: "flush",
@@ -302,8 +302,8 @@ var ApplicationLogger = /*#__PURE__*/function () {
       });
     }
 
-    /**
-     * After apm is initialized, send all transactions that were created before
+    /**
+     * After apm is initialized, send all transactions that were created before
      */
   }, {
     key: "apmInitalized",
@@ -482,8 +482,8 @@ var DivaFramework = /*#__PURE__*/function (_HTMLElement) {
       return undefined;
     }
 
-    /**
-     * @deprecated
+    /**
+     * @deprecated
      */,
     set: function set(val) {
       if (val) {
@@ -493,8 +493,8 @@ var DivaFramework = /*#__PURE__*/function (_HTMLElement) {
   }, {
     key: "configUrl",
     get:
-    /**
-     * @deprecated
+    /**
+     * @deprecated
      */
     function get() {
       return this.getAttribute('configUrl') || undefined;
@@ -1266,8 +1266,8 @@ var DataStore = /*#__PURE__*/function () {
       return this._currentOrganizationId || '';
     }
 
-    /**
-     * Returns the full list of parent organizations including the current organization
+    /**
+     * Returns the full list of parent organizations including the current organization
      */
   }, {
     key: "fullParentList",
@@ -1278,11 +1278,11 @@ var DataStore = /*#__PURE__*/function () {
       })) !== null && _this$organization$pa !== void 0 ? _this$organization$pa : []), [this.organizationId]);
     }
 
-    /**
-     * Returns the list of parent organizations including the current organization, filtered by the valid organizations of the config and the permissions of the user
-     * this is manly used for displaying the organization hirarchy in the header
-     *
-     * If you need the full parent list, use fullParentList
+    /**
+     * Returns the list of parent organizations including the current organization, filtered by the valid organizations of the config and the permissions of the user
+     * this is manly used for displaying the organization hirarchy in the header
+     *
+     * If you need the full parent list, use fullParentList
      */
   }, {
     key: "organizationHirarchy",
@@ -1334,10 +1334,10 @@ var DataStore = /*#__PURE__*/function () {
       this._parentOrganizations = organizations;
     }
 
-    /**
-     * Checks if the user has a certain permissions
-     * @param permission the permission
-     * @returns true if the user has the permission
+    /**
+     * Checks if the user has a certain permissions
+     * @param permission the permission
+     * @returns true if the user has the permission
      */
   }, {
     key: "userHasPermission",
@@ -1501,8 +1501,8 @@ var DataStore = /*#__PURE__*/function () {
         }
       }, getSessionGuidFlow, this);
     })
-    /**
-     * clears all the current saved sessionGuids
+    /**
+     * clears all the current saved sessionGuids
      */
   }, {
     key: "clearSessionGuids",
@@ -1510,9 +1510,9 @@ var DataStore = /*#__PURE__*/function () {
       this._sessionGuids = {};
     }
 
-    /**
-     * Update the currently selected organization and immediately load the organization data
-     * @param organizationId the id of the new organization
+    /**
+     * Update the currently selected organization and immediately load the organization data
+     * @param organizationId the id of the new organization
      */
   }, {
     key: "updateOrganizationInternal",
@@ -1734,7 +1734,7 @@ var input = "input--Dl8e";
 var readonly = "readonly-uw66l";
 var resetInput = "reset-input-ERpB4";
 var link = "link-s-Rcm";
-var css_248z$6 = ".auth-y9j9- {\r\n  height: 100%;\r\n  width: 100%;\r\n  display: flex;\r\n  background-color: rgba(255, 255, 255);\r\n  z-index: 3;\r\n  justify-content: center;\r\n  align-items: center;\r\n  position: absolute;\r\n}\r\n\r\n.login-box-Zu-QM {\r\n  padding: 20px;\r\n  width: 400px;\r\n  margin: 50px auto auto auto;\r\n  letter-spacing: 1px;\r\n  position: relative;\r\n  font-family: Arial, Helvetica, sans-serif;\r\n}\r\n\r\n.logo-container-Gujpy {\r\n  background-repeat: no-repeat;\r\n  background-position: center;\r\n  background-size: contain;\r\n  margin-bottom: 50px;\r\n}\r\n\r\n.success-7n9-D {\r\n  width: 100%;\r\n  padding: 12px;\r\n  border-radius: 4px;\r\n  margin: 15px 0;\r\n  box-sizing: border-box;\r\n  background-color: rgb(228, 244, 228);\r\n  color: rgb(17, 97, 73);\r\n  border: rgb(195, 231, 202) solid 1px;\r\n  border-left: solid 4px;\r\n  line-height: 20px;\r\n  font-size: 16px;\r\n  position: relative;\r\n}\r\n\r\n.success-7n9-D span {\r\n  width: 30px;\r\n  height: 100%;\r\n  float: left;\r\n  background-repeat: no-repeat;\r\n  background-image: url(\"data:image/svg+xml,%3Csvg fill%3D%22rgb(19%2C 170%2C 82)%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2230px%22 width%3D%2230px%22   viewBox%3D%220 0 24 24%22 %3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M8 15A7 7 0 108 1a7 7 0 000 14zm2.448-10.104a.997.997 0 111.508 1.306l-4.572 5.28a1 1 0 01-1.64-.07l-1.82-2.868a1 1 0 111.69-1.07l1.1 1.734 3.734-4.312z%22 fill%3D%22currentColor%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E\");\r\n  position: absolute;\r\n}\r\n\r\n.success-7n9-D div {\r\n  text-align: justify;\r\n  margin-left: 30px;\r\n}\r\n\r\n.error-gJyOw {\r\n  width: 100%;\r\n  padding: 12px;\r\n  border-radius: 4px;\r\n  margin: 15px 0;\r\n  box-sizing: border-box;\r\n  background-color: rgb(252, 235, 226);\r\n  color: rgb(207, 74, 34);\r\n  border: rgb(249, 211, 197) solid 1px;\r\n  border-left: solid 4px;\r\n  line-height: 20px;\r\n  font-size: 16px;\r\n  position: relative;\r\n}\r\n\r\n.error-gJyOw span {\r\n  width: 30px;\r\n  height: 100%;\r\n  float: left;\r\n  background-repeat: no-repeat;\r\n  background-image: url(\"data:image/svg+xml,%3Csvg fill%3D%22rgb(207%2C 74%2C 34)%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2230px%22 width%3D%2230px%22   viewBox%3D%220 0 24 24%22 %3E%3Cpath  d%3D%22M8.8639 2.51357C8.49039 1.82881 7.50961 1.82881 7.1361 2.51357L1.12218 13.5388C0.763263 14.1968 1.23814 15 1.98608 15H14.0139C14.7619 15 15.2367 14.1968 14.8778 13.5388L8.8639 2.51357ZM7 6C7 5.44772 7.44772 5 8 5C8.55228 5 9 5.44772 9 6V10C9 10.5523 8.55228 11 8 11C7.44772 11 7 10.5523 7 10V6ZM9 13C9 13.5523 8.55228 14 8 14C7.44772 14 7 13.5523 7 13C7 12.4477 7.44772 12 8 12C8.55228 12 9 12.4477 9 13Z%22 %3E%3C%2Fpath%3E%3C%2Fsvg%3E\");\r\n  position: absolute;\r\n}\r\n\r\n.error-gJyOw div {\r\n  text-align: justify;\r\n  margin-left: 30px;\r\n}\r\n.auth-button-nvUhU {\r\n  width: 100%;\r\n  padding: 12px;\r\n  border-radius: 4px;\r\n  margin: 15px 0;\r\n  opacity: 0.85;\r\n  font-size: 17px;\r\n  line-height: 22px;\r\n  cursor: pointer;\r\n  box-sizing: border-box;\r\n  background-color: var(--diva-theme-palette-primary-main);\r\n  text-align: center;\r\n  color: var(--diva-theme-palette-primary-contrast-text);\r\n}\r\n\r\n.auth-button-nvUhU:hover {\r\n  opacity: 1;\r\n}\r\n\r\n.button-disabled-GS-ox {\r\n  opacity: 0.3;\r\n  cursor: auto;\r\n  cursor: initial;\r\n}\r\n.button-disabled-GS-ox:hover {\r\n  opacity: 0.3;\r\n}\r\n\r\n.social-button-p5pUa div {\r\n  width: 30px;\r\n  height: 22px;\r\n  float: left;\r\n  background-repeat: no-repeat;\r\n  background-size: contain;\r\n  background-position: center;\r\n  filter: brightness(0) invert(1);\r\n}\r\n\r\n.google-WhFJU {\r\n  background-color: #dd4b39;\r\n  color: white;\r\n}\r\n\r\n.google-WhFJU div {\r\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22%3F%3E%3Csvg fill%3D%22%23000000%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22  viewBox%3D%220 0 24 24%22 %3E    %3Cpath d%3D%22M12.545%2C10.239v3.821h5.445c-0.712%2C2.315-2.647%2C3.972-5.445%2C3.972c-3.332%2C0-6.033-2.701-6.033-6.032 s2.701-6.032%2C6.033-6.032c1.498%2C0%2C2.866%2C0.549%2C3.921%2C1.453l2.814-2.814C17.503%2C2.988%2C15.139%2C2%2C12.545%2C2 C7.021%2C2%2C2.543%2C6.477%2C2.543%2C12s4.478%2C10%2C10.002%2C10c8.396%2C0%2C10.249-7.85%2C9.426-11.748L12.545%2C10.239z%22%2F%3E%3C%2Fsvg%3E\");\r\n}\r\n\r\n.microsoft-e3GYR {\r\n  background-color: #00a4ef;\r\n  color: white;\r\n}\r\n\r\n.microsoft-e3GYR div {\r\n  background-image: url(\"data:image/svg+xml,%3Csvg fill%3D%22%23000000%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22  viewBox%3D%220 0 50 50%22%3E%3Cpath d%3D%22M19.852 7.761l-15 2.25C4.362 10.085 4 10.505 4 11v12c0 .553.448 1 1 1h15c.552 0 1-.447 1-1V8.75c0-.291-.127-.567-.348-.758C20.432 7.803 20.139 7.721 19.852 7.761zM45.652 4.242c-.22-.189-.512-.271-.801-.231l-21 3.15C23.362 7.235 23 7.655 23 8.15V23c0 .553.448 1 1 1h21c.552 0 1-.447 1-1V5C46 4.709 45.873 4.433 45.652 4.242zM20 26H5c-.552 0-1 .447-1 1v12c0 .495.362.915.852.989l15 2.25c.05.007.099.011.148.011.238 0 .47-.085.652-.242C20.873 41.817 21 41.541 21 41.25V27C21 26.447 20.552 26 20 26zM45 26H24c-.552 0-1 .447-1 1v14.85c0 .495.362.915.852.989l21 3.15C44.901 45.996 44.951 46 45 46c.238 0 .47-.085.652-.242C45.873 45.567 46 45.291 46 45V27C46 26.447 45.552 26 45 26z%22%2F%3E%3C%2Fsvg%3E\");\r\n}\r\n\r\n.separator-Hg6fH {\r\n  display: flex;\r\n  align-items: center;\r\n  text-align: center;\r\n  color: rgb(184, 196, 194);\r\n}\r\n\r\n.separator-Hg6fH::before,\r\n.separator-Hg6fH::after {\r\n  content: '';\r\n  flex: 1;\r\n  border-bottom: 1px solid rgb(184, 196, 194);\r\n}\r\n\r\n.separator-Hg6fH:not(:empty)::before {\r\n  margin-right: 0.25em;\r\n}\r\n\r\n.separator-Hg6fH:not(:empty)::after {\r\n  margin-left: 0.25em;\r\n}\r\n\r\n.input--Dl8e {\r\n  width: 100%;\r\n  padding: 1em;\r\n  border: solid 1px rgba(0, 0, 0, 0.1);\r\n  border-radius: 0.3em;\r\n  outline: none;\r\n  margin: 15px 0;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.input--Dl8e:hover,\r\n.input--Dl8e:focus,\r\n.input--Dl8e:active {\r\n  border: solid 1px var(--diva-theme-palette-primary-main);\r\n}\r\n\r\n.input--Dl8e::-moz-placeholder {\r\n  color: rgba(0, 0, 0, 0.25);\r\n}\r\n\r\n.input--Dl8e::placeholder {\r\n  color: rgba(0, 0, 0, 0.25);\r\n}\r\n\r\n.input--Dl8e.readonly-uw66l {\r\n  border: solid 1px rgba(0, 0, 0, 0.1);\r\n  color: rgba(0, 0, 0, 0.25);\r\n}\r\n\r\n.reset-input-ERpB4 {\r\n  position: relative;\r\n}\r\n\r\n.reset-input-ERpB4:after {\r\n  content: '';\r\n  position: absolute;\r\n  right: 10px;\r\n  top: 0;\r\n  bottom: 0;\r\n  width: 20px;\r\n  background: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 %3F%3E%3C!DOCTYPE svg  PUBLIC '-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN'  'http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd'%3E%3Csvg  id%3D%22Layer_1%22 style%3D%22enable-background%3Anew 0 0 512 512%3B%22 version%3D%221.1%22 viewBox%3D%220 0 512 512%22 width%3D%22512px%22 xml%3Aspace%3D%22preserve%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cg%3E%3Cpath d%3D%22M256%2C33C132.3%2C33%2C32%2C133.3%2C32%2C257c0%2C123.7%2C100.3%2C224%2C224%2C224c123.7%2C0%2C224-100.3%2C224-224C480%2C133.3%2C379.7%2C33%2C256%2C33z    M364.3%2C332.5c1.5%2C1.5%2C2.3%2C3.5%2C2.3%2C5.6c0%2C2.1-0.8%2C4.2-2.3%2C5.6l-21.6%2C21.7c-1.6%2C1.6-3.6%2C2.3-5.6%2C2.3c-2%2C0-4.1-0.8-5.6-2.3L256%2C289.8   l-75.4%2C75.7c-1.5%2C1.6-3.6%2C2.3-5.6%2C2.3c-2%2C0-4.1-0.8-5.6-2.3l-21.6-21.7c-1.5-1.5-2.3-3.5-2.3-5.6c0-2.1%2C0.8-4.2%2C2.3-5.6l75.7-76   l-75.9-75c-3.1-3.1-3.1-8.2%2C0-11.3l21.6-21.7c1.5-1.5%2C3.5-2.3%2C5.6-2.3c2.1%2C0%2C4.1%2C0.8%2C5.6%2C2.3l75.7%2C74.7l75.7-74.7   c1.5-1.5%2C3.5-2.3%2C5.6-2.3c2.1%2C0%2C4.1%2C0.8%2C5.6%2C2.3l21.6%2C21.7c3.1%2C3.1%2C3.1%2C8.2%2C0%2C11.3l-75.9%2C75L364.3%2C332.5z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E\") center / contain no-repeat;\r\n  cursor: pointer;\r\n  opacity: 0.7;\r\n}\r\n\r\n.link-s-Rcm {\r\n  color: var(--diva-theme-palette-primary-main);\r\n  cursor: pointer;\r\n  display: inline-block;\r\n}\r\n";
+var css_248z$6 = ".auth-y9j9- {\n  height: 100%;\n  width: 100%;\n  display: flex;\n  background-color: rgba(255, 255, 255);\n  z-index: 3;\n  justify-content: center;\n  align-items: center;\n  position: absolute;\n}\n\n.login-box-Zu-QM {\n  padding: 20px;\n  width: 400px;\n  margin: 50px auto auto auto;\n  letter-spacing: 1px;\n  position: relative;\n  font-family: Arial, Helvetica, sans-serif;\n}\n\n.logo-container-Gujpy {\n  background-repeat: no-repeat;\n  background-position: center;\n  background-size: contain;\n  margin-bottom: 50px;\n}\n\n.success-7n9-D {\n  width: 100%;\n  padding: 12px;\n  border-radius: 4px;\n  margin: 15px 0;\n  box-sizing: border-box;\n  background-color: rgb(228, 244, 228);\n  color: rgb(17, 97, 73);\n  border: rgb(195, 231, 202) solid 1px;\n  border-left: solid 4px;\n  line-height: 20px;\n  font-size: 16px;\n  position: relative;\n}\n\n.success-7n9-D span {\n  width: 30px;\n  height: 100%;\n  float: left;\n  background-repeat: no-repeat;\n  background-image: url(\"data:image/svg+xml,%3Csvg fill%3D%22rgb(19%2C 170%2C 82)%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2230px%22 width%3D%2230px%22   viewBox%3D%220 0 24 24%22 %3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M8 15A7 7 0 108 1a7 7 0 000 14zm2.448-10.104a.997.997 0 111.508 1.306l-4.572 5.28a1 1 0 01-1.64-.07l-1.82-2.868a1 1 0 111.69-1.07l1.1 1.734 3.734-4.312z%22 fill%3D%22currentColor%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E\");\n  position: absolute;\n}\n\n.success-7n9-D div {\n  text-align: justify;\n  margin-left: 30px;\n}\n\n.error-gJyOw {\n  width: 100%;\n  padding: 12px;\n  border-radius: 4px;\n  margin: 15px 0;\n  box-sizing: border-box;\n  background-color: rgb(252, 235, 226);\n  color: rgb(207, 74, 34);\n  border: rgb(249, 211, 197) solid 1px;\n  border-left: solid 4px;\n  line-height: 20px;\n  font-size: 16px;\n  position: relative;\n}\n\n.error-gJyOw span {\n  width: 30px;\n  height: 100%;\n  float: left;\n  background-repeat: no-repeat;\n  background-image: url(\"data:image/svg+xml,%3Csvg fill%3D%22rgb(207%2C 74%2C 34)%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2230px%22 width%3D%2230px%22   viewBox%3D%220 0 24 24%22 %3E%3Cpath  d%3D%22M8.8639 2.51357C8.49039 1.82881 7.50961 1.82881 7.1361 2.51357L1.12218 13.5388C0.763263 14.1968 1.23814 15 1.98608 15H14.0139C14.7619 15 15.2367 14.1968 14.8778 13.5388L8.8639 2.51357ZM7 6C7 5.44772 7.44772 5 8 5C8.55228 5 9 5.44772 9 6V10C9 10.5523 8.55228 11 8 11C7.44772 11 7 10.5523 7 10V6ZM9 13C9 13.5523 8.55228 14 8 14C7.44772 14 7 13.5523 7 13C7 12.4477 7.44772 12 8 12C8.55228 12 9 12.4477 9 13Z%22 %3E%3C%2Fpath%3E%3C%2Fsvg%3E\");\n  position: absolute;\n}\n\n.error-gJyOw div {\n  text-align: justify;\n  margin-left: 30px;\n}\n.auth-button-nvUhU {\n  width: 100%;\n  padding: 12px;\n  border-radius: 4px;\n  margin: 15px 0;\n  opacity: 0.85;\n  font-size: 17px;\n  line-height: 22px;\n  cursor: pointer;\n  box-sizing: border-box;\n  background-color: var(--diva-theme-palette-primary-main);\n  text-align: center;\n  color: var(--diva-theme-palette-primary-contrast-text);\n}\n\n.auth-button-nvUhU:hover {\n  opacity: 1;\n}\n\n.button-disabled-GS-ox {\n  opacity: 0.3;\n  cursor: auto;\n  cursor: initial;\n}\n.button-disabled-GS-ox:hover {\n  opacity: 0.3;\n}\n\n.social-button-p5pUa div {\n  width: 30px;\n  height: 22px;\n  float: left;\n  background-repeat: no-repeat;\n  background-size: contain;\n  background-position: center;\n  filter: brightness(0) invert(1);\n}\n\n.google-WhFJU {\n  background-color: #dd4b39;\n  color: white;\n}\n\n.google-WhFJU div {\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22%3F%3E%3Csvg fill%3D%22%23000000%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22  viewBox%3D%220 0 24 24%22 %3E    %3Cpath d%3D%22M12.545%2C10.239v3.821h5.445c-0.712%2C2.315-2.647%2C3.972-5.445%2C3.972c-3.332%2C0-6.033-2.701-6.033-6.032 s2.701-6.032%2C6.033-6.032c1.498%2C0%2C2.866%2C0.549%2C3.921%2C1.453l2.814-2.814C17.503%2C2.988%2C15.139%2C2%2C12.545%2C2 C7.021%2C2%2C2.543%2C6.477%2C2.543%2C12s4.478%2C10%2C10.002%2C10c8.396%2C0%2C10.249-7.85%2C9.426-11.748L12.545%2C10.239z%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.microsoft-e3GYR {\n  background-color: #00a4ef;\n  color: white;\n}\n\n.microsoft-e3GYR div {\n  background-image: url(\"data:image/svg+xml,%3Csvg fill%3D%22%23000000%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22  viewBox%3D%220 0 50 50%22%3E%3Cpath d%3D%22M19.852 7.761l-15 2.25C4.362 10.085 4 10.505 4 11v12c0 .553.448 1 1 1h15c.552 0 1-.447 1-1V8.75c0-.291-.127-.567-.348-.758C20.432 7.803 20.139 7.721 19.852 7.761zM45.652 4.242c-.22-.189-.512-.271-.801-.231l-21 3.15C23.362 7.235 23 7.655 23 8.15V23c0 .553.448 1 1 1h21c.552 0 1-.447 1-1V5C46 4.709 45.873 4.433 45.652 4.242zM20 26H5c-.552 0-1 .447-1 1v12c0 .495.362.915.852.989l15 2.25c.05.007.099.011.148.011.238 0 .47-.085.652-.242C20.873 41.817 21 41.541 21 41.25V27C21 26.447 20.552 26 20 26zM45 26H24c-.552 0-1 .447-1 1v14.85c0 .495.362.915.852.989l21 3.15C44.901 45.996 44.951 46 45 46c.238 0 .47-.085.652-.242C45.873 45.567 46 45.291 46 45V27C46 26.447 45.552 26 45 26z%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.separator-Hg6fH {\n  display: flex;\n  align-items: center;\n  text-align: center;\n  color: rgb(184, 196, 194);\n}\n\n.separator-Hg6fH::before,\n.separator-Hg6fH::after {\n  content: '';\n  flex: 1;\n  border-bottom: 1px solid rgb(184, 196, 194);\n}\n\n.separator-Hg6fH:not(:empty)::before {\n  margin-right: 0.25em;\n}\n\n.separator-Hg6fH:not(:empty)::after {\n  margin-left: 0.25em;\n}\n\n.input--Dl8e {\n  width: 100%;\n  padding: 1em;\n  border: solid 1px rgba(0, 0, 0, 0.1);\n  border-radius: 0.3em;\n  outline: none;\n  margin: 15px 0;\n  box-sizing: border-box;\n}\n\n.input--Dl8e:hover,\n.input--Dl8e:focus,\n.input--Dl8e:active {\n  border: solid 1px var(--diva-theme-palette-primary-main);\n}\n\n.input--Dl8e::-moz-placeholder {\n  color: rgba(0, 0, 0, 0.25);\n}\n\n.input--Dl8e::placeholder {\n  color: rgba(0, 0, 0, 0.25);\n}\n\n.input--Dl8e.readonly-uw66l {\n  border: solid 1px rgba(0, 0, 0, 0.1);\n  color: rgba(0, 0, 0, 0.25);\n}\n\n.reset-input-ERpB4 {\n  position: relative;\n}\n\n.reset-input-ERpB4:after {\n  content: '';\n  position: absolute;\n  right: 10px;\n  top: 0;\n  bottom: 0;\n  width: 20px;\n  background: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 %3F%3E%3C!DOCTYPE svg  PUBLIC '-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN'  'http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd'%3E%3Csvg  id%3D%22Layer_1%22 style%3D%22enable-background%3Anew 0 0 512 512%3B%22 version%3D%221.1%22 viewBox%3D%220 0 512 512%22 width%3D%22512px%22 xml%3Aspace%3D%22preserve%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cg%3E%3Cpath d%3D%22M256%2C33C132.3%2C33%2C32%2C133.3%2C32%2C257c0%2C123.7%2C100.3%2C224%2C224%2C224c123.7%2C0%2C224-100.3%2C224-224C480%2C133.3%2C379.7%2C33%2C256%2C33z    M364.3%2C332.5c1.5%2C1.5%2C2.3%2C3.5%2C2.3%2C5.6c0%2C2.1-0.8%2C4.2-2.3%2C5.6l-21.6%2C21.7c-1.6%2C1.6-3.6%2C2.3-5.6%2C2.3c-2%2C0-4.1-0.8-5.6-2.3L256%2C289.8   l-75.4%2C75.7c-1.5%2C1.6-3.6%2C2.3-5.6%2C2.3c-2%2C0-4.1-0.8-5.6-2.3l-21.6-21.7c-1.5-1.5-2.3-3.5-2.3-5.6c0-2.1%2C0.8-4.2%2C2.3-5.6l75.7-76   l-75.9-75c-3.1-3.1-3.1-8.2%2C0-11.3l21.6-21.7c1.5-1.5%2C3.5-2.3%2C5.6-2.3c2.1%2C0%2C4.1%2C0.8%2C5.6%2C2.3l75.7%2C74.7l75.7-74.7   c1.5-1.5%2C3.5-2.3%2C5.6-2.3c2.1%2C0%2C4.1%2C0.8%2C5.6%2C2.3l21.6%2C21.7c3.1%2C3.1%2C3.1%2C8.2%2C0%2C11.3l-75.9%2C75L364.3%2C332.5z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E\") center / contain no-repeat;\n  cursor: pointer;\n  opacity: 0.7;\n}\n\n.link-s-Rcm {\n  color: var(--diva-theme-palette-primary-main);\n  cursor: pointer;\n  display: inline-block;\n}\n";
 styleInject(css_248z$6);
 
 var _excluded$6 = ["className", "disabled", "children"];
@@ -2218,11 +2218,11 @@ var ContentStore = /*#__PURE__*/function () {
       return url.href;
     }
 
-    /**
-     * Open a component or an external url.
-     *
-     * Checks against the configuration and opens in the expected way (e.g. new tab)
-     * @param action the component or external url
+    /**
+     * Open a component or an external url.
+     *
+     * Checks against the configuration and opens in the expected way (e.g. new tab)
+     * @param action the component or external url
      */
   }, {
     key: "openComponent",
@@ -2466,10 +2466,10 @@ var ContentStore = /*#__PURE__*/function () {
       });
     }
 
-    /**
-     * this flag is for components that by their own go in absoulte fullscrennmode like eg: PDP.
-     * this flag influences the dimension calculation
-     * @param val new state
+    /**
+     * this flag is for components that by their own go in absoulte fullscrennmode like eg: PDP.
+     * this flag influences the dimension calculation
+     * @param val new state
      */
   }, {
     key: "setAbsoluteFullScreen",
@@ -2521,10 +2521,10 @@ var ContentStore = /*#__PURE__*/function () {
   }, {
     key: "updateCustomLogo",
     value:
-    /**
-     * Update the custom logo for a list of components
-     * @param components the list of components
-     * @param logo the custom logo
+    /**
+     * Update the custom logo for a list of components
+     * @param components the list of components
+     * @param logo the custom logo
      */
     function updateCustomLogo(components, logo) {
       var _this3 = this;
@@ -2533,10 +2533,10 @@ var ContentStore = /*#__PURE__*/function () {
       });
     }
 
-    /**
-     * Update the custom headerelement for a list of components
-     * @param components the list of components
-     * @param element the custom header element
+    /**
+     * Update the custom headerelement for a list of components
+     * @param components the list of components
+     * @param element the custom header element
      */
   }, {
     key: "updateCustomHeaderElement",
@@ -2547,11 +2547,11 @@ var ContentStore = /*#__PURE__*/function () {
       });
     }
 
-    /**
-     * Updates the breadcrumbs
-     * If type is 'replace' a whole breadcrumb group gets replaces,
-     * if the type is 'update' the group gets updated
-     * @param params the update parameters for the breadcrumbs
+    /**
+     * Updates the breadcrumbs
+     * If type is 'replace' a whole breadcrumb group gets replaces,
+     * if the type is 'update' the group gets updated
+     * @param params the update parameters for the breadcrumbs
      */
   }, {
     key: "updateBreadcrumbs",
@@ -2616,8 +2616,8 @@ var ContentStore = /*#__PURE__*/function () {
       }
     }
 
-    /**
-     * Returns the current breadcrumbs the be rendered in the header
+    /**
+     * Returns the current breadcrumbs the be rendered in the header
      */
   }, {
     key: "breadcrumbs",
@@ -2654,9 +2654,9 @@ var ContentStore = /*#__PURE__*/function () {
       return undefined;
     }
 
-    /**
-     * Initialize the breadcrumb array
-     * @param breadcrumbs the inital value
+    /**
+     * Initialize the breadcrumb array
+     * @param breadcrumbs the inital value
      */
   }, {
     key: "initBreadcrumbs",
@@ -2664,8 +2664,8 @@ var ContentStore = /*#__PURE__*/function () {
       this._breadcrumbs = [breadcrumbs];
     }
 
-    /**
-     * Returns the custom logo that should be added to the logos in the header, if there is any
+    /**
+     * Returns the custom logo that should be added to the logos in the header, if there is any
      */
   }, {
     key: "customLogo",
@@ -2673,8 +2673,8 @@ var ContentStore = /*#__PURE__*/function () {
       return this.visible ? this.customLogoMap.get(this.visible) : undefined;
     }
 
-    /**
-     * Retruns the custom component that should be rendered in the header, if there is any
+    /**
+     * Retruns the custom component that should be rendered in the header, if there is any
      */
   }, {
     key: "customHeaderComponent",
@@ -2682,8 +2682,8 @@ var ContentStore = /*#__PURE__*/function () {
       return this.visible ? this.customHeaderComponentMap.get(this.visible) : undefined;
     }
 
-    /**
-     * Returns the component setting of the current component
+    /**
+     * Returns the component setting of the current component
      */
   }, {
     key: "currentComponent",
@@ -2694,8 +2694,8 @@ var ContentStore = /*#__PURE__*/function () {
       });
     }
 
-    /**
-     * Returns the currently stored restricted component if there is one
+    /**
+     * Returns the currently stored restricted component if there is one
      */
   }, {
     key: "restrictedComponent",
@@ -2705,8 +2705,8 @@ var ContentStore = /*#__PURE__*/function () {
     set: function set(val) {
       this._restrictedComponent = val;
     }
-    /**
-     * States the status of the footer
+    /**
+     * States the status of the footer
      */
   }, {
     key: "showFooter",
@@ -2721,8 +2721,8 @@ var ContentStore = /*#__PURE__*/function () {
       return (config === null || config === void 0 ? void 0 : config.showFooter) != undefined ? config.showFooter : false;
     }
 
-    /**
-     * States the current status for the hide Price button
+    /**
+     * States the current status for the hide Price button
      */
   }, {
     key: "allowHidePrices",
@@ -2737,10 +2737,10 @@ var ContentStore = /*#__PURE__*/function () {
       return true;
     }
 
-    /**
-     * States if the prices should be hidden in the currently visible component
-     * It gets the info from the current organization
-     * when _hidePrices is undefined we use the default from the config in org
+    /**
+     * States if the prices should be hidden in the currently visible component
+     * It gets the info from the current organization
+     * when _hidePrices is undefined we use the default from the config in org
      */
   }, {
     key: "hidePrices",
@@ -2763,8 +2763,8 @@ var ContentStore = /*#__PURE__*/function () {
       return this._hidePrices;
     }
 
-    /**
-     * Hides or shows prices
+    /**
+     * Hides or shows prices
      */
   }, {
     key: "toggleHidePrices",
@@ -2772,16 +2772,16 @@ var ContentStore = /*#__PURE__*/function () {
       this._hidePrices = !this.hidePrices;
     }
 
-    /**
-     * States if the change of a component is blocked or not
+    /**
+     * States if the change of a component is blocked or not
      */
   }, {
     key: "componentChange",
     get: function get() {
       return this._componentChange;
     }
-    /**
-     * Block Component change
+    /**
+     * Block Component change
      */
   }, {
     key: "setComponentChange",
@@ -2789,9 +2789,9 @@ var ContentStore = /*#__PURE__*/function () {
       this._componentChange = value;
     }
 
-    /**
-     * Opens a modal
-     * @param modal the settings for new modal
+    /**
+     * Opens a modal
+     * @param modal the settings for new modal
      */
   }, {
     key: "openModal",
@@ -2799,8 +2799,8 @@ var ContentStore = /*#__PURE__*/function () {
       this._modal = modal;
     }
 
-    /**
-     * Resets the modal state
+    /**
+     * Resets the modal state
      */
   }, {
     key: "closeModal",
@@ -2808,8 +2808,8 @@ var ContentStore = /*#__PURE__*/function () {
       this._modal = undefined;
     }
 
-    /**
-     * The settings for a modal, if one should be opened
+    /**
+     * The settings for a modal, if one should be opened
      */
   }, {
     key: "modal",
@@ -2842,9 +2842,9 @@ var ContentStore = /*#__PURE__*/function () {
       return this._snackBars;
     }
 
-    /**
-     * Open full screen modal
-     * @param fullscreen the settings for the fullscreen
+    /**
+     * Open full screen modal
+     * @param fullscreen the settings for the fullscreen
      */
   }, {
     key: "openFullscreen",
@@ -2852,8 +2852,8 @@ var ContentStore = /*#__PURE__*/function () {
       this._fullscreen = fullscreen;
     }
 
-    /**
-     * Resets the modal state
+    /**
+     * Resets the modal state
      */
   }, {
     key: "closeFullscreen",
@@ -2861,8 +2861,8 @@ var ContentStore = /*#__PURE__*/function () {
       this._fullscreen = undefined;
     }
 
-    /**
-     * The settings of the fullscreen, if one should be opened
+    /**
+     * The settings of the fullscreen, if one should be opened
      */
   }, {
     key: "fullscreen",
@@ -2882,9 +2882,9 @@ var ContentStore = /*#__PURE__*/function () {
       return this._banner;
     }
 
-    /**
-     * Open sideMenu screen modal
-     * @param sideMenu the settings for the sideMenu
+    /**
+     * Open sideMenu screen modal
+     * @param sideMenu the settings for the sideMenu
      */
   }, {
     key: "openSideMenu",
@@ -2899,8 +2899,8 @@ var ContentStore = /*#__PURE__*/function () {
       });
     }
 
-    /**
-     * Resets the modal state
+    /**
+     * Resets the modal state
      */
   }, {
     key: "closeSideMenu",
@@ -2910,8 +2910,8 @@ var ContentStore = /*#__PURE__*/function () {
       });
     }
 
-    /**
-     * Updates HeaderInfos so other component know the state of the header
+    /**
+     * Updates HeaderInfos so other component know the state of the header
      */
   }, {
     key: "updateHeaderInfos",
@@ -2924,8 +2924,8 @@ var ContentStore = /*#__PURE__*/function () {
       return this._headerInfos;
     }
 
-    /**
-     * The settings of the sideMenu, if one should be opened
+    /**
+     * The settings of the sideMenu, if one should be opened
      */
   }, {
     key: "sideMenu",
@@ -2933,10 +2933,10 @@ var ContentStore = /*#__PURE__*/function () {
       return this._sideMenu;
     }
 
-    /**
-     * Opens a berrier to request user infos
-     *
-     * @param barrier the settings for the barrier
+    /**
+     * Opens a berrier to request user infos
+     *
+     * @param barrier the settings for the barrier
      */
   }, {
     key: "openBarrier",
@@ -3018,8 +3018,8 @@ var ContentStore = /*#__PURE__*/function () {
       return this.root.browserStateStore.bannerInLocalStorage(banner);
     }
 
-    /**
-     * Sends an email and if specified opens an input dialog before sending
+    /**
+     * Sends an email and if specified opens an input dialog before sending
      */
   }, {
     key: "sendEmail",
@@ -3104,9 +3104,9 @@ var ContentStore = /*#__PURE__*/function () {
       })();
     }
 
-    /**
-     * Retruns the current state of the named component
-     * @param type
+    /**
+     * Retruns the current state of the named component
+     * @param type
      */
   }, {
     key: "getState",
@@ -3119,9 +3119,9 @@ var ContentStore = /*#__PURE__*/function () {
       };
     }
 
-    /**
-     * Returns true of the named component should be visible
-     * @param type the
+    /**
+     * Returns true of the named component should be visible
+     * @param type the
      */
   }, {
     key: "isVisible",
@@ -3129,9 +3129,9 @@ var ContentStore = /*#__PURE__*/function () {
       return type == this.visible && !this.root.loadingAndErrorStore.hideContent;
     }
 
-    /**
-     * Set the container ref, inorder to monitor the size
-     * @param ref the current container
+    /**
+     * Set the container ref, inorder to monitor the size
+     * @param ref the current container
      */
   }, {
     key: "setContainer",
@@ -3183,8 +3183,8 @@ var ContentStore = /*#__PURE__*/function () {
       return comp ? comp.isPublic : true;
     }
 
-    /**
-     * A list of all component settings that are currently available, based on the configuration and user permissions
+    /**
+     * A list of all component settings that are currently available, based on the configuration and user permissions
      */
   }, {
     key: "availableComponents",
@@ -3212,8 +3212,8 @@ var ContentStore = /*#__PURE__*/function () {
       });
     }
 
-    /**
-     * All components that should be loaded, with there renderfunction
+    /**
+     * All components that should be loaded, with there renderfunction
      */
   }, {
     key: "components",
@@ -3248,8 +3248,8 @@ var ContentStore = /*#__PURE__*/function () {
       return componentsToRender;
     }
 
-    /**
-     * All components that should be loaded, with there renderfunction
+    /**
+     * All components that should be loaded, with there renderfunction
      */
   }, {
     key: "fullscreenComponent",
@@ -3286,8 +3286,8 @@ var ContentStore = /*#__PURE__*/function () {
       return !!((_this$_fullscreenComp = this._fullscreenComponent) !== null && _this$_fullscreenComp !== void 0 && _this$_fullscreenComp.absoluteFullscreen) || this._isAbsoluteComponent;
     }
 
-    /**
-     * A list of all component types that are currently available, based on the configuration and user permissions
+    /**
+     * A list of all component types that are currently available, based on the configuration and user permissions
      */
   }, {
     key: "availableComponentList",
@@ -3297,8 +3297,8 @@ var ContentStore = /*#__PURE__*/function () {
       });
     }
 
-    /**
-     * The available buttons for the navigationbar, based on the configuration an user permissions
+    /**
+     * The available buttons for the navigationbar, based on the configuration an user permissions
      */
   }, {
     key: "availableButtons",
@@ -3325,8 +3325,8 @@ var ContentStore = /*#__PURE__*/function () {
       });
     }
 
-    /**
-     * The material-ui theme based on the ccurrent configuration
+    /**
+     * The material-ui theme based on the ccurrent configuration
      */
   }, {
     key: "materialUiTheme",
@@ -3335,8 +3335,8 @@ var ContentStore = /*#__PURE__*/function () {
       return createTheme(theme, this.getLang(this.root.language));
     }
 
-    /**
-     * Get the dimensions of the containing div (not the screen)
+    /**
+     * Get the dimensions of the containing div (not the screen)
      */
   }, {
     key: "containerDimensions",
@@ -3355,9 +3355,9 @@ var ContentStore = /*#__PURE__*/function () {
       return dimensions;
     }
 
-    /**
-     * Reset the state of the page, i.e. on organization data change
-     * Remove all cached component states and reopen the current component
+    /**
+     * Reset the state of the page, i.e. on organization data change
+     * Remove all cached component states and reopen the current component
      */
   }, {
     key: "resetState",
@@ -3386,8 +3386,8 @@ var ContentStore = /*#__PURE__*/function () {
       }
     }
 
-    /**
-     * Sets the theme as css variables
+    /**
+     * Sets the theme as css variables
      */
   }, {
     key: "updateCssThemeVariables",
@@ -3399,9 +3399,9 @@ var ContentStore = /*#__PURE__*/function () {
       updateCssThemeVariables(this.ref, theme);
     }
 
-    /**
-     * Updates the component state if the user is logged out.
-     * Deletes states and changes the currently visible component if it is not public
+    /**
+     * Updates the component state if the user is logged out.
+     * Deletes states and changes the currently visible component if it is not public
      */
   }, {
     key: "updateStateAfterLogout",
@@ -3446,11 +3446,11 @@ var ContentStore = /*#__PURE__*/function () {
       return url.replace('${zToken}', (_this$root$authorizat = this.root.authorizationStore.zToken) !== null && _this$root$authorizat !== void 0 ? _this$root$authorizat : '').replace('${organizationId}', this.root.dataStore.organizationId);
     }
 
-    /**
-     * Opens a component or an external url in a new tab
-     *
-     * @param action the action settings
-     * @param baseUrl optional the base url for a component
+    /**
+     * Opens a component or an external url in a new tab
+     *
+     * @param action the action settings
+     * @param baseUrl optional the base url for a component
      */
   }, {
     key: "openInNewTab",
@@ -3496,10 +3496,10 @@ var ContentStore = /*#__PURE__*/function () {
       return [link, newWindow];
     }
 
-    /**
-     * Gets the material-ui language object
-     *
-     * @param lang the language string
+    /**
+     * Gets the material-ui language object
+     *
+     * @param lang the language string
      */
   }, {
     key: "getLang",
@@ -3516,9 +3516,9 @@ var ContentStore = /*#__PURE__*/function () {
       }
     }
 
-    /**
-     * Callback for the resizeObserver
-     * @param entries all registered entries
+    /**
+     * Callback for the resizeObserver
+     * @param entries all registered entries
      */
   }, {
     key: "onResize",
@@ -3773,9 +3773,9 @@ var BrowserStateStore = /*#__PURE__*/function () {
     this.enableUrlSyncronization();
   }
 
-  /**
-   * get the current state represented by the url
-   * @returns the current state represented by the url
+  /**
+   * get the current state represented by the url
+   * @returns the current state represented by the url
    */
   return _createClass(BrowserStateStore, [{
     key: "loadUrlState",
@@ -3830,10 +3830,10 @@ var BrowserStateStore = /*#__PURE__*/function () {
       }
       return loadUrlState;
     }()
-    /**
-     * Stores the banner state into the local storage
-     *
-     * @param banner the banner state to be stored
+    /**
+     * Stores the banner state into the local storage
+     *
+     * @param banner the banner state to be stored
      */
     )
   }, {
@@ -3860,11 +3860,11 @@ var BrowserStateStore = /*#__PURE__*/function () {
       }
     }
 
-    /**
-     * Validates the current banner state against the the local storage
-     * and removes expried states from the storage
-     *
-     * @param banner the current banner state
+    /**
+     * Validates the current banner state against the the local storage
+     * and removes expried states from the storage
+     *
+     * @param banner the current banner state
      */
   }, {
     key: "validateManipulateBannerLocalStorage",
@@ -3889,11 +3889,11 @@ var BrowserStateStore = /*#__PURE__*/function () {
       }
     }
 
-    /**
-     * Check if the current banner state is in local storage
-     *
-     * @param banner the current banner state
-     * @returns true if the current banner state is already in storage
+    /**
+     * Check if the current banner state is in local storage
+     *
+     * @param banner the current banner state
+     * @returns true if the current banner state is already in storage
      */
   }, {
     key: "bannerInLocalStorage",
@@ -3906,8 +3906,8 @@ var BrowserStateStore = /*#__PURE__*/function () {
       return this.bannerExistsInLocalStorage(valuesArray, userid, banner);
     }
 
-    /**
-     * Get the currently stored ntoken token
+    /**
+     * Get the currently stored ntoken token
      */
   }, {
     key: "getStoredNToken",
@@ -3927,10 +3927,10 @@ var BrowserStateStore = /*#__PURE__*/function () {
       return undefined;
     }
 
-    /**
-     * Updates or removes ntoken in storage
-     *
-     * @param ntoken the new ntoken or undefined to remove it
+    /**
+     * Updates or removes ntoken in storage
+     *
+     * @param ntoken the new ntoken or undefined to remove it
      */
   }, {
     key: "setStoredNToken",
@@ -3942,8 +3942,8 @@ var BrowserStateStore = /*#__PURE__*/function () {
       }
     }
 
-    /**
-     * Get the currently stored organization
+    /**
+     * Get the currently stored organization
      */
   }, {
     key: "getStoredOrganization",
@@ -3951,10 +3951,10 @@ var BrowserStateStore = /*#__PURE__*/function () {
       return localStorage.getItem(ORGANIZATION_LOCALSTORAGE_KEY) || undefined;
     }
 
-    /**
-     * Updates or removes organization in storage
-     *
-     * @param organization the new organization or undefined to remove it
+    /**
+     * Updates or removes organization in storage
+     *
+     * @param organization the new organization or undefined to remove it
      */
   }, {
     key: "setStoredOrganization",
@@ -3966,8 +3966,8 @@ var BrowserStateStore = /*#__PURE__*/function () {
       }
     }
 
-    /**
-     * Get the currently stored login method
+    /**
+     * Get the currently stored login method
      */
   }, {
     key: "getStoredLoginMethod",
@@ -3975,10 +3975,10 @@ var BrowserStateStore = /*#__PURE__*/function () {
       return localStorage.getItem(LOGIN_METHOD_LOCALSTORAGE_KEY) || undefined;
     }
 
-    /**
-     * Updates or removes loginMethod in storage
-     *
-     * @param loginMethod the new loginMethod or undefined to remove it
+    /**
+     * Updates or removes loginMethod in storage
+     *
+     * @param loginMethod the new loginMethod or undefined to remove it
      */
   }, {
     key: "setStoredLoginMethod",
@@ -3990,8 +3990,8 @@ var BrowserStateStore = /*#__PURE__*/function () {
       }
     }
 
-    /**
-     * Get the currently stored language
+    /**
+     * Get the currently stored language
      */
   }, {
     key: "getStoredLanguage",
@@ -3999,10 +3999,10 @@ var BrowserStateStore = /*#__PURE__*/function () {
       return localStorage.getItem(LANGUAGE_LOCALSTORAGE_KEY) || undefined;
     }
 
-    /**
-     * Updates or removes language in storage
-     *
-     * @param language the new language or undefined to remove it
+    /**
+     * Updates or removes language in storage
+     *
+     * @param language the new language or undefined to remove it
      */
   }, {
     key: "setStoredLanguage",
@@ -4014,8 +4014,8 @@ var BrowserStateStore = /*#__PURE__*/function () {
       }
     }
 
-    /**
-     * Applies the current state represented by the url to the application
+    /**
+     * Applies the current state represented by the url to the application
      */
   }, {
     key: "applyUrlStateChanges",
@@ -4050,8 +4050,8 @@ var BrowserStateStore = /*#__PURE__*/function () {
       }
       return applyUrlStateChanges;
     }()
-    /**
-     * Updates the url when ever the state of the applicaton changes
+    /**
+     * Updates the url when ever the state of the applicaton changes
      */
     )
   }, {
@@ -4093,8 +4093,8 @@ var BrowserStateStore = /*#__PURE__*/function () {
       });
     }
 
-    /**
-     * Returns true if the url should be syncronized
+    /**
+     * Returns true if the url should be syncronized
      */
   }, {
     key: "isUrlSyncEnabled",
@@ -4102,8 +4102,8 @@ var BrowserStateStore = /*#__PURE__*/function () {
       return !!this.root.configurationStore.enableRouting;
     }
 
-    /**
-     * action to set the internal copy of the url state
+    /**
+     * action to set the internal copy of the url state
      */
   }, {
     key: "setUrl",
@@ -4111,13 +4111,13 @@ var BrowserStateStore = /*#__PURE__*/function () {
       this._url = url;
     }
 
-    /**
-     * Check if the localstorage contains a banner state for the current user
-     *
-     * @param localstoragevalue the full localstorage data for banners
-     * @param userid the ID current user
-     * @param banner the current bannter state
-     * @returns true if the banner state already exists in localstorage
+    /**
+     * Check if the localstorage contains a banner state for the current user
+     *
+     * @param localstoragevalue the full localstorage data for banners
+     * @param userid the ID current user
+     * @param banner the current bannter state
+     * @returns true if the banner state already exists in localstorage
      */
   }, {
     key: "bannerExistsInLocalStorage",
@@ -4127,11 +4127,11 @@ var BrowserStateStore = /*#__PURE__*/function () {
       });
     }
 
-    /**
-     * Adds a number of days to the current timestamp
-     *
-     * @param days a number of days
-     * @returns the timestamp
+    /**
+     * Adds a number of days to the current timestamp
+     *
+     * @param days a number of days
+     * @returns the timestamp
      */
   }, {
     key: "addDaysToCurrentDate",
@@ -8298,9 +8298,9 @@ var RootStore = /*#__PURE__*/function () {
     this.initialize(telemetry, identifier, organizationId, domain, language, component);
   }
 
-  /**
-   * Changes the current language of the application
-   * @param lang the new language
+  /**
+   * Changes the current language of the application
+   * @param lang the new language
    */
   return _createClass(RootStore, [{
     key: "changeLanguage",
@@ -8323,8 +8323,8 @@ var RootStore = /*#__PURE__*/function () {
       });
     }
 
-    /**
-     * The current language of the application
+    /**
+     * The current language of the application
      */
   }, {
     key: "language",
@@ -8332,9 +8332,9 @@ var RootStore = /*#__PURE__*/function () {
       return this._language;
     }
 
-    /**
-     * Changes the current userMode
-     * @param mode the new mode
+    /**
+     * Changes the current userMode
+     * @param mode the new mode
      */
   }, {
     key: "changeLoginMode",
@@ -8348,8 +8348,8 @@ var RootStore = /*#__PURE__*/function () {
         localStorage.setItem(LOGINMODE_LOCALSTORAGE_KEY, loginMode);
       }
     }
-    /**
-     * The current mode of the application
+    /**
+     * The current mode of the application
      */
   }, {
     key: "loginMode",
@@ -8357,8 +8357,8 @@ var RootStore = /*#__PURE__*/function () {
       return this._loginMode;
     }
 
-    /**
-     * The i18n translation function
+    /**
+     * The i18n translation function
      */
   }, {
     key: "t",
@@ -8366,8 +8366,8 @@ var RootStore = /*#__PURE__*/function () {
       return instance.t.bind(instance);
     }
 
-    /**
-     * The i18n languages
+    /**
+     * The i18n languages
      */
   }, {
     key: "languages",
@@ -8376,8 +8376,8 @@ var RootStore = /*#__PURE__*/function () {
       return (_this$configurationSt2 = (_this$configurationSt3 = this.configurationStore.locales) === null || _this$configurationSt3 === void 0 ? void 0 : _this$configurationSt3.available) !== null && _this$configurationSt2 !== void 0 ? _this$configurationSt2 : ['de'];
     }
 
-    /**
-     * The eventhandler register by the user of the application or a no-op if non was registered
+    /**
+     * The eventhandler register by the user of the application or a no-op if non was registered
      */
   }, {
     key: "onEvent",
@@ -8393,8 +8393,8 @@ var RootStore = /*#__PURE__*/function () {
       };
     }
 
-    /**
-     * Is true if the application is currently initializing
+    /**
+     * Is true if the application is currently initializing
      */
   }, {
     key: "initializing",
@@ -8402,9 +8402,9 @@ var RootStore = /*#__PURE__*/function () {
       return this._initializing || !this.dataStore.organizationId;
     }
 
-    /**
-     * Triggers an event from outside of the application
-     * @param event the event
+    /**
+     * Triggers an event from outside of the application
+     * @param event the event
      */
   }, {
     key: "onExternalEvent",
@@ -8414,9 +8414,9 @@ var RootStore = /*#__PURE__*/function () {
       });
     }
 
-    /**
-     * Subscribe an eventhandler for external events
-     * @param fn the eventhandler
+    /**
+     * Subscribe an eventhandler for external events
+     * @param fn the eventhandler
      */
   }, {
     key: "subscribeEvents",
@@ -8424,9 +8424,9 @@ var RootStore = /*#__PURE__*/function () {
       this.events.push(fn);
     }
 
-    /**
-     * Unsubscribe an eventhandler from external events
-     * @param fn the eventhandler
+    /**
+     * Unsubscribe an eventhandler from external events
+     * @param fn the eventhandler
      */
   }, {
     key: "unSubscribeEvents",
@@ -8436,8 +8436,8 @@ var RootStore = /*#__PURE__*/function () {
       });
     }
 
-    /**
-     * get an ApiHandler instance with the current configuration
+    /**
+     * get an ApiHandler instance with the current configuration
      */
   }, {
     key: "apiHandler",
@@ -8445,16 +8445,16 @@ var RootStore = /*#__PURE__*/function () {
       return this._apiHandler;
     }
 
-    /**
-     * get the productHander instance with the current configuration
+    /**
+     * get the productHander instance with the current configuration
      */
   }, {
     key: "productHandler",
     get: function get() {
       return this._productHandler;
     }
-    /**
-     * get the contentItem instance with the current configuration
+    /**
+     * get the contentItem instance with the current configuration
      */
   }, {
     key: "contentItemHandler",
@@ -8462,8 +8462,8 @@ var RootStore = /*#__PURE__*/function () {
       return this._contentItemHandler;
     }
 
-    /**
-     * get the organizationHandler instance with the current configuration
+    /**
+     * get the organizationHandler instance with the current configuration
      */
   }, {
     key: "organizationHandler",
@@ -8471,8 +8471,8 @@ var RootStore = /*#__PURE__*/function () {
       return this._organizationHandler;
     }
 
-    /**
-     * get the mediaHandler instance with the current configuration
+    /**
+     * get the mediaHandler instance with the current configuration
      */
   }, {
     key: "mediaHandler",
@@ -8550,15 +8550,15 @@ var RootStore = /*#__PURE__*/function () {
       return this.configurationStore.validOrganizations;
     }
 
-    /**
-     * Initalizes the application
-     *
-     * @param organizationId the organizationId set via component property
-     * @param domain the domain set via component property
-     * @param identifier the identifier set via component property
-     * @param language the language set via component property
-     * @param component the inital component set via component property
-     * @param telemetry the telemetry setting via component property
+    /**
+     * Initalizes the application
+     *
+     * @param organizationId the organizationId set via component property
+     * @param domain the domain set via component property
+     * @param identifier the identifier set via component property
+     * @param language the language set via component property
+     * @param component the inital component set via component property
+     * @param telemetry the telemetry setting via component property
      */
   }, {
     key: "initialize",
@@ -9232,7 +9232,7 @@ var useDivaCore = function useDivaCore() {
 
 var overlay$1 = "overlay-X3zhH";
 var loading = "loading-kAuhm";
-var css_248z$5 = ".overlay-X3zhH {\r\n  height: 100%;\r\n  width: 100%;\r\n  display: flex;\r\n  background-color: rgba(255, 255, 255, 0.6);\r\n  z-index: 1000;\r\n  justify-content: center;\r\n  align-items: center;\r\n  position: absolute;\r\n}\r\n\r\n.loading-kAuhm {\r\n  margin: 0 auto;\r\n  display: inline-block;\r\n  position: relative;\r\n  width: 80px;\r\n  height: 80px;\r\n}\r\n.loading-kAuhm div {\r\n  box-sizing: border-box;\r\n  display: block;\r\n  position: absolute;\r\n  width: 64px;\r\n  height: 64px;\r\n  margin: 8px;\r\n  border: 8px solid #b6b6b6;\r\n  border-radius: 50%;\r\n  animation: loading-kAuhm 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\r\n  border-color: #b6b6b6 transparent transparent transparent;\r\n}\r\n.loading-kAuhm div:nth-child(1) {\r\n  animation-delay: -0.45s;\r\n}\r\n.loading-kAuhm div:nth-child(2) {\r\n  animation-delay: -0.3s;\r\n}\r\n.loading-kAuhm div:nth-child(3) {\r\n  animation-delay: -0.15s;\r\n}\r\n@keyframes loading-kAuhm {\r\n  0% {\r\n    transform: rotate(0deg);\r\n  }\r\n  100% {\r\n    transform: rotate(360deg);\r\n  }\r\n}\r\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: 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";
 styleInject(css_248z$5);
 
 var LOG$3 = getLogger('Framework', 'loadDependency');
@@ -9353,7 +9353,7 @@ var Spinner$1 = observer(Spinner);
 var overlay = "overlay-34l68";
 var absoluteOverlay = "absolute-overlay-cG7uO";
 var closeIcon$1 = "close-icon-1kDyU";
-var css_248z$4 = ".overlay-34l68 {\r\n  height: 100%;\r\n  width: 100%;\r\n  display: flex;\r\n  background-color: #fff;\r\n  z-index: 999;\r\n  justify-content: center;\r\n  align-items: center;\r\n  position: absolute;\r\n}\r\n\r\n#DivaCore.absolute-overlay-cG7uO {\r\n  height: 100% !important;\r\n}\r\n\r\n#DivaCore.absolute-overlay-cG7uO {\r\n  background-color: #fff;\r\n  position: fixed;\r\n  top: 0px;\r\n  right: 0px;\r\n  bottom: 0px;\r\n  left: 0px;\r\n  overflow: hidden;\r\n  z-index: 1000000;\r\n  display: block;\r\n  width: 100vw;\r\n}\r\n\r\n.diva-pseudo-fullscreen body {\r\n  height: auto !important;\r\n}\r\n.diva-pseudo-fullscreen, .diva-pseudo-fullscreen body {\r\n  overflow: hidden !important;\r\n}\r\n\r\n.close-icon-1kDyU {\r\n  position: absolute;\r\n  right: 32px;\r\n  top: 32px;\r\n  width: 50px;\r\n  height: 40px;\r\n  opacity: 0.3;\r\n  z-index: 700;\r\n  cursor: pointer;\r\n}\r\n\r\n.close-icon-1kDyU:before {\r\n  transform: rotate(45deg);\r\n}\r\n\r\n.close-icon-1kDyU:after {\r\n  transform: rotate(-45deg);\r\n}\r\n\r\n.close-icon-1kDyU:before,\r\n.close-icon-1kDyU:after {\r\n  position: absolute;\r\n  left: 23px;\r\n  top: 5px;\r\n  content: ' ';\r\n  height: 33px;\r\n  width: 3px;\r\n  background-color: #4b4b4b;\r\n}\r\n\r\n.close-icon-1kDyU:hover {\r\n  opacity: 0.8;\r\n  transition: opacity 0.2s ease-in-out;\r\n}\r\n";
+var css_248z$4 = ".overlay-34l68 {\n  height: 100%;\n  width: 100%;\n  display: flex;\n  background-color: #fff;\n  z-index: 999;\n  justify-content: center;\n  align-items: center;\n  position: absolute;\n}\n\n#DivaCore.absolute-overlay-cG7uO {\n  height: 100% !important;\n}\n\n#DivaCore.absolute-overlay-cG7uO {\n  background-color: #fff;\n  position: fixed;\n  top: 0px;\n  right: 0px;\n  bottom: 0px;\n  left: 0px;\n  overflow: hidden;\n  z-index: 1000000;\n  display: block;\n  width: 100vw;\n}\n\n.diva-pseudo-fullscreen body {\n  height: auto !important;\n}\n.diva-pseudo-fullscreen, .diva-pseudo-fullscreen body {\n  overflow: hidden !important;\n}\n\n.close-icon-1kDyU {\n  position: absolute;\n  right: 32px;\n  top: 32px;\n  width: 50px;\n  height: 40px;\n  opacity: 0.3;\n  z-index: 700;\n  cursor: pointer;\n}\n\n.close-icon-1kDyU:before {\n  transform: rotate(45deg);\n}\n\n.close-icon-1kDyU:after {\n  transform: rotate(-45deg);\n}\n\n.close-icon-1kDyU:before,\n.close-icon-1kDyU:after {\n  position: absolute;\n  left: 23px;\n  top: 5px;\n  content: ' ';\n  height: 33px;\n  width: 3px;\n  background-color: #4b4b4b;\n}\n\n.close-icon-1kDyU:hover {\n  opacity: 0.8;\n  transition: opacity 0.2s ease-in-out;\n}\n";
 styleInject(css_248z$4);
 
 var sideMenu = "side-menu-2Fgdm";
@@ -9367,7 +9367,7 @@ var hideRight = "hide-right-IOmlC";
 var show = "show-Z8M2h";
 var closeIcon = "close-icon-NJkeP";
 var mobileBcGroup = "mobile-bc-group-6v8wI";
-var css_248z$3 = ".side-menu-2Fgdm {\r\n  width: 100%;\r\n  max-width: 400px;\r\n  height: 100%;\r\n  background-color: #f2f2f2;\r\n  position: absolute;\r\n  bottom: 0;\r\n  transition: transform 0.3s cubic-bezier(0, 0.52, 0, 1);\r\n  box-sizing: border-box;\r\n}\r\n\r\n.left-side-menu-L42L3 {\r\n  left: 0px;\r\n}\r\n\r\n.right-side-menu-Akk-Y {\r\n  right: 0px;\r\n}\r\n\r\n.wrapper-jJaXo {\r\n  height: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.scroller-ZnoJy {\r\n  height: 100%;\r\n}\r\n\r\n.title-WOjYJ {\r\n  font-size: 22px;\r\n  margin: 20px;\r\n}\r\n\r\n.hide-left-4bzTL {\r\n  transform: translate(-960px, 0);\r\n}\r\n.hide-right-IOmlC {\r\n  transform: translate(960px, 0);\r\n}\r\n\r\n.show-Z8M2h {\r\n  transform: translate(0, 0);\r\n  overflow: hidden;\r\n}\r\n\r\n.close-icon-NJkeP {\r\n  position: absolute;\r\n  top: 16px;\r\n  right: 16px;\r\n  opacity: 0.3;\r\n  width: 32px;\r\n  height: 32px;\r\n  z-index: 300;\r\n  width: 50px;\r\n  height: 40px;\r\n  cursor: pointer;\r\n}\r\n\r\n.close-icon-NJkeP:before {\r\n  transform: rotate(45deg);\r\n}\r\n\r\n.close-icon-NJkeP:after {\r\n  transform: rotate(-45deg);\r\n}\r\n\r\n.close-icon-NJkeP:before,\r\n.close-icon-NJkeP:after {\r\n  position: absolute;\r\n  right: 15px;\r\n  content: ' ';\r\n  height: 33px;\r\n  width: 3px;\r\n  background-color: #4b4b4b;\r\n}\r\n\r\n.close-icon-NJkeP:hover {\r\n  opacity: 0.8;\r\n  transition: opacity 0.2s ease-in-out;\r\n}\r\n\r\n.mobile-bc-group-6v8wI {\r\n  display: flex;\r\n  border-top: 0.8px solid #b6b6b7;\r\n  padding: 12px 16px;\r\n  border-bottom: 0.8px solid #b6b6b7;\r\n  margin-top: 40px;\r\n  overflow: auto;\r\n  -ms-overflow-style: none; /* IE and Edge */\r\n  scrollbar-width: none; /* Firefox */\r\n}\r\n\r\n.mobile-bc-group-6v8wI::-webkit-scrollbar {\r\n  display: none;\r\n}\r\n";
+var css_248z$3 = ".side-menu-2Fgdm {\n  width: 100%;\n  max-width: 400px;\n  height: 100%;\n  background-color: #f2f2f2;\n  position: absolute;\n  bottom: 0;\n  transition: transform 0.3s cubic-bezier(0, 0.52, 0, 1);\n  box-sizing: border-box;\n}\n\n.left-side-menu-L42L3 {\n  left: 0px;\n}\n\n.right-side-menu-Akk-Y {\n  right: 0px;\n}\n\n.wrapper-jJaXo {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n}\n\n.scroller-ZnoJy {\n  height: 100%;\n}\n\n.title-WOjYJ {\n  font-size: 22px;\n  margin: 20px;\n}\n\n.hide-left-4bzTL {\n  transform: translate(-960px, 0);\n}\n.hide-right-IOmlC {\n  transform: translate(960px, 0);\n}\n\n.show-Z8M2h {\n  transform: translate(0, 0);\n  overflow: hidden;\n}\n\n.close-icon-NJkeP {\n  position: absolute;\n  top: 16px;\n  right: 16px;\n  opacity: 0.3;\n  width: 32px;\n  height: 32px;\n  z-index: 300;\n  width: 50px;\n  height: 40px;\n  cursor: pointer;\n}\n\n.close-icon-NJkeP:before {\n  transform: rotate(45deg);\n}\n\n.close-icon-NJkeP:after {\n  transform: rotate(-45deg);\n}\n\n.close-icon-NJkeP:before,\n.close-icon-NJkeP:after {\n  position: absolute;\n  right: 15px;\n  content: ' ';\n  height: 33px;\n  width: 3px;\n  background-color: #4b4b4b;\n}\n\n.close-icon-NJkeP:hover {\n  opacity: 0.8;\n  transition: opacity 0.2s ease-in-out;\n}\n\n.mobile-bc-group-6v8wI {\n  display: flex;\n  border-top: 0.8px solid #b6b6b7;\n  padding: 12px 16px;\n  border-bottom: 0.8px solid #b6b6b7;\n  margin-top: 40px;\n  overflow: auto;\n  -ms-overflow-style: none; /* IE and Edge */\n  scrollbar-width: none; /* Firefox */\n}\n\n.mobile-bc-group-6v8wI::-webkit-scrollbar {\n  display: none;\n}\n";
 styleInject(css_248z$3);
 
 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; }
@@ -9434,7 +9434,7 @@ var SideMenu$1 = observer(SideMenu);
 function ownKeys$3(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$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 LazyModals$1 = /*#__PURE__*/React.lazy(function () {
-  return import('./ModalsWrapper-18f70ebb.js');
+  return import('./ModalsWrapper-2268a6ea.js');
 });
 function Fullscreen() {
   var _useDivaCoreContext = useDivaCoreContext(),
@@ -9549,7 +9549,7 @@ var wrapper = "wrapper-W1xSq";
 var textWrapper = "textWrapper-T2nhQ";
 var title = "title-s0Vfz";
 var icon = "icon-AodEu";
-var css_248z$2 = ".wrapper-W1xSq {\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 25px;\r\n  flex-direction: row;\r\n  justify-content: flex-start;\r\n  color: black;\r\n}\r\n.textWrapper-T2nhQ {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n.title-s0Vfz {\r\n  font-weight: 600;\r\n  margin: 0px 0px 4px 0px;\r\n  font-size: 22px;\r\n}\r\n.icon-AodEu {\r\n  height: 48px;\r\n  margin-left: 12px;\r\n}\r\n";
+var css_248z$2 = ".wrapper-W1xSq {\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: 25px;\n  flex-direction: row;\n  justify-content: flex-start;\n  color: black;\n}\n.textWrapper-T2nhQ {\n  display: flex;\n  flex-direction: column;\n}\n.title-s0Vfz {\n  font-weight: 600;\n  margin: 0px 0px 4px 0px;\n  font-size: 22px;\n}\n.icon-AodEu {\n  height: 48px;\n  margin-left: 12px;\n}\n";
 styleInject(css_248z$2);
 
 var WarningOutlined = "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%22M464%20720a48%2048%200%201%200%2096%200a48%2048%200%201%200-96%200zm16-304v184c0%204.4%203.6%208%208%208h48c4.4%200%208-3.6%208-8V416c0-4.4-3.6-8-8-8h-48c-4.4%200-8%203.6-8%208zm475.7%20440l-416-720c-6.2-10.7-16.9-16-27.7-16s-21.6%205.3-27.7%2016l-416%20720C56%20877.4%2071.4%20904%2096%20904h832c24.6%200%2040-26.6%2027.7-48zm-783.5-27.9L512%20239.9l339.8%20588.2H172.2z%22%2F%3E%3C%2Fsvg%3E";
@@ -9650,7 +9650,7 @@ var errorMessage = "errorMessage-tdIAi";
 var errorTechnicalDetailMessage = "errorTechnicalDetailMessage-QAB5A";
 var errorDetailMessage = "errorDetailMessage-5gqi7";
 var actionButtons = "actionButtons-feOFT";
-var css_248z$1 = ".errorDisplay-Va5ll {\r\n  background-color: #fff;\r\n  height: 100%;\r\n  width: 100%;\r\n}\r\n\r\n.errorContainer-Ioiwn {\r\n  display: flex;\r\n  height: 100%;\r\n  flex-direction: row;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.errorContainerItem-NhznQ {\r\n  flex: 1;\r\n}\r\n\r\n.errorContainerItemCenter-D9mu7 {\r\n  flex: 1;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.errorImage-Ci2Mq {\r\n  height: 500px;\r\n}\r\n\r\n.errorTitle-Ffg4d {\r\n  font-size: 96px;\r\n  font-weight: bolder;\r\n  margin-top: 0;\r\n  margin-bottom: 0;\r\n}\r\n\r\n.errorMessage-tdIAi {\r\n  font-size: 32px;\r\n  width: 80%;\r\n}\r\n.errorTechnicalDetailMessage-QAB5A {\r\n  margin-top: 20px;\r\n  color: #999;\r\n  font-size: 0.9em;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.errorDetailMessage-5gqi7 {\r\n  font-size: 20px;\r\n  width: 80%;\r\n}\r\n.actionButtons-feOFT {\r\n  display: flex;\r\n  gap: 10px;\r\n}\r\n\r\n/* Responsive layout - makes a one column layout instead of a two-column layout */\r\n@media (max-width: 800px) {\r\n  .errorContainer-Ioiwn {\r\n    flex-direction: column;\r\n  }\r\n  .errorTitle-Ffg4d {\r\n    font-size: 48px;\r\n  }\r\n  .errorImage-Ci2Mq {\r\n    height: 250px;\r\n  }\r\n  .errorContainerItem-NhznQ {\r\n    text-align: center;\r\n    margin-left: 10px;\r\n    margin-right: 10px;\r\n  }\r\n  .errorMessage-tdIAi {\r\n    font-size: 18px;\r\n    width: 100%;\r\n  }\r\n  .errorDetailMessage-5gqi7 {\r\n    font-size: 14px;\r\n    width: 100%;\r\n  }\r\n  .errorTechnicalDetailMessage-QAB5A {\r\n    font-size: 0.7em;\r\n  }\r\n  .actionButtons-feOFT {\r\n    flex-direction: column;\r\n    gap: 5px;\r\n  }\r\n}\r\n";
+var css_248z$1 = ".errorDisplay-Va5ll {\n  background-color: #fff;\n  height: 100%;\n  width: 100%;\n}\n\n.errorContainer-Ioiwn {\n  display: flex;\n  height: 100%;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n}\n\n.errorContainerItem-NhznQ {\n  flex: 1;\n}\n\n.errorContainerItemCenter-D9mu7 {\n  flex: 1;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.errorImage-Ci2Mq {\n  height: 500px;\n}\n\n.errorTitle-Ffg4d {\n  font-size: 96px;\n  font-weight: bolder;\n  margin-top: 0;\n  margin-bottom: 0;\n}\n\n.errorMessage-tdIAi {\n  font-size: 32px;\n  width: 80%;\n}\n.errorTechnicalDetailMessage-QAB5A {\n  margin-top: 20px;\n  color: #999;\n  font-size: 0.9em;\n  margin-bottom: 20px;\n}\n\n.errorDetailMessage-5gqi7 {\n  font-size: 20px;\n  width: 80%;\n}\n.actionButtons-feOFT {\n  display: flex;\n  gap: 10px;\n}\n\n/* Responsive layout - makes a one column layout instead of a two-column layout */\n@media (max-width: 800px) {\n  .errorContainer-Ioiwn {\n    flex-direction: column;\n  }\n  .errorTitle-Ffg4d {\n    font-size: 48px;\n  }\n  .errorImage-Ci2Mq {\n    height: 250px;\n  }\n  .errorContainerItem-NhznQ {\n    text-align: center;\n    margin-left: 10px;\n    margin-right: 10px;\n  }\n  .errorMessage-tdIAi {\n    font-size: 18px;\n    width: 100%;\n  }\n  .errorDetailMessage-5gqi7 {\n    font-size: 14px;\n    width: 100%;\n  }\n  .errorTechnicalDetailMessage-QAB5A {\n    font-size: 0.7em;\n  }\n  .actionButtons-feOFT {\n    flex-direction: column;\n    gap: 5px;\n  }\n}\n";
 styleInject(css_248z$1);
 
 function ErrorDisplay() {
@@ -9735,7 +9735,7 @@ var ErrorDisplay$1 = observer(ErrorDisplay);
 
 var snackbar = "snackbar-bkInm";
 var clickable = "clickable-34rh-";
-var css_248z = "@media (min-width: 600px) {\r\n  .snackbar-bkInm.MuiSnackbar-anchorOriginBottomRight {\r\n    bottom: 37px;\r\n  }\r\n\r\n  .snackbar-bkInm .MuiCardHeader-root {\r\n    padding: 8px 8px 0 8px;\r\n  }\r\n  .snackbar-bkInm .MuiCardContent-root {\r\n    padding: 8px;\r\n  }\r\n}\r\n\r\n.clickable-34rh- {\r\n  cursor: pointer;\r\n}\r\n";
+var css_248z = "@media (min-width: 600px) {\n  .snackbar-bkInm.MuiSnackbar-anchorOriginBottomRight {\n    bottom: 37px;\n  }\n\n  .snackbar-bkInm .MuiCardHeader-root {\n    padding: 8px 8px 0 8px;\n  }\n  .snackbar-bkInm .MuiCardContent-root {\n    padding: 8px;\n  }\n}\n\n.clickable-34rh- {\n  cursor: pointer;\n}\n";
 styleInject(css_248z);
 
 function DivaSnackBar() {
@@ -9881,10 +9881,10 @@ function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymb
 function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(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-f6405e19.js');
+  return import('./index-5a5c8a16.js');
 });
 var LazyModals = /*#__PURE__*/React.lazy(function () {
-  return import('./ModalsWrapper-18f70ebb.js');
+  return import('./ModalsWrapper-2268a6ea.js');
 });
 function ContentComponent() {
   var context = useDivaCoreContext();