contentoh-components-library 21.6.57 → 21.6.58

package/dist/components/pages/ProviderProductEdition/index.js

@@ -39,6 +39,10 @@ var _data = require("../../../global-files/data");
 
 var _customHooks = require("../../../global-files/customHooks");
 
+var _useDigitalAssets = require("../../../global-files/digital-assets/useDigitalAssets");
+
+var _assets = require("../../../global-files/digital-assets/assets.reducer");
+
 var _GeneralButton = require("../../atoms/GeneralButton");
 
 var _GenericModal = require("../../atoms/GenericModal");
@@ -53,6 +57,8 @@ var _GalleryElement = require("../../molecules/GalleryElement");
 
 var _GalleryHeader = require("../../molecules/GalleryHeader");
 
+var _GalleryTrayTabs = require("../../molecules/GalleryTrayTabs");
+
 var _HeaderTop = require("../../molecules/HeaderTop");
 
 var _index = require("../../molecules/TagAndInput/index");
@@ -63,6 +69,8 @@ var _FullTabsMenu = require("../../organisms/FullTabsMenu");
 
 var _ImageDataTable = require("../../organisms/ImageDataTable");
 
+var _DigitalAssetsTray = require("../../organisms/DigitalAssetsTray");
+
 var _ImagePreviewer = require("../../organisms/ImagePreviewer");
 
 var _InputGroup = require("../../organisms/InputGroup");
@@ -100,7 +108,7 @@ var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["attributes"];
 
 var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
-  var _state$product, _location$state4, _state$product3, _state$product4, _state$product5, _state$product6, _state$product7, _state$product8, _state$product19, _pendingPropagation$k, _state$product24, _family$variants2, _variantGroup$members3, _variantGroup$group, _state$product25, _state$product26, _state$product27, _state$active_retaile5, _state$product28, _state$product29, _state$product30, _variantGroup$group2, _location$state5, _location$state6, _state$active_retaile6, _state$active_retaile7, _state$images_values$2, _state$images_values10, _state$images_values11, _state$active_retaile8, _state$product31, _state$product32, _state$product33, _state$product34, _family$variants3, _family$variants4, _family$variants5, _variantGroup$members4, _variantGroup$members5, _state$active_percent, _state$active_percent2, _state$active_retaile9, _state$active_retaile10, _state$active_retaile11, _state$product40, _state$descriptions_i, _state$services3, _state$services3$data, _state$product41, _state$product42, _state$datasheets_inp, _state$datasheets_inp2, _state$datasheets_inp3, _state$product43, _state$images_values12;
+  var _state$product, _state$product$id_art, _state$product2, _location$state4, _state$product4, _state$product5, _state$product6, _state$product7, _state$product8, _state$product9, _state$product20, _pendingPropagation$k, _state$product25, _family$variants2, _variantGroup$members3, _variantGroup$group, _state$product26, _state$product27, _state$product28, _state$active_retaile5, _state$product29, _state$product30, _state$product31, _variantGroup$group2, _location$state5, _location$state6, _state$active_retaile6, _state$active_retaile7, _state$images_values$2, _state$images_values10, _state$images_values11, _state$active_retaile8, _state$product32, _state$product33, _state$product34, _state$product35, _family$variants3, _family$variants4, _family$variants5, _variantGroup$members4, _variantGroup$members5, _state$active_percent, _state$active_percent2, _state$active_retaile9, _state$active_retaile10, _state$active_retaile11, _state$product41, _state$descriptions_i, _state$services3, _state$services3$data, _state$product42, _state$product43, _state$datasheets_inp, _state$datasheets_inp2, _state$datasheets_inp3, _state$product44, _state$images_values$3, _state$images_values12, _state$images_values13, _state$images_values14;
 
   var tabsSections = _ref.tabsSections,
       _ref$productSelected = _ref.productSelected,
@@ -116,7 +124,9 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
       setShowContentohRequestModal = _ref.setShowContentohRequestModal,
       showSurvey = _ref.showSurvey,
       company = _ref.company,
-      addToCart = _ref.addToCart;
+      addToCart = _ref.addToCart,
+      _ref$enableDigitalAss = _ref.enableDigitalAssets,
+      enableDigitalAssets = _ref$enableDigitalAss === void 0 ? false : _ref$enableDigitalAss;
 
   var _useProviderProductEd = (0, _providerProductEdition.useProviderProductEdition)(),
       state = _useProviderProductEd.state,
@@ -125,6 +135,8 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
       saveDescriptions = _useProviderProductEd.saveDescriptions,
       updateImages = _useProviderProductEd.updateImages,
       deleteImages = _useProviderProductEd.deleteImages,
+      saveAssets = _useProviderProductEd.saveAssets,
+      registerUploadedAssets = _useProviderProductEd.registerUploadedAssets,
       handleOnDownloadImages = _useProviderProductEd.handleOnDownloadImages,
       createComment = _useProviderProductEd.createComment;
 
@@ -240,6 +252,63 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
       _useState36 = (0, _slicedToArray2.default)(_useState35, 2),
       origin = _useState36[0],
       setOrigin = _useState36[1];
+  /*
+    Bandeja de activos digitales. La lista vive en el reducer de la ficha
+    (`state.assets_values`), igual que las imágenes, para que el guardado del
+    contexto pueda leerla. El hook solo aporta validación y ciclo de vida.
+  */
+
+
+  var _useState37 = (0, _react.useState)([]),
+      _useState38 = (0, _slicedToArray2.default)(_useState37, 2),
+      assetNotices = _useState38[0],
+      setAssetNotices = _useState38[1];
+
+  var digitalAssets = (0, _useDigitalAssets.useDigitalAssets)({
+    assets: state.assets_values,
+    dispatch: dispatch,
+    notices: assetNotices,
+    setNotices: setAssetNotices,
+    // Con los dos, la subida a S3 arranca sola al soltar los archivos. Sin
+    // ellos —en Storybook, por ejemplo— la bandeja funciona igual pero no sube.
+    articleId: (_state$product$id_art = (_state$product2 = state.product) === null || _state$product2 === void 0 ? void 0 : _state$product2.id_article) !== null && _state$product$id_art !== void 0 ? _state$product$id_art : null,
+    token: token,
+    // Al terminar la subida el activo queda registrado solo, sin esperar al
+    // botón de guardar: con la barra llena, nadie supone que falta un paso.
+    onUploaded: function onUploaded(uploaded) {
+      return registerUploadedAssets(token, uploaded);
+    }
+  });
+
+  var _useState39 = (0, _react.useState)(_GalleryTrayTabs.TRAYS.IMAGES),
+      _useState40 = (0, _slicedToArray2.default)(_useState39, 2),
+      activeTray = _useState40[0],
+      setActiveTray = _useState40[1];
+
+  var currentTray = enableDigitalAssets ? activeTray : _GalleryTrayTabs.TRAYS.IMAGES;
+  /*
+    De qué artículo se cargaron ya los activos. `state.services` se recalcula
+    cada vez que cambia la cadena activa, pero los activos son generales: no
+    dependen de la cadena, así que recargarlos borraría lo que el usuario
+    acaba de soltar y todavía no guarda. Por eso se cargan una sola vez por
+    artículo.
+  */
+
+  var assetsLoadedFor = (0, _react.useRef)(null);
+
+  var handleOnSetSelectedAssets = function handleOnSetSelectedAssets(assets) {
+    return dispatch({
+      type: "SET_SELECTED_ASSETS",
+      payload: assets
+    });
+  };
+
+  var handleOnSetAllAssetsChecked = function handleOnSetAllAssetsChecked(isChecked) {
+    return dispatch({
+      type: "TOGGLE_CHECK_ALL_ASSETS",
+      payload: isChecked
+    });
+  };
 
   var _useCloseModal = (0, _customHooks.useCloseModal)("version-selector"),
       _useCloseModal2 = (0, _slicedToArray2.default)(_useCloseModal, 2),
@@ -366,19 +435,19 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
     de antes hasta que alguien cierra y reabre el producto.
   */
 
