@crystaldesign/diva-core 25.4.0-beta.3 → 25.4.0-beta.30

package/build/esm/{ModalsWrapper-b818dd4f.js → ModalsWrapper-17e2282f.js}

@@ -1,4 +1,4 @@
-import { i as styleInject, u as useDivaCoreContext } from './index-63d33033.js';
+import { i as styleInject, u as useDivaCoreContext } from './index-6787cdc0.js';
 import { useState, useEffect, useCallback } from 'react';
 import { observer } from 'mobx-react-lite';
 import Button from '@mui/material/Button';
@@ -89,7 +89,7 @@ var Progress = function Progress(_ref) {
 var Progress$1 = observer(Progress);
 
 function Modal() {
-  var _pureModal$actions;
+  var _pureModal$actions, _pureModal$actions2;
   var _useDivaCoreContext = useDivaCoreContext(),
     contentStore = _useDivaCoreContext.contentStore;
   var _useTranslation = useTranslation(),
@@ -114,18 +114,6 @@ function Modal() {
     }
     modal === null || modal === void 0 || (_modal$callback3 = modal.callback) === null || _modal$callback3 === void 0 || _modal$callback3.call(modal, id);
   };
-  var escFunction = useCallback(function (event) {
-    if (!contentStore.modal) return;
-    if (event.key === 'Escape') {
-      onReject();
-    }
-  }, []);
-  useEffect(function () {
-    document.addEventListener('keydown', escFunction, false);
-    return function () {
-      document.removeEventListener('keydown', escFunction, false);
-    };
-  }, []);
   function tryDecodeURIComponent(val) {
     try {
       return decodeURIComponent(val);
@@ -181,7 +169,7 @@ function Modal() {
         id: "diva-dialog-submitbtn",
         children: typeof pureModal.accept == 'string' ? t(pureModal.accept) : t('modal.accept')
       })]
-    }), /*#__PURE__*/jsxs("div", {
+    }), !!(pureModal.image || pureModal.progress !== undefined || (_pureModal$actions = pureModal.actions) !== null && _pureModal$actions !== void 0 && _pureModal$actions.length) && /*#__PURE__*/jsxs("div", {
       style: {
         margin: 10
       },
@@ -192,7 +180,7 @@ function Modal() {
         }
       }), pureModal.progress !== undefined && /*#__PURE__*/jsx(Progress$1, {
         progress: pureModal.progress
-      }), (_pureModal$actions = pureModal.actions) === null || _pureModal$actions === void 0 ? void 0 : _pureModal$actions.map(function (a) {
+      }), (_pureModal$actions2 = pureModal.actions) === null || _pureModal$actions2 === void 0 ? void 0 : _pureModal$actions2.map(function (a) {
         var _a$variant;
         return /*#__PURE__*/jsx(Button, {
           fullWidth: true,

package/build/esm/{index-ded2933f.js → index-5635e73a.js}

@@ -1,4 +1,4 @@
-import { u as useDivaCoreContext, B as Button, s as socialButton, g as google, m as microsoft, a as getLogger, e as error, b as separator, I as Input, r as resetInput, l as link, c as success, d as auth, f as loginBox, h as logoContainer } from './index-63d33033.js';
+import { u as useDivaCoreContext, B as Button, s as socialButton, g as google, m as microsoft, a as getLogger, e as error, b as separator, I as Input, r as resetInput, l as link, c as success, d as auth, f as loginBox, h as logoContainer } from './index-6787cdc0.js';
 import { useState, useRef, useEffect, useMemo } from 'react';
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';

package/build/esm/{index-63d33033.js → index-6787cdc0.js}

@@ -44,7 +44,7 @@ import { actions } from '@storybook/addon-actions';
 import * as Styles from '@mui/styles';
 
 (function() {
-    const env = {"STAGE":"production","VERSION":"25.4.0-beta.3"};
+    const env = {"STAGE":"production","VERSION":"25.4.0-beta.30"};
     try {
         if (process) {
             process.env = Object.assign({}, process.env);
@@ -876,7 +876,7 @@ var ConfigurationStore = /*#__PURE__*/function () {
   }, {
     key: "navigation",
     get: function get() {
-      var _this$_configuration9, _this$_configuration10, _this$_configuration11, _this$_configuration12, _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;
+      var _this$_configuration9, _this$_configuration10, _this$_configuration11, _this$_configuration12, _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$root$dataStore$, _this$_configuration26;
       return {
         buttons: ((_this$_configuration9 = this._configuration) === null || _this$_configuration9 === void 0 || (_this$_configuration9 = _this$_configuration9.navigation) === null || _this$_configuration9 === void 0 ? void 0 : _this$_configuration9.buttons) || [],
         imprintUrl: (_this$_configuration10 = this._configuration) === null || _this$_configuration10 === void 0 || (_this$_configuration10 = _this$_configuration10.navigation) === null || _this$_configuration10 === void 0 ? void 0 : _this$_configuration10.imprintUrl,
@@ -895,9 +895,9 @@ var ConfigurationStore = /*#__PURE__*/function () {
         qrCodeScanner: (_this$_configuration23 = this._configuration) === null || _this$_configuration23 === void 0 || (_this$_configuration23 = _this$_configuration23.navigation) === null || _this$_configuration23 === void 0 ? void 0 : _this$_configuration23.qrCodeScanner,
         greetingsText: (_this$_configuration24 = this._configuration) === null || _this$_configuration24 === void 0 || (_this$_configuration24 = _this$_configuration24.navigation) === null || _this$_configuration24 === void 0 ? void 0 : _this$_configuration24.greetingsText,
         showSnow: (_this$_configuration25 = this._configuration) === null || _this$_configuration25 === void 0 || (_this$_configuration25 = _this$_configuration25.navigation) === null || _this$_configuration25 === void 0 ? void 0 : _this$_configuration25.showSnow,
-        pricePreviewActive: (_this$_configuration26 = this._configuration) === null || _this$_configuration26 === void 0 || (_this$_configuration26 = _this$_configuration26.components.available.find(function (c) {
+        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$_configuration26 = this._configuration) === null || _this$_configuration26 === void 0 || (_this$_configuration26 = _this$_configuration26.components.available.find(function (c) {
           return c.type === 'DIVA_WEBPLANNER';
-        })) === null || _this$_configuration26 === void 0 || (_this$_configuration26 = _this$_configuration26.settings) === null || _this$_configuration26 === void 0 || (_this$_configuration26 = _this$_configuration26.ViewConfig) === null || _this$_configuration26 === void 0 ? void 0 : _this$_configuration26.pricePreview
+        })) === null || _this$_configuration26 === void 0 || (_this$_configuration26 = _this$_configuration26.settings) === null || _this$_configuration26 === void 0 || (_this$_configuration26 = _this$_configuration26.ViewConfig) === null || _this$_configuration26 === void 0 ? void 0 : _this$_configuration26.pricePreview)
       };
     }
   }, {
@@ -1000,14 +1000,14 @@ var ConfigurationStore = /*#__PURE__*/function () {
     get: function get() {
       var _this$_configuration53;
       if ((_this$_configuration53 = this._configuration) !== null && _this$_configuration53 !== void 0 && _this$_configuration53.priceFormat) {
-        var _this$_configuration54, _this$root$dataStore$, _this$root$dataStore$2, _this$_configuration55;
+        var _this$_configuration54, _this$root$dataStore$2, _this$root$dataStore$3, _this$_configuration55;
         return _objectSpread$g(_objectSpread$g({}, (_this$_configuration54 = this._configuration) === null || _this$_configuration54 === void 0 ? void 0 : _this$_configuration54.priceFormat), {}, {
-          currency: (_this$root$dataStore$ = (_this$root$dataStore$2 = this.root.dataStore.organization) === null || _this$root$dataStore$2 === void 0 ? void 0 : _this$root$dataStore$2.settings.defaultCurrency) !== null && _this$root$dataStore$ !== void 0 ? _this$root$dataStore$ : (_this$_configuration55 = this._configuration) === null || _this$_configuration55 === void 0 ? void 0 : _this$_configuration55.priceFormat.currency
+          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$_configuration55 = this._configuration) === null || _this$_configuration55 === void 0 ? void 0 : _this$_configuration55.priceFormat.currency
         });
       } else {
-        var _this$root$dataStore$3, _this$root$dataStore$4;
+        var _this$root$dataStore$4, _this$root$dataStore$5;
         return _objectSpread$g(_objectSpread$g({}, DivaUtils.defaultPriceFormat), {}, {
-          currency: (_this$root$dataStore$3 = (_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$root$dataStore$3 !== void 0 ? _this$root$dataStore$3 : DivaUtils.defaultPriceFormat.currency
+          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
         });
       }
     }
@@ -6138,17 +6138,17 @@ var MediaHandler = /*#__PURE__*/function () {
       return getMediaById;
     }()
   }, {
-    key: "getHQRenderScriptById",
+    key: "getMediaItemByRefId",
     value: function () {
-      var _getHQRenderScriptById = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(id) {
+      var _getMediaItemByRefId = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(refid) {
         var fullUrl, res, resData;
         return _regeneratorRuntime.wrap(function _callee3$(_context3) {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
-              fullUrl = this.mediaService + '/hqrenderscripts';
+              fullUrl = this.mediaService + '/v1/mediaitemref/' + refid + '/mediaitem';
               _context3.prev = 1;
               _context3.next = 4;
-              return fetch("".concat(fullUrl, "/").concat(id), {
+              return fetch(fullUrl, {
                 headers: {
                   Authorization: 'Bearer ' + this.jwt,
                   'Content-Type': 'application/json'
@@ -6160,27 +6160,72 @@ var MediaHandler = /*#__PURE__*/function () {
               return res.json();
             case 7:
               resData = _context3.sent;
-              _context3.next = 13;
-              break;
+              if (!res.ok) {
+                _context3.next = 10;
+                break;
+              }
+              return _context3.abrupt("return", resData);
             case 10:
-              _context3.prev = 10;
+              throw new Error(resData.error || 'Could not fetch mediaItem');
+            case 13:
+              _context3.prev = 13;
               _context3.t0 = _context3["catch"](1);
+              throw new Error("Could not fetch mediaItem: ".concat(_context3.t0.message));
+            case 16:
+            case "end":
+              return _context3.stop();
+          }
+        }, _callee3, this, [[1, 13]]);
+      }));
+      function getMediaItemByRefId(_x3) {
+        return _getMediaItemByRefId.apply(this, arguments);
+      }
+      return getMediaItemByRefId;
+    }()
+  }, {
+    key: "getHQRenderScriptById",
+    value: function () {
+      var _getHQRenderScriptById = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(id) {
+        var fullUrl, res, resData;
+        return _regeneratorRuntime.wrap(function _callee4$(_context4) {
+          while (1) switch (_context4.prev = _context4.next) {
+            case 0:
+              fullUrl = this.mediaService + '/hqrenderscripts';
+              _context4.prev = 1;
+              _context4.next = 4;
+              return fetch("".concat(fullUrl, "/").concat(id), {
+                headers: {
+                  Authorization: 'Bearer ' + this.jwt,
+                  'Content-Type': 'application/json'
+                }
+              });
+            case 4:
+              res = _context4.sent;
+              _context4.next = 7;
+              return res.json();
+            case 7:
+              resData = _context4.sent;
+              _context4.next = 13;
+              break;
+            case 10:
+              _context4.prev = 10;
+              _context4.t0 = _context4["catch"](1);
               throw new Error('Could not fetch mediaItem');
             case 13:
               if (!res.ok) {
-                _context3.next = 15;
+                _context4.next = 15;
                 break;
               }
-              return _context3.abrupt("return", resData);
+              return _context4.abrupt("return", resData);
             case 15:
               throw new Error(resData.error);
             case 16:
             case "end":
-              return _context3.stop();
+              return _context4.stop();
           }
-        }, _callee3, this, [[1, 10]]);
+        }, _callee4, this, [[1, 10]]);
       }));
-      function getHQRenderScriptById(_x3) {
+      function getHQRenderScriptById(_x4) {
         return _getHQRenderScriptById.apply(this, arguments);
       }
       return getHQRenderScriptById;
@@ -6188,10 +6233,10 @@ var MediaHandler = /*#__PURE__*/function () {
   }, {
     key: "getRooms",
     value: function () {
-      var _getRooms = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(id, mainCategory, style, name) {
+      var _getRooms = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5(id, mainCategory, style, name) {
         var fullUrl, filterParts, filter, res, resData;
-        return _regeneratorRuntime.wrap(function _callee4$(_context4) {
-          while (1) switch (_context4.prev = _context4.next) {
+        return _regeneratorRuntime.wrap(function _callee5$(_context5) {
+          while (1) switch (_context5.prev = _context5.next) {
             case 0:
               fullUrl = new URL(this.mediaService + '/rooms');
               fullUrl.searchParams.append('limit', '20');
@@ -6214,8 +6259,8 @@ var MediaHandler = /*#__PURE__*/function () {
               if (filter) {
                 fullUrl.searchParams.append('filter', encodeURIComponent(filter));
               }
-              _context4.prev = 7;
-              _context4.next = 10;
+              _context5.prev = 7;
+              _context5.next = 10;
               return fetch(fullUrl.toString(), {
                 headers: {
                   Authorization: 'Bearer ' + this.jwt,
@@ -6223,32 +6268,32 @@ var MediaHandler = /*#__PURE__*/function () {
                 }
               });
             case 10:
-              res = _context4.sent;
-              _context4.next = 13;
+              res = _context5.sent;
+              _context5.next = 13;
               return res.json();
             case 13:
-              resData = _context4.sent;
-              _context4.next = 19;
+              resData = _context5.sent;
+              _context5.next = 19;
               break;
             case 16:
-              _context4.prev = 16;
-              _context4.t0 = _context4["catch"](7);
+              _context5.prev = 16;
+              _context5.t0 = _context5["catch"](7);
               throw new Error('Could not get rooms');
             case 19:
               if (!res.ok) {
-                _context4.next = 21;
+                _context5.next = 21;
                 break;
               }
-              return _context4.abrupt("return", resData);
+              return _context5.abrupt("return", resData);
             case 21:
               throw new Error(resData.error);
             case 22:
             case "end":
-              return _context4.stop();
+              return _context5.stop();
           }
-        }, _callee4, this, [[7, 16]]);
+        }, _callee5, this, [[7, 16]]);
       }));
-      function getRooms(_x4, _x5, _x6, _x7) {
+      function getRooms(_x5, _x6, _x7, _x8) {
         return _getRooms.apply(this, arguments);
       }
       return getRooms;
@@ -6256,20 +6301,17 @@ var MediaHandler = /*#__PURE__*/function () {
   }, {
     key: "getRoomsNew",
     value: function () {
-      var _getRoomsNew = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5(id, mainCategory, organizationId, hideStandardRooms) {
+      var _getRoomsNew = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee6(id, mainCategory, organizationId) {
         var fullUrl, filterParts, filter, res, resData;
-        return _regeneratorRuntime.wrap(function _callee5$(_context5) {
-          while (1) switch (_context5.prev = _context5.next) {
+        return _regeneratorRuntime.wrap(function _callee6$(_context6) {
+          while (1) switch (_context6.prev = _context6.next) {
             case 0:
               fullUrl = new URL(this.mediaService + '/rooms');
-              fullUrl.searchParams.append('limit', '20');
+              fullUrl.searchParams.append('limit', '1000');
               fullUrl.searchParams.append('skip', '0');
               if (organizationId) {
                 fullUrl.searchParams.append('organizationId', organizationId);
               }
-              if (hideStandardRooms) {
-                fullUrl.searchParams.append('hideStandardRooms', hideStandardRooms.toString());
-              }
               filterParts = [];
               if (id) {
                 filterParts.push("+[{_id,eq,".concat(id, "},{variants.id,eq,").concat(id, "}]"));
@@ -6282,41 +6324,41 @@ var MediaHandler = /*#__PURE__*/function () {
               if (filter) {
                 fullUrl.searchParams.append('filter', encodeURIComponent(filter));
               }
-              _context5.prev = 9;
-              _context5.next = 12;
+              _context6.prev = 8;
+              _context6.next = 11;
               return fetch(fullUrl.toString(), {
                 headers: {
                   Authorization: 'Bearer ' + this.jwt,
                   'Content-Type': 'application/json'
                 }
               });
-            case 12:
-              res = _context5.sent;
-              _context5.next = 15;
+            case 11:
+              res = _context6.sent;
+              _context6.next = 14;
               return res.json();
-            case 15:
-              resData = _context5.sent;
-              _context5.next = 21;
+            case 14:
+              resData = _context6.sent;
+              _context6.next = 20;
               break;
-            case 18:
-              _context5.prev = 18;
-              _context5.t0 = _context5["catch"](9);
+            case 17:
+              _context6.prev = 17;
+              _context6.t0 = _context6["catch"](8);
               throw new Error('Could not get rooms');
-            case 21:
+            case 20:
               if (!res.ok) {
-                _context5.next = 23;
+                _context6.next = 22;
                 break;
               }
-              return _context5.abrupt("return", resData);
-            case 23:
+              return _context6.abrupt("return", resData);
+            case 22:
               throw new Error(resData.error);
-            case 24:
+            case 23:
             case "end":
-              return _context5.stop();
+              return _context6.stop();
           }
-        }, _callee5, this, [[9, 18]]);
+        }, _callee6, this, [[8, 17]]);
       }));
-      function getRoomsNew(_x8, _x9, _x10, _x11) {
+      function getRoomsNew(_x9, _x10, _x11) {
         return _getRoomsNew.apply(this, arguments);
       }
       return getRoomsNew;
@@ -6324,17 +6366,14 @@ var MediaHandler = /*#__PURE__*/function () {
   }, {
     key: "getRoomsGrouped",
     value: function () {
-      var _getRoomsGrouped = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee6(id, mainCategory, style, organizationId, hideStandardRooms) {
+      var _getRoomsGrouped = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee7(id, mainCategory, style, organizationId) {
         var fullUrl, filterParts, filter, res, resData;
-        return _regeneratorRuntime.wrap(function _callee6$(_context6) {
-          while (1) switch (_context6.prev = _context6.next) {
+        return _regeneratorRuntime.wrap(function _callee7$(_context7) {
+          while (1) switch (_context7.prev = _context7.next) {
             case 0:
               fullUrl = new URL(this.mediaService + '/rooms');
               if (organizationId) {
                 fullUrl = new URL(this.mediaService + "/rooms/".concat(organizationId, "/grouped"));
-                if (hideStandardRooms) {
-                  fullUrl.searchParams.append('hideStandardRooms', hideStandardRooms.toString());
-                }
               }
               fullUrl.searchParams.append('limit', '20');
               fullUrl.searchParams.append('skip', '0');
@@ -6353,8 +6392,8 @@ var MediaHandler = /*#__PURE__*/function () {
               if (filter) {
                 fullUrl.searchParams.append('filter', encodeURIComponent(filter));
               }
-              _context6.prev = 8;
-              _context6.next = 11;
+              _context7.prev = 8;
+              _context7.next = 11;
               return fetch(fullUrl.toString(), {
                 headers: {
                   Authorization: 'Bearer ' + this.jwt,
@@ -6362,32 +6401,32 @@ var MediaHandler = /*#__PURE__*/function () {
                 }
               });
             case 11:
-              res = _context6.sent;
-              _context6.next = 14;
+              res = _context7.sent;
+              _context7.next = 14;
               return res.json();
             case 14:
-              resData = _context6.sent;
-              _context6.next = 20;
+              resData = _context7.sent;
+              _context7.next = 20;
               break;
             case 17:
-              _context6.prev = 17;
-              _context6.t0 = _context6["catch"](8);
+              _context7.prev = 17;
+              _context7.t0 = _context7["catch"](8);
               throw new Error('Could not get rooms');
             case 20:
               if (!res.ok) {
-                _context6.next = 22;
+                _context7.next = 22;
                 break;
               }
-              return _context6.abrupt("return", resData);
+              return _context7.abrupt("return", resData);
             case 22:
               throw new Error(resData.error);
             case 23:
             case "end":
-              return _context6.stop();
+              return _context7.stop();
           }
-        }, _callee6, this, [[8, 17]]);
+        }, _callee7, this, [[8, 17]]);
       }));
-      function getRoomsGrouped(_x12, _x13, _x14, _x15, _x16) {
+      function getRoomsGrouped(_x12, _x13, _x14, _x15) {
         return _getRoomsGrouped.apply(this, arguments);
       }
       return getRoomsGrouped;
@@ -6395,15 +6434,15 @@ var MediaHandler = /*#__PURE__*/function () {
   }, {
     key: "getRoomColors",
     value: function () {
-      var _getRoomColors = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee7(name) {
+      var _getRoomColors = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee8(name) {
         var fullUrl, res, resData;
-        return _regeneratorRuntime.wrap(function _callee7$(_context7) {
-          while (1) switch (_context7.prev = _context7.next) {
+        return _regeneratorRuntime.wrap(function _callee8$(_context8) {
+          while (1) switch (_context8.prev = _context8.next) {
             case 0:
               fullUrl = this.mediaService + '/rooms/' + name + '/colors';
               resData = [];
-              _context7.prev = 2;
-              _context7.next = 5;
+              _context8.prev = 2;
+              _context8.next = 5;
               return fetch(fullUrl, {
                 headers: {
                   Authorization: 'Bearer ' + this.jwt,
@@ -6411,32 +6450,32 @@ var MediaHandler = /*#__PURE__*/function () {
                 }
               });
             case 5:
-              res = _context7.sent;
-              _context7.next = 8;
+              res = _context8.sent;
+              _context8.next = 8;
               return res.json();
             case 8:
-              resData = _context7.sent;
-              _context7.next = 14;
+              resData = _context8.sent;
+              _context8.next = 14;
               break;
             case 11:
-              _context7.prev = 11;
-              _context7.t0 = _context7["catch"](2);
+              _context8.prev = 11;
+              _context8.t0 = _context8["catch"](2);
               throw new Error('Could not get room variants');
             case 14:
               if (!res.ok) {
-                _context7.next = 16;
+                _context8.next = 16;
                 break;
               }
-              return _context7.abrupt("return", resData);
+              return _context8.abrupt("return", resData);
             case 16:
               throw new Error(resData.error);
             case 17:
             case "end":
-              return _context7.stop();
+              return _context8.stop();
           }
-        }, _callee7, this, [[2, 11]]);
+        }, _callee8, this, [[2, 11]]);
       }));
-      function getRoomColors(_x17) {
+      function getRoomColors(_x16) {
         return _getRoomColors.apply(this, arguments);
       }
       return getRoomColors;
@@ -6444,15 +6483,15 @@ var MediaHandler = /*#__PURE__*/function () {
   }, {
     key: "getRoomVariants",
     value: function () {
-      var _getRoomVariants = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee8(id) {
+      var _getRoomVariants = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee9(id) {
         var fullUrl, res, resData;
-        return _regeneratorRuntime.wrap(function _callee8$(_context8) {
-          while (1) switch (_context8.prev = _context8.next) {
+        return _regeneratorRuntime.wrap(function _callee9$(_context9) {
+          while (1) switch (_context9.prev = _context9.next) {
             case 0:
               fullUrl = this.mediaService + '/rooms/' + id + '/variants';
               resData = [];
-              _context8.prev = 2;
-              _context8.next = 5;
+              _context9.prev = 2;
+              _context9.next = 5;
               return fetch(fullUrl, {
                 headers: {
                   Authorization: 'Bearer ' + this.jwt,
@@ -6460,32 +6499,32 @@ var MediaHandler = /*#__PURE__*/function () {
                 }
               });
             case 5:
-              res = _context8.sent;
-              _context8.next = 8;
+              res = _context9.sent;
+              _context9.next = 8;
               return res.json();
             case 8:
-              resData = _context8.sent;
-              _context8.next = 14;
+              resData = _context9.sent;
+              _context9.next = 14;
               break;
             case 11:
-              _context8.prev = 11;
-              _context8.t0 = _context8["catch"](2);
+              _context9.prev = 11;
+              _context9.t0 = _context9["catch"](2);
               throw new Error('Could not get room variants');
             case 14:
               if (!res.ok) {
-                _context8.next = 16;
+                _context9.next = 16;
                 break;
               }
-              return _context8.abrupt("return", resData);
+              return _context9.abrupt("return", resData);
             case 16:
               throw new Error(resData.error);
             case 17:
             case "end":
-              return _context8.stop();
+              return _context9.stop();
           }
-        }, _callee8, this, [[2, 11]]);
+        }, _callee9, this, [[2, 11]]);
       }));
-      function getRoomVariants(_x18) {
+      function getRoomVariants(_x17) {
         return _getRoomVariants.apply(this, arguments);
       }
       return getRoomVariants;
@@ -6493,16 +6532,16 @@ var MediaHandler = /*#__PURE__*/function () {
   }, {
     key: "getRenderPackages",
     value: function () {
-      var _getRenderPackages = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee9(organizationId) {
+      var _getRenderPackages = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee10(organizationId) {
         var fullUrl, res, resData;
-        return _regeneratorRuntime.wrap(function _callee9$(_context9) {
-          while (1) switch (_context9.prev = _context9.next) {
+        return _regeneratorRuntime.wrap(function _callee10$(_context10) {
+          while (1) switch (_context10.prev = _context10.next) {
             case 0:
               fullUrl = new URL(this.mediaService + '/renderpackages');
               if (organizationId) fullUrl.searchParams.append('organizationId', organizationId);
               fullUrl.searchParams.append('sort', encodeURIComponent('{position}'));
-              _context9.prev = 3;
-              _context9.next = 6;
+              _context10.prev = 3;
+              _context10.next = 6;
               return fetch(fullUrl, {
                 headers: {
                   Authorization: 'Bearer ' + this.jwt,
@@ -6510,32 +6549,32 @@ var MediaHandler = /*#__PURE__*/function () {
                 }
               });
             case 6:
-              res = _context9.sent;
-              _context9.next = 9;
+              res = _context10.sent;
+              _context10.next = 9;
               return res.json();
             case 9:
-              resData = _context9.sent;
-              _context9.next = 15;
+              resData = _context10.sent;
+              _context10.next = 15;
               break;
             case 12:
-              _context9.prev = 12;
-              _context9.t0 = _context9["catch"](3);
+              _context10.prev = 12;
+              _context10.t0 = _context10["catch"](3);
               throw new Error('Could not get render packages');
             case 15:
               if (!res.ok) {
-                _context9.next = 17;
+                _context10.next = 17;
                 break;
               }
-              return _context9.abrupt("return", resData);
+              return _context10.abrupt("return", resData);
             case 17:
               throw new Error(resData.error);
             case 18:
             case "end":
-              return _context9.stop();
+              return _context10.stop();
           }
-        }, _callee9, this, [[3, 12]]);
+        }, _callee10, this, [[3, 12]]);
       }));
-      function getRenderPackages(_x19) {
+      function getRenderPackages(_x18) {
         return _getRenderPackages.apply(this, arguments);
       }
       return getRenderPackages;
@@ -9530,7 +9569,7 @@ var SideMenu$1 = observer(SideMenu);
 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-b818dd4f.js');
+  return import('./ModalsWrapper-17e2282f.js');
 });
 function Fullscreen() {
   var _useDivaCoreContext = useDivaCoreContext(),
@@ -9984,10 +10023,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-ded2933f.js');
+  return import('./index-5635e73a.js');
 });
 var LazyModals = /*#__PURE__*/React.lazy(function () {
-  return import('./ModalsWrapper-b818dd4f.js');
+  return import('./ModalsWrapper-17e2282f.js');
 });
 function ContentComponent() {
   var context = useDivaCoreContext();