@crystaldesign/diva-core 26.12.0-beta.31 → 26.12.0-beta.33

package/build/esm/{index-8866af08.js → index-d3953bd6.js}

@@ -43,7 +43,7 @@ import HelpOutline from '@mui/icons-material/HelpOutline';
 import { actions } from '@storybook/addon-actions';
 
 (function() {
-    const env = {"STAGE":"production","VERSION":"26.12.0-beta.31"};
+    const env = {"STAGE":"production","VERSION":"26.12.0-beta.33"};
     try {
         if (process) {
             process.env = Object.assign({}, process.env);
@@ -6319,6 +6319,8 @@ function initCookieBot(cbid, onConsentReady, onCookieBotError) {
   }, COOKIEBOT_LOAD_TIMEOUT_MS);
 }
 
+/** Ref ids one `getMediaItemRefsByIds` request names, so the URL stays well below the usual length limits. */
+var MEDIA_ITEM_REF_CHUNK_SIZE = 100;
 var MediaHandler = /*#__PURE__*/function () {
   function MediaHandler(root) {
     _classCallCheck(this, MediaHandler);
@@ -6466,18 +6468,79 @@ var MediaHandler = /*#__PURE__*/function () {
         return _getMediaItemByRefId.apply(this, arguments);
       }
       return getMediaItemByRefId;
-    }() /** Fetches the MediaItemRef document by ref id (not the parent media item). */
+    }()
+    /**
+     * Fetches the MediaItemRef documents of many ref ids with one request per 100 ids, instead of one request per id.
+     * The list endpoint answers 20 documents unless told otherwise, so each request asks for as many as it names.
+     */
   }, {
-    key: "getMediaItemRefById",
+    key: "getMediaItemRefsByIds",
     value: (function () {
-      var _getMediaItemRefById = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(id) {
-        var fullUrl, res, resData;
+      var _getMediaItemRefsByIds = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(ids) {
+        var refs, i, _resData$data, chunk, params, res, resData;
         return _regeneratorRuntime.wrap(function _callee4$(_context4) {
           while (1) switch (_context4.prev = _context4.next) {
+            case 0:
+              refs = [];
+              i = 0;
+            case 2:
+              if (!(i < ids.length)) {
+                _context4.next = 17;
+                break;
+              }
+              chunk = ids.slice(i, i + MEDIA_ITEM_REF_CHUNK_SIZE);
+              params = new URLSearchParams({
+                filter: "[{_id,in,".concat(chunk.join(','), "}]"),
+                limit: String(chunk.length)
+              });
+              _context4.next = 7;
+              return fetch("".concat(this.mediaService, "/v1/mediaitems/refs?").concat(params.toString()), {
+                headers: {
+                  Authorization: 'Bearer ' + this.jwt,
+                  'Content-Type': 'application/json'
+                }
+              });
+            case 7:
+              res = _context4.sent;
+              _context4.next = 10;
+              return res.json();
+            case 10:
+              resData = _context4.sent;
+              if (res.ok) {
+                _context4.next = 13;
+                break;
+              }
+              throw new Error(resData.error || 'Could not fetch mediaItemRefs');
+            case 13:
+              refs.push.apply(refs, _toConsumableArray((_resData$data = resData.data) !== null && _resData$data !== void 0 ? _resData$data : []));
+            case 14:
+              i += MEDIA_ITEM_REF_CHUNK_SIZE;
+              _context4.next = 2;
+              break;
+            case 17:
+              return _context4.abrupt("return", refs);
+            case 18:
+            case "end":
+              return _context4.stop();
+          }
+        }, _callee4, this);
+      }));
+      function getMediaItemRefsByIds(_x4) {
+        return _getMediaItemRefsByIds.apply(this, arguments);
+      }
+      return getMediaItemRefsByIds;
+    }() /** Fetches the MediaItemRef document by ref id (not the parent media item). */)
+  }, {
+    key: "getMediaItemRefById",
+    value: (function () {
+      var _getMediaItemRefById = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5(id) {
+        var fullUrl, res, resData;
+        return _regeneratorRuntime.wrap(function _callee5$(_context5) {
+          while (1) switch (_context5.prev = _context5.next) {
             case 0:
               fullUrl = this.mediaService + '/v1/mediaitems/refs';
-              _context4.prev = 1;
-              _context4.next = 4;
+              _context5.prev = 1;
+              _context5.next = 4;
               return fetch("".concat(fullUrl, "?filter=").concat(encodeURIComponent("[{_id,eq,".concat(id, "}]"))), {
                 headers: {
                   Authorization: 'Bearer ' + this.jwt,
@@ -6485,32 +6548,32 @@ var MediaHandler = /*#__PURE__*/function () {
                 }
               });
             case 4:
-              res = _context4.sent;
-              _context4.next = 7;
+              res = _context5.sent;
+              _context5.next = 7;
               return res.json();
             case 7:
-              resData = _context4.sent;
-              _context4.next = 13;
+              resData = _context5.sent;
+              _context5.next = 13;
               break;
             case 10:
-              _context4.prev = 10;
-              _context4.t0 = _context4["catch"](1);
+              _context5.prev = 10;
+              _context5.t0 = _context5["catch"](1);
               throw new Error('Could not fetch mediaItemRef');
             case 13:
               if (!res.ok) {
-                _context4.next = 15;
+                _context5.next = 15;
                 break;
               }
-              return _context4.abrupt("return", resData);
+              return _context5.abrupt("return", resData);
             case 15:
               throw new Error(resData.error);
             case 16:
             case "end":
-              return _context4.stop();
+              return _context5.stop();
           }
-        }, _callee4, this, [[1, 10]]);
+        }, _callee5, this, [[1, 10]]);
       }));