-  var _useState37 = (0, _react.useState)(0),
-      _useState38 = (0, _slicedToArray2.default)(_useState37, 2),
-      linkNonce = _useState38[0],
-      setLinkNonce = _useState38[1]; // Setter de los servicios y porcentages del producto
+  var _useState41 = (0, _react.useState)(0),
+      _useState42 = (0, _slicedToArray2.default)(_useState41, 2),
+      linkNonce = _useState42[0],
+      setLinkNonce = _useState42[1]; // Setter de los servicios y porcentages del producto
 
 
   (0, _react.useEffect)(function () {
     if (!state.product || !state.active_retailer) return;
     console.log("Fetch services and percentages");
-    var _state$product2 = state.product,
-        id_article = _state$product2.id_article,
-        version = _state$product2.version,
-        id_order = _state$product2.id_order;
+    var _state$product3 = state.product,
+        id_article = _state$product3.id_article,
+        version = _state$product3.version,
+        id_order = _state$product3.id_order;
     var _state$active_retaile = state.active_retailer,
         category = _state$active_retaile.category,
         id_category = _state$active_retaile.id_category,
@@ -487,6 +556,17 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
                   type: "SET_SERVICES_DATA",
                   payload: servicesDataRes
                 });
+                /*
+                  Activos digitales. `services[2].assets` todavía no existe en la
+                  respuesta del backend: hasta que exista, esto no hace nada, y el día
+                  que llegue la bandeja se llena sola sin tocar nada más.
+                */
+
+                if (Array.isArray(services[2].assets) && assetsLoadedFor.current !== id_article) {
+                  assetsLoadedFor.current = id_article;
+                  digitalAssets.replaceAll(services[2].assets);
+                }
+
                 dispatch({
                   type: "SET_PERCENTAGES",
                   payload: percentages
@@ -502,11 +582,11 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
                   type: "SET_ACTIVE_PERCENTAGES",
                   payload: activePercentage
                 });
-                _context2.next = 32;
+                _context2.next = 33;
                 break;
 
-              case 28:
-                _context2.prev = 28;
+              case 29:
+                _context2.prev = 29;
                 _context2.t0 = _context2["catch"](1);
                 console.error("Error fetching data:", _context2.t0);
                 dispatch({
@@ -514,20 +594,20 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
                   payload: _context2.t0
                 });
 
-              case 32:
-                _context2.prev = 32;
+              case 33:
+                _context2.prev = 33;
                 dispatch({
                   type: "SET_LOADING",
                   payload: false
                 });
-                return _context2.finish(32);
+                return _context2.finish(33);
 
-              case 35:
+              case 36:
               case "end":
                 return _context2.stop();
             }
           }
-        }, _callee2, null, [[1, 28, 32, 35]]);
+        }, _callee2, null, [[1, 29, 33, 36]]);
       }));
 
       return function fetchData() {
@@ -536,7 +616,7 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
     }();
 
     fetchData();
