@crystaldesign/diva-backoffice 26.9.0-rc.6 → 26.9.0-rc.8

package/build/esm/index.js

@@ -54530,6 +54530,30 @@ function SessionHeader(_ref) {
   });
 }
 
+/** Mime types of images a browser cannot render in an `<img>` element. */
+var NON_RENDERABLE_MIME_TYPES = new Set(['image/tiff', 'image/tif']);
+
+/**
+ * Resolves the url a browser can actually display for a media entry.
+ *
+ * Render jobs with `fileFormat: 'tif'` produce TIFF results, which no browser
+ * renders natively. The storage generates PNG variants for them, so the `big`
+ * variant (falling back to `gal`, then the thumbnail) is displayed instead of
+ * the raw `cdnUrl`. Mirrors the handling in the media item table cells.
+ *
+ * @param media the media entry to resolve, may be undefined while loading
+ * @returns the displayable url, or `null` when no renderable source exists
+ */
+function getViewerUrl(media) {
+  var _media$url;
+  if (!media) return null;
+  if (media.mimeType && NON_RENDERABLE_MIME_TYPES.has(media.mimeType.toLowerCase())) {
+    var _ref, _ref2, _ref3, _media$variants$big, _media$variants, _media$variants2, _media$variants3;
+    return (_ref = (_ref2 = (_ref3 = (_media$variants$big = (_media$variants = media.variants) === null || _media$variants === void 0 ? void 0 : _media$variants.big) !== null && _media$variants$big !== void 0 ? _media$variants$big : (_media$variants2 = media.variants) === null || _media$variants2 === void 0 ? void 0 : _media$variants2.gal) !== null && _ref3 !== void 0 ? _ref3 : (_media$variants3 = media.variants) === null || _media$variants3 === void 0 ? void 0 : _media$variants3.std) !== null && _ref2 !== void 0 ? _ref2 : media.thumbnailUrl) !== null && _ref !== void 0 ? _ref : null;
+  }
+  return (_media$url = media.url) !== null && _media$url !== void 0 ? _media$url : null;
+}
+
 var root$8 = "root-bbDdW";
 var header$1 = "header--owh8";
 var content$1 = "content-q2m1c";
@@ -54545,10 +54569,8 @@ function isAr$1(media) {
   return (media === null || media === void 0 ? void 0 : media.mediaType) === 'AR';
 }
 function ImagePanel(_ref) {
-  var _media$url;
   var title = _ref.title,
     media = _ref.media,
-    loading = _ref.loading,
     alt = _ref.alt,
     onOpenFullscreen = _ref.onOpenFullscreen,
     headerActions = _ref.headerActions;
@@ -54560,20 +54582,22 @@ function ImagePanel(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     status = _useState2[0],
     setStatus = _useState2[1];
+  // TIFF results are not renderable in an <img>, so a PNG variant is shown instead.
+  var viewerUrl = getViewerUrl(media);
   useEffect(function () {
     if (isAr$1(media)) {
       void actions.loadModelViewer();
     }
-  }, [actions, media === null || media === void 0 ? void 0 : media.url, media === null || media === void 0 ? void 0 : media.mediaType]);
+  }, [actions, viewerUrl, media === null || media === void 0 ? void 0 : media.mediaType]);
   useEffect(function () {
-    if (typeof (media === null || media === void 0 ? void 0 : media.url) === 'string' && media.url.length > 0) {
+    if (typeof viewerUrl === 'string' && viewerUrl.length > 0) {
       setStatus('loading');
     } else {
       setStatus('idle');
     }
-  }, [media === null || media === void 0 ? void 0 : media.url]);
-  var isResolving = loading || media === undefined;
-  var hasNoSource = !isResolving && ((media === null || media === void 0 ? void 0 : media.url) === null || (media === null || media === void 0 ? void 0 : media.url) === '' || (media === null || media === void 0 ? void 0 : media.url) === undefined);
+  }, [viewerUrl]);
+  var isResolving = media === undefined;
+  var hasNoSource = !isResolving && (viewerUrl === null || viewerUrl === '');
   var showAr = !isResolving && !hasNoSource && isAr$1(media);
   var showImage = !isResolving && !hasNoSource && !showAr;
   var showPlaceholder = hasNoSource || showImage && status === 'error';