-      function getMediaItemRefById(_x4) {
+      function getMediaItemRefById(_x5) {
         return _getMediaItemRefById.apply(this, arguments);
       }
       return getMediaItemRefById;
@@ -6518,14 +6581,14 @@ var MediaHandler = /*#__PURE__*/function () {
   }, {
     key: "getHQRenderScriptById",
     value: function () {
-      var _getHQRenderScriptById = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5(id) {
+      var _getHQRenderScriptById = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee6(id) {
         var fullUrl, 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 = this.mediaService + '/hqrenderscripts';
-              _context5.prev = 1;
-              _context5.next = 4;
+              _context6.prev = 1;
+              _context6.next = 4;
               return fetch("".concat(fullUrl, "/").concat(id), {
                 headers: {
                   Authorization: 'Bearer ' + this.jwt,
@@ -6533,32 +6596,32 @@ var MediaHandler = /*#__PURE__*/function () {
                 }
               });
             case 4:
-              res = _context5.sent;
-              _context5.next = 7;
+              res = _context6.sent;
+              _context6.next = 7;
               return res.json();
             case 7:
-              resData = _context5.sent;
-              _context5.next = 13;
+              resData = _context6.sent;
+              _context6.next = 13;
               break;
             case 10:
-              _context5.prev = 10;
-              _context5.t0 = _context5["catch"](1);
+              _context6.prev = 10;
+              _context6.t0 = _context6["catch"](1);
               throw new Error('Could not fetch mediaItem');
             case 13:
               if (!res.ok) {
-                _context5.next = 15;
+                _context6.next = 15;
                 break;
               }
-              return _context5.abrupt("return", resData);
+              return _context6.abrupt("return", resData);
             case 15:
               throw new Error(resData.error);
             case 16:
             case "end":
-              return _context5.stop();
+              return _context6.stop();
           }
-        }, _callee5, this, [[1, 10]]);
+        }, _callee6, this, [[1, 10]]);
       }));