-  }, [(_state$product3 = state.product) === null || _state$product3 === void 0 ? void 0 : _state$product3.datasheet_status, (_state$product4 = state.product) === null || _state$product4 === void 0 ? void 0 : _state$product4.description_status, (_state$product5 = state.product) === null || _state$product5 === void 0 ? void 0 : _state$product5.images_status, (_state$product6 = state.product) === null || _state$product6 === void 0 ? void 0 : _state$product6.status, (_state$product7 = state.product) === null || _state$product7 === void 0 ? void 0 : _state$product7.percentages, (_state$product8 = state.product) === null || _state$product8 === void 0 ? void 0 : _state$product8.version, state.active_retailer, token, linkNonce]); // Actualizador de campos del ui para que coincidan con el retailer activo
+  }, [(_state$product4 = state.product) === null || _state$product4 === void 0 ? void 0 : _state$product4.datasheet_status, (_state$product5 = state.product) === null || _state$product5 === void 0 ? void 0 : _state$product5.description_status, (_state$product6 = state.product) === null || _state$product6 === void 0 ? void 0 : _state$product6.images_status, (_state$product7 = state.product) === null || _state$product7 === void 0 ? void 0 : _state$product7.status, (_state$product8 = state.product) === null || _state$product8 === void 0 ? void 0 : _state$product8.percentages, (_state$product9 = state.product) === null || _state$product9 === void 0 ? void 0 : _state$product9.version, state.active_retailer, token, linkNonce]); // Actualizador de campos del ui para que coincidan con el retailer activo
 
   (0, _react.useEffect)(function () {
     if (!state.active_retailer) return;
@@ -595,9 +675,9 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
   }, [state.services]); // Helper functions
 
   var canShowValidationButtons = function canShowValidationButtons() {
-    var _state$product9;
+    var _state$product10;
 
-    if (!((_state$product9 = state.product) !== null && _state$product9 !== void 0 && _state$product9.statusByRetailer)) return false;
+    if (!((_state$product10 = state.product) !== null && _state$product10 !== void 0 && _state$product10.statusByRetailer)) return false;
 
     try {
       var currentService = (0, _utils.getConceptByTab)(state.active_tab); // const currentStatus = state.product[`${currentService}_status`];
@@ -718,12 +798,63 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
   };
 
   var handleOnClickSaveImages = function handleOnClickSaveImages() {
-    var _state$product10, _state$product10$serv;
+    var _state$product11, _state$product11$serv;
 
-    if (((_state$product10 = state.product) === null || _state$product10 === void 0 ? void 0 : (_state$product10$serv = _state$product10.services) === null || _state$product10$serv === void 0 ? void 0 : _state$product10$serv.images) === 1) {
+    if (((_state$product11 = state.product) === null || _state$product11 === void 0 ? void 0 : (_state$product11$serv = _state$product11.services) === null || _state$product11$serv === void 0 ? void 0 : _state$product11$serv.images) === 1) {
       updateImages();
     }
   };
+  /*
+    Guarda los activos y fuerza la recarga si algo se escribió.
+     Esta pantalla no tiene una función `loadData` reutilizable como
+    RetailerProductEdition: la carga de servicios vive en un `useEffect` que
+    solo se dispara por sus dependencias. `linkNonce` ya existe ahí para eso
+    mismo —forzar un refetch sin recargar la página—, así que se reutiliza en
+    vez de duplicar el mecanismo.
+     La recarga no es opcional: un activo recién creado sigue en memoria con su
+    id temporal y sin el id de la base. Sin volver a leer, el siguiente
+    guardado lo mandaría otra vez como nuevo y se duplicaría.
+  */
+
+
+  var handleOnSaveAssets = /*#__PURE__*/function () {
+    var _ref7 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3() {
+      var guardado;
+      return _regenerator.default.wrap(function _callee3$(_context3) {
+        while (1) {
+          switch (_context3.prev = _context3.next) {
+            case 0:
+              _context3.next = 2;
+              return saveAssets(token);
+
+            case 2:
+              guardado = _context3.sent;
+
+              if (guardado) {
+                _context3.next = 5;
+                break;
+              }
+
+              return _context3.abrupt("return");
+
+            case 5:
+              assetsLoadedFor.current = null;
+              setLinkNonce(function (n) {
+                return n + 1;
+              });
+
+            case 7:
+            case "end":
+              return _context3.stop();
+          }
+        }
+      }, _callee3);
+    }));
+
+    return function handleOnSaveAssets() {
+      return _ref7.apply(this, arguments);
+    };
+  }();
 
   var handleOnApproveAll = function handleOnApproveAll() {
     var currentOrigin = origin[state.active_tab];
@@ -813,8 +944,106 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
   var handleOnReject = function handleOnReject() {
     setShowRejectModal(true);
   };
+  /*
+    Descarga de activos: los seleccionados, o todos si no hay selección — el
+    mismo criterio que usa la descarga de imágenes.
+     Solo se descarga lo que ya está en S3. Un activo recién soltado vive como
+    referencia al archivo del disco del usuario: "descargarlo" le devolvería el
+    archivo que él mismo acaba de elegir, lo cual no tiene sentido.
+  */
+
+
+  var handleOnDownloadAssets = function handleOnDownloadAssets() {
+    var seleccion = state.selected_assets.length ? state.selected_assets : state.assets_values;
+    var descargables = seleccion.filter(function (asset) {
+      return asset.id && asset.url;
+    });
+
+    if (descargables.length === 0) {
+      dispatch({
+        type: "SET_MODAL",
+        payload: {
+          show: true,
+          title: "Nada que descargar",
+          message: "Los activos seleccionados todavía no se han guardado. Guárdalos primero.",
+          image: _genericModalWarning.default
+        }
+      });
+      return;
+    }
+
+    descargables.forEach(function (asset) {
+      return (0, _fileSaver.saveAs)(asset.url, asset.name);
+    });
+  };
+  /*
+    Borrado en lote de activos.
+     A diferencia de las imágenes, que se borran contra el backend en el
+    momento, los activos se quitan de la bandeja y su baja viaja en el mismo
+    PUT del guardado (`deleteAssets`). Es lo que permite al usuario deshacerse
+    de un borrado por error: basta con no guardar. El mensaje lo dice, para que
+    nadie se quede pensando que ya se aplicó.
+  */
+
+
+  var handleOnAskToDeleteAssets = function handleOnAskToDeleteAssets() {
+    if (state.selected_assets.length === 0) {
+      dispatch({
+        type: "SET_MODAL",
+        payload: {
+          show: true,
+          title: "Eliminar activos digitales",
+          message: "No has seleccionado ningún activo para eliminar.",
+          image: _genericModalWarning.default
+        }
+      });
+      return;
+    }
+
+    var seleccionados = state.selected_assets;
+    dispatch({
+      type: "SET_MODAL",
+      payload: {
+        show: true,
+        title: "Eliminar activos digitales",
+        message: "Se quitar\xE1n ".concat(seleccionados.length, " activo(s) de la bandeja. El borrado se aplica al guardar."),
+        image: _genericModalWarning.default,
+        buttons: [{
+          text: "Cancelar",
+          buttonType: "general-white-button",
+          action: function action() {
+            return dispatch({
+              type: "SET_MODAL",
+              payload: {
+                show: false
+              }
+            });
+          }
+        }, {
+          text: "Eliminar",
+          buttonType: "general-button-default",
+          action: function action() {
+            dispatch({
+              type: "SET_MODAL",
+              payload: {
+                show: false
+              }
+            });
+            seleccionados.forEach(function (asset) {
+              return digitalAssets.removeAsset(asset);
+            });
+          }
+        }]
+      }
+    });
+  };
 
   var handleOnAskToDeleteImages = function handleOnAskToDeleteImages() {
+    if (currentTray === _GalleryTrayTabs.TRAYS.ASSETS) {
+      handleOnAskToDeleteAssets();
+      return;
+    }
+
     if (state.selected_images.length === 0) {
       dispatch({
         type: "SET_MODAL",
@@ -925,13 +1154,13 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
 
 
   var destinosPosibles = function destinosPosibles() {
-    var _state$product11, _variantGroup$members, _state$product$varian, _state$product12;
+    var _state$product12, _variantGroup$members, _state$product$varian, _state$product13;
 
-    if ((_state$product11 = state.product) !== null && _state$product11 !== void 0 && _state$product11.parentArticleId) return 0;
+    if ((_state$product12 = state.product) !== null && _state$product12 !== void 0 && _state$product12.parentArticleId) return 0;
     var companeras = ((_variantGroup$members = variantGroup === null || variantGroup === void 0 ? void 0 : variantGroup.members) !== null && _variantGroup$members !== void 0 ? _variantGroup$members : []).filter(function (m) {
       return !m.isCurrent;
     });
-    return ((_state$product$varian = (_state$product12 = state.product) === null || _state$product12 === void 0 ? void 0 : _state$product12.variantsCount) !== null && _state$product$varian !== void 0 ? _state$product$varian : 0) + companeras.length;
+    return ((_state$product$varian = (_state$product13 = state.product) === null || _state$product13 === void 0 ? void 0 : _state$product13.variantsCount) !== null && _state$product$varian !== void 0 ? _state$product$varian : 0) + companeras.length;
   };
 
   var handleOnClickSave = function handleOnClickSave() {
@@ -969,7 +1198,7 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
 
       case "Ficha técnica":
         {
-          var _variantGroup$members2, _state$product13, _state$product14;
+          var _variantGroup$members2, _state$product14, _state$product15;
 
           // Guardar un padre con hijos abre la decisión de propagar. Sin este
           // paso el cambio se queda solo en el padre y los hijos se van
@@ -996,8 +1225,8 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
             él no queda ningún destino posible.
           */
 
-          var esHijo = !!((_state$product13 = state.product) !== null && _state$product13 !== void 0 && _state$product13.parentArticleId);
-          var hayDestinos = !esHijo && (((_state$product14 = state.product) === null || _state$product14 === void 0 ? void 0 : _state$product14.variantsCount) > 0 || companeras.length > 0);
+          var esHijo = !!((_state$product14 = state.product) !== null && _state$product14 !== void 0 && _state$product14.parentArticleId);
+          var hayDestinos = !esHijo && (((_state$product15 = state.product) === null || _state$product15 === void 0 ? void 0 : _state$product15.variantsCount) > 0 || companeras.length > 0);
           var cambios = cambiosDeFichaTecnica();
 
           if (hayDestinos && cambios.length > 0) {
@@ -1021,6 +1250,14 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
         }
 
       case "Imágenes":
+        // Se guarda la bandeja que el usuario tiene a la vista: guardar las
+        // dos de golpe mandaría cambios de la otra bandeja que quizá no dio
+        // por terminados.
+        if (currentTray === _GalleryTrayTabs.TRAYS.ASSETS) {
+          handleOnSaveAssets();
+          return;
+        }
+
         updateImages(token);
         break;
 
@@ -1063,30 +1300,30 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
 
 
   var loadFamily = /*#__PURE__*/function () {
-    var _ref7 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3() {
+    var _ref8 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4() {
       var forzar,
-          _state$product15,
+          _state$product16,
           res,
-          _args3 = arguments;
+          _args4 = arguments;
 
-      return _regenerator.default.wrap(function _callee3$(_context3) {
+      return _regenerator.default.wrap(function _callee4$(_context4) {
         while (1) {
-          switch (_context3.prev = _context3.next) {
+          switch (_context4.prev = _context4.next) {
             case 0:
-              forzar = _args3.length > 0 && _args3[0] !== undefined ? _args3[0] : false;
+              forzar = _args4.length > 0 && _args4[0] !== undefined ? _args4[0] : false;
 
               if (!(family && !forzar)) {
-                _context3.next = 3;
+                _context4.next = 3;
                 break;
               }
 
-              return _context3.abrupt("return", family);
+              return _context4.abrupt("return", family);
 
             case 3:
-              _context3.prev = 3;
-              _context3.next = 6;
+              _context4.prev = 3;
+              _context4.next = 6;
               return _axios.default.post("".concat(process.env.REACT_APP_VARIANTS_ENDPOINT, "/family"), {
-                articleId: (_state$product15 = state.product) === null || _state$product15 === void 0 ? void 0 : _state$product15.id_article
+                articleId: (_state$product16 = state.product) === null || _state$product16 === void 0 ? void 0 : _state$product16.id_article
               }, {
                 headers: {
                   Authorization: token
@@ -1094,15 +1331,15 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
               });
 
             case 6:
-              res = _context3.sent;
+              res = _context4.sent;
               setFamily((0, _api.readPayload)(res));
-              _context3.next = 14;
+              _context4.next = 14;
               break;
 
             case 10:
-              _context3.prev = 10;
-              _context3.t0 = _context3["catch"](3);
-              console.error("loadFamily: ", _context3.t0);
+              _context4.prev = 10;
+              _context4.t0 = _context4["catch"](3);
+              console.error("loadFamily: ", _context4.t0);
               setFamily({
                 variants: [],
                 parent: null,
@@ -1111,14 +1348,14 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
 
             case 14:
             case "end":
-              return _context3.stop();
+              return _context4.stop();
           }
         }
-      }, _callee3, null, [[3, 10]]);
+      }, _callee4, null, [[3, 10]]);
     }));
 
     return function loadFamily() {
-      return _ref7.apply(this, arguments);
+      return _ref8.apply(this, arguments);
     };
   }();
   /*
@@ -1152,30 +1389,30 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
 
 
   var openMultipleEdition = /*#__PURE__*/function () {
-    var _ref8 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4() {
+    var _ref9 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee5() {
       var _family$variants;
 
       var ids, res, _readPayload, data, productos;
 
-      return _regenerator.default.wrap(function _callee4$(_context4) {
+      return _regenerator.default.wrap(function _callee5$(_context5) {
         while (1) {
-          switch (_context4.prev = _context4.next) {
+          switch (_context5.prev = _context5.next) {
             case 0:
               ids = ((_family$variants = family === null || family === void 0 ? void 0 : family.variants) !== null && _family$variants !== void 0 ? _family$variants : []).map(function (variant) {
                 return variant.articleId;
               });
 
               if (ids.length) {
-                _context4.next = 3;
+                _context5.next = 3;
                 break;
               }
 
-              return _context4.abrupt("return");
+              return _context5.abrupt("return");
 
             case 3:
               setPreparandoEdicionMultiple(true);
-              _context4.prev = 4;
-              _context4.next = 7;
+              _context5.prev = 4;
+              _context5.next = 7;
               return _axios.default.get("".concat(process.env.REACT_APP_NEW_ARTICLES_ENDPOINT), {
                 params: {
                   listType: "general",
@@ -1187,34 +1424,34 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
               });
 
             case 7:
-              res = _context4.sent;
+              res = _context5.sent;
               _readPayload = (0, _api.readPayload)(res), data = _readPayload.data;
               productos = (data !== null && data !== void 0 ? data : []).filter(function (item) {
                 return ids.includes(Number(item.id_article));
               });
 
               if (productos.length) {
-                _context4.next = 13;
+                _context5.next = 13;
                 break;
               }
 
               console.error("openMultipleEdition: sin productos que abrir");
-              return _context4.abrupt("return");
+              return _context5.abrupt("return");
 
             case 13:
               sessionStorage.setItem("multipleEditionList", JSON.stringify(productos.sort(function (a, b) {
                 return a.id_article - b.id_article;
               })));
               window.location.assign("/products/multipleEdition");
-              _context4.next = 21;
+              _context5.next = 21;
               break;
 
             case 17:
-              _context4.prev = 17;
-              _context4.t0 = _context4["catch"](4);
+              _context5.prev = 17;
+              _context5.t0 = _context5["catch"](4);
               // Se avisa y se queda donde está: navegar con la lista vieja abriría otros
               // productos, y navegar sin lista deja la pantalla rota.
-              console.error("openMultipleEdition: ", _context4.t0);
+              console.error("openMultipleEdition: ", _context5.t0);
               dispatch({
                 type: "SET_MODAL",
                 payload: {
@@ -1226,20 +1463,20 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
               });
 
             case 21:
-              _context4.prev = 21;
+              _context5.prev = 21;
               setPreparandoEdicionMultiple(false);
-              return _context4.finish(21);
+              return _context5.finish(21);
 
             case 24:
             case "end":
-              return _context4.stop();
+              return _context5.stop();
           }
         }
-      }, _callee4, null, [[4, 17, 21, 24]]);
+      }, _callee5, null, [[4, 17, 21, 24]]);
     }));
 
     return function openMultipleEdition() {
-      return _ref8.apply(this, arguments);
+      return _ref9.apply(this, arguments);
     };
   }();
   /*
@@ -1251,10 +1488,10 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
   */
 
 
-  var _useState39 = (0, _react.useState)(null),
-      _useState40 = (0, _slicedToArray2.default)(_useState39, 2),
-      porDesvincular = _useState40[0],
-      setPorDesvincular = _useState40[1];
+  var _useState43 = (0, _react.useState)(null),
+      _useState44 = (0, _slicedToArray2.default)(_useState43, 2),
+      porDesvincular = _useState44[0],
+      setPorDesvincular = _useState44[1];
   /*
     Después de desvincular, esta ficha cambia de forma.
      Si el producto se soltó de su padre, deja de ser hijo y vuelve a poder ligar
@@ -1265,14 +1502,14 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
 
 
   var handleOnUnlinked = function handleOnUnlinked(result) {
-    var _state$product$varian2, _state$product16, _updatedProduct$varia;
+    var _state$product$varian2, _state$product17, _updatedProduct$varia;
 
     if (!result) return;
     var updatedProduct = result.mode === "self" ? (0, _objectSpread4.default)((0, _objectSpread4.default)({}, state.product), {}, {
       parentArticleId: null,
       variantsCount: 0
     }) : (0, _objectSpread4.default)((0, _objectSpread4.default)({}, state.product), {}, {
-      variantsCount: Math.max(((_state$product$varian2 = (_state$product16 = state.product) === null || _state$product16 === void 0 ? void 0 : _state$product16.variantsCount) !== null && _state$product$varian2 !== void 0 ? _state$product$varian2 : 1) - 1, 0)
+      variantsCount: Math.max(((_state$product$varian2 = (_state$product17 = state.product) === null || _state$product17 === void 0 ? void 0 : _state$product17.variantsCount) !== null && _state$product$varian2 !== void 0 ? _state$product$varian2 : 1) - 1, 0)
     });
     dispatch({
       type: "SET_PRODUCT",
@@ -1320,31 +1557,31 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
 
 
   var loadVariantGroup = /*#__PURE__*/function () {
-    var _ref9 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee5() {
+    var _ref10 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee6() {
       var forzar,
-          _state$product17,
+          _state$product18,
           res,
           data,
-          _args5 = arguments;
+          _args6 = arguments;
 
-      return _regenerator.default.wrap(function _callee5$(_context5) {
+      return _regenerator.default.wrap(function _callee6$(_context6) {
         while (1) {
-          switch (_context5.prev = _context5.next) {
+          switch (_context6.prev = _context6.next) {
             case 0:
-              forzar = _args5.length > 0 && _args5[0] !== undefined ? _args5[0] : false;
+              forzar = _args6.length > 0 && _args6[0] !== undefined ? _args6[0] : false;
 
               if (!(variantGroup && !forzar)) {
-                _context5.next = 3;
+                _context6.next = 3;
                 break;
               }
 
-              return _context5.abrupt("return", variantGroup);
+              return _context6.abrupt("return", variantGroup);
 
             case 3:
-              _context5.prev = 3;
-              _context5.next = 6;
+              _context6.prev = 3;
+              _context6.next = 6;
               return _axios.default.post("".concat(process.env.REACT_APP_VARIANTS_ENDPOINT, "/group"), {
-                articleId: (_state$product17 = state.product) === null || _state$product17 === void 0 ? void 0 : _state$product17.id_article
+                articleId: (_state$product18 = state.product) === null || _state$product18 === void 0 ? void 0 : _state$product18.id_article
               }, {
                 headers: {
                   Authorization: token
@@ -1352,55 +1589,55 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
               });
 
             case 6:
-              res = _context5.sent;
+              res = _context6.sent;
               data = (0, _api.readPayload)(res);
               setVariantGroup(data);
-              return _context5.abrupt("return", data);
+              return _context6.abrupt("return", data);
 
             case 12:
-              _context5.prev = 12;
-              _context5.t0 = _context5["catch"](3);
-              console.error("loadVariantGroup: ", _context5.t0);
+              _context6.prev = 12;
+              _context6.t0 = _context6["catch"](3);
+              console.error("loadVariantGroup: ", _context6.t0);
               setVariantGroup({
                 group: null,
                 members: [],
                 error: true
               });
-              return _context5.abrupt("return", null);
+              return _context6.abrupt("return", null);
 
             case 17:
             case "end":
-              return _context5.stop();
+              return _context6.stop();
           }
         }
-      }, _callee5, null, [[3, 12]]);
+      }, _callee6, null, [[3, 12]]);
     }));
 
     return function loadVariantGroup() {
-      return _ref9.apply(this, arguments);
+      return _ref10.apply(this, arguments);
     };
   }();
 
   (0, _react.useEffect)(function () {
-    var _state$product18;
+    var _state$product19;
 
-    if (!((_state$product18 = state.product) !== null && _state$product18 !== void 0 && _state$product18.id_article)) return;
+    if (!((_state$product19 = state.product) !== null && _state$product19 !== void 0 && _state$product19.id_article)) return;
     loadVariantGroup(true); // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [(_state$product19 = state.product) === null || _state$product19 === void 0 ? void 0 : _state$product19.id_article]); // Saca el producto del grupo. Los demás miembros siguen agrupados entre ellos;
+  }, [(_state$product20 = state.product) === null || _state$product20 === void 0 ? void 0 : _state$product20.id_article]); // Saca el producto del grupo. Los demás miembros siguen agrupados entre ellos;
   // si era el último, el grupo deja de existir, porque no vive en ninguna tabla.
 
   var handleOnLeaveGroup = /*#__PURE__*/function () {
-    var _ref10 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee6() {
-      var _state$product20, res;
+    var _ref11 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee7() {
+      var _state$product21, res;
 
-      return _regenerator.default.wrap(function _callee6$(_context6) {
+      return _regenerator.default.wrap(function _callee7$(_context7) {
         while (1) {
-          switch (_context6.prev = _context6.next) {
+          switch (_context7.prev = _context7.next) {
             case 0:
-              _context6.prev = 0;
-              _context6.next = 3;
+              _context7.prev = 0;
+              _context7.next = 3;
               return _axios.default.post("".concat(process.env.REACT_APP_VARIANTS_ENDPOINT, "/leave"), {
-                articleId: (_state$product20 = state.product) === null || _state$product20 === void 0 ? void 0 : _state$product20.id_article
+                articleId: (_state$product21 = state.product) === null || _state$product21 === void 0 ? void 0 : _state$product21.id_article
               }, {
                 headers: {
                   Authorization: token
@@ -1408,16 +1645,16 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
               });
 
             case 3:
-              res = _context6.sent;
+              res = _context7.sent;
               setVariantGroup((0, _api.readPayload)(res));
               setShowGroup(false);
-              _context6.next = 12;
+              _context7.next = 12;
               break;
 
             case 8:
-              _context6.prev = 8;
-              _context6.t0 = _context6["catch"](0);
-              console.error("leaveVariantGroup: ", _context6.t0);
+              _context7.prev = 8;
+              _context7.t0 = _context7["catch"](0);
+              console.error("leaveVariantGroup: ", _context7.t0);
               dispatch({
                 type: "SET_MODAL",
                 payload: {
@@ -1443,28 +1680,28 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
 
             case 12:
             case "end":
-              return _context6.stop();
+              return _context7.stop();
           }
         }
-      }, _callee6, null, [[0, 8]]);
+      }, _callee7, null, [[0, 8]]);
     }));
 
     return function handleOnLeaveGroup() {
-      return _ref10.apply(this, arguments);
+      return _ref11.apply(this, arguments);
     };
   }();
 
   var openVariant = /*#__PURE__*/function () {
-    var _ref11 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee7(articleId) {
+    var _ref12 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee8(articleId) {
       var res, _readPayload2, data, encontrado;
 
-      return _regenerator.default.wrap(function _callee7$(_context7) {
+      return _regenerator.default.wrap(function _callee8$(_context8) {
         while (1) {
-          switch (_context7.prev = _context7.next) {
+          switch (_context8.prev = _context8.next) {
             case 0:
               setLoadingVariant(articleId);
-              _context7.prev = 1;
-              _context7.next = 4;
+              _context8.prev = 1;
+              _context8.next = 4;
               return _axios.default.get("".concat(process.env.REACT_APP_NEW_ARTICLES_ENDPOINT), {
                 params: {
                   listType: "general",
@@ -1476,7 +1713,7 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
               });
 
             case 4:
-              res = _context7.sent;
+              res = _context8.sent;
               // read-articles-v2 responde { count, data: [...] }.
               _readPayload2 = (0, _api.readPayload)(res), data = _readPayload2.data;
               encontrado = (data !== null && data !== void 0 ? data : []).find(function (item) {
@@ -1496,33 +1733,33 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
                 }));
               }
 
-              _context7.next = 13;
+              _context8.next = 13;
               break;
 
             case 10:
-              _context7.prev = 10;
-              _context7.t0 = _context7["catch"](1);
+              _context8.prev = 10;
+              _context8.t0 = _context8["catch"](1);
               // Si la consulta falla se navega igual: la pantalla mostrará el producto
               // que hubiera en sessionStorage, que es el comportamiento de siempre.
               // Peor sería dejar el clic sin efecto y que pareciera que no responde.
-              console.error("openVariant: ", _context7.t0);
+              console.error("openVariant: ", _context8.t0);
 
             case 13:
-              _context7.prev = 13;
+              _context8.prev = 13;
               setLoadingVariant(null);
               window.location.assign("/products/".concat(articleId, "/datasheet"));
-              return _context7.finish(13);
+              return _context8.finish(13);
 
             case 17:
             case "end":
-              return _context7.stop();
+              return _context8.stop();
           }
         }
-      }, _callee7, null, [[1, 10, 13, 17]]);
+      }, _callee8, null, [[1, 10, 13, 17]]);
     }));
 
     return function openVariant(_x2) {
-      return _ref11.apply(this, arguments);
+      return _ref12.apply(this, arguments);
     };
   }();
   /*
@@ -1538,11 +1775,11 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
 
 
   var handleOnLinkedVariants = function handleOnLinkedVariants(result) {
-    var _state$product$varian3, _state$product21, _result$linked, _result$parentArticle;
+    var _state$product$varian3, _state$product22, _result$linked, _result$parentArticle;
 
     if (!result) return;
     var updatedProduct = result.mode === "children" ? (0, _objectSpread4.default)((0, _objectSpread4.default)({}, state.product), {}, {
-      variantsCount: ((_state$product$varian3 = (_state$product21 = state.product) === null || _state$product21 === void 0 ? void 0 : _state$product21.variantsCount) !== null && _state$product$varian3 !== void 0 ? _state$product$varian3 : 0) + ((_result$linked = result.linked) !== null && _result$linked !== void 0 ? _result$linked : []).length
+      variantsCount: ((_state$product$varian3 = (_state$product22 = state.product) === null || _state$product22 === void 0 ? void 0 : _state$product22.variantsCount) !== null && _state$product$varian3 !== void 0 ? _state$product$varian3 : 0) + ((_result$linked = result.linked) !== null && _result$linked !== void 0 ? _result$linked : []).length
     }) : (0, _objectSpread4.default)((0, _objectSpread4.default)({}, state.product), {}, {
       parentArticleId: (_result$parentArticle = result.parentArticleId) !== null && _result$parentArticle !== void 0 ? _result$parentArticle : null,
       variantsCount: 0
@@ -1600,31 +1837,31 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
 
 
   var handleOnRestoreInheritance = /*#__PURE__*/function () {
-    var _ref12 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee8(attributeId) {
-      var _state$product22;
+    var _ref13 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee9(attributeId) {
+      var _state$product23;
 
       var kind,
           esDescripcion,
           res,
           data,
-          _args8 = arguments;
-      return _regenerator.default.wrap(function _callee8$(_context8) {
+          _args9 = arguments;
+      return _regenerator.default.wrap(function _callee9$(_context9) {
         while (1) {
-          switch (_context8.prev = _context8.next) {
+          switch (_context9.prev = _context9.next) {
             case 0:
-              kind = _args8.length > 1 && _args8[1] !== undefined ? _args8[1] : "attribute";
+              kind = _args9.length > 1 && _args9[1] !== undefined ? _args9[1] : "attribute";
 
-              if (!(!attributeId || !((_state$product22 = state.product) !== null && _state$product22 !== void 0 && _state$product22.id_article))) {
-                _context8.next = 3;
+              if (!(!attributeId || !((_state$product23 = state.product) !== null && _state$product23 !== void 0 && _state$product23.id_article))) {
+                _context9.next = 3;
                 break;
               }
 
-              return _context8.abrupt("return");
+              return _context9.abrupt("return");
 
             case 3:
               esDescripcion = kind === "description";
-              _context8.prev = 4;
-              _context8.next = 7;
+              _context9.prev = 4;
+              _context9.next = 7;
               return _axios.default.post("".concat(process.env.REACT_APP_VARIANTS_ENDPOINT, "/restore"), (0, _objectSpread4.default)({
                 articleId: state.product.id_article
               }, esDescripcion ? {
@@ -1638,13 +1875,13 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
               });
 
             case 7:
-              res = _context8.sent;
+              res = _context9.sent;
               // El API responde 200 aunque la lambda haya devuelto 400: el resultado
               // real viaja en el cuerpo y readPayload lo convierte en excepción.
               data = (0, _api.readPayload)(res);
 
               if (!esDescripcion) {
-                _context8.next = 12;
+                _context9.next = 12;
                 break;
               }
 
@@ -1658,7 +1895,7 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
                   };
                 })
               });
-              return _context8.abrupt("return");
+              return _context9.abrupt("return");
 
             case 12:
               dispatch({
@@ -1671,24 +1908,24 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
                   };
                 })
               });
-              _context8.next = 18;
+              _context9.next = 18;
               break;
 
             case 15:
-              _context8.prev = 15;
-              _context8.t0 = _context8["catch"](4);
-              console.error("restoreInheritance: ", _context8.t0);
+              _context9.prev = 15;
+              _context9.t0 = _context9["catch"](4);
+              console.error("restoreInheritance: ", _context9.t0);
 
             case 18:
             case "end":
-              return _context8.stop();
+              return _context9.stop();
           }
         }
-      }, _callee8, null, [[4, 15]]);
+      }, _callee9, null, [[4, 15]]);
     }));
 
     return function handleOnRestoreInheritance(_x3) {
-      return _ref12.apply(this, arguments);
+      return _ref13.apply(this, arguments);
     };
   }();
 
@@ -1723,14 +1960,14 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
   };
 
   var sendEvaluation = /*#__PURE__*/function () {
-    var _ref13 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee9(result) {
-      var _state$product$id_ord, _state$active_retaile4, _state$product$status, _state$product$status2, _state$product23;
+    var _ref14 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee10(result) {
+      var _state$product$id_ord, _state$active_retaile4, _state$product$status, _state$product$status2, _state$product24;
 
       var concept, articleId, orderId, retailerId, evalStatus, data, _newStatuses$newStatu, _state$services_data, res, newStatuses, serviceStatus, updatedStatusByRetailer, updatedProduct, updatedServicesData;
 
-      return _regenerator.default.wrap(function _callee9$(_context9) {
+      return _regenerator.default.wrap(function _callee10$(_context10) {
         while (1) {
-          switch (_context9.prev = _context9.next) {
+          switch (_context10.prev = _context10.next) {
             case 0:
               dispatch({
                 type: "SET_SAVING",
@@ -1740,23 +1977,23 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
               articleId = state.product.id_article;
               orderId = (_state$product$id_ord = state.product.id_order) !== null && _state$product$id_ord !== void 0 ? _state$product$id_ord : state.product.orderId;
               retailerId = (_state$active_retaile4 = state.active_retailer) === null || _state$active_retaile4 === void 0 ? void 0 : _state$active_retaile4.id_retailer;
-              evalStatus = ((_state$product$status = state.product.statusByRetailer) === null || _state$product$status === void 0 ? void 0 : (_state$product$status2 = _state$product$status[retailerId]) === null || _state$product$status2 === void 0 ? void 0 : _state$product$status2[concept]) || state.product["".concat(concept, "_status")] || ((_state$product23 = state.product) === null || _state$product23 === void 0 ? void 0 : _state$product23.version_status);
+              evalStatus = ((_state$product$status = state.product.statusByRetailer) === null || _state$product$status === void 0 ? void 0 : (_state$product$status2 = _state$product$status[retailerId]) === null || _state$product$status2 === void 0 ? void 0 : _state$product$status2[concept]) || state.product["".concat(concept, "_status")] || ((_state$product24 = state.product) === null || _state$product24 === void 0 ? void 0 : _state$product24.version_status);
               data = {
                 articleId: articleId,
                 orderId: orderId,
                 concept: concept,
                 evalStatus: evalStatus
               };
-              _context9.prev = 7;
+              _context10.prev = 7;
 
               if (!result) {
-                _context9.next = 22;
+                _context10.next = 22;
                 break;
               }
 
               data.result = result;
               data.retailerId = retailerId;
-              _context9.next = 13;
+              _context10.next = 13;
               return _axios.default.put("".concat(process.env.REACT_APP_EVALUATION_ENDPOINT), data, {
                 headers: {
                   Authorization: token
@@ -1764,7 +2001,7 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
               });
 
             case 13:
-              res = _context9.sent;
+              res = _context10.sent;
               newStatuses = JSON.parse(res.data.body);
               serviceStatus = newStatuses.newServiceStatus[articleId]["".concat(concept, "Status")]; // Actualizar el producto con los nuevos estados
 
@@ -1801,13 +2038,13 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
               });
 
             case 22:
-              _context9.next = 28;
+              _context10.next = 28;
               break;
 
             case 24:
-              _context9.prev = 24;
-              _context9.t0 = _context9["catch"](7);
-              console.error("Error sending evaluation:", _context9.t0);
+              _context10.prev = 24;
+              _context10.t0 = _context10["catch"](7);
+              console.error("Error sending evaluation:", _context10.t0);
               dispatch({
                 type: "SET_MODAL",
                 payload: {
@@ -1819,32 +2056,32 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
               });
 
             case 28:
-              _context9.prev = 28;
+              _context10.prev = 28;
               dispatch({
                 type: "SET_SAVING",
                 payload: false
               });
-              return _context9.finish(28);
+              return _context10.finish(28);
 
             case 31:
             case "end":
-              return _context9.stop();
+              return _context10.stop();
           }
         }
-      }, _callee9, null, [[7, 24, 28, 31]]);
+      }, _callee10, null, [[7, 24, 28, 31]]);
     }));
 
     return function sendEvaluation(_x4) {
-      return _ref13.apply(this, arguments);
+      return _ref14.apply(this, arguments);
     };
   }();
 
   var evaluationToRetailer = /*#__PURE__*/function () {
-    var _ref14 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee10(result) {
+    var _ref15 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee11(result) {
       var data, statusComplete, updatedProduct;
-      return _regenerator.default.wrap(function _callee10$(_context10) {
+      return _regenerator.default.wrap(function _callee11$(_context11) {
         while (1) {
-          switch (_context10.prev = _context10.next) {
+          switch (_context11.prev = _context11.next) {
             case 0:
               dispatch({
                 type: "SET_SAVING",
@@ -1856,8 +2093,8 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
                 versionId: state.product.version,
                 status: result
               };
-              _context10.prev = 2;
-              _context10.next = 5;
+              _context11.prev = 2;
+              _context11.next = 5;
               return _axios.default.put("".concat(process.env.REACT_APP_RETAILER_REQUEST), data, {
                 headers: {
                   Authorization: token
@@ -1887,13 +2124,13 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
                   image: _genericModalCheck.default
                 }
               });
-              _context10.next = 15;
+              _context11.next = 15;
               break;
 
             case 11:
-              _context10.prev = 11;
-              _context10.t0 = _context10["catch"](2);
-              console.error("Error evaluating to retailer:", _context10.t0);
+              _context11.prev = 11;
+              _context11.t0 = _context11["catch"](2);
+              console.error("Error evaluating to retailer:", _context11.t0);
               dispatch({
                 type: "SET_MODAL",
                 payload: {
@@ -1905,23 +2142,23 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
               });
 
             case 15:
-              _context10.prev = 15;
+              _context11.prev = 15;
               dispatch({
                 type: "SET_SAVING",
                 payload: false
               });
-              return _context10.finish(15);
+              return _context11.finish(15);
 
             case 18:
             case "end":
-              return _context10.stop();
+              return _context11.stop();
           }
         }
-      }, _callee10, null, [[2, 11, 15, 18]]);
+      }, _callee11, null, [[2, 11, 15, 18]]);
     }));
 
     return function evaluationToRetailer(_x5) {
-      return _ref14.apply(this, arguments);
+      return _ref15.apply(this, arguments);
     };
   }();
 
@@ -2052,18 +2289,18 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
   };
 
   var handleOnEvaluateAll = /*#__PURE__*/function () {
-    var _ref15 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee11(result) {
+    var _ref16 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee12(result) {
       var _state$product$id_ord2, _state$services_data2, evaluationArray, conceptArray, dataGeneral, isProvider, userType, status, updatedStatusByRetailer, updatedProduct;
 
-      return _regenerator.default.wrap(function _callee11$(_context11) {
+      return _regenerator.default.wrap(function _callee12$(_context12) {
         while (1) {
-          switch (_context11.prev = _context11.next) {
+          switch (_context12.prev = _context12.next) {
             case 0:
               dispatch({
                 type: "SET_SAVING",
                 payload: true
               });
-              _context11.prev = 1;
+              _context12.prev = 1;
               evaluationArray = [];
               conceptArray = ["description", "datasheet", "images"];
               dataGeneral = {
@@ -2094,7 +2331,7 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
                 }));
               }); // Ejecutar todas las evaluaciones
 
-              _context11.next = 9;
+              _context12.next = 9;
               return Promise.all(evaluationArray);
 
             case 9:
@@ -2139,13 +2376,13 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
                   image: _genericModalCheck.default
                 }
               });
-              _context11.next = 24;
+              _context12.next = 24;
               break;
 
             case 20:
-              _context11.prev = 20;
-              _context11.t0 = _context11["catch"](1);
-              console.error("Error evaluating all:", _context11.t0);
+              _context12.prev = 20;
+              _context12.t0 = _context12["catch"](1);
+              console.error("Error evaluating all:", _context12.t0);
               dispatch({
                 type: "SET_MODAL",
                 payload: {
@@ -2157,24 +2394,24 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
               });
 
             case 24:
-              _context11.prev = 24;
+              _context12.prev = 24;
               dispatch({
                 type: "SET_SAVING",
                 payload: false
               });
               setRejectAll(false);
-              return _context11.finish(24);
+              return _context12.finish(24);
 
             case 28:
             case "end":
-              return _context11.stop();
+              return _context12.stop();
           }
         }
-      }, _callee11, null, [[1, 20, 24, 28]]);
+      }, _callee12, null, [[1, 20, 24, 28]]);
     }));
 
     return function handleOnEvaluateAll(_x6) {
-      return _ref15.apply(this, arguments);
+      return _ref16.apply(this, arguments);
     };
   }();
 
@@ -2225,7 +2462,7 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
       }), pendingPropagation && /*#__PURE__*/(0, _jsxRuntime.jsx)(_PropagateChangesModal.PropagateChangesModal, {
         changedAttributes: pendingPropagation.cambios,
         kind: (_pendingPropagation$k = pendingPropagation.kind) !== null && _pendingPropagation$k !== void 0 ? _pendingPropagation$k : "datasheet",
-        variants: (_state$product24 = state.product) !== null && _state$product24 !== void 0 && _state$product24.parentArticleId ? [] : ((_family$variants2 = family === null || family === void 0 ? void 0 : family.variants) !== null && _family$variants2 !== void 0 ? _family$variants2 : []).filter(function (v) {
+        variants: (_state$product25 = state.product) !== null && _state$product25 !== void 0 && _state$product25.parentArticleId ? [] : ((_family$variants2 = family === null || family === void 0 ? void 0 : family.variants) !== null && _family$variants2 !== void 0 ? _family$variants2 : []).filter(function (v) {
           return !v.isCurrent;
         }),
         groupMembers: ((_variantGroup$members3 = variantGroup === null || variantGroup === void 0 ? void 0 : variantGroup.members) !== null && _variantGroup$members3 !== void 0 ? _variantGroup$members3 : []).filter(function (m) {
@@ -2265,9 +2502,9 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
           }
         }
       }), showLinkVariants && /*#__PURE__*/(0, _jsxRuntime.jsx)(_LinkVariantsModal.LinkVariantsModal, {
-        articleId: (_state$product25 = state.product) === null || _state$product25 === void 0 ? void 0 : _state$product25.id_article,
-        articleName: (_state$product26 = state.product) === null || _state$product26 === void 0 ? void 0 : _state$product26.name,
-        articleUpc: (_state$product27 = state.product) === null || _state$product27 === void 0 ? void 0 : _state$product27.upc,
+        articleId: (_state$product26 = state.product) === null || _state$product26 === void 0 ? void 0 : _state$product26.id_article,
+        articleName: (_state$product27 = state.product) === null || _state$product27 === void 0 ? void 0 : _state$product27.name,
+        articleUpc: (_state$product28 = state.product) === null || _state$product28 === void 0 ? void 0 : _state$product28.upc,
         activeRetailerId: (_state$active_retaile5 = state.active_retailer) === null || _state$active_retaile5 === void 0 ? void 0 : _state$active_retaile5.id_retailer,
         token: token,
         onClose: function onClose() {
@@ -2275,9 +2512,9 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
         },
         onLinked: handleOnLinkedVariants
       }), showGroupModal && /*#__PURE__*/(0, _jsxRuntime.jsx)(_VariantGroupModal.VariantGroupModal, {
-        articleId: (_state$product28 = state.product) === null || _state$product28 === void 0 ? void 0 : _state$product28.id_article,
-        articleName: (_state$product29 = state.product) === null || _state$product29 === void 0 ? void 0 : _state$product29.name,
-        articleUpc: (_state$product30 = state.product) === null || _state$product30 === void 0 ? void 0 : _state$product30.upc,
+        articleId: (_state$product29 = state.product) === null || _state$product29 === void 0 ? void 0 : _state$product29.id_article,
+        articleName: (_state$product30 = state.product) === null || _state$product30 === void 0 ? void 0 : _state$product30.name,
+        articleUpc: (_state$product31 = state.product) === null || _state$product31 === void 0 ? void 0 : _state$product31.upc,
         currentGroup: (_variantGroup$group2 = variantGroup === null || variantGroup === void 0 ? void 0 : variantGroup.group) !== null && _variantGroup$group2 !== void 0 ? _variantGroup$group2 : null,
         token: token,
         onClose: function onClose() {
@@ -2353,21 +2590,21 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
           type: "pink",
           label: "Aceptar",
           size: 12,
-          onClick: /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee12() {
+          onClick: /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee13() {
             var elements, isMessageEmpty, container, existingAlert, alert, fullMessage;
-            return _regenerator.default.wrap(function _callee12$(_context12) {
+            return _regenerator.default.wrap(function _callee13$(_context13) {
               while (1) {
-                switch (_context12.prev = _context12.next) {
+                switch (_context13.prev = _context13.next) {
                   case 0:
                     elements = document.querySelectorAll("#modal-message-box .ql-container .ql-editor > p");
 
                     if (!(!elements || elements.length === 0)) {
-                      _context12.next = 4;
+                      _context13.next = 4;
                       break;
                     }
 
                     console.error("Elemento no encontrado");
-                    return _context12.abrupt("return");
+                    return _context13.abrupt("return");
 
                   case 4:
                     isMessageEmpty = Array.from(elements).every(function (el) {
@@ -2376,7 +2613,7 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
                     });
 
                     if (!isMessageEmpty) {
-                      _context12.next = 10;
+                      _context13.next = 10;
                       break;
                     }
 
@@ -2391,13 +2628,13 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
                       container.appendChild(alert);
                     }
 
-                    return _context12.abrupt("return");
+                    return _context13.abrupt("return");
 
                   case 10:
                     fullMessage = Array.from(elements).map(function (element) {
                       return element.innerHTML;
                     }).join("").replace(/<br\s*\/?>/gi, "\n");
-                    _context12.next = 13;
+                    _context13.next = 13;
                     return createComment(fullMessage, token);
 
                   case 13:
@@ -2406,10 +2643,10 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
 
                   case 15:
                   case "end":
-                    return _context12.stop();
+                    return _context13.stop();
                 }
               }
-            }, _callee12);
+            }, _callee13);
           }))
         }, "btn-Aceptar")]
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_HeaderTop.HeaderTop, {
@@ -2436,7 +2673,7 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
             activeImage: (_state$images_values10 = state.images_values) !== null && _state$images_values10 !== void 0 && _state$images_values10.values ? (_state$images_values11 = state.images_values) === null || _state$images_values11 === void 0 ? void 0 : _state$images_values11.values[state.current_image] : {},
             assignationsImages: assig,
             retailerSelected: (_state$active_retaile8 = state.active_retailer) === null || _state$active_retaile8 === void 0 ? void 0 : _state$active_retaile8.id_retailer,
-            imagesStatus: ((_state$product31 = state.product) === null || _state$product31 === void 0 ? void 0 : _state$product31.images_status) || "-",
+            imagesStatus: ((_state$product32 = state.product) === null || _state$product32 === void 0 ? void 0 : _state$product32.images_status) || "-",
             isRetailer: isRetailer,
             setShowVersionSelector: setShowVersionSelector,
             version: state.product.version,
@@ -2449,7 +2686,7 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
           className: "product-information",
           children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
             className: "product-information",
-            children: [!((_state$product32 = state.product) !== null && _state$product32 !== void 0 && _state$product32.parentArticleId) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            children: [!((_state$product33 = state.product) !== null && _state$product33 !== void 0 && _state$product33.parentArticleId) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
               className: "variants-actions",
               children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
                 type: "button",
@@ -2458,7 +2695,7 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
                   return setShowLinkVariants(true);
                 },
                 children: "Ligar productos"
-              }), ((_state$product33 = state.product) === null || _state$product33 === void 0 ? void 0 : _state$product33.variantsCount) > 0 && /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
+              }), ((_state$product34 = state.product) === null || _state$product34 === void 0 ? void 0 : _state$product34.variantsCount) > 0 && /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
                 type: "button",
                 className: "variants-count",
                 "aria-expanded": showFamily,
@@ -2473,7 +2710,7 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
                   children: showFamily ? " ▴" : " ▾"
                 })]
               })]