@@ -54602,13 +54626,13 @@ function ImagePanel(_ref) {
       }), headerActions]
     }), /*#__PURE__*/jsxs("div", {
       className: classNames(content$1, showAr ? contentAr : contentImage),
-      children: [showAr && (media === null || media === void 0 ? void 0 : media.url) &&
+      children: [showAr && viewerUrl &&
       /*#__PURE__*/
       // Size is applied inline because model-viewer is a custom element
       // and className forwarding can be inconsistent with CSS modules in
       // some React/web-component integrations.
       jsx("model-viewer", {
-        src: media.url,
+        src: viewerUrl,
         alt: alt !== null && alt !== void 0 ? alt : title,
         "camera-controls": true,
         "touch-action": "pan-y",
@@ -54622,8 +54646,8 @@ function ImagePanel(_ref) {
           minHeight: 320,
           display: 'block'
         }
-      }, media.url), showImage && /*#__PURE__*/jsx("img", {
-        src: (_media$url = media === null || media === void 0 ? void 0 : media.url) !== null && _media$url !== void 0 ? _media$url : undefined,
+      }, viewerUrl), showImage && /*#__PURE__*/jsx("img", {
+        src: viewerUrl !== null && viewerUrl !== void 0 ? viewerUrl : undefined,
         alt: alt !== null && alt !== void 0 ? alt : title,
         onLoad: function onLoad() {
           return setStatus('loaded');
@@ -54660,7 +54684,6 @@ styleInject(css_248z$l);
  */
 function LeftSlider(_ref) {
   var slides = _ref.slides,
-    loading = _ref.loading,
     onOpenFullscreenFirst = _ref.onOpenFullscreenFirst,
     onSwiperInit = _ref.onSwiperInit;
   var _useTranslation = useTranslation(),
@@ -54699,7 +54722,6 @@ function LeftSlider(_ref) {
           children: /*#__PURE__*/jsx(ImagePanel, {
             title: title,
             media: media,
-            loading: loading,
             alt: alt,
             onOpenFullscreen: isPreview ? onOpenFullscreenFirst : undefined
           })
@@ -54725,7 +54747,6 @@ styleInject(css_248z$k);
 function SideBySideViewer(_ref) {
   var _images$leftSlides;
   var images = _ref.images,
-    loading = _ref.loading,
     readonlyDecision = _ref.readonlyDecision,
     onOpenFullscreenLeft = _ref.onOpenFullscreenLeft,
     onOpenFullscreenRight = _ref.onOpenFullscreenRight,
@@ -54780,19 +54801,16 @@ function SideBySideViewer(_ref) {
       className: viewerPanels,
       children: [useSwiper ? /*#__PURE__*/jsx(LeftSlider, {
         slides: slides,
-        loading: loading,
         onOpenFullscreenFirst: showOverlay ? undefined : onOpenFullscreenLeft,
         onSwiperInit: onLeftSwiperInit
       }) : /*#__PURE__*/jsx(ImagePanel, {
         title: t('backoffice.renderapprove.viewer.previewTitle'),
         media: images.left,
-        loading: loading,
         alt: t('backoffice.renderapprove.viewer.previewAlt'),
         onOpenFullscreen: showOverlay ? undefined : onOpenFullscreenLeft
       }), /*#__PURE__*/jsx(ImagePanel, {
         title: t('backoffice.renderapprove.viewer.resultTitle'),
         media: images.right,
-        loading: loading,
         alt: t('backoffice.renderapprove.viewer.resultAlt'),
         onOpenFullscreen: showOverlay ? undefined : onOpenFullscreenRight,
         headerActions: resultHeaderActions
@@ -54968,7 +54986,6 @@ function ActionBar(_ref) {
  */
 function ApprovalWorkspace(_ref) {
   var images = _ref.images,
-    loading = _ref.loading,
     readonlyDecision = _ref.readonlyDecision,
     onOpenFullscreenLeft = _ref.onOpenFullscreenLeft,
     onOpenFullscreenRight = _ref.onOpenFullscreenRight,
@@ -54987,7 +55004,6 @@ function ApprovalWorkspace(_ref) {
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(SideBySideViewer, {
       images: images,
-      loading: loading,
       readonlyDecision: readonlyDecision,
       onOpenFullscreenLeft: onOpenFullscreenLeft,
       onOpenFullscreenRight: onOpenFullscreenRight,
@@ -57120,7 +57136,6 @@ function isAr(media) {
   return (media === null || media === void 0 ? void 0 : media.mediaType) === 'AR';
 }
 function FullscreenViewer(_ref) {
-  var _media$url;
   var open = _ref.open,
     media = _ref.media,
     title = _ref.title,
@@ -57130,12 +57145,21 @@ function FullscreenViewer(_ref) {
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var ar = isAr(media);
+  // TIFF results are not renderable in an <img>, so a PNG variant is shown instead.
+  var viewerUrl = getViewerUrl(media);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    failed = _useState2[0],
+    setFailed = _useState2[1];
   useEffect(function () {
     if (open && ar) {
       void actions.loadModelViewer();
     }
   }, [actions, ar, open]);
-  var hasSource = typeof (media === null || media === void 0 ? void 0 : media.url) === 'string' && media.url.length > 0;
+  useEffect(function () {
+    setFailed(false);
+  }, [viewerUrl]);
+  var hasSource = typeof viewerUrl === 'string' && viewerUrl.length > 0;
   return /*#__PURE__*/jsxs(Modal$2, {
     open: open,
     onCancel: onClose,
@@ -57148,15 +57172,15 @@ function FullscreenViewer(_ref) {
     destroyOnHidden: true,
     centered: true,
     wrapClassName: fullscreenModal,
-    children: [!hasSource && /*#__PURE__*/jsx(Empty, {
+    children: [(!hasSource || failed) && /*#__PURE__*/jsx(Empty, {
       description: t('backoffice.renderapprove.errors.imageNotAvailable'),
       image: Empty.PRESENTED_IMAGE_SIMPLE
-    }), hasSource && ar && (media === null || media === void 0 ? void 0 : media.url) &&
+    }), hasSource && ar && viewerUrl &&
     /*#__PURE__*/
     // model-viewer is a custom element. Inline sizing keeps rendering
     // stable even when className forwarding to web components varies.
     jsx("model-viewer", {
-      src: media.url,
+      src: viewerUrl,
       alt: title !== null && title !== void 0 ? title : t('backoffice.renderapprove.viewer.fullscreenModelAlt'),
       "camera-controls": true,
       "touch-action": "pan-y",
@@ -57169,10 +57193,13 @@ function FullscreenViewer(_ref) {
         height: '100%',
         display: 'block'
       }
-    }, media.url), hasSource && !ar && /*#__PURE__*/jsx("img", {
-      src: (_media$url = media === null || media === void 0 ? void 0 : media.url) !== null && _media$url !== void 0 ? _media$url : undefined,
+    }, viewerUrl), hasSource && !ar && !failed && /*#__PURE__*/jsx("img", {
+      src: viewerUrl !== null && viewerUrl !== void 0 ? viewerUrl : undefined,
       alt: title !== null && title !== void 0 ? title : t('backoffice.renderapprove.viewer.fullscreenPreviewAlt'),
-      className: image
+      className: image,
+      onError: function onError() {
+        return setFailed(true);
+      }
     })]
   });
 }
@@ -58484,12 +58511,12 @@ function fetchJson(_x, _x2) {
   return _fetchJson.apply(this, arguments);
 }
 function _fetchJson() {
-  _fetchJson = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(url, jwt) {
+  _fetchJson = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(url, jwt) {
     var response;
-    return _regeneratorRuntime.wrap(function _callee3$(_context3) {
-      while (1) switch (_context3.prev = _context3.next) {
+    return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
         case 0:
-          _context3.next = 2;
+          _context2.next = 2;
           return fetch(url, {
             headers: _objectSpread$h({
               'Content-Type': 'application/json'
@@ -58498,24 +58525,24 @@ function _fetchJson() {
             } : {})
           });
         case 2:
-          response = _context3.sent;
+          response = _context2.sent;
           if (response.ok) {
-            _context3.next = 5;
+            _context2.next = 5;
             break;
           }
           throw new DivaError("Request failed: ".concat(response.status, " ").concat(response.statusText), {
             code: 'RENDERAPPROVE_FETCH_FAILED'
           });
         case 5:
-          _context3.next = 7;
+          _context2.next = 7;
           return response.json();
         case 7:
-          return _context3.abrupt("return", _context3.sent);
+          return _context2.abrupt("return", _context2.sent);
         case 8:
         case "end":
-          return _context3.stop();
+          return _context2.stop();
       }
-    }, _callee3);
+    }, _callee2);
   }));
   return _fetchJson.apply(this, arguments);
 }
@@ -58532,7 +58559,8 @@ function toMedia(item) {
     fileSize: typeof item.fileSize === 'number' ? item.fileSize : undefined,
     id: (_item$_id = item._id) !== null && _item$_id !== void 0 ? _item$_id : item.id,
     name: typeof item.name === 'string' ? item.name : undefined,
-    metadata: item.metadata && _typeof(item.metadata) === 'object' ? item.metadata : undefined
+    metadata: item.metadata && _typeof(item.metadata) === 'object' ? item.metadata : undefined,
+    variants: item.variants && _typeof(item.variants) === 'object' ? item.variants : undefined
   };
 }
 var EXCLUDED_FUNCTION_TYPES = new Set(['LOG', 'OPV']);
@@ -58552,22 +58580,22 @@ function fetchProductMedia(_x3, _x4, _x5, _x6, _x7) {
   return _fetchProductMedia.apply(this, arguments);
 }
 function _fetchProductMedia() {
-  _fetchProductMedia = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5(catalogService, baseUrl, jwt, productId, excludeUrl) {
+  _fetchProductMedia = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(catalogService, baseUrl, jwt, productId, excludeUrl) {
     var data, product, media, sorted, seen, result, _iterator2, _step2, _mapped$metadata, item, mapped, ref;
-    return _regeneratorRuntime.wrap(function _callee5$(_context5) {
-      while (1) switch (_context5.prev = _context5.next) {
+    return _regeneratorRuntime.wrap(function _callee4$(_context4) {
+      while (1) switch (_context4.prev = _context4.next) {
         case 0:
-          _context5.next = 2;
+          _context4.next = 2;
           return fetchJson("".concat(catalogService, "/v1/products/").concat(encodeURIComponent(productId), "/list"), jwt);
         case 2:
-          data = _context5.sent;
+          data = _context4.sent;
           product = Array.isArray(data) ? data[0] : undefined;
           media = product === null || product === void 0 ? void 0 : product.media;
           if (!(!Array.isArray(media) || media.length === 0)) {
-            _context5.next = 7;
+            _context4.next = 7;
             break;
           }
-          return _context5.abrupt("return", []);
+          return _context4.abrupt("return", []);
         case 7:
           sorted = _toConsumableArray(media).sort(function (a, b) {
             var pa = typeof (a === null || a === void 0 ? void 0 : a.position) === 'number' ? a.position : Number.MAX_SAFE_INTEGER;
@@ -58578,38 +58606,38 @@ function _fetchProductMedia() {
           if (excludeUrl) seen.add(excludeUrl);
           result = [];
           _iterator2 = _createForOfIteratorHelper$b(sorted);
-          _context5.prev = 12;
+          _context4.prev = 12;
           _iterator2.s();
         case 14:
           if ((_step2 = _iterator2.n()).done) {
-            _context5.next = 32;
+            _context4.next = 32;
             break;
           }
           item = _step2.value;
           if (!(item !== null && item !== void 0 && item.functionType && EXCLUDED_FUNCTION_TYPES.has(item.functionType))) {
-            _context5.next = 18;
+            _context4.next = 18;
             break;
           }
-          return _context5.abrupt("continue", 30);
+          return _context4.abrupt("continue", 30);
         case 18:
           if (!(item !== null && item !== void 0 && item.mediaType && !ALLOWED_MEDIA_TYPES.has(item.mediaType))) {
-            _context5.next = 20;
+            _context4.next = 20;
             break;
           }
-          return _context5.abrupt("continue", 30);
+          return _context4.abrupt("continue", 30);
         case 20:
           mapped = toMedia(item);
           if (!(!mapped || !mapped.url)) {
-            _context5.next = 23;
+            _context4.next = 23;
             break;
           }
-          return _context5.abrupt("continue", 30);
+          return _context4.abrupt("continue", 30);
         case 23:
           if (!seen.has(mapped.url)) {
-            _context5.next = 25;
+            _context4.next = 25;
             break;
           }
-          return _context5.abrupt("continue", 30);
+          return _context4.abrupt("continue", 30);
         case 25:
           seen.add(mapped.url);
           ref = typeof (item === null || item === void 0 ? void 0 : item.ref) === 'string' ? item.ref : undefined;
@@ -58626,47 +58654,53 @@ function _fetchProductMedia() {
             ref: ref
           });
         case 30:
-          _context5.next = 14;
+          _context4.next = 14;
           break;
         case 32:
-          _context5.next = 37;
+          _context4.next = 37;
           break;
         case 34:
-          _context5.prev = 34;
-          _context5.t0 = _context5["catch"](12);
-          _iterator2.e(_context5.t0);
+          _context4.prev = 34;
+          _context4.t0 = _context4["catch"](12);
+          _iterator2.e(_context4.t0);
         case 37:
-          _context5.prev = 37;
+          _context4.prev = 37;
           _iterator2.f();
-          return _context5.finish(37);
+          return _context4.finish(37);
         case 40:
-          _context5.next = 42;
+          _context4.next = 42;
           return Promise.all(result.map(/*#__PURE__*/function () {
-            var _ref9 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(_ref8) {
-              var media, ref, _yield$Promise$allSet3, _yield$Promise$allSet4, mediaItemRes, refRes, item, _media$metadata, payload, refDoc, _media$metadata2;
-              return _regeneratorRuntime.wrap(function _callee4$(_context4) {
-                while (1) switch (_context4.prev = _context4.next) {
+            var _ref8 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(_ref7) {
+              var media, ref, _yield$Promise$allSet, _yield$Promise$allSet2, mediaItemRes, refRes, _media$variants, _ref9, _item$thumbnailUrl2, _item$variants2, item, _media$metadata, payload, refDoc, _media$metadata2;
+              return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+                while (1) switch (_context3.prev = _context3.next) {
                   case 0:
-                    media = _ref8.media, ref = _ref8.ref;
+                    media = _ref7.media, ref = _ref7.ref;
                     if (ref) {
-                      _context4.next = 3;
+                      _context3.next = 3;
                       break;
                     }
-                    return _context4.abrupt("return");
+                    return _context3.abrupt("return");
                   case 3:
-                    _context4.next = 5;
+                    _context3.next = 5;
                     return Promise.allSettled([fetchJson("".concat(baseUrl, "/v1/mediaitemref/").concat(encodeURIComponent(ref), "/mediaitem"), jwt), fetchJson("".concat(baseUrl, "/v1/mediaitems/refs?filter=").concat(encodeURIComponent("{_id,eq,'".concat(ref, "'}"))), jwt)]);
                   case 5:
-                    _yield$Promise$allSet3 = _context4.sent;
-                    _yield$Promise$allSet4 = _slicedToArray(_yield$Promise$allSet3, 2);
-                    mediaItemRes = _yield$Promise$allSet4[0];
-                    refRes = _yield$Promise$allSet4[1];
+                    _yield$Promise$allSet = _context3.sent;
+                    _yield$Promise$allSet2 = _slicedToArray(_yield$Promise$allSet, 2);
+                    mediaItemRes = _yield$Promise$allSet2[0];
+                    refRes = _yield$Promise$allSet2[1];
                     if (mediaItemRes.status === 'fulfilled') {
                       item = mediaItemRes.value;
                       if (item !== null && item !== void 0 && item.metadata && _typeof(item.metadata) === 'object') {
                         media.metadata = _objectSpread$h(_objectSpread$h({}, (_media$metadata = media.metadata) !== null && _media$metadata !== void 0 ? _media$metadata : {}), item.metadata);
                       }
                       if ((!media.name || media.name.length === 0) && typeof (item === null || item === void 0 ? void 0 : item.name) === 'string') media.name = item.name;
+                      // The catalog entry carries no file information, so mime type, variants and
+                      // thumbnail come from the MediaItem - `getViewerUrl` needs mime type and
+                      // variants to show the PNG stand-in for a TIFF.
+                      if (!media.mimeType && typeof (item === null || item === void 0 ? void 0 : item.mimeType) === 'string') media.mimeType = item.mimeType;
+                      if (item !== null && item !== void 0 && item.variants && _typeof(item.variants) === 'object') media.variants = _objectSpread$h(_objectSpread$h({}, (_media$variants = media.variants) !== null && _media$variants !== void 0 ? _media$variants : {}), item.variants);
+                      if (!media.thumbnailUrl) media.thumbnailUrl = (_ref9 = (_item$thumbnailUrl2 = item === null || item === void 0 ? void 0 : item.thumbnailUrl) !== null && _item$thumbnailUrl2 !== void 0 ? _item$thumbnailUrl2 : item === null || item === void 0 || (_item$variants2 = item.variants) === null || _item$variants2 === void 0 ? void 0 : _item$variants2.gal) !== null && _ref9 !== void 0 ? _ref9 : null;
                     }
                     if (refRes.status === 'fulfilled') {
                       payload = refRes.value;
@@ -58677,23 +58711,23 @@ function _fetchProductMedia() {
                     }
                   case 11:
                   case "end":
-                    return _context4.stop();
+                    return _context3.stop();
                 }
-              }, _callee4);
+              }, _callee3);
             }));
-            return function (_x13) {
-              return _ref9.apply(this, arguments);
+            return function (_x15) {
+              return _ref8.apply(this, arguments);
             };
           }()));
         case 42:
-          return _context5.abrupt("return", result.map(function (r) {
+          return _context4.abrupt("return", result.map(function (r) {
             return r.media;
           }));
         case 43:
         case "end":
-          return _context5.stop();
+          return _context4.stop();
       }
-    }, _callee5, null, [[12, 34, 37, 40]]);
+    }, _callee4, null, [[12, 34, 37, 40]]);
   }));
   return _fetchProductMedia.apply(this, arguments);
 }
@@ -58702,58 +58736,184 @@ function resolveMediaItem(_x8, _x9, _x10, _x11) {
 }
 
 /**
- * Loads the render job by id together with the left (real-time render) and
- * right (resolved media item) images. Each id change cancels the previous
- * fetch via an abort flag so stale responses cannot overwrite newer state.
+ * Assembles the left swiper slides. The render job's `renderImages` (AI input
+ * images, ordered) drive the order: each is resolved to the rich product media
+ * when the url matches, to the preview, or to a minimal media otherwise (which
+ * carries the stored MediaItemRef id so uploaded images keep their ref when
+ * re-selected). Product media already represented by a renderImage is not shown
+ * again (dedup by url). The realtime preview leads only when there are no
+ * renderImages; once they exist it comes right after them, and only if it is
+ * not already one of them.
  *
- * State mutations (approve/reject) live in `useUpdateRenderJobState` so the
- * session hook can call them without depending on the currently-loaded job.
+ * Called with an empty `productMedia` it yields exactly the prefix of the final
+ * list, so slides are only ever appended - never reordered - once the product
+ * media arrives.
  */
 function _resolveMediaItem() {
-  _resolveMediaItem = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee6(baseUrl, jwt, mediaItemId, mediaItemRef) {
+  _resolveMediaItem = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5(baseUrl, jwt, mediaItemId, mediaItemRef) {
     var item, media, _item, _media;
-    return _regeneratorRuntime.wrap(function _callee6$(_context6) {
-      while (1) switch (_context6.prev = _context6.next) {
+    return _regeneratorRuntime.wrap(function _callee5$(_context5) {
+      while (1) switch (_context5.prev = _context5.next) {
         case 0:
           if (!mediaItemRef) {
-            _context6.next = 7;
+            _context5.next = 7;
             break;
           }
-          _context6.next = 3;
+          _context5.next = 3;
           return fetchJson("".concat(baseUrl, "/v1/mediaitemref/").concat(encodeURIComponent(mediaItemRef), "/mediaitem"), jwt);
         case 3:
-          item = _context6.sent;
+          item = _context5.sent;
           media = toMedia(item);
           if (!media) {
-            _context6.next = 7;
+            _context5.next = 7;
             break;
           }
-          return _context6.abrupt("return", media);
+          return _context5.abrupt("return", media);
         case 7:
           if (!mediaItemId) {
-            _context6.next = 14;
+            _context5.next = 14;
             break;
           }
-          _context6.next = 10;
+          _context5.next = 10;
           return fetchJson("".concat(baseUrl, "/v1/mediaitems/").concat(encodeURIComponent(mediaItemId)), jwt);
         case 10:
-          _item = _context6.sent;
+          _item = _context5.sent;
           _media = toMedia(_item);
           if (!_media) {
-            _context6.next = 14;
+            _context5.next = 14;
             break;
           }
-          return _context6.abrupt("return", _media);
+          return _context5.abrupt("return", _media);
         case 14:
-          return _context6.abrupt("return", null);
+          return _context5.abrupt("return", null);
         case 15:
         case "end":
-          return _context6.stop();
+          return _context5.stop();
       }
-    }, _callee6);
+    }, _callee5);
   }));
   return _resolveMediaItem.apply(this, arguments);
 }
+function buildLeftSlides(left, renderImages, productMedia) {
+  var renderImageUrls = new Set(renderImages.map(function (image) {
+    return image.url;
+  }));
+  var remainingProduct = productMedia.filter(function (media) {
+    return !(media.url && renderImageUrls.has(media.url));
+  });
+  if (renderImages.length === 0) return [left].concat(_toConsumableArray(remainingProduct));
+  var productByUrl = new Map();
+  var _iterator = _createForOfIteratorHelper$b(productMedia),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var media = _step.value;
+      if (media.url) productByUrl.set(media.url, media);
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  var renderImageSlides = renderImages.map(function (_ref5) {
+    var _productByUrl$get;
+    var url = _ref5.url,
+      mediaItemRefId = _ref5.mediaItemRefId;
+    return url === left.url ? left : (_productByUrl$get = productByUrl.get(url)) !== null && _productByUrl$get !== void 0 ? _productByUrl$get : {
+      url: url,
+      mediaType: 'PCT',
+      mediaItemRefId: mediaItemRefId
+    };
+  });
+  var previewAfter = left.url != null && !renderImageUrls.has(left.url) ? [left] : [];
+  return [].concat(_toConsumableArray(renderImageSlides), previewAfter, _toConsumableArray(remainingProduct));
+}
+
+/**
+ * Uploaded AI input images are not part of the product media, so their display
+ * name (filename) is resolved from the MediaItemRef (best-effort, per slide).
+ * Returns the input array unchanged when there is nothing to resolve.
+ */
+function withResolvedSlideNames(_x12, _x13, _x14) {
+  return _withResolvedSlideNames.apply(this, arguments);
+}
+/**
+ * Loads the render job by id together with the left (real-time render) and
+ * right (resolved media item) images. Each id change cancels the previous
+ * fetch via an abort flag so stale responses cannot overwrite newer state.
+ *
+ * Everything is revealed in stages, because a job switch otherwise shows
+ * nothing until the slowest request of the whole chain is done: the preview and
+ * the `renderImages` slides come straight from the job document, the result
+ * image is one further request away, and only the product media (one catalog
+ * call plus two media calls per image) and the slide names arrive late.
+ *
+ * State mutations (approve/reject) live in `useUpdateRenderJobState` so the
+ * session hook can call them without depending on the currently-loaded job.
+ */
+function _withResolvedSlideNames() {
+  _withResolvedSlideNames = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee7(baseUrl, jwt, slides) {
+    return _regeneratorRuntime.wrap(function _callee7$(_context7) {
+      while (1) switch (_context7.prev = _context7.next) {
+        case 0:
+          if (slides.some(function (slide) {
+            return !slide.name && slide.mediaItemRefId;
+          })) {
+            _context7.next = 2;
+            break;
+          }
+          return _context7.abrupt("return", slides);
+        case 2:
+          return _context7.abrupt("return", Promise.all(slides.map(/*#__PURE__*/function () {
+            var _ref10 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee6(slide) {
+              var item;
+              return _regeneratorRuntime.wrap(function _callee6$(_context6) {
+                while (1) switch (_context6.prev = _context6.next) {
+                  case 0:
+                    if (!(slide.name || !slide.mediaItemRefId)) {
+                      _context6.next = 2;
+                      break;
+                    }
+                    return _context6.abrupt("return", slide);
+                  case 2:
+                    _context6.prev = 2;
+                    _context6.next = 5;
+                    return fetchJson("".concat(baseUrl, "/v1/mediaitemref/").concat(encodeURIComponent(slide.mediaItemRefId), "/mediaitem"), jwt);
+                  case 5:
+                    item = _context6.sent;
+                    if (!(typeof (item === null || item === void 0 ? void 0 : item.name) === 'string' && item.name.length > 0)) {
+                      _context6.next = 8;
+                      break;
+                    }
+                    return _context6.abrupt("return", _objectSpread$h(_objectSpread$h({}, slide), {}, {
+                      name: item.name
+                    }));
+                  case 8:
+                    _context6.next = 12;
+                    break;
+                  case 10:
+                    _context6.prev = 10;
+                    _context6.t0 = _context6["catch"](2);
+                  case 12:
+                    return _context6.abrupt("return", slide);
+                  case 13:
+                  case "end":
+                    return _context6.stop();
+                }
+              }, _callee6, null, [[2, 10]]);
+            }));
+            return function (_x16) {
+              return _ref10.apply(this, arguments);
+            };
+          }())));
+        case 3:
+        case "end":
+          return _context7.stop();
+      }
+    }, _callee7);
+  }));
+  return _withResolvedSlideNames.apply(this, arguments);
+}
 function useRenderJobData(id, refreshKey) {
   var _root$configurationSt, _root$configurationSt2;
   var root = useStore();
@@ -58795,21 +58955,21 @@ function useRenderJobData(id, refreshKey) {
     setError(undefined);
     setJob(undefined);
     setImages({});
-    _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-      var _fetchedJob$realTimeR, fetchedJob, left, initialSlides, mediaItemId, mediaItemRef, productId, rightPromise, productPromise, _yield$Promise$allSet, _yield$Promise$allSet2, rightResult, productResult, right, _rightResult$value, _rightResult$reason, productMedia, _productResult$reason, renderImages, productByUrl, _iterator, _step, m, renderImageSet, remainingProduct, leftSlides, renderImageSlides, previewAfter, _message, message;
-      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
+    _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var _fetchedJob$realTimeR, fetchedJob, left, renderImages, leftSlides, mediaItemId, mediaItemRef, productId, rightTask, productTask, named, _message, message;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
           case 0:
-            _context2.prev = 0;
-            _context2.next = 3;
+            _context.prev = 0;
+            _context.next = 3;
             return fetchJson("".concat(baseUrl, "/renderjobs/").concat(encodeURIComponent(id)), jwt);
           case 3:
-            fetchedJob = _context2.sent;
+            fetchedJob = _context.sent;
             if (!cancelled) {
-              _context2.next = 6;
+              _context.next = 6;
               break;
             }
-            return _context2.abrupt("return");
+            return _context.abrupt("return");
           case 6:
             setJob(fetchedJob);
 
@@ -58819,169 +58979,97 @@ function useRenderJobData(id, refreshKey) {
               mediaType: 'PCT',
               isPreview: true
             };
-            initialSlides = [left];
+            renderImages = Array.isArray(fetchedJob === null || fetchedJob === void 0 ? void 0 : fetchedJob.renderImages) ? fetchedJob.renderImages.filter(function (image) {
+              return typeof (image === null || image === void 0 ? void 0 : image.url) === 'string' && image.url.length > 0;
+            }) : []; // Stage 1: preview and AI input images are known from the job document.
+            leftSlides = buildLeftSlides(left, renderImages, []);
             setImages({
               left: left,
-              leftSlides: initialSlides,
+              leftSlides: leftSlides,
               right: undefined
             });
             mediaItemId = getMediaItemId(fetchedJob);
             mediaItemRef = fetchedJob === null || fetchedJob === void 0 ? void 0 : fetchedJob.mediaItemRef;
             productId = fetchedJob === null || fetchedJob === void 0 ? void 0 : fetchedJob.product; // Load right image and product media in parallel so a product fetch
-            // failure cannot block the right panel and vice versa.
-            rightPromise = mediaItemId || mediaItemRef ? resolveMediaItem(baseUrl, jwt, mediaItemId, mediaItemRef) : Promise.resolve(null);
-            productPromise = catalogService && typeof productId === 'string' && productId.length > 0 ? fetchProductMedia(catalogService, baseUrl, jwt, productId, left.url) : Promise.resolve([]);
-            _context2.next = 17;
-            return Promise.allSettled([rightPromise, productPromise]);
-          case 17:
-            _yield$Promise$allSet = _context2.sent;
-            _yield$Promise$allSet2 = _slicedToArray(_yield$Promise$allSet, 2);
-            rightResult = _yield$Promise$allSet2[0];
-            productResult = _yield$Promise$allSet2[1];
-            if (!cancelled) {
-              _context2.next = 23;
-              break;
-            }
-            return _context2.abrupt("return");
-          case 23:
-            if (rightResult.status === 'fulfilled') {
-              right = (_rightResult$value = rightResult.value) !== null && _rightResult$value !== void 0 ? _rightResult$value : {
-                url: null
-              };
-            } else {
-              LOG$5.warn("Could not resolve right image for job ".concat(id, ": ").concat((_rightResult$reason = rightResult.reason) === null || _rightResult$reason === void 0 ? void 0 : _rightResult$reason.message));
-              right = {
-                url: null
-              };
-            }
-            productMedia = [];
-            if (productResult.status === 'fulfilled') {
-              productMedia = productResult.value;
-            } else {
-              LOG$5.warn("Could not load product media for job ".concat(id, ": ").concat((_productResult$reason = productResult.reason) === null || _productResult$reason === void 0 ? void 0 : _productResult$reason.message));
-            }
-
-            // The render job's `renderImages` (AI input images, ordered) drive the
-            // slide order: each is resolved to the rich product media when the url
-            // matches, to the preview, or a minimal media otherwise. Product media
-            // already represented by a renderImage is not shown again (dedup by url).
-            // The realtime preview is shown first only when there are no renderImages;
-            // once renderImages exist it comes right after them, and only if it is
-            // not already one of them.
-            renderImages = Array.isArray(fetchedJob === null || fetchedJob === void 0 ? void 0 : fetchedJob.renderImages) ? fetchedJob.renderImages.filter(function (image) {
-              return typeof (image === null || image === void 0 ? void 0 : image.url) === 'string' && image.url.length > 0;
-            }) : [];
-            productByUrl = new Map();
-            _iterator = _createForOfIteratorHelper$b(productMedia);
-            try {
-              for (_iterator.s(); !(_step = _iterator.n()).done;) {
-                m = _step.value;
-                if (m.url) productByUrl.set(m.url, m);
-              }
-            } catch (err) {
-              _iterator.e(err);
-            } finally {
-              _iterator.f();
-            }
-            renderImageSet = new Set(renderImages.map(function (image) {
-              return image.url;
-            }));
-            remainingProduct = productMedia.filter(function (m) {
-              return !(m.url && renderImageSet.has(m.url));
+            // failure cannot block the right panel and vice versa - and publish
+            // each of them on its own, so the result image is never held back by
+            // the (much slower) product media fan-out.
+            rightTask = (mediaItemId || mediaItemRef ? resolveMediaItem(baseUrl, jwt, mediaItemId, mediaItemRef) : Promise.resolve(null))["catch"](function (reason) {
+              LOG$5.warn("Could not resolve right image for job ".concat(id, ": ").concat(reason === null || reason === void 0 ? void 0 : reason.message));
+              return null;
+            }).then(function (right) {
+              if (cancelled) return;
+              // The result image is on screen, so the decision actions are released here.
+              setImages(function (prev) {
+                return _objectSpread$h(_objectSpread$h({}, prev), {}, {
+                  right: right !== null && right !== void 0 ? right : {
+                    url: null
+                  }
+                });
+              });
+              setLoading(false);
             });
-            if (renderImages.length > 0) {
-              // Product media (rich metadata) wins on url match; otherwise build a
-              // minimal slide that carries the stored MediaItemRef id so uploaded
-              // images keep their ref when re-selected.
-              renderImageSlides = renderImages.map(function (_ref6) {
-                var _productByUrl$get;
-                var url = _ref6.url,
-                  mediaItemRefId = _ref6.mediaItemRefId;
-                return url === left.url ? left : (_productByUrl$get = productByUrl.get(url)) !== null && _productByUrl$get !== void 0 ? _productByUrl$get : {
-                  url: url,
-                  mediaType: 'PCT',
-                  mediaItemRefId: mediaItemRefId
-                };
+            productTask = (catalogService && typeof productId === 'string' && productId.length > 0 ? fetchProductMedia(catalogService, baseUrl, jwt, productId, left.url) : Promise.resolve([]))["catch"](function (reason) {
+              LOG$5.warn("Could not load product media for job ".concat(id, ": ").concat(reason === null || reason === void 0 ? void 0 : reason.message));
+              return [];
+            }).then(function (productMedia) {
+              if (cancelled || productMedia.length === 0) return;
+              leftSlides = buildLeftSlides(left, renderImages, productMedia);
+              setImages(function (prev) {
+                return _objectSpread$h(_objectSpread$h({}, prev), {}, {
+                  leftSlides: leftSlides
+                });
               });
-              previewAfter = left.url != null && !renderImageSet.has(left.url) ? [left] : [];
-              leftSlides = [].concat(_toConsumableArray(renderImageSlides), previewAfter, _toConsumableArray(remainingProduct));
-            } else {
-              leftSlides = [left].concat(_toConsumableArray(remainingProduct));
-            }
-
-            // Uploaded AI input images are not part of the product media, so their
-            // display name (filename) is resolved from the MediaItemRef (best-effort).
-            _context2.next = 35;
-            return Promise.all(leftSlides.map(/*#__PURE__*/function () {
-              var _ref7 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(slide) {
-                var item;
-                return _regeneratorRuntime.wrap(function _callee$(_context) {
-                  while (1) switch (_context.prev = _context.next) {
-                    case 0:
-                      if (!(slide.name || !slide.mediaItemRefId)) {
-                        _context.next = 2;
-                        break;
-                      }
-                      return _context.abrupt("return");
-                    case 2:
-                      _context.prev = 2;
-                      _context.next = 5;
-                      return fetchJson("".concat(baseUrl, "/v1/mediaitemref/").concat(encodeURIComponent(slide.mediaItemRefId), "/mediaitem"), jwt);
-                    case 5:
-                      item = _context.sent;
-                      if (typeof (item === null || item === void 0 ? void 0 : item.name) === 'string' && item.name.length > 0) slide.name = item.name;
-                      _context.next = 11;
-                      break;
-                    case 9:
-                      _context.prev = 9;
-                      _context.t0 = _context["catch"](2);
-                    case 11:
-                    case "end":
-                      return _context.stop();
-                  }
-                }, _callee, null, [[2, 9]]);
-              }));
-              return function (_x12) {
-                return _ref7.apply(this, arguments);
-              };
-            }()));
-          case 35:
+            });
+            _context.next = 18;
+            return Promise.all([rightTask, productTask]);
+          case 18:
             if (!cancelled) {
-              _context2.next = 37;
+              _context.next = 20;
               break;
             }
-            return _context2.abrupt("return");
-          case 37:
-            setImages({
-              left: left,
-              leftSlides: leftSlides,
-              right: right
+            return _context.abrupt("return");
+          case 20:
+            _context.next = 22;
+            return withResolvedSlideNames(baseUrl, jwt, leftSlides);
+          case 22:
+            named = _context.sent;
+            if (!(cancelled || named === leftSlides)) {
+              _context.next = 25;
+              break;
+            }
+            return _context.abrupt("return");
+          case 25:
+            setImages(function (prev) {
+              return _objectSpread$h(_objectSpread$h({}, prev), {}, {
+                leftSlides: named
+              });
             });
-            _context2.next = 47;
+            _context.next = 35;
             break;
-          case 40:
-            _context2.prev = 40;
-            _context2.t0 = _context2["catch"](0);
+          case 28:
+            _context.prev = 28;
+            _context.t0 = _context["catch"](0);
             if (!cancelled) {
-              _context2.next = 44;
+              _context.next = 32;
               break;
             }
-            return _context2.abrupt("return");
-          case 44:
-            message = (_message = _context2.t0 === null || _context2.t0 === void 0 ? void 0 : _context2.t0.message) !== null && _message !== void 0 ? _message : 'Unknown error';
+            return _context.abrupt("return");
+          case 32:
+            message = (_message = _context.t0 === null || _context.t0 === void 0 ? void 0 : _context.t0.message) !== null && _message !== void 0 ? _message : 'Unknown error';
             LOG$5.error(new DivaError("Failed to load render job ".concat(id, ": ").concat(message), {
               code: 'RENDERAPPROVE_LOAD_JOB'
             }));
             setError(message);
-          case 47:
-            _context2.prev = 47;
+          case 35:
+            _context.prev = 35;
             if (!cancelled) setLoading(false);
-            return _context2.finish(47);
-          case 50:
+            return _context.finish(35);
+          case 38:
           case "end":
-            return _context2.stop();
+            return _context.stop();
         }
-      }, _callee2, null, [[0, 40, 47, 50]]);
+      }, _callee, null, [[0, 28, 35, 38]]);
     }))();
     return function () {
       cancelled = true;
@@ -59645,7 +59733,7 @@ function focusBackConfirmButton(button) {
   ok === null || ok === void 0 || ok.focus();
 }
 function RenderApprove() {
-  var _data$job, _data$job2, _data$images$right2, _data$images$right3, _data$images$leftSlid, _data$job3, _data$job4, _data$job5, _data$job6, _imageFullscreen$name;
+  var _data$job, _data$job2, _data$images$right, _data$images$right2, _data$images$leftSlid, _data$job3, _data$job4, _data$job5, _data$job6, _imageFullscreen$name;
   var store = useStore();
   var navigate = useNavigate();
   var _useTranslation = useTranslation(),
@@ -59763,7 +59851,7 @@ function RenderApprove() {
   var fullscreenMedia = fullscreenSide === 'left' ? data.images.left : fullscreenSide === 'right' ? data.images.right : undefined;
   var openFullscreen = function openFullscreen(side) {
     var media = side === 'left' ? data.images.left : data.images.right;
-    if (!media || typeof media.url !== 'string' || media.url.length === 0) return;
+    if (!getViewerUrl(media)) return;
     setFullscreenSide(side);
   };
   var closeFullscreen = function closeFullscreen() {
@@ -59773,16 +59861,15 @@ function RenderApprove() {
   // Space toggle: prefers the result image (right), falls back to the
   // preview otherwise. When nothing is available the action is a no-op.
   var toggleFullscreen = function toggleFullscreen() {
-    var _data$images$right, _data$images$left;
     if (fullscreenSide) {
       closeFullscreen();
       return;
     }
-    if ((_data$images$right = data.images.right) !== null && _data$images$right !== void 0 && _data$images$right.url) {
+    if (getViewerUrl(data.images.right)) {
       openFullscreen('right');
       return;
     }
-    if ((_data$images$left = data.images.left) !== null && _data$images$left !== void 0 && _data$images$left.url) {
+    if (getViewerUrl(data.images.left)) {
       openFullscreen('left');
     }
   };
@@ -60379,8 +60466,8 @@ function RenderApprove() {
         })
       }), /*#__PURE__*/jsx(MetadataPanel, {
         job: data.job,
-        fileSize: (_data$images$right2 = data.images.right) === null || _data$images$right2 === void 0 ? void 0 : _data$images$right2.fileSize,
-        mediaType: (_data$images$right3 = data.images.right) === null || _data$images$right3 === void 0 ? void 0 : _data$images$right3.mediaType,
+        fileSize: (_data$images$right = data.images.right) === null || _data$images$right === void 0 ? void 0 : _data$images$right.fileSize,
+        mediaType: (_data$images$right2 = data.images.right) === null || _data$images$right2 === void 0 ? void 0 : _data$images$right2.mediaType,
         detailsOpen: detailsOpen,
         onDetailsOpenChange: setDetailsOpen,
         promptOpen: promptOpen,
@@ -60409,7 +60496,6 @@ function RenderApprove() {
           onNext: session.goNext
         }) : /*#__PURE__*/jsx(ApprovalWorkspace, {
           images: data.images,
-          loading: data.loading,
           readonlyDecision: !session.skipProcessedJobs ? session.currentDecision : undefined,
           onOpenFullscreenLeft: function onOpenFullscreenLeft() {
             return openFullscreen('left');

package/build/types/backoffice/src/ui/TableRenderJobs/components/RenderApprove/components/ApprovalWorkspace/index.d.ts

@@ -5,7 +5,6 @@ import { SessionAction } from '../../hooks/useRenderApproveSession';
 import { RenderApproveImages } from '../../../../types';
 interface Props {
     images: RenderApproveImages;
-    loading?: boolean;
     readonlyDecision?: SessionAction;
     onOpenFullscreenLeft: () => void;
     onOpenFullscreenRight: () => void;
@@ -26,6 +25,6 @@ interface Props {
  * Abnahme (approval) use case: side-by-side comparison of preview and result
  * plus the full decision action bar (approve / reject / upload).
  */
-export default function ApprovalWorkspace({ images, loading, readonlyDecision, onOpenFullscreenLeft, onOpenFullscreenRight, onLeftSwiperInit, actionDisabled, busy, readOnly, isFirst, shortcutItems, onApprove, onReject, onPrev, onNext, onUpload, onSetReadyForProduction, }: Props): React.JSX.Element;
+export default function ApprovalWorkspace({ images, readonlyDecision, onOpenFullscreenLeft, onOpenFullscreenRight, onLeftSwiperInit, actionDisabled, busy, readOnly, isFirst, shortcutItems, onApprove, onReject, onPrev, onNext, onUpload, onSetReadyForProduction, }: Props): React.JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/build/types/backoffice/src/ui/TableRenderJobs/components/RenderApprove/components/ApprovalWorkspace/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../../src/ui/TableRenderJobs/components/RenderApprove/components/ApprovalWorkspace/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,QAAQ,CAAC;AAGpD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AACpE,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAExD,UAAU,KAAK;IACb,MAAM,EAAE,mBAAmB,CAAC;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gBAAgB,CAAC,EAAE,aAAa,CAAC;IACjC,oBAAoB,EAAE,MAAM,IAAI,CAAC;IACjC,qBAAqB,EAAE,MAAM,IAAI,CAAC;IAClC,gBAAgB,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IAChD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,EAAE,YAAY,EAAE,CAAC;IAC9B,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,uBAAuB,CAAC,EAAE,MAAM,IAAI,CAAC;CACtC;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,MAAM,EACN,OAAO,EACP,gBAAgB,EAChB,oBAAoB,EACpB,qBAAqB,EACrB,gBAAgB,EAChB,cAAc,EACd,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,aAAa,EACb,SAAS,EACT,QAAQ,EACR,MAAM,EACN,MAAM,EACN,QAAQ,EACR,uBAAuB,GACxB,EAAE,KAAK,qBA2BP"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../../src/ui/TableRenderJobs/components/RenderApprove/components/ApprovalWorkspace/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,QAAQ,CAAC;AAGpD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AACpE,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAExD,UAAU,KAAK;IACb,MAAM,EAAE,mBAAmB,CAAC;IAC5B,gBAAgB,CAAC,EAAE,aAAa,CAAC;IACjC,oBAAoB,EAAE,MAAM,IAAI,CAAC;IACjC,qBAAqB,EAAE,MAAM,IAAI,CAAC;IAClC,gBAAgB,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IAChD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,EAAE,YAAY,EAAE,CAAC;IAC9B,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,uBAAuB,CAAC,EAAE,MAAM,IAAI,CAAC;CACtC;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,MAAM,EACN,gBAAgB,EAChB,oBAAoB,EACpB,qBAAqB,EACrB,gBAAgB,EAChB,cAAc,EACd,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,aAAa,EACb,SAAS,EACT,QAAQ,EACR,MAAM,EACN,MAAM,EACN,QAAQ,EACR,uBAAuB,GACxB,EAAE,KAAK,qBA0BP"}

package/build/types/backoffice/src/ui/TableRenderJobs/components/RenderApprove/components/FullscreenViewer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../../src/ui/TableRenderJobs/components/RenderApprove/components/FullscreenViewer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAGzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAGvD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,cAAc,EAAE,GAAG,CAAC;SACrB;KACF;CACF;AAED,UAAU,KAAK;IACb,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAMD,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,KAAK,qBAiD9E"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../../src/ui/TableRenderJobs/components/RenderApprove/components/FullscreenViewer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAIvD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,cAAc,EAAE,GAAG,CAAC;SACrB;KACF;CACF;AAED,UAAU,KAAK;IACb,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAMD,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,KAAK,qBA6D9E"}

package/build/types/backoffice/src/ui/TableRenderJobs/components/RenderApprove/components/ImagePanel/index.d.ts

@@ -9,12 +9,12 @@ declare global {
 }
 interface Props {
     title: string;
+    /** `undefined` means "not resolved yet" and renders the spinner. */
     media?: RenderApproveMedia;
-    loading?: boolean;
     alt?: string;
     onOpenFullscreen?: () => void;
     headerActions?: React.ReactNode;
 }
-export default function ImagePanel({ title, media, loading, alt, onOpenFullscreen, headerActions }: Props): React.JSX.Element;
+export default function ImagePanel({ title, media, alt, onOpenFullscreen, headerActions }: Props): React.JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/build/types/backoffice/src/ui/TableRenderJobs/components/RenderApprove/components/ImagePanel/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../../src/ui/TableRenderJobs/components/RenderApprove/components/ImagePanel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAGvD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,cAAc,EAAE,GAAG,CAAC;SACrB;KACF;CACF;AAED,UAAU,KAAK;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACjC;AAQD,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,gBAAgB,EAAE,aAAa,EAAE,EAAE,KAAK,qBA0FxG"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../../src/ui/TableRenderJobs/components/RenderApprove/components/ImagePanel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAIvD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,cAAc,EAAE,GAAG,CAAC;SACrB;KACF;CACF;AAED,UAAU,KAAK;IACb,KAAK,EAAE,MAAM,CAAC;IACd,oEAAoE;IACpE,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACjC;AAQD,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,gBAAgB,EAAE,aAAa,EAAE,EAAE,KAAK,qBA4F/F"}

package/build/types/backoffice/src/ui/TableRenderJobs/components/RenderApprove/components/LeftSlider/index.d.ts

@@ -6,7 +6,6 @@ import 'swiper/css/navigation';
 import 'swiper/css/pagination';
 interface Props {
     slides: RenderApproveMedia[];
-    loading?: boolean;
     /** Fullscreen handler used only for the realtime preview slide. */
     onOpenFullscreenFirst?: () => void;
     /** Receives the Swiper instance so the parent can drive prev/next from keyboard shortcuts. */
@@ -20,6 +19,6 @@ interface Props {
  * Swiper's keyboard module is intentionally disabled because Arrow Left/Right
  * are owned by `useKeyboardShortcuts` for navigating between render jobs.
  */
-export default function LeftSlider({ slides, loading, onOpenFullscreenFirst, onSwiperInit }: Props): React.JSX.Element;
+export default function LeftSlider({ slides, onOpenFullscreenFirst, onSwiperInit }: Props): React.JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/build/types/backoffice/src/ui/TableRenderJobs/components/RenderApprove/components/LeftSlider/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../../src/ui/TableRenderJobs/components/RenderApprove/components/LeftSlider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,QAAQ,CAAC;AAKpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAGvD,OAAO,YAAY,CAAC;AACpB,OAAO,uBAAuB,CAAC;AAC/B,OAAO,uBAAuB,CAAC;AAE/B,UAAU,KAAK;IACb,MAAM,EAAE,kBAAkB,EAAE,CAAC;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,mEAAmE;IACnE,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;IACnC,8FAA8F;IAC9F,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;CAC9C;AAED;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,qBAAqB,EAAE,YAAY,EAAE,EAAE,KAAK,qBAsCjG"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../../src/ui/TableRenderJobs/components/RenderApprove/components/LeftSlider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,QAAQ,CAAC;AAKpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAGvD,OAAO,YAAY,CAAC;AACpB,OAAO,uBAAuB,CAAC;AAC/B,OAAO,uBAAuB,CAAC;AAE/B,UAAU,KAAK;IACb,MAAM,EAAE,kBAAkB,EAAE,CAAC;IAC7B,mEAAmE;IACnE,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;IACnC,8FAA8F;IAC9F,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;CAC9C;AAED;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,MAAM,EAAE,qBAAqB,EAAE,YAAY,EAAE,EAAE,KAAK,qBAsCxF"}

package/build/types/backoffice/src/ui/TableRenderJobs/components/RenderApprove/components/SideBySideViewer/index.d.ts

@@ -4,7 +4,6 @@ import { SessionAction } from '../../hooks/useRenderApproveSession';
 import { RenderApproveImages } from '../../../../types';
 interface Props {
     images: RenderApproveImages;
-    loading?: boolean;
     readonlyDecision?: SessionAction;
     onOpenFullscreenLeft?: () => void;
     onOpenFullscreenRight?: () => void;
@@ -14,6 +13,6 @@ interface Props {
     onSetReadyForProduction?: () => void;
     actionsDisabled?: boolean;
 }
-export default function SideBySideViewer({ images, loading, readonlyDecision, onOpenFullscreenLeft, onOpenFullscreenRight, onLeftSwiperInit, onUpload, onSetReadyForProduction, actionsDisabled, }: Props): React.JSX.Element;
+export default function SideBySideViewer({ images, readonlyDecision, onOpenFullscreenLeft, onOpenFullscreenRight, onLeftSwiperInit, onUpload, onSetReadyForProduction, actionsDisabled, }: Props): React.JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/build/types/backoffice/src/ui/TableRenderJobs/components/RenderApprove/components/SideBySideViewer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../../src/ui/TableRenderJobs/components/RenderApprove/components/SideBySideViewer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,QAAQ,CAAC;AAMpD,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AACpE,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAcxD,UAAU,KAAK;IACb,MAAM,EAAE,mBAAmB,CAAC;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gBAAgB,CAAC,EAAE,aAAa,CAAC;IACjC,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;IACnC,+EAA+E;IAC/E,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IACjD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,uBAAuB,CAAC,EAAE,MAAM,IAAI,CAAC;IACrC,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,MAAM,EACN,OAAO,EACP,gBAAgB,EAChB,oBAAoB,EACpB,qBAAqB,EACrB,gBAAgB,EAChB,QAAQ,EACR,uBAAuB,EACvB,eAAe,GAChB,EAAE,KAAK,qBAoFP"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../../src/ui/TableRenderJobs/components/RenderApprove/components/SideBySideViewer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,QAAQ,CAAC;AAMpD,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AACpE,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAcxD,UAAU,KAAK;IACb,MAAM,EAAE,mBAAmB,CAAC;IAC5B,gBAAgB,CAAC,EAAE,aAAa,CAAC;IACjC,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;IACnC,+EAA+E;IAC/E,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IACjD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,uBAAuB,CAAC,EAAE,MAAM,IAAI,CAAC;IACrC,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,MAAM,EACN,gBAAgB,EAChB,oBAAoB,EACpB,qBAAqB,EACrB,gBAAgB,EAChB,QAAQ,EACR,uBAAuB,EACvB,eAAe,GAChB,EAAE,KAAK,qBA6EP"}

package/build/types/backoffice/src/ui/TableRenderJobs/components/RenderApprove/hooks/useRenderJobData.d.ts

@@ -14,6 +14,12 @@ export declare function resolveMediaItem(baseUrl: string, jwt: string | undefine
  * right (resolved media item) images. Each id change cancels the previous
  * fetch via an abort flag so stale responses cannot overwrite newer state.
  *
+ * Everything is revealed in stages, because a job switch otherwise shows
+ * nothing until the slowest request of the whole chain is done: the preview and
+ * the `renderImages` slides come straight from the job document, the result
+ * image is one further request away, and only the product media (one catalog
+ * call plus two media calls per image) and the slide names arrive late.
+ *
  * State mutations (approve/reject) live in `useUpdateRenderJobState` so the
  * session hook can call them without depending on the currently-loaded job.
  */

package/build/types/backoffice/src/ui/TableRenderJobs/components/RenderApprove/hooks/useRenderJobData.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useRenderJobData.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/ui/TableRenderJobs/components/RenderApprove/hooks/useRenderJobData.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAIjG,UAAU,sBAAsB;IAC9B,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,MAAM,EAAE,mBAAmB,CAAC;IAC5B,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8JAA8J;IAC9J,iBAAiB,EAAE,CAAC,YAAY,EAAE,WAAW,EAAE,KAAK,IAAI,CAAC;CAC1D;AAED,wBAAgB,cAAc,CAAC,GAAG,EAAE,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAM7E;AAuHD,wBAAsB,gBAAgB,CACpC,OAAO,EAAE,MAAM,EACf,GAAG,EAAE,MAAM,GAAG,SAAS,EACvB,WAAW,CAAC,EAAE,MAAM,EACpB,YAAY,CAAC,EAAE,MAAM,GACpB,OAAO,CAAC,kBAAkB,GAAG,IAAI,CAAC,CAapC;AAED;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,MAAM,GAAG,sBAAsB,CA6IjG"}
+{"version":3,"file":"useRenderJobData.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/ui/TableRenderJobs/components/RenderApprove/hooks/useRenderJobData.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAIjG,UAAU,sBAAsB;IAC9B,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,MAAM,EAAE,mBAAmB,CAAC;IAC5B,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8JAA8J;IAC9J,iBAAiB,EAAE,CAAC,YAAY,EAAE,WAAW,EAAE,KAAK,IAAI,CAAC;CAC1D;AAED,wBAAgB,cAAc,CAAC,GAAG,EAAE,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAM7E;AA8HD,wBAAsB,gBAAgB,CACpC,OAAO,EAAE,MAAM,EACf,GAAG,EAAE,MAAM,GAAG,SAAS,EACvB,WAAW,CAAC,EAAE,MAAM,EACpB,YAAY,CAAC,EAAE,MAAM,GACpB,OAAO,CAAC,kBAAkB,GAAG,IAAI,CAAC,CAapC;AAoDD;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,MAAM,GAAG,sBAAsB,CAiHjG"}

package/build/types/backoffice/src/ui/TableRenderJobs/components/RenderApprove/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/ui/TableRenderJobs/components/RenderApprove/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAqD3D,MAAM,CAAC,OAAO,UAAU,aAAa,sBA4mBpC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/ui/TableRenderJobs/components/RenderApprove/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAsD3D,MAAM,CAAC,OAAO,UAAU,aAAa,sBA2mBpC"}

package/build/types/backoffice/src/ui/TableRenderJobs/types.d.ts

@@ -69,6 +69,8 @@ export interface RenderApproveMedia {
     name?: string;
     /** Free-form metadata dictionary of the MediaItem / MediaItemRef. */
     metadata?: Record<string, any>;
+    /** Storage-generated image variants keyed by size (e.g. `big`, `gal`). For TIFFs these are PNGs. */
+    variants?: Record<string, string>;
     /** True for the realtime render preview slide (independent of its position). */
     isPreview?: boolean;
 }

package/build/types/backoffice/src/ui/TableRenderJobs/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/TableRenderJobs/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAE7D,MAAM,WAAW,4BAA6B,SAAQ,sBAAsB;IAC1E,IAAI,EAAE,iBAAiB,CAAC;CACzB;AACD,MAAM,WAAW,0BAA2B,SAAQ,sBAAsB;IACxE,IAAI,EAAE,eAAe,CAAC;CACvB;AAED,wFAAwF;AACxF,MAAM,WAAW,WAAW;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,GAAG,EAAE,MAAM,CAAC;CACb;AAED;;;;GAIG;AACH,MAAM,WAAW,SAAS;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,EAAE,GAAG;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,aAAa,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACjE,+GAA+G;IAC/G,YAAY,CAAC,EAAE,WAAW,EAAE,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAED;;;;;;GAMG;AACH,MAAM,WAAW,kBAAkB;IACjC,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,iEAAiE;IACjE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qHAAqH;IACrH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,gHAAgH;IAChH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,+DAA+D;IAC/D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qEAAqE;IACrE,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC/B,gFAAgF;IAChF,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,mBAAmB;IAClC,4EAA4E;IAC5E,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAClC,KAAK,CAAC,EAAE,kBAAkB,CAAC;CAC5B"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/TableRenderJobs/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAE7D,MAAM,WAAW,4BAA6B,SAAQ,sBAAsB;IAC1E,IAAI,EAAE,iBAAiB,CAAC;CACzB;AACD,MAAM,WAAW,0BAA2B,SAAQ,sBAAsB;IACxE,IAAI,EAAE,eAAe,CAAC;CACvB;AAED,wFAAwF;AACxF,MAAM,WAAW,WAAW;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,GAAG,EAAE,MAAM,CAAC;CACb;AAED;;;;GAIG;AACH,MAAM,WAAW,SAAS;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,EAAE,GAAG;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,aAAa,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACjE,+GAA+G;IAC/G,YAAY,CAAC,EAAE,WAAW,EAAE,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAED;;;;;;GAMG;AACH,MAAM,WAAW,kBAAkB;IACjC,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,iEAAiE;IACjE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qHAAqH;IACrH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,gHAAgH;IAChH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,+DAA+D;IAC/D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qEAAqE;IACrE,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC/B,oGAAoG;IACpG,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAClC,gFAAgF;IAChF,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,mBAAmB;IAClC,4EAA4E;IAC5E,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAClC,KAAK,CAAC,EAAE,kBAAkB,CAAC;CAC5B"}

package/build/types/backoffice/src/ui/TableRenderJobs/utils.d.ts

@@ -0,0 +1,14 @@
+import { RenderApproveMedia } from './types';
+/**
+ * Resolves the url a browser can actually display for a media entry.
+ *
+ * Render jobs with `fileFormat: 'tif'` produce TIFF results, which no browser
+ * renders natively. The storage generates PNG variants for them, so the `big`
+ * variant (falling back to `gal`, then the thumbnail) is displayed instead of
+ * the raw `cdnUrl`. Mirrors the handling in the media item table cells.
+ *
+ * @param media the media entry to resolve, may be undefined while loading
+ * @returns the displayable url, or `null` when no renderable source exists
+ */
+export declare function getViewerUrl(media?: RenderApproveMedia): string | null;
+//# sourceMappingURL=utils.d.ts.map

package/build/types/backoffice/src/ui/TableRenderJobs/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/TableRenderJobs/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAK7C;;;;;;;;;;GAUG;AACH,wBAAgB,YAAY,CAAC,KAAK,CAAC,EAAE,kBAAkB,GAAG,MAAM,GAAG,IAAI,CAMtE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crystaldesign/diva-backoffice",
-  "version": "26.9.0-rc.6",
+  "version": "26.9.0-rc.8",
   "license": "COMMERCIAL",
   "devDependencies": {
     "@testing-library/jest-dom": "^6.5.0",
@@ -15,13 +15,13 @@
   "dependencies": {
     "@ant-design/icons": "6.1.0",
     "@babel/runtime": "7.24.7",
-    "@crystaldesign/content-box": "26.9.0-rc.6",
-    "@crystaldesign/content-item": "26.9.0-rc.6",
-    "@crystaldesign/diva-core": "26.9.0-rc.6",
-    "@crystaldesign/diva-utils": "26.9.0-rc.6",
-    "@crystaldesign/media-upload": "26.9.0-rc.6",
-    "@crystaldesign/rtf-editor": "26.9.0-rc.6",
-    "@crystaldesign/spreadsheet": "26.9.0-rc.6",
+    "@crystaldesign/content-box": "26.9.0-rc.8",
+    "@crystaldesign/content-item": "26.9.0-rc.8",
+    "@crystaldesign/diva-core": "26.9.0-rc.8",
+    "@crystaldesign/diva-utils": "26.9.0-rc.8",
+    "@crystaldesign/media-upload": "26.9.0-rc.8",
+    "@crystaldesign/rtf-editor": "26.9.0-rc.8",
+    "@crystaldesign/spreadsheet": "26.9.0-rc.8",
     "@dnd-kit/core": "^6.1.0",
     "@dnd-kit/sortable": "^8.0.0",
     "@dnd-kit/utilities": "^3.2.2",
@@ -56,5 +56,5 @@
   },
   "module": "build/esm/index.js",
   "types": "./build/types/backoffice/src/index.d.ts",
-  "gitHead": "7a05eccf1bafacddb52774c578d95e5946672a6b"
+  "gitHead": "6fbfc9e2ee635edcd5b279101c3118ad0756f12c"
 }