-      function getHQRenderScriptById(_x5) {
+      function getHQRenderScriptById(_x6) {
         return _getHQRenderScriptById.apply(this, arguments);
       }
       return getHQRenderScriptById;
@@ -6566,10 +6629,10 @@ var MediaHandler = /*#__PURE__*/function () {
   }, {
     key: "getRooms",
     value: function () {
-      var _getRooms = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee6(id, mainCategory, style, name) {
+      var _getRooms = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee7(id, mainCategory, style, name) {
         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');
               fullUrl.searchParams.append('limit', '20');
@@ -6592,8 +6655,8 @@ var MediaHandler = /*#__PURE__*/function () {
               if (filter) {
                 fullUrl.searchParams.append('filter', encodeURIComponent(filter));
               }
-              _context6.prev = 7;
-              _context6.next = 10;
+              _context7.prev = 7;
+              _context7.next = 10;
               return fetch(fullUrl.toString(), {
                 headers: {
                   Authorization: 'Bearer ' + this.jwt,
@@ -6601,32 +6664,32 @@ var MediaHandler = /*#__PURE__*/function () {
                 }
               });
             case 10:
-              res = _context6.sent;
-              _context6.next = 13;
+              res = _context7.sent;
+              _context7.next = 13;
               return res.json();
             case 13:
-              resData = _context6.sent;
-              _context6.next = 19;
+              resData = _context7.sent;
+              _context7.next = 19;
               break;
             case 16:
-              _context6.prev = 16;
-              _context6.t0 = _context6["catch"](7);
+              _context7.prev = 16;
+              _context7.t0 = _context7["catch"](7);
               throw new Error('Could not get rooms');
             case 19:
               if (!res.ok) {
-                _context6.next = 21;
+                _context7.next = 21;
                 break;
               }
-              return _context6.abrupt("return", resData.data);
+              return _context7.abrupt("return", resData.data);
             case 21:
               throw new Error(resData.error);
             case 22:
             case "end":
-              return _context6.stop();
+              return _context7.stop();
           }
-        }, _callee6, this, [[7, 16]]);
+        }, _callee7, this, [[7, 16]]);
       }));
-      function getRooms(_x6, _x7, _x8, _x9) {
+      function getRooms(_x7, _x8, _x9, _x10) {
         return _getRooms.apply(this, arguments);
       }
       return getRooms;
@@ -6634,10 +6697,10 @@ var MediaHandler = /*#__PURE__*/function () {
   }, {
     key: "getRoomsNew",
     value: function () {
-      var _getRoomsNew = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee7(id, mainCategory, organizationId) {
+      var _getRoomsNew = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee8(id, mainCategory, organizationId) {
         var fullUrl, filterParts, filter, 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 = new URL(this.mediaService + '/rooms');
               fullUrl.searchParams.append('limit', '1000');
@@ -6657,8 +6720,8 @@ var MediaHandler = /*#__PURE__*/function () {
               if (filter) {
                 fullUrl.searchParams.append('filter', encodeURIComponent(filter));
               }
-              _context7.prev = 8;
-              _context7.next = 11;
+              _context8.prev = 8;
+              _context8.next = 11;
               return fetch(fullUrl.toString(), {
                 headers: {
                   Authorization: 'Bearer ' + this.jwt,
@@ -6666,32 +6729,32 @@ var MediaHandler = /*#__PURE__*/function () {
                 }
               });
             case 11:
-              res = _context7.sent;
-              _context7.next = 14;
+              res = _context8.sent;
+              _context8.next = 14;
               return res.json();
             case 14:
-              resData = _context7.sent;
-              _context7.next = 20;
+              resData = _context8.sent;
+              _context8.next = 20;
               break;
             case 17:
-              _context7.prev = 17;
-              _context7.t0 = _context7["catch"](8);
+              _context8.prev = 17;
+              _context8.t0 = _context8["catch"](8);
               throw new Error('Could not get rooms');
             case 20:
               if (!res.ok) {
-                _context7.next = 22;
+                _context8.next = 22;
                 break;
               }
-              return _context7.abrupt("return", resData.data);
+              return _context8.abrupt("return", resData.data);
             case 22:
               throw new Error(resData.error);
             case 23:
             case "end":
-              return _context7.stop();
+              return _context8.stop();
           }
-        }, _callee7, this, [[8, 17]]);
+        }, _callee8, this, [[8, 17]]);
       }));