-            }), ((_state$product34 = state.product) === null || _state$product34 === void 0 ? void 0 : _state$product34.parentArticleId) && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            }), ((_state$product35 = state.product) === null || _state$product35 === void 0 ? void 0 : _state$product35.parentArticleId) && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
               className: "variants-actions",
               children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
                 type: "button",
@@ -2522,13 +2759,13 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
                   className: "desvincular",
                   title: "Dejar de ser hijo de este producto",
                   onClick: function onClick() {
-                    var _state$product35, _state$product36, _state$product37;
+                    var _state$product36, _state$product37, _state$product38;
 
                     return setPorDesvincular({
                       mode: "self",
-                      childArticleId: (_state$product35 = state.product) === null || _state$product35 === void 0 ? void 0 : _state$product35.id_article,
-                      childName: (_state$product36 = state.product) === null || _state$product36 === void 0 ? void 0 : _state$product36.name,
-                      childUpc: (_state$product37 = state.product) === null || _state$product37 === void 0 ? void 0 : _state$product37.upc,
+                      childArticleId: (_state$product36 = state.product) === null || _state$product36 === void 0 ? void 0 : _state$product36.id_article,
+                      childName: (_state$product37 = state.product) === null || _state$product37 === void 0 ? void 0 : _state$product37.name,
+                      childUpc: (_state$product38 = state.product) === null || _state$product38 === void 0 ? void 0 : _state$product38.upc,
                       parentName: family.parent.name,
                       parentUpc: family.parent.upc
                     });
@@ -2560,15 +2797,15 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
                     className: "desvincular",
                     title: "Desvincular este hijo",
                     onClick: function onClick() {
-                      var _state$product38, _state$product39;
+                      var _state$product39, _state$product40;
 
                       return setPorDesvincular({
                         mode: "child",
                         childArticleId: variant.articleId,
                         childName: variant.name,
                         childUpc: variant.upc,
-                        parentName: (_state$product38 = state.product) === null || _state$product38 === void 0 ? void 0 : _state$product38.name,
-                        parentUpc: (_state$product39 = state.product) === null || _state$product39 === void 0 ? void 0 : _state$product39.upc
+                        parentName: (_state$product39 = state.product) === null || _state$product39 === void 0 ? void 0 : _state$product39.name,
+                        parentUpc: (_state$product40 = state.product) === null || _state$product40 === void 0 ? void 0 : _state$product40.upc
                       });
                     },
                     children: "Desvincular"
@@ -2677,7 +2914,7 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
               updatedImages: state.updated_images_values,
               images: state.services.images // actions
               ,
-              downloadImages: handleOnDownloadImages,
+              downloadImages: currentTray === _GalleryTrayTabs.TRAYS.ASSETS ? handleOnDownloadAssets : handleOnDownloadImages,
               askToDeleteImages: handleOnAskToDeleteImages,
               showSaveButton: canShowSaveButton(state.product.version_status),
               onClickSave: handleOnClickSave // setters
@@ -2695,7 +2932,7 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
               className: "services-information-container " + (imageLayout && state.active_tab === "Imágenes" ? "image-services" : ""),
               children: state.saving ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Loading.Loading, {}) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-                children: [state.active_tab === "Descripción" && (((_state$product40 = state.product) === null || _state$product40 === void 0 ? void 0 : _state$product40.description_status) !== "NS" ? (_state$descriptions_i = state.descriptions_inputs) !== null && _state$descriptions_i !== void 0 && _state$descriptions_i[0] ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputGroup.InputGroup, {
+                children: [state.active_tab === "Descripción" && (((_state$product41 = state.product) === null || _state$product41 === void 0 ? void 0 : _state$product41.description_status) !== "NS" ? (_state$descriptions_i = state.descriptions_inputs) !== null && _state$descriptions_i !== void 0 && _state$descriptions_i[0] ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputGroup.InputGroup, {
                   activeSection: state.active_tab,
                   inputGroup: state.descriptions_inputs[0],
                   updatedDescriptions: state.updated_descriptions_inputs
@@ -2706,7 +2943,7 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
                   ,
                   variant: (_state$services3 = state.services) === null || _state$services3 === void 0 ? void 0 : (_state$services3$data = _state$services3.datasheets) === null || _state$services3$data === void 0 ? void 0 : _state$services3$data.variant,
                   onRestoreInheritance: handleOnRestoreInheritance,
-                  articleId: (_state$product41 = state.product) === null || _state$product41 === void 0 ? void 0 : _state$product41.id_article,
+                  articleId: (_state$product42 = state.product) === null || _state$product42 === void 0 ? void 0 : _state$product42.id_article,
                   version: state.product.version,
                   isShowbox: false,
                   dinamicHeight: true,
@@ -2718,7 +2955,7 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
                 }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
                   text: "No cuentas con este servicio",
                   headerType: "input-name-header"
-                })), state.active_tab === "Ficha técnica" && (((_state$product42 = state.product) === null || _state$product42 === void 0 ? void 0 : _state$product42.datasheet_status) !== "NS" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+                })), state.active_tab === "Ficha técnica" && (((_state$product43 = state.product) === null || _state$product43 === void 0 ? void 0 : _state$product43.datasheet_status) !== "NS" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
                   children: ((_state$datasheets_inp = state.datasheets_inputs) === null || _state$datasheets_inp === void 0 ? void 0 : (_state$datasheets_inp2 = _state$datasheets_inp[0]) === null || _state$datasheets_inp2 === void 0 ? void 0 : (_state$datasheets_inp3 = _state$datasheets_inp2.data) === null || _state$datasheets_inp3 === void 0 ? void 0 : _state$datasheets_inp3.length) > 0 ? state.datasheets_inputs[0].data.map(function (dataGroup, index) {
                     var _state$datasheets_inp4, _state$services4, _state$services4$data, _state$services$datas3;
 
@@ -2748,14 +2985,32 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
                 }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
                   text: "No cuentas con este servicio",
                   headerType: "input-name-header"
-                })), state.active_tab === "Imágenes" && (((_state$product43 = state.product) === null || _state$product43 === void 0 ? void 0 : _state$product43.images_status) !== "NS" ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-                  children: [!imageLayout && /*#__PURE__*/(0, _jsxRuntime.jsx)(_GalleryHeader.GalleryHeader, {
+                })), state.active_tab === "Imágenes" && (((_state$product44 = state.product) === null || _state$product44 === void 0 ? void 0 : _state$product44.images_status) !== "NS" ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+                  children: [enableDigitalAssets && /*#__PURE__*/(0, _jsxRuntime.jsx)(_GalleryTrayTabs.GalleryTrayTabs, {
+                    activeTray: currentTray,
+                    setActiveTray: setActiveTray,
+                    imagesCount: (_state$images_values$3 = (_state$images_values12 = state.images_values) === null || _state$images_values12 === void 0 ? void 0 : (_state$images_values13 = _state$images_values12.values) === null || _state$images_values13 === void 0 ? void 0 : _state$images_values13.length) !== null && _state$images_values$3 !== void 0 ? _state$images_values$3 : 0,
+                    assetsCount: digitalAssets.assets.length
+                  }), currentTray === _GalleryTrayTabs.TRAYS.ASSETS && /*#__PURE__*/(0, _jsxRuntime.jsx)("section", {
+                    className: "container",
+                    style: {
+                      position: "relative"
+                    },
+                    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DigitalAssetsTray.DigitalAssetsTray, (0, _objectSpread4.default)((0, _objectSpread4.default)({}, digitalAssets), {}, {
+                      unsaved: (0, _assets.countUnsavedAssets)(state),
+                      gridLayout: imageLayout,
+                      readOnly: false,
+                      selectedAssets: state.selected_assets,
+                      setSelectedAssets: handleOnSetSelectedAssets,
+                      setCheckAll: handleOnSetAllAssetsChecked
+                    }))
+                  }), currentTray === _GalleryTrayTabs.TRAYS.IMAGES && !imageLayout && /*#__PURE__*/(0, _jsxRuntime.jsx)(_GalleryHeader.GalleryHeader, {
                     checkAll: state.all_image_checked // Determina si el checkbox "Seleccionar todo" está marcado
                     ,
                     setCheckAll: handleOnSetCheckAll // Toggler de true o false para el checkbox "Seleccionar todo"
                     ,
                     setSelectedImages: handleOnSetSelectedImages
-                  }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("section", {
+                  }), currentTray === _GalleryTrayTabs.TRAYS.IMAGES && /*#__PURE__*/(0, _jsxRuntime.jsxs)("section", {
                     className: "container",
                     style: {
                       position: "relative"
@@ -2771,7 +3026,7 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
                       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("aside", {
                         children: thumbs()
                       })]
-                    })), ((_state$images_values12 = state.images_values) === null || _state$images_values12 === void 0 ? void 0 : _state$images_values12.values.length) === 0 && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+                    })), ((_state$images_values14 = state.images_values) === null || _state$images_values14 === void 0 ? void 0 : _state$images_values14.values.length) === 0 && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
                       style: {
                         position: "absolute",
                         top: "50%",