-      function getRoomsNew(_x10, _x11, _x12) {
+      function getRoomsNew(_x11, _x12, _x13) {
         return _getRoomsNew.apply(this, arguments);
       }
       return getRoomsNew;
@@ -6699,10 +6762,10 @@ var MediaHandler = /*#__PURE__*/function () {
   }, {
     key: "getRoomsGrouped",
     value: function () {
-      var _getRoomsGrouped = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee8(id, mainCategory, style, organizationId) {
+      var _getRoomsGrouped = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee9(id, mainCategory, style, organizationId) {
         var fullUrl, filterParts, filter, 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 = new URL(this.mediaService + '/rooms');
               if (organizationId) {
@@ -6725,8 +6788,8 @@ var MediaHandler = /*#__PURE__*/function () {
               if (filter) {
                 fullUrl.searchParams.append('filter', encodeURIComponent(filter));
               }
-              _context8.prev = 8;
-              _context8.next = 11;
+              _context9.prev = 8;
+              _context9.next = 11;
               return fetch(fullUrl.toString(), {
                 headers: {
                   Authorization: 'Bearer ' + this.jwt,
@@ -6734,32 +6797,32 @@ var MediaHandler = /*#__PURE__*/function () {
                 }
               });
             case 11:
-              res = _context8.sent;
-              _context8.next = 14;
+              res = _context9.sent;
+              _context9.next = 14;
               return res.json();
             case 14:
-              resData = _context8.sent;
-              _context8.next = 20;
+              resData = _context9.sent;
+              _context9.next = 20;
               break;
             case 17:
-              _context8.prev = 17;
-              _context8.t0 = _context8["catch"](8);
+              _context9.prev = 17;
+              _context9.t0 = _context9["catch"](8);
               throw new Error('Could not get rooms');
             case 20:
               if (!res.ok) {
-                _context8.next = 22;
+                _context9.next = 22;
                 break;
               }
-              return _context8.abrupt("return", organizationId ? resData : resData.data);
+              return _context9.abrupt("return", organizationId ? resData : resData.data);
             case 22:
               throw new Error(resData.error);
             case 23:
             case "end":
-              return _context8.stop();
+              return _context9.stop();
           }
-        }, _callee8, this, [[8, 17]]);
+        }, _callee9, this, [[8, 17]]);
       }));
-      function getRoomsGrouped(_x13, _x14, _x15, _x16) {
+      function getRoomsGrouped(_x14, _x15, _x16, _x17) {
         return _getRoomsGrouped.apply(this, arguments);
       }
       return getRoomsGrouped;
@@ -6767,15 +6830,15 @@ var MediaHandler = /*#__PURE__*/function () {
   }, {
     key: "getRoomColors",
     value: function () {
-      var _getRoomColors = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee9(name) {
+      var _getRoomColors = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee10(name) {
         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 = this.mediaService + '/rooms/' + name + '/colors';
               resData = [];
-              _context9.prev = 2;
-              _context9.next = 5;
+              _context10.prev = 2;
+              _context10.next = 5;
               return fetch(fullUrl, {
                 headers: {
                   Authorization: 'Bearer ' + this.jwt,
@@ -6783,32 +6846,32 @@ var MediaHandler = /*#__PURE__*/function () {
                 }
               });
             case 5:
-              res = _context9.sent;
-              _context9.next = 8;
+              res = _context10.sent;
+              _context10.next = 8;
               return res.json();
             case 8:
-              resData = _context9.sent;
-              _context9.next = 14;
+              resData = _context10.sent;
+              _context10.next = 14;
               break;
             case 11:
-              _context9.prev = 11;
-              _context9.t0 = _context9["catch"](2);
+              _context10.prev = 11;
+              _context10.t0 = _context10["catch"](2);
               throw new Error('Could not get room variants');
             case 14:
               if (!res.ok) {
-                _context9.next = 16;
+                _context10.next = 16;
                 break;
               }
-              return _context9.abrupt("return", resData);
+              return _context10.abrupt("return", resData);
             case 16:
               throw new Error(resData.error);
             case 17:
             case "end":
-              return _context9.stop();
+              return _context10.stop();
           }
-        }, _callee9, this, [[2, 11]]);
+        }, _callee10, this, [[2, 11]]);
       }));
-      function getRoomColors(_x17) {
+      function getRoomColors(_x18) {
         return _getRoomColors.apply(this, arguments);
       }
       return getRoomColors;
@@ -6816,15 +6879,15 @@ var MediaHandler = /*#__PURE__*/function () {
   }, {
     key: "getRoomVariants",
     value: function () {
-      var _getRoomVariants = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee10(id) {
+      var _getRoomVariants = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee11(id) {
         var fullUrl, res, resData;
-        return _regeneratorRuntime.wrap(function _callee10$(_context10) {
-          while (1) switch (_context10.prev = _context10.next) {
+        return _regeneratorRuntime.wrap(function _callee11$(_context11) {
+          while (1) switch (_context11.prev = _context11.next) {
             case 0:
               fullUrl = this.mediaService + '/rooms/' + id + '/variants';
               resData = [];
-              _context10.prev = 2;
-              _context10.next = 5;
+              _context11.prev = 2;
+              _context11.next = 5;
               return fetch(fullUrl, {
                 headers: {
                   Authorization: 'Bearer ' + this.jwt,
@@ -6832,32 +6895,32 @@ var MediaHandler = /*#__PURE__*/function () {
                 }
               });
             case 5:
-              res = _context10.sent;
-              _context10.next = 8;
+              res = _context11.sent;
+              _context11.next = 8;
               return res.json();
             case 8:
-              resData = _context10.sent;
-              _context10.next = 14;
+              resData = _context11.sent;
+              _context11.next = 14;
               break;
             case 11:
-              _context10.prev = 11;
-              _context10.t0 = _context10["catch"](2);
+              _context11.prev = 11;
+              _context11.t0 = _context11["catch"](2);
               throw new Error('Could not get room variants');
             case 14:
               if (!res.ok) {
-                _context10.next = 16;
+                _context11.next = 16;
                 break;
               }
-              return _context10.abrupt("return", resData);
+              return _context11.abrupt("return", resData);
             case 16:
               throw new Error(resData.error);
             case 17:
             case "end":
-              return _context10.stop();
+              return _context11.stop();
           }
-        }, _callee10, this, [[2, 11]]);
+        }, _callee11, this, [[2, 11]]);
       }));
-      function getRoomVariants(_x18) {
+      function getRoomVariants(_x19) {
         return _getRoomVariants.apply(this, arguments);
       }
       return getRoomVariants;
@@ -6865,25 +6928,25 @@ var MediaHandler = /*#__PURE__*/function () {
   }, {
     key: "getRenderJobs",
     value: function () {
-      var _getRenderJobs = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee11() {
+      var _getRenderJobs = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee12() {
         var query,
           fullUrl,
           res,
           resData,
           err,
-          _args11 = arguments;
-        return _regeneratorRuntime.wrap(function _callee11$(_context11) {
-          while (1) switch (_context11.prev = _context11.next) {
+          _args12 = arguments;
+        return _regeneratorRuntime.wrap(function _callee12$(_context12) {
+          while (1) switch (_context12.prev = _context12.next) {
             case 0:
-              query = _args11.length > 0 && _args11[0] !== undefined ? _args11[0] : {};
+              query = _args12.length > 0 && _args12[0] !== undefined ? _args12[0] : {};
               fullUrl = new URL(this.mediaService + '/renderjobs');
               if (this.organizationId) fullUrl.searchParams.append('organizationId', this.organizationId);
               if (query.limit) fullUrl.searchParams.append('limit', String(query.limit));
               if (query.skip) fullUrl.searchParams.append('skip', String(query.skip));
               if (query.filter) fullUrl.searchParams.append('filter', encodeURIComponent(query.filter));
               if (query.sort) fullUrl.searchParams.append('sort', encodeURIComponent(query.sort));
-              _context11.prev = 7;
-              _context11.next = 10;
+              _context12.prev = 7;
+              _context12.next = 10;
               return fetch(fullUrl.toString(), {
                 headers: {
                   Authorization: 'Bearer ' + this.jwt,
@@ -6891,32 +6954,32 @@ var MediaHandler = /*#__PURE__*/function () {
                 }
               });
             case 10:
-              res = _context11.sent;
-              _context11.next = 13;
+              res = _context12.sent;
+              _context12.next = 13;
               return res.json();
             case 13:
-              resData = _context11.sent;
-              _context11.next = 19;
+              resData = _context12.sent;
+              _context12.next = 19;
               break;
             case 16:
-              _context11.prev = 16;
-              _context11.t0 = _context11["catch"](7);
+              _context12.prev = 16;
+              _context12.t0 = _context12["catch"](7);
               throw new Error('Could not get render jobs');
             case 19:
               if (!res.ok) {
-                _context11.next = 21;
+                _context12.next = 21;
                 break;
               }
-              return _context11.abrupt("return", resData);
+              return _context12.abrupt("return", resData);
             case 21:
               err = new Error(resData.error);
               err.status = res.status;
               throw err;
             case 24:
             case "end":
-              return _context11.stop();
+              return _context12.stop();
           }
-        }, _callee11, this, [[7, 16]]);
+        }, _callee12, this, [[7, 16]]);
       }));
       function getRenderJobs() {
         return _getRenderJobs.apply(this, arguments);
@@ -6926,24 +6989,24 @@ var MediaHandler = /*#__PURE__*/function () {
   }, {
     key: "getAiProductPhotoCampaignSummaries",
     value: (function () {
-      var _getAiProductPhotoCampaignSummaries = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee12() {
+      var _getAiProductPhotoCampaignSummaries = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee13() {
         var query,
           fullUrl,
           res,
           resData,
-          _args12 = arguments;
-        return _regeneratorRuntime.wrap(function _callee12$(_context12) {
-          while (1) switch (_context12.prev = _context12.next) {
+          _args13 = arguments;
+        return _regeneratorRuntime.wrap(function _callee13$(_context13) {
+          while (1) switch (_context13.prev = _context13.next) {
             case 0:
-              query = _args12.length > 0 && _args12[0] !== undefined ? _args12[0] : {};
+              query = _args13.length > 0 && _args13[0] !== undefined ? _args13[0] : {};
               fullUrl = new URL(this.mediaService + '/renderjobs/aiproductphoto/campaigns/summary');
               if (this.organizationId) fullUrl.searchParams.append('organizationId', this.organizationId);
               if (query.search) fullUrl.searchParams.append('search', query.search);
               if (query.sort) fullUrl.searchParams.append('sort', query.sort);
               if (query.skip) fullUrl.searchParams.append('skip', String(query.skip));
               if (query.limit) fullUrl.searchParams.append('limit', String(query.limit));
-              _context12.prev = 7;
-              _context12.next = 10;
+              _context13.prev = 7;
+              _context13.next = 10;
               return fetch(fullUrl.toString(), {
                 headers: {
                   Authorization: 'Bearer ' + this.jwt,
@@ -6951,30 +7014,30 @@ var MediaHandler = /*#__PURE__*/function () {
                 }
               });
             case 10:
-              res = _context12.sent;
-              _context12.next = 13;
+              res = _context13.sent;
+              _context13.next = 13;
               return res.json();
             case 13:
-              resData = _context12.sent;
-              _context12.next = 19;
+              resData = _context13.sent;
+              _context13.next = 19;
               break;
             case 16:
-              _context12.prev = 16;
-              _context12.t0 = _context12["catch"](7);
+              _context13.prev = 16;
+              _context13.t0 = _context13["catch"](7);
               throw new Error('Could not get AI product photo campaign summaries');
             case 19:
               if (!res.ok) {
-                _context12.next = 21;
+                _context13.next = 21;
                 break;
               }
-              return _context12.abrupt("return", resData);
+              return _context13.abrupt("return", resData);
             case 21:
               throw new Error(resData.error);
             case 22:
             case "end":
-              return _context12.stop();
+              return _context13.stop();
           }
-        }, _callee12, this, [[7, 16]]);
+        }, _callee13, this, [[7, 16]]);
       }));
       function getAiProductPhotoCampaignSummaries() {
         return _getAiProductPhotoCampaignSummaries.apply(this, arguments);
@@ -6984,13 +7047,13 @@ var MediaHandler = /*#__PURE__*/function () {
   }, {
     key: "archiveRenderJob",
     value: (function () {
-      var _archiveRenderJob = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee13(id, archived) {
+      var _archiveRenderJob = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee14(id, archived) {
         var res, resData;
-        return _regeneratorRuntime.wrap(function _callee13$(_context13) {
-          while (1) switch (_context13.prev = _context13.next) {
+        return _regeneratorRuntime.wrap(function _callee14$(_context14) {
+          while (1) switch (_context14.prev = _context14.next) {
             case 0:
-              _context13.prev = 0;
-              _context13.next = 3;
+              _context14.prev = 0;
+              _context14.next = 3;
               return fetch("".concat(this.mediaService, "/renderjobs/").concat(id, "/archive"), {
                 method: 'PATCH',
                 headers: {
@@ -7002,32 +7065,32 @@ var MediaHandler = /*#__PURE__*/function () {
                 })
               });
             case 3:
-              res = _context13.sent;
-              _context13.next = 6;
+              res = _context14.sent;
+              _context14.next = 6;
               return res.json();
             case 6:
-              resData = _context13.sent;
-              _context13.next = 12;
+              resData = _context14.sent;
+              _context14.next = 12;
               break;
             case 9:
-              _context13.prev = 9;
-              _context13.t0 = _context13["catch"](0);
+              _context14.prev = 9;
+              _context14.t0 = _context14["catch"](0);
               throw new Error('Could not archive render job');
             case 12:
               if (res.ok) {
-                _context13.next = 14;
+                _context14.next = 14;
                 break;
               }
               throw new Error(resData.error);
             case 14:
-              return _context13.abrupt("return");
+              return _context14.abrupt("return");
             case 15:
             case "end":
-              return _context13.stop();
+              return _context14.stop();
           }
-        }, _callee13, this, [[0, 9]]);
+        }, _callee14, this, [[0, 9]]);
       }));
-      function archiveRenderJob(_x19, _x20) {
+      function archiveRenderJob(_x20, _x21) {
         return _archiveRenderJob.apply(this, arguments);
       }
       return archiveRenderJob;
@@ -7035,13 +7098,13 @@ var MediaHandler = /*#__PURE__*/function () {
   }, {
     key: "getRenderJob",
     value: function () {
-      var _getRenderJob = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee14(id) {
+      var _getRenderJob = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee15(id) {
         var res, resData;
-        return _regeneratorRuntime.wrap(function _callee14$(_context14) {
-          while (1) switch (_context14.prev = _context14.next) {
+        return _regeneratorRuntime.wrap(function _callee15$(_context15) {
+          while (1) switch (_context15.prev = _context15.next) {
             case 0:
-              _context14.prev = 0;
-              _context14.next = 3;
+              _context15.prev = 0;
+              _context15.next = 3;
               return fetch("".concat(this.mediaService, "/renderjobs/").concat(id), {
                 headers: {
                   Authorization: 'Bearer ' + this.jwt,
@@ -7049,32 +7112,32 @@ var MediaHandler = /*#__PURE__*/function () {
                 }
               });
             case 3:
-              res = _context14.sent;
-              _context14.next = 6;
+              res = _context15.sent;
+              _context15.next = 6;
               return res.json();
             case 6:
-              resData = _context14.sent;
-              _context14.next = 12;
+              resData = _context15.sent;
+              _context15.next = 12;
               break;
             case 9:
-              _context14.prev = 9;
-              _context14.t0 = _context14["catch"](0);
+              _context15.prev = 9;
+              _context15.t0 = _context15["catch"](0);
               throw new Error('Could not get render job');
             case 12:
               if (!res.ok) {
-                _context14.next = 14;
+                _context15.next = 14;
                 break;
               }
-              return _context14.abrupt("return", resData);
+              return _context15.abrupt("return", resData);
             case 14:
               throw new Error(resData.error);
             case 15:
             case "end":
-              return _context14.stop();
+              return _context15.stop();
           }
-        }, _callee14, this, [[0, 9]]);
+        }, _callee15, this, [[0, 9]]);
       }));
-      function getRenderJob(_x21) {
+      function getRenderJob(_x22) {
         return _getRenderJob.apply(this, arguments);
       }
       return getRenderJob;
@@ -7082,16 +7145,16 @@ var MediaHandler = /*#__PURE__*/function () {
   }, {
     key: "getRenderPackages",
     value: function () {
-      var _getRenderPackages = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee15(organizationId) {
+      var _getRenderPackages = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee16(organizationId) {
         var fullUrl, res, resData;
-        return _regeneratorRuntime.wrap(function _callee15$(_context15) {
-          while (1) switch (_context15.prev = _context15.next) {
+        return _regeneratorRuntime.wrap(function _callee16$(_context16) {
+          while (1) switch (_context16.prev = _context16.next) {
             case 0:
               fullUrl = new URL(this.mediaService + '/renderpackages');
               if (organizationId) fullUrl.searchParams.append('organizationId', organizationId);
               fullUrl.searchParams.append('sort', encodeURIComponent('{position}'));
-              _context15.prev = 3;
-              _context15.next = 6;
+              _context16.prev = 3;
+              _context16.next = 6;
               return fetch(fullUrl, {
                 headers: {
                   Authorization: 'Bearer ' + this.jwt,
@@ -7099,32 +7162,32 @@ var MediaHandler = /*#__PURE__*/function () {
                 }
               });
             case 6:
-              res = _context15.sent;
-              _context15.next = 9;
+              res = _context16.sent;
+              _context16.next = 9;
               return res.json();
             case 9:
-              resData = _context15.sent;
-              _context15.next = 15;
+              resData = _context16.sent;
+              _context16.next = 15;
               break;
             case 12:
-              _context15.prev = 12;
-              _context15.t0 = _context15["catch"](3);
+              _context16.prev = 12;
+              _context16.t0 = _context16["catch"](3);
               throw new Error('Could not get render packages');
             case 15:
               if (!res.ok) {
-                _context15.next = 17;
+                _context16.next = 17;
                 break;
               }
-              return _context15.abrupt("return", resData);
+              return _context16.abrupt("return", resData);
             case 17:
               throw new Error(resData.error);
             case 18:
             case "end":
-              return _context15.stop();
+              return _context16.stop();
           }
-        }, _callee15, this, [[3, 12]]);
+        }, _callee16, this, [[3, 12]]);
       }));
-      function getRenderPackages(_x22) {
+      function getRenderPackages(_x23) {
         return _getRenderPackages.apply(this, arguments);
       }
       return getRenderPackages;
@@ -9048,18 +9111,21 @@ var AIHandler = /*#__PURE__*/function () {
               }
               return _context3.abrupt("return", resData);
             case 9:
+              // The services carry an `errorCode` alongside the message for cases a caller has to tell apart
+              // (e.g. a product that cannot be named for the MAM). Drop it here and the caller only sees a bare 400.
               err = new Error(resData === null || resData === void 0 ? void 0 : resData.error);
               err.status = response.status;
+              err.errorCode = resData === null || resData === void 0 ? void 0 : resData.errorCode;
               return _context3.abrupt("return", Promise.reject(err));
-            case 14:
-              _context3.prev = 14;
+            case 15:
+              _context3.prev = 15;
               _context3.t0 = _context3["catch"](0);
               return _context3.abrupt("return", Promise.reject(_context3.t0));
-            case 17:
+            case 18:
             case "end":
               return _context3.stop();
           }
-        }, _callee3, this, [[0, 14]]);
+        }, _callee3, this, [[0, 15]]);
       }));
       function generateProductPhoto(_x4) {
         return _generateProductPhoto.apply(this, arguments);
@@ -11194,7 +11260,7 @@ var DrawerMenu$1 = observer(DrawerMenu);
 function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LazyModals$1 = /*#__PURE__*/React.lazy(function () {
-  return import('./ModalsWrapper-3c168293.js');
+  return import('./ModalsWrapper-37951988.js');
 });
 function Fullscreen(_ref) {
   var inAbsoluteFullscreen = _ref.inAbsoluteFullscreen;
@@ -11656,10 +11722,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-6f14124a.js');
+  return import('./index-7be5e649.js');
 });
 var LazyModals = /*#__PURE__*/React.lazy(function () {
-  return import('./ModalsWrapper-3c168293.js');
+  return import('./ModalsWrapper-37951988.js');
 });
 function ContentComponent() {
   var context = useDivaCoreContext();