contentoh-components-library 21.6.55 → 21.6.57

package/dist/components/pages/CreatorsProductEdition/hooks/useCreatorsProductEdition.js

@@ -0,0 +1,2967 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useCreatorsProductEdition = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/typeof"));
+
+var _objectSpread5 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
+var _react = require("react");
+
+var _axios = _interopRequireDefault(require("axios"));
+
+var _reactDropzone = require("react-dropzone");
+
+var _fileSaver = require("file-saver");
+
+var _providerProductEdition = require("../../RetailerProductEdition/context/provider-product-edition.context");
+
+var _product = require("../../RetailerProductEdition/context/reducers/product");
+
+var _utils = require("../../RetailerProductEdition/utils");
+
+var _generateThumnail = _interopRequireDefault(require("../../RetailerProductEdition/generateThumnail"));
+
+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 _GalleryTrayTabs = require("../../../molecules/GalleryTrayTabs");
+
+var _nonPropagable = require("../../../organisms/PropagateChangesModal/non-propagable");
+
+var _api = require("../../../organisms/LinkVariantsModal/api");
+
+var _genericModalCheck = _interopRequireDefault(require("../../../../assets/images/genericModal/genericModalCheck.svg"));
+
+var _errorModal = _interopRequireDefault(require("../../../../assets/images/genericModal/errorModal.svg"));
+
+var _genericModalWarning = _interopRequireDefault(require("../../../../assets/images/genericModal/genericModalWarning.svg"));
+
+var _attributesSent = _interopRequireDefault(require("../../../../assets/images/modalsSVGs/attributesSent.svg"));
+
+var _descriptionSent = _interopRequireDefault(require("../../../../assets/images/modalsSVGs/descriptionSent.svg"));
+
+var _uploadingImages = _interopRequireDefault(require("../../../../assets/images/modalsSVGs/uploadingImages.svg"));
+
+/**
+ * Lógica de la edición de producto de Creators.
+ *
+ * COPIA LITERAL de `RetailerProductEdition/index.js` (commit ff06fba), líneas
+ * 122-317, 365-2182 y 2309-2320: todo lo que no es JSX. Se copió en vez de
+ * compartirse porque la vista actual no se puede tocar. Consecuencia: un fix
+ * en RetailerProductEdition hay que portarlo aquí a mano. Para ver qué cambió
+ * desde la copia:
+ *
+ *   git diff ff06fba -- src/components/pages/RetailerProductEdition/index.js
+ *
+ * Lo único que no se copió: `thumbs` (JSX de la galería, vive en la vista) y
+ * el skeleton. El botón de "comentario revisado" se dejó fuera a propósito:
+ * en el original llama a `commentRevised()`, que no existe.
+ */
+function obtenerDuracionVideoBase64(base64Data) {
+  return new Promise(function (resolve, reject) {
+    var video = document.createElement("video");
+    video.src = base64Data;
+    video.addEventListener("loadedmetadata", function () {
+      resolve(video.duration);
+    });
+    video.addEventListener("error", reject);
+  });
+}
+
+var useCreatorsProductEdition = function useCreatorsProductEdition(_ref) {
+  var _state$product$id_art, _state$product, _state$product11, _family$variants, _state$product12, _state$product16;
+
+  var tabsSections = _ref.tabsSections,
+      _ref$productSelected = _ref.productSelected,
+      productSelected = _ref$productSelected === void 0 ? {} : _ref$productSelected,
+      _ref$user = _ref.user,
+      user = _ref$user === void 0 ? {} : _ref$user,
+      token = _ref.token,
+      location = _ref.location,
+      _ref$enableDigitalAss = _ref.enableDigitalAssets,
+      enableDigitalAssets = _ref$enableDigitalAss === void 0 ? false : _ref$enableDigitalAss;
+
+  var _useProviderProductEd = (0, _providerProductEdition.useProviderProductEdition)(),
+      state = _useProviderProductEd.state,
+      dispatch = _useProviderProductEd.dispatch,
+      saveDatasheets = _useProviderProductEd.saveDatasheets,
+      saveDescriptions = _useProviderProductEd.saveDescriptions,
+      updateImages = _useProviderProductEd.updateImages,
+      deleteImages = _useProviderProductEd.deleteImages,
+      saveAssets = _useProviderProductEd.saveAssets,
+      registerUploadedAssets = _useProviderProductEd.registerUploadedAssets,
+      handleOnDownloadImages = _useProviderProductEd.handleOnDownloadImages,
+      createComment = _useProviderProductEd.createComment;
+
+  var isRetailer = user === null || user === void 0 ? void 0 : user.is_retailer;
+
+  var _useCloseModal = (0, _customHooks.useCloseModal)("version-selector"),
+      _useCloseModal2 = (0, _slicedToArray2.default)(_useCloseModal, 2),
+      showVersionSelector = _useCloseModal2[0],
+      setShowVersionSelector = _useCloseModal2[1];
+
+  var _useState = (0, _react.useState)(null),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      auditableVersion = _useState2[0],
+      setAuditableVersion = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(0),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      headerTop = _useState4[0],
+      setHeaderTop = _useState4[1];
+
+  var _useState5 = (0, _react.useState)(false),
+      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+      shotThd = _useState6[0],
+      setShotThd = _useState6[1];
+
+  var _useState7 = (0, _react.useState)(),
+      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+      observation = _useState8[0],
+      setObservation = _useState8[1];
+
+  var _useState9 = (0, _react.useState)(false),
+      _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
+      showRejectModal = _useState10[0],
+      setShowRejectModal = _useState10[1];
+
+  var _useState11 = (0, _react.useState)(false),
+      _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
+      isObservationVisible = _useState12[0],
+      setObservationVisible = _useState12[1];
+
+  var _useState13 = (0, _react.useState)(false),
+      _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
+      imageLayout = _useState14[0],
+      setImageLayout = _useState14[1];
+
+  var _useState15 = (0, _react.useState)(false),
+      _useState16 = (0, _slicedToArray2.default)(_useState15, 2),
+      crossComment = _useState16[0],
+      setCrossComment = _useState16[1];
+
+  var _useState17 = (0, _react.useState)([]),
+      _useState18 = (0, _slicedToArray2.default)(_useState17, 2),
+      statusArray = _useState18[0],
+      setStatusArray = _useState18[1];
+
+  var _useState19 = (0, _react.useState)(false),
+      _useState20 = (0, _slicedToArray2.default)(_useState19, 2),
+      rejectAll = _useState20[0],
+      setRejectAll = _useState20[1]; // Padre/hijo: mismo comportamiento que la ficha de la aplicación de clientes.
+
+
+  var _useState21 = (0, _react.useState)(false),
+      _useState22 = (0, _slicedToArray2.default)(_useState21, 2),
+      showLinkVariants = _useState22[0],
+      setShowLinkVariants = _useState22[1];
+
+  var _useState23 = (0, _react.useState)(null),
+      _useState24 = (0, _slicedToArray2.default)(_useState23, 2),
+      family = _useState24[0],
+      setFamily = _useState24[1];
+
+  var _useState25 = (0, _react.useState)(false),
+      _useState26 = (0, _slicedToArray2.default)(_useState25, 2),
+      showFamily = _useState26[0],
+      setShowFamily = _useState26[1];
+
+  var _useState27 = (0, _react.useState)(null),
+      _useState28 = (0, _slicedToArray2.default)(_useState27, 2),
+      loadingVariant = _useState28[0],
+      setLoadingVariant = _useState28[1];
+  /*
+    Agrupación de variantes. Aparte del padre/hijo a propósito: son mecanismos
+    independientes y un producto puede tener los dos. Padre/hijo es herencia;
+    esto es solo un código compartido.
+  */
+
+
+  var _useState29 = (0, _react.useState)(null),
+      _useState30 = (0, _slicedToArray2.default)(_useState29, 2),
+      variantGroup = _useState30[0],
+      setVariantGroup = _useState30[1];
+
+  var _useState31 = (0, _react.useState)(false),
+      _useState32 = (0, _slicedToArray2.default)(_useState31, 2),
+      showGroup = _useState32[0],
+      setShowGroup = _useState32[1];
+
+  var _useState33 = (0, _react.useState)(false),
+      _useState34 = (0, _slicedToArray2.default)(_useState33, 2),
+      showGroupModal = _useState34[0],
+      setShowGroupModal = _useState34[1]; // Qué vínculo se está por romper, o null si no hay diálogo abierto. Guarda al
+  // HIJO, que es quien lleva la relación y lo que pide la acción `unlink`.
+
+
+  var _useState35 = (0, _react.useState)(null),
+      _useState36 = (0, _slicedToArray2.default)(_useState35, 2),
+      porDesvincular = _useState36[0],
+      setPorDesvincular = _useState36[1]; // Por qué un salto no se pudo hacer. Vive aparte de `family.error` porque no
+  // es un fallo al leer la familia, sino al abrir uno de sus miembros.
+
+
+  var _useState37 = (0, _react.useState)(null),
+      _useState38 = (0, _slicedToArray2.default)(_useState37, 2),
+      avisoFamilia = _useState38[0],
+      setAvisoFamilia = _useState38[1];
+
+  var _useState39 = (0, _react.useState)(null),
+      _useState40 = (0, _slicedToArray2.default)(_useState39, 2),
+      pendingPropagation = _useState40[0],
+      setPendingPropagation = _useState40[1];
+
+  var _useState41 = (0, _react.useState)(false),
+      _useState42 = (0, _slicedToArray2.default)(_useState41, 2),
+      preparandoPropagacion = _useState42[0],
+      setPreparandoPropagacion = _useState42[1];
+
+  var _useState43 = (0, _react.useState)([]),
+      _useState44 = (0, _slicedToArray2.default)(_useState43, 2),
+      auditServices = _useState44[0],
+      setAuditServices = _useState44[1];
+
+  var _useState45 = (0, _react.useState)([]),
+      _useState46 = (0, _slicedToArray2.default)(_useState45, 2),
+      auditDatasheets = _useState46[0],
+      setAuditDatasheets = _useState46[1];
+
+  var _useState47 = (0, _react.useState)([]),
+      _useState48 = (0, _slicedToArray2.default)(_useState47, 2),
+      auditDescriptions = _useState48[0],
+      setAuditDescriptions = _useState48[1];
+
+  var _useState49 = (0, _react.useState)(false),
+      _useState50 = (0, _slicedToArray2.default)(_useState49, 2),
+      showModal = _useState50[0],
+      setShowModal = _useState50[1];
+
+  var _useState51 = (0, _react.useState)(false),
+      _useState52 = (0, _slicedToArray2.default)(_useState51, 2),
+      compare = _useState52[0],
+      setCompare = _useState52[1];
+
+  var _useDropzone = (0, _reactDropzone.useDropzone)({
+    accept: "image/*, video/mp4",
+    noKeyboard: true,
+    multiple: true,
+    noClick: true,
+    onDrop: function onDrop(acceptedFiles) {
+      acceptedFiles.map(function (file) {
+        var reader = new FileReader();
+        reader.fileName = file.name;
+
+        reader.onload = /*#__PURE__*/function () {
+          var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(e) {
+            var fileName, fileExtension, fileDataURL, img, duracion;
+            return _regenerator.default.wrap(function _callee$(_context) {
+              while (1) {
+                switch (_context.prev = _context.next) {
+                  case 0:
+                    fileName = e.target.fileName;
+                    fileExtension = fileName.split(".").pop();
+                    fileDataURL = e.target.result;
+                    img = new Image();
+
+                    if (!(fileExtension === "mp4")) {
+                      _context.next = 22;
+                      break;
+                    }
+
+                    _context.prev = 5;
+                    _context.next = 8;
+                    return obtenerDuracionVideoBase64(fileDataURL);
+
+                  case 8:
+                    duracion = _context.sent;
+
+                    if (!(duracion <= 10 || duracion >= 600)) {
+                      _context.next = 12;
+                      break;
+                    }
+
+                    dispatch({
+                      type: "SET_MODAL",
+                      payload: {
+                        show: true,
+                        title: "Hubo un error al subir el video",
+                        message: "Los videos deben durar entre 15 segundos y 10 minutos",
+                        image: _errorModal.default
+                      }
+                    });
+                    return _context.abrupt("return");
+
+                  case 12:
+                    _context.next = 14;
+                    return (0, _generateThumnail.default)(fileDataURL, 2);
+
+                  case 14:
+                    img.src = _context.sent;
+
+                    img.onload = function () {
+                      var newImg = {
+                        src: img.src,
+                        name: fileName,
+                        ext: fileExtension,
+                        width: img.width,
+                        height: img.height,
+                        video_src: fileDataURL,
+                        isApproved: true // VALIDAR QUE SOLO SEA PARA RADIOSHACK
+
+                      };
+                      dispatch({
+                        type: "ADD_IMAGE_VALUE",
+                        payload: newImg
+                      });
+                    };
+
+                    _context.next = 21;
+                    break;
+
+                  case 18:
+                    _context.prev = 18;
+                    _context.t0 = _context["catch"](5);
+                    console.error("Error al obtener la duración del video:", _context.t0);
+
+                  case 21:
+                    return _context.abrupt("return");
+
+                  case 22:
+                    img.src = fileDataURL;
+
+                    img.onload = function () {
+                      var width = img.width;
+                      var height = img.height;
+                      var newImg = {
+                        src: fileDataURL,
+                        name: fileName,
+                        ext: fileExtension,
+                        width: width,
+                        height: height,
+                        video_src: "",
+                        isApproved: true // VALIDAR QUE SOLO SEA PARA RADIOSHACK
+
+                      };
+                      dispatch({
+                        type: "ADD_IMAGE_VALUE",
+                        payload: newImg
+                      });
+                    };
+
+                  case 24:
+                  case "end":
+                    return _context.stop();
+                }
+              }
+            }, _callee, null, [[5, 18]]);
+          }));
+
+          return function (_x) {
+            return _ref2.apply(this, arguments);
+          };
+        }();
+
+        reader.onerror = function (error) {
+          console.log("dropzoneError: ", error);
+        };
+
+        reader.readAsDataURL(file);
+        return file;
+      });
+    }
+  }),
+      getRootProps = _useDropzone.getRootProps,
+      getInputProps = _useDropzone.getInputProps,
+      isDragActive = _useDropzone.isDragActive,
+      open = _useDropzone.open;
+
+  var _useState53 = (0, _react.useState)(false),
+      _useState54 = (0, _slicedToArray2.default)(_useState53, 2),
+      openChangeStatusModal = _useState54[0],
+      setOpenChangeStatusModal = _useState54[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.
+     Sigue vacía porque todavía no hay de dónde leerla: cuando exista el endpoint
+    se llama a `replaceAll` desde `loadData` y el resto de la pantalla no cambia.
+  */
+
+
+  var _useState55 = (0, _react.useState)([]),
+      _useState56 = (0, _slicedToArray2.default)(_useState55, 2),
+      assetNotices = _useState56[0],
+      setAssetNotices = _useState56[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$product = state.product) === null || _state$product === void 0 ? void 0 : _state$product.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 _useState57 = (0, _react.useState)(_GalleryTrayTabs.TRAYS.IMAGES),
+      _useState58 = (0, _slicedToArray2.default)(_useState57, 2),
+      activeTray = _useState58[0],
+      setActiveTray = _useState58[1];
+
+  var currentTray = enableDigitalAssets ? activeTray : _GalleryTrayTabs.TRAYS.IMAGES;
+  /*
+    De qué artículo se cargaron ya los activos.
+     `loadData` se vuelve a ejecutar cada vez que cambia la cadena activa, pero los
+    activos son generales: no dependen de la cadena ni de la versión, así que la
+    respuesta sería idéntica. Volver a cargarlos borraría los archivos que el
+    usuario acaba de soltar y todavía no guarda —sin aviso y sin forma de
+    recuperarlos—. 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 initializeProduct = /*#__PURE__*/function () {
+    var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
+      var product, productNormalized, users, id_article, response, parseData;
+      return _regenerator.default.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              _context2.prev = 0;
+              product = productSelected ? productSelected : JSON.parse(sessionStorage.getItem("productSelected"));
+              productNormalized = (0, _utils.normalizeProduct)(product);
+              console.log({
+                productNormalized: productNormalized
+              });
+              dispatch({
+                type: "SET_PRODUCT",
+                payload: productNormalized
+              });
+              dispatch({
+                type: "SET_ACTIVE_RETAILER",
+                payload: productNormalized.categoryRetailerInOrder[0]
+              });
+              setShotThd([58, 59, 60, 61].includes(productNormalized.categoryRetailerInOrder[0].id_retailer)); // Los estatus evaluables salen del rol UNIDO a la asignación. Solo por
+              // rol, quien produce y además audita no tenía 'AC' en la lista y el
+              // envío se quedaba sin nada que mandar.
+
+              setStatusArray((0, _utils.getStatusArrayForUser)(user, productNormalized)); // Cargar usuarios y asignaciones
+
+              _context2.next = 10;
+              return (0, _data.fetchUsers)(token);
+
+            case 10:
+              users = _context2.sent;
+
+              if (users.length > 0) {
+                dispatch({
+                  type: "SET_COLLABORATOR_ASSIGNATIONS",
+                  payload: (0, _utils.buildCollaboratorAssignations)(productNormalized, users)
+                });
+              }
+
+              id_article = productNormalized.id_article;
+
+              if (!id_article) {
+                _context2.next = 22;
+                break;
+              }
+
+              _context2.prev = 14;
+              _context2.next = 17;
+              return (0, _utils.getAuditVersion)(id_article, setAuditableVersion, token);
+
+            case 17:
+              _context2.next = 22;
+              break;
+
+            case 19:
+              _context2.prev = 19;
+              _context2.t0 = _context2["catch"](14);
+              console.warn("No se pudo obtener la versión auditable:", _context2.t0.message);
+
+            case 22:
+              if (!(id_article && productNormalized.id_order)) {
+                _context2.next = 28;
+                break;
+              }
+
+              _context2.next = 25;
+              return _axios.default.get(process.env.REACT_APP_READ_OBSERVATION, {
+                params: {
+                  articleId: id_article,
+                  orderId: productNormalized.id_order
+                },
+                headers: {
+                  Authorization: sessionStorage.getItem("jwt")
+                }
+              });
+
+            case 25:
+              response = _context2.sent;
+              parseData = JSON.parse(response.data.body).data[0];
+              setObservation(parseData.observations);
+
+            case 28:
+              _context2.next = 33;
+              break;
+
+            case 30:
+              _context2.prev = 30;
+              _context2.t1 = _context2["catch"](0);
+              console.log("Error setting product data: ", _context2.t1);
+
+            case 33:
+            case "end":
+              return _context2.stop();
+          }
+        }
+      }, _callee2, null, [[0, 30], [14, 19]]);
+    }));
+
+    return function initializeProduct() {
+      return _ref3.apply(this, arguments);
+    };
+  }(); // Setter del producto y carga inicial (optimizado para evitar cascada)
+
+
+  (0, _react.useEffect)(function () {
+    initializeProduct();
+  }, []);
+
+  var loadAuditableData = /*#__PURE__*/function () {
+    var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3() {
+      var _state$product2, _state$product3, _state$product4;
+
+      var auditServices;
+      return _regenerator.default.wrap(function _callee3$(_context3) {
+        while (1) {
+          switch (_context3.prev = _context3.next) {
+            case 0:
+              _context3.next = 2;
+              return (0, _data.getRetailerServices)((_state$product2 = state.product) === null || _state$product2 === void 0 ? void 0 : _state$product2.id_article, (_state$product3 = state.product) === null || _state$product3 === void 0 ? void 0 : _state$product3.categoryName, parseInt((_state$product4 = state.product) === null || _state$product4 === void 0 ? void 0 : _state$product4.id_category), auditableVersion.version, token);
+
+            case 2:
+              auditServices = _context3.sent;
+
+              if (Array.isArray(auditServices)) {
+                _context3.next = 5;
+                break;
+              }
+
+              return _context3.abrupt("return");
+
+            case 5:
+              (0, _utils.getInputsData)(auditServices, {
+                id: state.active_retailer.id_retailer
+              }, setAuditDatasheets, setAuditDescriptions);
+              setAuditServices(auditServices);
+
+            case 7:
+            case "end":
+              return _context3.stop();
+          }
+        }
+      }, _callee3);
+    }));
+
+    return function loadAuditableData() {
+      return _ref4.apply(this, arguments);
+    };
+  }();
+
+  (0, _react.useEffect)(function () {
+    if (auditableVersion) {
+      loadAuditableData();
+    }
+  }, [auditableVersion]);
+
+  var loadData = /*#__PURE__*/function () {
+    var _ref5 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4() {
+      var enableLoading,
+          versionSelected,
+          _services$,
+          _retailerDatasheets$d,
+          _state$active_retaile2,
+          _services$0$inputs,
+          _services$2,
+          _state$product5,
+          id_article,
+          version,
+          id_order,
+          _state$active_retaile,
+          category,
+          id_category,
+          id_retailer,
+          data,
+          headers,
+          _yield$Promise$all,
+          _yield$Promise$all2,
+          services,
+          percentagesRes,
+          servicesDataRes,
+          commentsResponse,
+          percentages,
+          _JSON$parse$0$relatio,
+          _JSON$parse,
+          _JSON$parse$,
+          _percentagesRes$,
+          commentsMap,
+          orderMap,
+          orderedValues,
+          retailerDatasheets,
+          datasheetsActiveRetailer,
+          descriptionsActiveRetailer,
+          activeRetailerId,
+          filteredValues,
+          _args4 = arguments;
+
+      return _regenerator.default.wrap(function _callee4$(_context4) {
+        while (1) {
+          switch (_context4.prev = _context4.next) {
+            case 0:
+              enableLoading = _args4.length > 0 && _args4[0] !== undefined ? _args4[0] : true;
+              versionSelected = _args4.length > 1 && _args4[1] !== undefined ? _args4[1] : null;
+              _context4.prev = 2;
+              if (enableLoading) dispatch({
+                type: "SET_LOADING",
+                payload: true
+              });
+              dispatch({
+                type: "SET_ERRORS",
+                payload: []
+              });
+              _state$product5 = state.product, id_article = _state$product5.id_article, version = _state$product5.version, id_order = _state$product5.id_order;
+              _state$active_retaile = state.active_retailer, category = _state$active_retaile.category, id_category = _state$active_retaile.id_category, id_retailer = _state$active_retaile.id_retailer; // Payloads y headers
+
+              data = [{
+                id_article: id_article,
+                version: versionSelected ? versionSelected : version,
+                relations: [{
+                  id_retailer: id_retailer,
+                  id_category: id_category
+                }]
+              }];
+              headers = {
+                Authorization: token
+              };
+              _context4.next = 11;
+              return Promise.all([(0, _data.getRetailerServices)(id_article, category, id_category, versionSelected !== null && versionSelected !== void 0 ? versionSelected : version, token, id_retailer), (0, _data.getPercentage)({
+                data: data,
+                headers: headers
+              }), (0, _data.getServicesData)({
+                articleId: id_article,
+                orderId: id_order,
+                end: true,
+                token: token
+              }), // Obtener comentarios en paralelo
+              Promise.all([_axios.default.get(process.env.REACT_APP_COMMENTS_ENDPOINT, {
+                params: {
+                  articleId: id_article,
+                  concept: "description",
+                  orderIdColab: id_order,
+                  version: versionSelected !== null && versionSelected !== void 0 ? versionSelected : version
+                }
+              }), _axios.default.get(process.env.REACT_APP_COMMENTS_ENDPOINT, {
+                params: {
+                  articleId: id_article,
+                  concept: "datasheet",
+                  orderIdColab: id_order,
+                  version: versionSelected !== null && versionSelected !== void 0 ? versionSelected : version
+                }
+              }), _axios.default.get(process.env.REACT_APP_COMMENTS_ENDPOINT, {
+                params: {
+                  articleId: id_article,
+                  concept: "images",
+                  orderIdColab: id_order,
+                  version: versionSelected !== null && versionSelected !== void 0 ? versionSelected : version
+                }
+              })])]);
+
+            case 11:
+              _yield$Promise$all = _context4.sent;
+              _yield$Promise$all2 = (0, _slicedToArray2.default)(_yield$Promise$all, 4);
+              services = _yield$Promise$all2[0];
+              percentagesRes = _yield$Promise$all2[1];
+              servicesDataRes = _yield$Promise$all2[2];
+              commentsResponse = _yield$Promise$all2[3];
+
+              if (!(!Array.isArray(services) || services.length < 3 || !services[2])) {
+                _context4.next = 19;
+                break;
+              }
+
+              throw new Error("No se pudieron cargar los servicios del producto. Inténtalo de nuevo.");
+
+            case 19:
+              dispatch({
+                type: "SET_RETAILER_STATUS",
+                payload: servicesDataRes.map(function (service) {
+                  return {
+                    retailer_id: service === null || service === void 0 ? void 0 : service.id_retailer,
+                    service: service === null || service === void 0 ? void 0 : service.service,
+                    status: service === null || service === void 0 ? void 0 : service.status,
+                    task_user_group_id: service === null || service === void 0 ? void 0 : service.task_user_group_id
+                  };
+                })
+              }); // Extraer relaciones del response. getPercentage se traga sus errores y
+              // devuelve undefined (p. ej. si CORS bloquea el endpoint), así que el
+              // JSON.parse va protegido para no tumbar toda la carga.
+
+              percentages = [];
+
+              try {
+                percentages = (_JSON$parse$0$relatio = (_JSON$parse = JSON.parse(percentagesRes === null || percentagesRes === void 0 ? void 0 : (_percentagesRes$ = percentagesRes[0]) === null || _percentagesRes$ === void 0 ? void 0 : _percentagesRes$.body)) === null || _JSON$parse === void 0 ? void 0 : (_JSON$parse$ = _JSON$parse[0]) === null || _JSON$parse$ === void 0 ? void 0 : _JSON$parse$.relations) !== null && _JSON$parse$0$relatio !== void 0 ? _JSON$parse$0$relatio : [];
+              } catch (e) {
+                console.warn("No se pudieron parsear los porcentajes:", e.message);
+              } // Procesar comentarios
+
+
+              commentsMap = {};
+              commentsResponse.forEach(function (commentRes) {
+                var _commentRes$data;
+
+                var commentData = JSON.parse(commentRes === null || commentRes === void 0 ? void 0 : (_commentRes$data = commentRes.data) === null || _commentRes$data === void 0 ? void 0 : _commentRes$data.body).data[0];
+
+                if (commentData) {
+                  var tab = (0, _utils.translateConcept)(commentData.concept);
+                  commentsMap[tab] = commentData;
+                }
+              });
+              dispatch({
+                type: "SET_COMMENTS",
+                payload: commentsMap
+              });
+              console.log("services", services); // Ordenamiento de imágenes
+
+              orderMap = services[2].inputsByRetailer.flat().reduce(function (acc, item) {
+                acc[item.id_image] = item.order;
+                return acc;
+              }, {});
+              orderedValues = (0, _toConsumableArray2.default)(services[2].values).sort(function (a, b) {
+                var _orderMap$a$image_id, _orderMap$b$image_id;
+
+                var orderA = (_orderMap$a$image_id = orderMap[a.image_id]) !== null && _orderMap$a$image_id !== void 0 ? _orderMap$a$image_id : Number.MAX_SAFE_INTEGER;
+                var orderB = (_orderMap$b$image_id = orderMap[b.image_id]) !== null && _orderMap$b$image_id !== void 0 ? _orderMap$b$image_id : Number.MAX_SAFE_INTEGER;
+                return orderA - orderB;
+              }); // Procesamiento de inputs del retailer activo (evita cascada con state.services)
+              // El retailer activo puede no traer datasheets; usamos data vacía como fallback
+              // para no reventar en Object.values(undefined).
+
+              retailerDatasheets = (_services$ = services[0]) === null || _services$ === void 0 ? void 0 : _services$[id_retailer];
+              datasheetsActiveRetailer = (0, _objectSpread5.default)((0, _objectSpread5.default)({}, retailerDatasheets), {}, {
+                data: Object.values((_retailerDatasheets$d = retailerDatasheets === null || retailerDatasheets === void 0 ? void 0 : retailerDatasheets.data) !== null && _retailerDatasheets$d !== void 0 ? _retailerDatasheets$d : {})
+              });
+              descriptionsActiveRetailer = services[1].filter(function (item) {
+                return item.id === id_retailer;
+              });
+              /**
+               * El id del retailer activo viene con dos nombres según de dónde salga:
+               * `categoryRetailerInOrder` lo trae como `id_retailer`, mientras que los
+               * retailers de `read-data-images` lo traen como `id`. Si se compara solo
+               * contra uno, al cambiar de cadena el otro queda `undefined`, la
+               * comparación es siempre falsa y `filteredValues` sale vacío — la imagen
+               * existe, el backend la devuelve, y aun así no se pinta ninguna.
+               */
+
+              activeRetailerId = id_retailer !== null && id_retailer !== void 0 ? id_retailer : (_state$active_retaile2 = state.active_retailer) === null || _state$active_retaile2 === void 0 ? void 0 : _state$active_retaile2.id;
+              filteredValues = services[2].values.filter(function (value) {
+                return services[2].inputsByRetailer.some(function (retailerInput) {
+                  return retailerInput.some(function (input) {
+                    return Number(input.id_retailer) === Number(activeRetailerId) && Number(input.id_image) === Number(value.image_id);
+                  });
+                });
+              }); // Dispatch consolidado
+
+              dispatch({
+                type: "SET_SERVICES",
+                payload: {
+                  datasheets: services[0],
+                  descriptions: services[1],
+                  images: (0, _objectSpread5.default)((0, _objectSpread5.default)({}, services[2]), {}, {
+                    values: orderedValues
+                  })
+                }
+              });
+              dispatch({
+                type: "SET_PERCENTAGES",
+                payload: percentages
+              });
+              dispatch({
+                type: "SET_ACTIVE_PERCENTAGES",
+                payload: percentages.find(function (_ref6) {
+                  var rId = _ref6.id_retailer;
+                  return rId === id_retailer;
+                })
+              });
+              dispatch({
+                type: "SET_SERVICES_DATA",
+                payload: servicesDataRes
+              }); // Setear inputs del retailer activo directamente (evita cascada)
+
+              dispatch({
+                type: "SET_DATASHEETS_INPUTS",
+                // `services[0]?` por lo mismo que el fallback de arriba: la lectura de
+                // fichas puede volver sin datos para esa cadena y categoría. Arriba ya
+                // se contemplaba; aquí no, y como este dispatch va ANTES de
+                // SET_IMAGES_VALUES, reventar aquí dejaba la ficha cargando para
+                // siempre — con las imágenes ya traídas y sin pintar.
+                payload: [datasheetsActiveRetailer, (_services$0$inputs = (_services$2 = services[0]) === null || _services$2 === void 0 ? void 0 : _services$2.inputs) !== null && _services$0$inputs !== void 0 ? _services$0$inputs : {}]
+              });
+              dispatch({
+                type: "SET_DESCRIPTIONS_INPUTS",
+                payload: descriptionsActiveRetailer
+              });
+              dispatch({
+                type: "SET_IMAGES_VALUES",
+                payload: (0, _objectSpread5.default)((0, _objectSpread5.default)({}, services[2]), {}, {
+                  values: filteredValues
+                })
+              });
+              /*
+                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);
+              } // Calcular campos requeridos sin valor
+
+
+              dispatch({
+                type: "SET_MISSING_REQUIRED_FIELDS",
+                payload: (0, _utils.calculateRequiredNull)(services, servicesDataRes, id_retailer)
+              }); // Auditable
+
+              if (auditableVersion && id_retailer) {
+                loadAuditableData();
+              }
+
+              _context4.next = 49;
+              break;
+
+            case 45:
+              _context4.prev = 45;
+              _context4.t0 = _context4["catch"](2);
+              console.log("Error loading data: ", _context4.t0);
+              dispatch({
+                type: "SET_ERRORS",
+                payload: [_context4.t0.message]
+              });
+
+            case 49:
+              _context4.prev = 49;
+              dispatch({
+                type: "SET_LOADING",
+                payload: false
+              });
+              return _context4.finish(49);
+
+            case 52:
+            case "end":
+              return _context4.stop();
+          }
+        }
+      }, _callee4, null, [[2, 45, 49, 52]]);
+    }));
+
+    return function loadData() {
+      return _ref5.apply(this, arguments);
+    };
+  }();
+
+  (0, _react.useEffect)(function () {
+    if (state.active_retailer) {
+      loadData();
+    }
+  }, [state.active_retailer]);
+
+  var handleOnChangeCurrentImage = function handleOnChangeCurrentImage(index) {
+    if (typeof index === "number") {
+      dispatch({
+        type: "SET_CURRENT_IMAGE",
+        payload: index
+      });
+    } else if ((0, _typeof2.default)(index) === "object") {
+      dispatch({
+        type: "CHANGE_ATTR_VALUE",
+        payload: index
+      });
+    }
+  };
+
+  var handleOnShowModalGallery = function handleOnShowModalGallery() {
+    dispatch({
+      type: "SET_ACTIVE_TAB",
+      payload: "Imágenes"
+    });
+    setShowModal(true);
+  };
+
+  var handleOnChangeActiveRetailer = function handleOnChangeActiveRetailer(retailer) {
+    dispatch({
+      type: "SET_ACTIVE_RETAILER",
+      payload: retailer
+    });
+  };
+
+  var handleOnChangeActiveTab = function handleOnChangeActiveTab(tab) {
+    dispatch({
+      type: "SET_ACTIVE_TAB",
+      payload: tab
+    });
+  };
+
+  var handleOnToggleImageLayout = function handleOnToggleImageLayout() {
+    setImageLayout(!imageLayout);
+  };
+
+  var handleOnToggleObservation = function handleOnToggleObservation() {
+    setObservationVisible(!isObservationVisible);
+  };
+
+  var handleOnHideObservation = function handleOnHideObservation() {
+    setObservationVisible(false);
+  };
+
+  var isAuditorAssigned = function isAuditorAssigned() {
+    var _state$product6;
+
+    return ((_state$product6 = state.product) === null || _state$product6 === void 0 ? void 0 : _state$product6.id_auditor) === (user === null || user === void 0 ? void 0 : user.id_user);
+  };
+  /**
+   * ¿Ocupo este slot EN ESTE producto?
+   *
+   * La calidad en la que actúas sale de la ASIGNACIÓN, no del rol. Con la
+   * estructura nueva de Creators, quien produce un servicio también lo valida:
+   * un especialista de textos puede ser el auditor del mismo producto y tiene
+   * que recorrer las dos fases, AS -> AC como especialista y AC -> AA como QA.
+   */
+
+
+  var isAssignedAs = function isAssignedAs(rol, concept) {
+    var _state$product7;
+
+    var assigned = (_state$product7 = state.product) === null || _state$product7 === void 0 ? void 0 : _state$product7["id_".concat(concept, "_").concat(rol)];
+    return !!assigned && assigned === (user === null || user === void 0 ? void 0 : user.id_user);
+  };
+
+  var isUserAssignedToService = function isUserAssignedToService(tab, rol) {
+    var concept = (0, _utils.getConceptByTab)(state.active_tab);
+    var allowedRoles = [1, 4, 5, 6, 7, 8];
+    var validUser = allowedRoles.includes(user === null || user === void 0 ? void 0 : user.id_role);
+    var isAdmin = user.id_role === 1;
+    if (isAdmin) return true; // Sin `rol` explícito se prueba por asignación, no por rol. Antes se
+    // infería del `id_role`: un rol 6 caía en `id_<concept>_undefined` —columna
+    // inexistente, siempre falso— y un rol 7 solo podía ser especialista, nunca
+    // auditor. Es el mismo defecto que se corrigió en el backend.
+
+    var isAssigned = rol ? isAssignedAs(rol, concept) : isAssignedAs("especialist", concept) || isAssignedAs("facilitator", concept);
+    return isAssigned && validUser;
+  };
+
+  var canShowSingleEvaluationButtons = function canShowSingleEvaluationButtons(action) {
+    var _state$services_data, _state$services_data$, _state$services_data$2;
+
+    var concept = (0, _utils.getConceptByTab)(action || state.active_tab);
+    var retailerStatus = (_state$services_data = state.services_data) === null || _state$services_data === void 0 ? void 0 : (_state$services_data$ = _state$services_data.find(function (srv) {
+      var _state$active_retaile3;
+
+      return srv.id_retailer === ((_state$active_retaile3 = state.active_retailer) === null || _state$active_retaile3 === void 0 ? void 0 : _state$active_retaile3.id_retailer) && srv.service === concept;
+    })) === null || _state$services_data$ === void 0 ? void 0 : (_state$services_data$2 = _state$services_data$.status) === null || _state$services_data$2 === void 0 ? void 0 : _state$services_data$2.replace(/.*\//, ""); // Se SUMA la vía por asignación a la que ya había por rol; no la
+    // reemplaza. Así los coordinadores y el administrador conservan su acceso
+    // tal cual, y el especialista que además es auditor alcanza la segunda fase.
+
+    var canEvaluateAsFacilitator = retailerStatus === "IE" && ([1, 4, 5].includes(user.id_role) || isAssignedAs("facilitator", concept));
+    var canEvaluateAsAuditor = ["AC", "RP", "RCA", "SAC"].includes(retailerStatus) && ([1, 6].includes(user.id_role) || isAuditorAssigned()); // Los roles 7 y 8 también pueden validar/rechazar lo que está en AC.
+
+    var canEvaluateAC = retailerStatus === "AC" && [7, 8].includes(user.id_role);
+    return canEvaluateAsFacilitator || canEvaluateAsAuditor || canEvaluateAC;
+  };
+
+  var canShowBulkEvaluationButtons = function canShowBulkEvaluationButtons() {
+    var concepts = (0, _utils.getConceptsByRole)(user.id_role);
+    var services = state.services_data.filter(function (_ref7) {
+      var service = _ref7.service;
+      return concepts.includes(service);
+    });
+    var canEvaluateAsFacilitator = services.every(function (srv) {
+      var _srv$status;
+
+      return (srv === null || srv === void 0 ? void 0 : (_srv$status = srv.status) === null || _srv$status === void 0 ? void 0 : _srv$status.replace(/.*\//, "")) === "IE";
+    }) && ([1, 4, 5].includes(user.id_role) || services.some(function (_ref8) {
+      var service = _ref8.service;
+      return isAssignedAs("facilitator", service);
+    }));
+    var canEvaluateAsAuditor = state.services_data.every(function (srv) {
+      var _srv$status2;
+
+      return ["AC", "RP", "RCA"].includes(srv === null || srv === void 0 ? void 0 : (_srv$status2 = srv.status) === null || _srv$status2 === void 0 ? void 0 : _srv$status2.replace(/.*\//, ""));
+    }) && ([1, 6].includes(user.id_role) || isAuditorAssigned());
+    var canEvaluateAC = services.length > 0 && services.every(function (srv) {
+      var _srv$status3;
+
+      return (srv === null || srv === void 0 ? void 0 : (_srv$status3 = srv.status) === null || _srv$status3 === void 0 ? void 0 : _srv$status3.replace(/.*\//, "")) === "AC";
+    }) && [7, 8].includes(user.id_role);
+    return canEvaluateAsFacilitator || canEvaluateAsAuditor || canEvaluateAC;
+  };
+
+  var getStatusByCurrentServiceAndRetailer = function getStatusByCurrentServiceAndRetailer() {
+    var _statusByRetailer$fil;
+
+    var statusByRetailer = state.product.statusByRetailer;
+    if (!statusByRetailer) return "-";
+    var currentService = (0, _utils.getConceptByTab)(state.active_tab);
+    var currentRetailer = state.active_retailer.id_retailer;
+    var currentStatus = ((_statusByRetailer$fil = statusByRetailer.filter(function (item) {
+      return item.retailer_id === currentRetailer && item.service === currentService;
+    })[0]) === null || _statusByRetailer$fil === void 0 ? void 0 : _statusByRetailer$fil.status) || "-";
+    return currentStatus;
+  };
+  /*
+    Guarda los activos y recarga si algo se escribió.
+     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. Poner el ref en `null` es
+    lo que permite que `loadData` lo vuelva a traer —normalmente los activos se
+    cargan una sola vez por artículo—.
+  */
+
+
+  var handleOnSaveAssets = /*#__PURE__*/function () {
+    var _ref9 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee5() {
+      var guardado;
+      return _regenerator.default.wrap(function _callee5$(_context5) {
+        while (1) {
+          switch (_context5.prev = _context5.next) {
+            case 0:
+              _context5.next = 2;
+              return saveAssets(token);
+
+            case 2:
+              guardado = _context5.sent;
+
+              if (guardado) {
+                _context5.next = 5;
+                break;
+              }
+
+              return _context5.abrupt("return");
+
+            case 5:
+              assetsLoadedFor.current = null;
+              _context5.next = 8;
+              return loadData(false);
+
+            case 8:
+            case "end":
+              return _context5.stop();
+          }
+        }
+      }, _callee5);
+    }));
+
+    return function handleOnSaveAssets() {
+      return _ref9.apply(this, arguments);
+    };
+  }();
+
+  var handleOnClickSaveImages = /*#__PURE__*/function () {
+    var _ref10 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee6() {
+      var _state$product8, _state$product8$servi;
+
+      return _regenerator.default.wrap(function _callee6$(_context6) {
+        while (1) {
+          switch (_context6.prev = _context6.next) {
+            case 0:
+              if (!(currentTray === _GalleryTrayTabs.TRAYS.ASSETS)) {
+                _context6.next = 4;
+                break;
+              }
+
+              _context6.next = 3;
+              return handleOnSaveAssets();
+
+            case 3:
+              return _context6.abrupt("return");
+
+            case 4:
+              if (!(((_state$product8 = state.product) === null || _state$product8 === void 0 ? void 0 : (_state$product8$servi = _state$product8.services) === null || _state$product8$servi === void 0 ? void 0 : _state$product8$servi.images) === 1)) {
+                _context6.next = 9;
+                break;
+              }
+
+              _context6.next = 7;
+              return updateImages(token);
+
+            case 7:
+              _context6.next = 9;
+              return loadData(false);
+
+            case 9:
+            case "end":
+              return _context6.stop();
+          }
+        }
+      }, _callee6);
+    }));
+
+    return function handleOnClickSaveImages() {
+      return _ref10.apply(this, arguments);
+    };
+  }();
+  /*
+    Trae la familia: los hijos del producto, o sus hermanos si el abierto es
+    una de ellas. Se pide al abrir la sección y no al montar la pantalla: la
+    mayoría de los productos no son familia.
+  */
+
+
+  var loadFamily = /*#__PURE__*/function () {
+    var _ref11 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee7() {
+      var forzar,
+          _state$product9,
+          res,
+          data,
+          _args7 = arguments;
+
+      return _regenerator.default.wrap(function _callee7$(_context7) {
+        while (1) {
+          switch (_context7.prev = _context7.next) {
+            case 0:
+              forzar = _args7.length > 0 && _args7[0] !== undefined ? _args7[0] : false;
+
+              if (!(family && !forzar)) {
+                _context7.next = 3;
+                break;
+              }
+
+              return _context7.abrupt("return", family);
+
+            case 3:
+              _context7.prev = 3;
+              _context7.next = 6;
+              return _axios.default.post("".concat(process.env.REACT_APP_VARIANTS_ENDPOINT, "/family"), {
+                articleId: (_state$product9 = state.product) === null || _state$product9 === void 0 ? void 0 : _state$product9.id_article
+              }, {
+                headers: {
+                  Authorization: token
+                }
+              });
+
+            case 6:
+              res = _context7.sent;
+              data = (0, _api.readPayload)(res);
+              setFamily(data);
+              return _context7.abrupt("return", data);
+
+            case 12:
+              _context7.prev = 12;
+              _context7.t0 = _context7["catch"](3);
+              console.error("loadFamily: ", _context7.t0);
+              setFamily({
+                variants: [],
+                parent: null,
+                error: true
+              });
+              return _context7.abrupt("return", null);
+
+            case 17:
+            case "end":
+              return _context7.stop();
+          }
+        }
+      }, _callee7, null, [[3, 12]]);
+    }));
+
+    return function loadFamily() {
+      return _ref11.apply(this, arguments);
+    };
+  }();
+  /*
+    En Creators el parentesco se pregunta, no viene con el producto.
+     Su listado sale del endpoint de reportes, que no trae `variantsCount` ni
+    `parentArticleId`: esas columnas se agregaron a las vistas pero DynamoDB no
+    las tiene hasta que se corra el recorrido de datos. Y aunque las tuviera,
+    dependería de lo actualizado que esté ese recorrido.
+     Preguntar a `family` cuesta una llamada por ficha y da el dato de la base, no
+    de una copia. Además aplica el alcance del perfil (§5.1): al equipo interno le
+    devuelve los productos solicitados a ContentOh, que es justo lo que puede
+    tocar.
+  */
+
+
+  (0, _react.useEffect)(function () {
+    var _state$product10;
+
+    if (!((_state$product10 = state.product) !== null && _state$product10 !== void 0 && _state$product10.id_article)) return;
+    loadFamily(true); // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [(_state$product11 = state.product) === null || _state$product11 === void 0 ? void 0 : _state$product11.id_article]); // El conteo sale de la familia recién consultada, no del producto.
+
+  var hijosDelProducto = family !== null && family !== void 0 && family.error ? 0 : ((_family$variants = family === null || family === void 0 ? void 0 : family.variants) !== null && _family$variants !== void 0 ? _family$variants : []).filter(function (v) {
+    return !v.isCurrent;
+  }).length;
+  var esHijoDeOtro = family !== null && family !== void 0 && family.error ? !!((_state$product12 = state.product) !== null && _state$product12 !== void 0 && _state$product12.parentArticleId) : !!(family !== null && family !== void 0 && family.parent);
+  /*
+    Un hijo no se agrupa como variante (decisión de producto, 2026-09-25).
+     Agrupar declara «estos son el mismo producto en otra presentación», y un
+    hijo ya declaró de dónde deriva. El servidor lo rechaza con
+    VARIANT_GROUP_NOT_FOR_CHILD, así que ofrecer el botón sería ofrecer algo
+    que siempre falla.
+     Se apoya en `esHijoDeOtro` y no en `state.product` porque en esta pantalla
+    el producto sale de sessionStorage: la señal buena es la familia recién
+    consultada, con el producto solo como respaldo si esa consulta falló.
+  */
+
+  var puedeAgruparse = !esHijoDeOtro;
+  /*
+    Abre otro producto de la familia.
+     Cambiar la URL no basta: esta pantalla no lee el producto de la ruta sino de
+    sessionStorage —el router hace JSON.parse(sessionStorage.productSelected) y
+    se lo pasa como prop—, así que navegar sin precargar dejaría la URL nueva
+    mostrando el producto anterior. Por eso primero se trae el destino y se
+    escriben las tres llaves que el listado escribe al hacer clic en una fila
+    (productSelected, version, productEdit), y solo entonces se navega.
+     Se pide a /ordered-services y no a read-articles-v2, que es lo que usa la
+    aplicación de clientes: aquel filtra por la compañía del usuario y el equipo
+    interno es de ContentOh trabajando productos de sus clientes, así que ahí no
+    devolvería nada. /ordered-services es el mismo endpoint del listado de esta
+    aplicación, así que el objeto llega con la forma exacta que normalizeProduct
+    espera —con `article` anidado, `statusByRetailer` y `categoryRetailer`—.
+     Un producto de la familia puede no estar en ninguna orden de trabajo: la
+    relación padre/hijo vive en `article` y no exige haber pasado por ContentOh.
+    En ese caso no hay nada que abrir aquí, y se dice en vez de navegar a una
+    pantalla que mostraría el producto equivocado.
+  */
+
+  /*
+    Después de desvincular, esta ficha cambia de forma: si se soltó de su padre
+    vuelve a poder ligar, y si soltó a un hijo pierde uno de la cuenta. En esta
+    pantalla el bloque de parentesco se decide con `family`, así que hay que
+    repreguntarla —vaciarla lo haría desaparecer, que es el error que ya se
+    cometió una vez aquí—.
+  */
+
+  var handleOnUnlinked = function handleOnUnlinked(result) {
+    var _state$product$varian, _state$product13, _updatedProduct$varia;
+
+    if (!result) return;
+    var updatedProduct = result.mode === "self" ? (0, _objectSpread5.default)((0, _objectSpread5.default)({}, state.product), {}, {
+      parentArticleId: null,
+      variantsCount: 0
+    }) : (0, _objectSpread5.default)((0, _objectSpread5.default)({}, state.product), {}, {
+      variantsCount: Math.max(((_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 : 1) - 1, 0)
+    });
+    dispatch({
+      type: "SET_PRODUCT",
+      payload: updatedProduct
+    }); // Se PARCHEA lo guardado: ahí vive el producto con la forma del listado
+    // —`article` anidado, servicios, cadenas— y escribir encima la versión
+    // aplanada de esta pantalla lo dejaría mutilado en el siguiente F5.
+
+    try {
+      var _sessionStorage$getIt;
+
+      var guardado = JSON.parse((_sessionStorage$getIt = sessionStorage.getItem("productSelected")) !== null && _sessionStorage$getIt !== void 0 ? _sessionStorage$getIt : "null");
+
+      if (guardado) {
+        var _updatedProduct$paren;
+
+        sessionStorage.setItem("productSelected", JSON.stringify((0, _objectSpread5.default)((0, _objectSpread5.default)({}, guardado), {}, {
+          variantsCount: updatedProduct.variantsCount,
+          parentArticleId: (_updatedProduct$paren = updatedProduct.parentArticleId) !== null && _updatedProduct$paren !== void 0 ? _updatedProduct$paren : null
+        })));
+      }
+    } catch (error) {
+      console.error("unlinkVariant/sessionStorage: ", error);
+    }
+    /*
+      Si ya no queda familia, se cierra el desplegable: su botón desaparece con
+      el vínculo, y dejarlo abierto pinta una caja que dice «no tiene hijos» y
+      que nadie puede cerrar.
+    */
+
+
+    if (!updatedProduct.parentArticleId && ((_updatedProduct$varia = updatedProduct.variantsCount) !== null && _updatedProduct$varia !== void 0 ? _updatedProduct$varia : 0) === 0) {
+      setShowFamily(false);
+    }
+
+    loadFamily(true); // Al desvincular el servidor pone `is_overridden = 0` en todas las
+    // versiones, así que los chips de herencia tienen que dejar de dibujarse.
+    // Sin `enableLoading` para no parpadear el esqueleto encima de una pantalla
+    // que ya está pintada.
+
+    loadData(false);
+  };
+  /*
+    Trae el grupo de variantes y sus miembros.
+     Al montar, no al abrir el desplegable: `variant_group` no lo devuelve el
+    endpoint del listado, así que sin esta llamada la ficha no sabe si el
+    producto está agrupado.
+  */
+
+
+  var loadVariantGroup = /*#__PURE__*/function () {
+    var _ref12 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee8() {
+      var forzar,
+          _state$product14,
+          res,
+          data,
+          _args8 = arguments;
+
+      return _regenerator.default.wrap(function _callee8$(_context8) {
+        while (1) {
+          switch (_context8.prev = _context8.next) {
+            case 0:
+              forzar = _args8.length > 0 && _args8[0] !== undefined ? _args8[0] : false;
+
+              if (!(variantGroup && !forzar)) {
+                _context8.next = 3;
+                break;
+              }
+
+              return _context8.abrupt("return", variantGroup);
+
+            case 3:
+              _context8.prev = 3;
+              _context8.next = 6;
+              return _axios.default.post("".concat(process.env.REACT_APP_VARIANTS_ENDPOINT, "/group"), {
+                articleId: (_state$product14 = state.product) === null || _state$product14 === void 0 ? void 0 : _state$product14.id_article
+              }, {
+                headers: {
+                  Authorization: token
+                }
+              });
+
+            case 6:
+              res = _context8.sent;
+              data = (0, _api.readPayload)(res);
+              setVariantGroup(data);
+              return _context8.abrupt("return", data);
+
+            case 12:
+              _context8.prev = 12;
+              _context8.t0 = _context8["catch"](3);
+              console.error("loadVariantGroup: ", _context8.t0);
+              setVariantGroup({
+                group: null,
+                members: [],
+                error: true
+              });
+              return _context8.abrupt("return", null);
+
+            case 17:
+            case "end":
+              return _context8.stop();
+          }
+        }
+      }, _callee8, null, [[3, 12]]);
+    }));
+
+    return function loadVariantGroup() {
+      return _ref12.apply(this, arguments);
+    };
+  }();
+
+  (0, _react.useEffect)(function () {
+    var _state$product15;
+
+    if (!((_state$product15 = state.product) !== null && _state$product15 !== void 0 && _state$product15.id_article)) return;
+    loadVariantGroup(true); // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [(_state$product16 = state.product) === null || _state$product16 === void 0 ? void 0 : _state$product16.id_article]);
+
+  var handleOnLeaveGroup = /*#__PURE__*/function () {
+    var _ref13 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee9() {
+      var _state$product17, res;
+
+      return _regenerator.default.wrap(function _callee9$(_context9) {
+        while (1) {
+          switch (_context9.prev = _context9.next) {
+            case 0:
+              _context9.prev = 0;
+              _context9.next = 3;
+              return _axios.default.post("".concat(process.env.REACT_APP_VARIANTS_ENDPOINT, "/leave"), {
+                articleId: (_state$product17 = state.product) === null || _state$product17 === void 0 ? void 0 : _state$product17.id_article
+              }, {
+                headers: {
+                  Authorization: token
+                }
+              });
+
+            case 3:
+              res = _context9.sent;
+              setVariantGroup((0, _api.readPayload)(res));
+              setShowGroup(false);
+              _context9.next = 12;
+              break;
+
+            case 8:
+              _context9.prev = 8;
+              _context9.t0 = _context9["catch"](0);
+              console.error("leaveVariantGroup: ", _context9.t0);
+              dispatch({
+                type: "SET_MODAL",
+                payload: {
+                  show: true,
+                  title: "Variantes",
+                  message: "No se pudo quitar el producto del grupo. Intenta de nuevo.",
+                  image: _genericModalWarning.default,
+                  buttons: [{
+                    text: "Entendido",
+                    buttonType: "general-white-button",
+                    action: function action() {
+                      return dispatch({
+                        type: "SET_MODAL",
+                        payload: {
+                          show: false
+                        }
+                      });
+                    }
+                  }]
+                }
+              });
+
+            case 12:
+            case "end":
+              return _context9.stop();
+          }
+        }
+      }, _callee9, null, [[0, 8]]);
+    }));
+
+    return function handleOnLeaveGroup() {
+      return _ref13.apply(this, arguments);
+    };
+  }();
+
+  var openFamilyMember = /*#__PURE__*/function () {
+    var _ref14 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee10(articleId) {
+      var _readPayload, res, _ref15, data, encontrado;
+
+      return _regenerator.default.wrap(function _callee10$(_context10) {
+        while (1) {
+          switch (_context10.prev = _context10.next) {
+            case 0:
+              setLoadingVariant(articleId);
+              setAvisoFamilia(null);
+              _context10.prev = 2;
+              _context10.next = 5;
+              return _axios.default.get("".concat(process.env.REACT_APP_ORDERED_SERVICES_ENDPOINT), {
+                params: {
+                  filterByIdArticle: articleId,
+                  includeFilters: false
+                },
+                headers: {
+                  Authorization: token
+                }
+              });
+
+            case 5:
+              res = _context10.sent;
+              // read-order-services responde { total, data: [...] }. La vista trae una
+              // fila por orden, así que puede haber varias del mismo artículo; llegan
+              // ordenadas por order_id DESC y la primera es la orden más reciente.
+              _ref15 = (_readPayload = (0, _api.readPayload)(res)) !== null && _readPayload !== void 0 ? _readPayload : {}, data = _ref15.data;
+              encontrado = (data !== null && data !== void 0 ? data : []).find(function (item) {
+                var _item$article;
+
+                return Number(item === null || item === void 0 ? void 0 : (_item$article = item.article) === null || _item$article === void 0 ? void 0 : _item$article.id_article) === Number(articleId);
+              });
+
+              if (encontrado) {
+                _context10.next = 11;
+                break;
+              }
+
+              setAvisoFamilia("Ese producto no está en ninguna orden de trabajo, así que no se puede abrir desde aquí.");
+              return _context10.abrupt("return");
+
+            case 11:
+              sessionStorage.setItem("productSelected", JSON.stringify(encontrado));
+              sessionStorage.setItem("version", JSON.stringify(encontrado.version));
+              sessionStorage.setItem("productEdit", JSON.stringify({
+                ArticleId: encontrado.article.id_article,
+                categoryId: encontrado.article.id_article,
+                product: [encontrado]
+              }));
+              window.location.assign("/EditProducts");
+              _context10.next = 21;
+              break;
+
+            case 17:
+              _context10.prev = 17;
+              _context10.t0 = _context10["catch"](2);
+              console.error("openFamilyMember: ", _context10.t0);
+              setAvisoFamilia("No se pudo abrir ese producto. Intenta de nuevo.");
+
+            case 21:
+              _context10.prev = 21;
+              setLoadingVariant(null);
+              return _context10.finish(21);
+
+            case 24:
+            case "end":
+              return _context10.stop();
+          }
+        }
+      }, _callee10, null, [[2, 17, 21, 24]]);
+    }));
+
+    return function openFamilyMember(_x2) {
+      return _ref14.apply(this, arguments);
+    };
+  }();
+  /*
+    Refresca tras ligar, sin recargar la página: el producto sale de
+    sessionStorage, así que un F5 devolvería el mismo objeto y el contador
+    seguiría igual.
+  */
+
+
+  var handleOnLinkedVariants = function handleOnLinkedVariants(result) {
+    var _state$product$varian2, _state$product18, _result$linked, _result$parentArticle;
+
+    if (!result) return;
+    var updatedProduct = result.mode === "children" ? (0, _objectSpread5.default)((0, _objectSpread5.default)({}, state.product), {}, {
+      variantsCount: ((_state$product$varian2 = (_state$product18 = state.product) === null || _state$product18 === void 0 ? void 0 : _state$product18.variantsCount) !== null && _state$product$varian2 !== void 0 ? _state$product$varian2 : 0) + ((_result$linked = result.linked) !== null && _result$linked !== void 0 ? _result$linked : []).length
+    }) : (0, _objectSpread5.default)((0, _objectSpread5.default)({}, state.product), {}, {
+      parentArticleId: (_result$parentArticle = result.parentArticleId) !== null && _result$parentArticle !== void 0 ? _result$parentArticle : null,
+      variantsCount: 0
+    });
+    dispatch({
+      type: "SET_PRODUCT",
+      payload: updatedProduct
+    });
+    /*
+      En sessionStorage se PARCHEA lo guardado; no se reemplaza.
+       Lo que hay ahí es el producto tal como lo devuelve el listado de esta
+      aplicación: con `article` anidado, `statusByRetailer`, `categoryRetailer`
+      y los servicios. `updatedProduct` es la versión aplanada que usa esta
+      pantalla, y escribirla encima tiraba todo eso: al siguiente F5 la ficha se
+      reconstruía desde un objeto mutilado —sin relaciones de cadena, sin
+      estatus por cadena— aunque en pantalla se viera bien hasta entonces.
+       De ligar solo cambian dos cosas, y son las dos que se copian aquí.
+    */
+
+    try {
+      var _sessionStorage$getIt2;
+
+      var guardado = JSON.parse((_sessionStorage$getIt2 = sessionStorage.getItem("productSelected")) !== null && _sessionStorage$getIt2 !== void 0 ? _sessionStorage$getIt2 : "null");
+
+      if (guardado) {
+        var _updatedProduct$paren2;
+
+        sessionStorage.setItem("productSelected", JSON.stringify((0, _objectSpread5.default)((0, _objectSpread5.default)({}, guardado), {}, {
+          variantsCount: updatedProduct.variantsCount,
+          parentArticleId: (_updatedProduct$paren2 = updatedProduct.parentArticleId) !== null && _updatedProduct$paren2 !== void 0 ? _updatedProduct$paren2 : null
+        })));
+      }
+    } catch (error) {
+      // Un sessionStorage inaccesible no debe tumbar la pantalla: el estado en
+      // memoria ya quedó bien y es lo que el usuario está viendo.
+      console.error("linkVariants/sessionStorage: ", error);
+    }
+    /*
+      Volver a preguntar, no vaciar.
+       Antes esto hacía `setFamily(null)` para invalidar la caché, y en esta
+      pantalla eso tenía el efecto contrario al buscado: el bloque de parentesco
+      se decide con `esHijoDeOtro`, que sale de `family`, no del producto. Con
+      `family` en null el bloque desaparecía, así que después de ligar la
+      pantalla se quedaba SIN ninguna señal de que el producto ya tenía padre
+      —justo lo que el usuario acababa de hacer—.
+    */
+
+
+    loadFamily(true);
+    /*
+      Y se recargan los servicios, porque ligar cambia la herencia de cada campo
+      en el servidor: al planchar, lo que era propio pasa a heredado y los chips
+      tienen que decirlo. Sin esto la ficha sigue mostrando el estado anterior
+      hasta que alguien cierra y vuelve a abrir el producto.
+       Sin `enableLoading` para no parpadear el esqueleto encima de una pantalla
+      que ya está pintada.
+    */
+
+    loadData(false);
+  };
+  /*
+    Acción "Volver a heredar" de los chips. Repinta en sitio con lo que devuelve
+    el endpoint: recargar la ficha se llevaría lo que haya sin guardar.
+  */
+
+  /*
+    `kind` distingue de qué pestaña salió el chip. Las descripciones viven en
+    `rel_article_description` y la ficha técnica en `article_data`: el endpoint
+    recibe una lista o la otra.
+  */
+
+
+  var handleOnRestoreInheritance = /*#__PURE__*/function () {
+    var _ref16 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee11(attributeId) {
+      var _state$product19;
+
+      var kind,
+          esDescripcion,
+          res,
+          data,
+          _args11 = arguments;
+      return _regenerator.default.wrap(function _callee11$(_context11) {
+        while (1) {
+          switch (_context11.prev = _context11.next) {
+            case 0:
+              kind = _args11.length > 1 && _args11[1] !== undefined ? _args11[1] : "attribute";
+
+              if (!(!attributeId || !((_state$product19 = state.product) !== null && _state$product19 !== void 0 && _state$product19.id_article))) {
+                _context11.next = 3;
+                break;
+              }
+
+              return _context11.abrupt("return");
+
+            case 3:
+              esDescripcion = kind === "description";
+              _context11.prev = 4;
+              _context11.next = 7;
+              return _axios.default.post("".concat(process.env.REACT_APP_VARIANTS_ENDPOINT, "/restore"), (0, _objectSpread5.default)({
+                articleId: state.product.id_article
+              }, esDescripcion ? {
+                descriptions: [Number(attributeId)]
+              } : {
+                attributes: [Number(attributeId)]
+              }), {
+                headers: {
+                  Authorization: token
+                }
+              });
+
+            case 7:
+              res = _context11.sent;
+              data = (0, _api.readPayload)(res);
+
+              if (!esDescripcion) {
+                _context11.next = 12;
+                break;
+              }
+
+              dispatch({
+                type: "UPDATE_DESCRIPTIONS_INPUTS",
+                payload: (data.descriptionValues || []).map(function (item) {
+                  return {
+                    attributeId: item.id_description,
+                    value: item.value,
+                    isOverridden: 0
+                  };
+                })
+              });
+              return _context11.abrupt("return");
+
+            case 12:
+              dispatch({
+                type: "UPDATE_DATASHEETS_INPUTS",
+                payload: (data.values || []).map(function (item) {
+                  return {
+                    attributeId: item.id,
+                    value: item.value,
+                    isOverridden: 0
+                  };
+                })
+              });
+              _context11.next = 18;
+              break;
+
+            case 15:
+              _context11.prev = 15;
+              _context11.t0 = _context11["catch"](4);
+              console.error("restoreInheritance: ", _context11.t0);
+
+            case 18:
+            case "end":
+              return _context11.stop();
+          }
+        }
+      }, _callee11, null, [[4, 15]]);
+    }));
+
+    return function handleOnRestoreInheritance(_x3) {
+      return _ref16.apply(this, arguments);
+    };
+  }();
+  /*
+    Los atributos recién tocados, con el nombre que ve el usuario:
+    `updated_datasheets_inputs` solo trae { attributeId, value }.
+  */
+
+
+  var cambiosDeFichaTecnica = function cambiosDeFichaTecnica() {
+    var _state$active_retaile4, _state$services$datas, _state$services, _state$services$datas2, _state$updated_datash;
+
+    var retailerId = (_state$active_retaile4 = state.active_retailer) === null || _state$active_retaile4 === void 0 ? void 0 : _state$active_retaile4.id_retailer;
+    var inputs = (_state$services$datas = (_state$services = state.services) === null || _state$services === void 0 ? void 0 : (_state$services$datas2 = _state$services.datasheets) === null || _state$services$datas2 === void 0 ? void 0 : _state$services$datas2.inputs) !== null && _state$services$datas !== void 0 ? _state$services$datas : {};
+    var cambios = ((_state$updated_datash = state.updated_datasheets_inputs) !== null && _state$updated_datash !== void 0 ? _state$updated_datash : []).map(function (item) {
+      var _input$name;
+
+      var input = inputs["".concat(item.attributeId, "_").concat(retailerId)];
+      return {
+        id: Number(item.attributeId),
+        name: (_input$name = input === null || input === void 0 ? void 0 : input.name) !== null && _input$name !== void 0 ? _input$name : "Atributo ".concat(item.attributeId),
+        value: item.value
+      };
+    });
+    /*
+      UPC y SKU se quitan aquí y no dentro del diálogo porque esta lista también
+      decide SI el diálogo se abre. Editar solo el UPC no tiene nada que
+      propagar, así que preguntarlo sería pedirle al usuario una decisión sobre
+      un conjunto vacío.
+    */
+
+    return (0, _nonPropagable.soloPropagables)(cambios);
+  };
+  /*
+    Lo que se acaba de editar en la pestaña de descripciones.
+     Va aparte de `cambiosDeFichaTecnica` porque son tablas distintas y el
+    endpoint recibe una lista o la otra. Aquí NO se filtran UPC ni SKU: esos son
+    atributos de ficha técnica y no aparecen en esta pestaña.
+  */
+
+
+  var cambiosDeDescripciones = function cambiosDeDescripciones() {
+    var _state$active_retaile5, _state$services$descr, _state$services2, _state$services2$desc, _state$updated_descri;
+
+    var retailerId = (_state$active_retaile5 = state.active_retailer) === null || _state$active_retaile5 === void 0 ? void 0 : _state$active_retaile5.id_retailer;
+    var inputs = (_state$services$descr = (_state$services2 = state.services) === null || _state$services2 === void 0 ? void 0 : (_state$services2$desc = _state$services2.descriptions) === null || _state$services2$desc === void 0 ? void 0 : _state$services2$desc.inputs) !== null && _state$services$descr !== void 0 ? _state$services$descr : {};
+    return ((_state$updated_descri = state.updated_descriptions_inputs) !== null && _state$updated_descri !== void 0 ? _state$updated_descri : []).map(function (item) {
+      var _input$name2;
+
+      var input = inputs["".concat(item.attributeId, "_").concat(retailerId)];
+      return {
+        id: Number(item.attributeId),
+        name: (_input$name2 = input === null || input === void 0 ? void 0 : input.name) !== null && _input$name2 !== void 0 ? _input$name2 : "Descripci\xF3n ".concat(item.attributeId),
+        value: item.value
+      };
+    });
+  };
+
+  var handleOnClickSave = /*#__PURE__*/function () {
+    var _ref17 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee12() {
+      var _variantGroup$members, _familiaDesc$variants, _familiaDesc, cambiosDesc, companerasDesc, familiaDesc, hijosDesc, _familia, _familia$variants, _variantGroup$members2, cambios, familia, esHijo, hijos, companeras;
+
+      return _regenerator.default.wrap(function _callee12$(_context12) {
+        while (1) {
+          switch (_context12.prev = _context12.next) {
+            case 0:
+              if (!(state.saving || preparandoPropagacion)) {
+                _context12.next = 2;
+                break;
+              }
+
+              return _context12.abrupt("return");
+
+            case 2:
+              _context12.t0 = state.active_tab;
+              _context12.next = _context12.t0 === "Descripción" ? 5 : _context12.t0 === "Ficha técnica" ? 27 : _context12.t0 === "Imágenes" ? 53 : 60;
+              break;
+
+            case 5:
+              /*
+                Guardar una descripción en un padre también abre la decisión de
+                propagar. Sin esto, el hijo heredaba la descripción al ligarse y se
+                quedaba con la versión vieja en cuanto el padre la corregía, sin que
+                nadie lo notara.
+              */
+              cambiosDesc = cambiosDeDescripciones();
+              companerasDesc = ((_variantGroup$members = variantGroup === null || variantGroup === void 0 ? void 0 : variantGroup.members) !== null && _variantGroup$members !== void 0 ? _variantGroup$members : []).filter(function (m) {
+                return !m.isCurrent;
+              });
+
+              if (!(esHijoDeOtro || cambiosDesc.length === 0)) {
+                _context12.next = 11;
+                break;
+              }
+
+              _context12.next = 10;
+              return saveDescriptions(token);
+
+            case 10:
+              return _context12.abrupt("break", 61);
+
+            case 11:
+              setPreparandoPropagacion(true);
+              familiaDesc = null;
+              _context12.prev = 13;
+              _context12.next = 16;
+              return loadFamily(true);
+
+            case 16:
+              familiaDesc = _context12.sent;
+
+            case 17:
+              _context12.prev = 17;
+              setPreparandoPropagacion(false);
+              return _context12.finish(17);
+
+            case 20:
+              hijosDesc = ((_familiaDesc$variants = (_familiaDesc = familiaDesc) === null || _familiaDesc === void 0 ? void 0 : _familiaDesc.variants) !== null && _familiaDesc$variants !== void 0 ? _familiaDesc$variants : []).filter(function (v) {
+                return !v.isCurrent;
+              });
+
+              if (!(hijosDesc.length > 0 || companerasDesc.length > 0)) {
+                _context12.next = 24;
+                break;
+              }
+
+              setPendingPropagation({
+                cambios: cambiosDesc,
+                kind: "description"
+              });
+              return _context12.abrupt("return");
+
+            case 24:
+              _context12.next = 26;
+              return saveDescriptions(token);
+
+            case 26:
+              return _context12.abrupt("break", 61);
+
+            case 27:
+              cambios = cambiosDeFichaTecnica();
+
+              if (!(cambios.length === 0)) {
+                _context12.next = 32;
+                break;
+              }
+
+              _context12.next = 31;
+              return saveDatasheets(token);
+
+            case 31:
+              return _context12.abrupt("break", 61);
+
+            case 32:
+              /*
+                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 separando de él
+                sin que nadie lo note.
+                 Si tiene hijos se resuelve AQUÍ, esperando la respuesta, en vez de
+                mirar la copia en memoria. `family` es una consulta asíncrona: si
+                todavía no llegó, o si falló, `hijosDelProducto` vale 0 — o sea que
+                «todavía no sé» se leía igual que «no tiene hijos», y el padre se
+                guardaba sin ofrecer la propagación. En silencio, que es lo peor: el
+                usuario creía haber bajado el cambio a los hijos.
+                 La ficha de la aplicación de clientes no tiene el problema porque ahí
+                `state.product.variantsCount` viene del listado; aquí el producto sale
+                del endpoint de reportes, que no trae el parentesco.
+              */
+              setPreparandoPropagacion(true);
+              familia = null;
+              _context12.prev = 34;
+              _context12.next = 37;
+              return loadFamily(true);
+
+            case 37:
+              familia = _context12.sent;
+
+            case 38:
+              _context12.prev = 38;
+              setPreparandoPropagacion(false);
+              return _context12.finish(38);
+
+            case 41:
+              if (!(!familia || familia.error)) {
+                _context12.next = 44;
+                break;
+              }
+
+              dispatch({
+                type: "SET_MODAL",
+                payload: {
+                  show: true,
+                  title: "No se pudo consultar la familia",
+                  message: "No pudimos saber si este producto tiene hijos, así que no sabemos si hay que bajarles el cambio. Vuelve a intentar el guardado; si sigue fallando, guarda y revisa los hijos a mano.",
+                  image: _genericModalWarning.default,
+                  buttons: [{
+                    text: "Entendido",
+                    buttonType: "general-white-button",
+                    action: function action() {
+                      return dispatch({
+                        type: "SET_MODAL",
+                        payload: {
+                          show: false
+                        }
+                      });
+                    }
+                  }, {
+                    text: "Guardar solo este producto",
+                    buttonType: "general-button-default",
+                    action: function action() {
+                      dispatch({
+                        type: "SET_MODAL",
+                        payload: {
+                          show: false
+                        }
+                      });
+                      saveDatasheets(token);
+                    }
+                  }]
+                }
+              });
+              return _context12.abrupt("return");
+
+            case 44:
+              /*
+                Un HIJO no propaga a nadie, y hay que decirlo explícitamente.
+                 `familia.variants` mira la familia desde el PADRE —eso es lo correcto
+                para navegar entre hermanos— así que desde la ficha de un hijo esa
+                lista son sus HERMANOS. Leerla como «los destinos de este producto»
+                hacía que el diálogo le ofreciera heredar a sus hermanos. El servidor
+                resolvía los destinos por su cuenta y no escribía nada, de modo que el
+                usuario elegía, guardaba, y no pasaba nada: un no-operativo silencioso.
+              */
+              esHijo = !!((_familia = familia) !== null && _familia !== void 0 && _familia.parent);
+              hijos = esHijo ? [] : ((_familia$variants = familia.variants) !== null && _familia$variants !== void 0 ? _familia$variants : []).filter(function (v) {
+                return !v.isCurrent;
+              });
+              /*
+                También cuentan las compañeras de grupo: un producto puede no tener
+                hijos y aun así pertenecer a un grupo de variantes, y el cambio se les
+                puede copiar igual. Si no se miraran, guardar no ofrecería nada.
+              */
+
+              companeras = ((_variantGroup$members2 = variantGroup === null || variantGroup === void 0 ? void 0 : variantGroup.members) !== null && _variantGroup$members2 !== void 0 ? _variantGroup$members2 : []).filter(function (m) {
+                return !m.isCurrent;
+              }); // Un hijo tampoco puede estar agrupado desde 2026-09-25, así que para
+              // él no queda ningún destino posible.
+
+              if (!(!esHijo && (hijos.length > 0 || companeras.length > 0))) {
+                _context12.next = 50;
+                break;
+              }
+
+              setPendingPropagation({
+                cambios: cambios,
+                kind: "datasheet"
+              });
+              return _context12.abrupt("return");
+
+            case 50:
+              _context12.next = 52;
+              return saveDatasheets(token);
+
+            case 52:
+              return _context12.abrupt("break", 61);
+
+            case 53:
+              if (!(currentTray === _GalleryTrayTabs.TRAYS.ASSETS)) {
+                _context12.next = 57;
+                break;
+              }
+
+              _context12.next = 56;
+              return handleOnSaveAssets();
+
+            case 56:
+              return _context12.abrupt("return");
+
+            case 57:
+              _context12.next = 59;
+              return updateImages(token);
+
+            case 59:
+              return _context12.abrupt("break", 61);
+
+            case 60:
+              return _context12.abrupt("break", 61);
+
+            case 61:
+              _context12.next = 63;
+              return loadData(false);
+
+            case 63:
+            case "end":
+              return _context12.stop();
+          }
+        }
+      }, _callee12, null, [[13,, 17, 20], [34,, 38, 41]]);
+    }));
+
+    return function handleOnClickSave() {
+      return _ref17.apply(this, arguments);
+    };
+  }();
+
+  var handleOnSetUpdatedDescriptions = function handleOnSetUpdatedDescriptions(items) {
+    dispatch({
+      type: "SET_UPDATED_DESCRIPTIONS_INPUTS",
+      payload: items
+    });
+  };
+
+  var handleOnSetUpdatedDatasheets = function handleOnSetUpdatedDatasheets(items) {
+    dispatch({
+      type: "SET_UPDATED_DATASHEETS_INPUTS",
+      payload: items
+    });
+  };
+  /*
+    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",
+        payload: {
+          show: true,
+          title: "Eliminar imágenes",
+          message: "No has seleccionado ninguna imagen para eliminar.",
+          image: _genericModalWarning.default
+        }
+      });
+      return;
+    }
+
+    dispatch({
+      type: "SET_MODAL",
+      payload: {
+        show: true,
+        title: "Eliminar imágenes",
+        message: "¿Estás seguro de que deseas eliminar las imágenes seleccionadas?",
+        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
+              }
+            });
+            deleteImages(token);
+          }
+        }]
+      }
+    });
+  };
+
+  var handleOnApproveSingleService = /*#__PURE__*/function () {
+    var _ref18 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee13() {
+      return _regenerator.default.wrap(function _callee13$(_context13) {
+        while (1) {
+          switch (_context13.prev = _context13.next) {
+            case 0:
+              _context13.next = 2;
+              return sendSingleEvaluation("A");
+
+            case 2:
+            case "end":
+              return _context13.stop();
+          }
+        }
+      }, _callee13);
+    }));
+
+    return function handleOnApproveSingleService() {
+      return _ref18.apply(this, arguments);
+    };
+  }();
+
+  var handleOnRejectSingleService = function handleOnRejectSingleService() {
+    setShowRejectModal(true);
+  };
+
+  var sendSingleEvaluation = /*#__PURE__*/function () {
+    var _ref19 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee14(result) {
+      var _state$product$id_ord, _state$active_retaile6;
+
+      var concept, articleId, orderId, sectionStatusKey, evalStatus, retailerId, data, res, message, icon, activeTab, newStatuses, serviceStatus, articleStatus, updatedStatusByRetailer, updatedProduct, specialistDone, _objectSpread2, _state$services_data2, _JSON$parse2, newStatus, newOrderStatus, newArticleStatus, _articleStatus, updatedStatusByRetailerForSend, _updatedProduct, updatedServicesData, sessionProduct, _objectSpread3, productInSession, updatedProductInSession;
+
+      return _regenerator.default.wrap(function _callee14$(_context14) {
+        while (1) {
+          switch (_context14.prev = _context14.next) {
+            case 0:
+              if (!state.saving) {
+                _context14.next = 2;
+                break;
+              }
+
+              return _context14.abrupt("return");
+
+            case 2:
+              dispatch({
+                type: "SET_SAVING",
+                payload: true
+              });
+              concept = (0, _utils.getConceptByTab)(state.active_tab);
+              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;
+              sectionStatusKey = "".concat(concept, "_status");
+              evalStatus = state.product[sectionStatusKey];
+              retailerId = (_state$active_retaile6 = state.active_retailer) === null || _state$active_retaile6 === void 0 ? void 0 : _state$active_retaile6.id_retailer;
+              data = {
+                articleId: articleId,
+                orderId: orderId,
+                concept: concept,
+                evalStatus: evalStatus,
+                retailerId: retailerId
+              };
+              activeTab = state.active_tab;
+              _context14.prev = 11;
+
+              if (!result) {
+                _context14.next = 28;
+                break;
+              }
+
+              data.result = result;
+              data.retailerId = retailerId;
+              _context14.next = 17;
+              return _axios.default.put("".concat(process.env.REACT_APP_EVALUATION_ENDPOINT), data, {
+                headers: {
+                  Authorization: token
+                }
+              });
+
+            case 17:
+              res = _context14.sent;
+              newStatuses = JSON.parse(res.data.body);
+              serviceStatus = newStatuses.newServiceStatus[articleId]["".concat(concept, "Status")];
+              articleStatus = newStatuses.newArticleStatus[articleId];
+              console.log({
+                newStatuses: newStatuses
+              }); // Actualizar el producto con los nuevos estados
+
+              updatedStatusByRetailer = state.product.statusByRetailer.map(function (item) {
+                return item.retailer_id === retailerId && item.service === concept ? (0, _objectSpread5.default)((0, _objectSpread5.default)({}, item), {}, {
+                  status: serviceStatus
+                }) : item;
+              });
+              updatedProduct = (0, _objectSpread5.default)((0, _objectSpread5.default)({}, state.product), {}, {
+                statusByRetailer: updatedStatusByRetailer,
+                status: (0, _product.getMinorStatusFromRetailer)(updatedStatusByRetailer)
+              });
+              dispatch({
+                type: "SET_PRODUCT",
+                payload: updatedProduct
+              }); // Mostrar modal de éxito
+
+              dispatch({
+                type: "SET_MODAL",
+                payload: {
+                  show: true,
+                  title: "",
+                  message: result === "A" ? "Aprobado con éxito" : "Rechazado con éxito",
+                  image: _genericModalCheck.default
+                }
+              });
+              _context14.next = 33;
+              break;
+
+            case 28:
+              //Caso del botón "Enviar evaluación"
+              //Se construye el mensaje y se actualiza el estatus
+              specialistDone = ["RC", "RA", "CA"].includes(evalStatus);
+
+              if (specialistDone) {
+                message = "".concat(activeTab, " enviada a facilitador");
+                icon = activeTab === "Descripción" ? _descriptionSent.default : activeTab === "Ficha técnica" ? _attributesSent.default : _uploadingImages.default;
+              } else if (["IE", "AC", "RP", "RCA"].includes(evalStatus)) {
+                message = "Evaluación enviada";
+                icon = _genericModalCheck.default;
+              }
+
+              _context14.next = 32;
+              return _axios.default.put("".concat(process.env.REACT_APP_SEND_EVAL), data, {
+                headers: {
+                  Authorization: token
+                }
+              });
+
+            case 32:
+              res = _context14.sent;
+
+            case 33:
+              if (res.data.statusCode === 200) {
+                _JSON$parse2 = JSON.parse(res.data.body), newStatus = _JSON$parse2.newStatus, newOrderStatus = _JSON$parse2.newOrderStatus, newArticleStatus = _JSON$parse2.newArticleStatus;
+                _articleStatus = newArticleStatus[articleId];
+                console.log({
+                  newArticleStatus: newArticleStatus
+                }); // const retailers = state.product.categoryRetailer.map((r) => ({
+                //   id: r.id_retailer,
+                //   name: r.retailerName,
+                // }));
+                // const messageToChat = createMessage(
+                //   retailers,
+                //   retailerId,
+                //   evalStatus,
+                //   newStatus,
+                //   activeTab,
+                // );
+                // const messageData = {
+                //   paramsBody: {
+                //     id: articleId,
+                //     version: state.product.version,
+                //     items: [{ type: "status", value: messageToChat }],
+                //     retailerId: retailerId,
+                //     status: state.product.status,
+                //   },
+                //   paramsHeader: { Authorization: token },
+                // };
+                // await sendMessage(messageData);
+
+                updatedStatusByRetailerForSend = state.product.statusByRetailer.map(function (item) {
+                  if (item.retailer_id === retailerId && item.service === concept) {
+                    return (0, _objectSpread5.default)((0, _objectSpread5.default)({}, item), {}, {
+                      status: newStatus
+                    });
+                  }
+
+                  return item;
+                });
+                _updatedProduct = (0, _objectSpread5.default)((0, _objectSpread5.default)({}, state.product), {}, (_objectSpread2 = {}, (0, _defineProperty2.default)(_objectSpread2, "".concat(concept, "_status"), newStatus), (0, _defineProperty2.default)(_objectSpread2, "statusByRetailer", updatedStatusByRetailerForSend), (0, _defineProperty2.default)(_objectSpread2, "status", (0, _product.getMinorStatusFromRetailer)(updatedStatusByRetailerForSend)), _objectSpread2)); //Actualizamos el services_data en el servicio específico del retailer actual
+
+                updatedServicesData = (_state$services_data2 = state.services_data) === null || _state$services_data2 === void 0 ? void 0 : _state$services_data2.map(function (service) {
+                  return (0, _objectSpread5.default)((0, _objectSpread5.default)({}, service), {}, {
+                    status: (service === null || service === void 0 ? void 0 : service.id_retailer) === retailerId && (service === null || service === void 0 ? void 0 : service.service) === concept ? newStatus : service === null || service === void 0 ? void 0 : service.status
+                  });
+                });
+                sessionProduct = sessionStorage.getItem("productSelected");
+
+                if (sessionProduct) {
+                  productInSession = JSON.parse(sessionProduct);
+                  updatedProductInSession = (0, _objectSpread5.default)((0, _objectSpread5.default)({}, productInSession), {}, (_objectSpread3 = {}, (0, _defineProperty2.default)(_objectSpread3, "".concat(concept, "_status"), newStatus), (0, _defineProperty2.default)(_objectSpread3, "statusByRetailer", state.product.statusByRetailer.map(function (item) {
+                    if (item.retailer_id === retailerId && item.service === concept) {
+                      return (0, _objectSpread5.default)((0, _objectSpread5.default)({}, item), {}, {
+                        status: newStatus
+                      });
+                    }
+
+                    return item;
+                  })), _objectSpread3));
+                  sessionStorage.setItem("productSelected", JSON.stringify(updatedProductInSession));
+                }
+
+                if (message) {
+                  dispatch({
+                    type: "SET_MODAL",
+                    payload: {
+                      show: true,
+                      title: "",
+                      message: message,
+                      image: _genericModalCheck.default
+                    }
+                  });
+                }
+
+                dispatch({
+                  type: "SET_PRODUCT",
+                  payload: _updatedProduct
+                });
+                dispatch({
+                  type: "SET_SERVICES_DATA",
+                  payload: updatedServicesData
+                });
+              }
+
+              _context14.next = 40;
+              break;
+
+            case 36:
+              _context14.prev = 36;
+              _context14.t0 = _context14["catch"](11);
+              console.error("Error sending evaluation:", _context14.t0);
+              dispatch({
+                type: "SET_MODAL",
+                payload: {
+                  show: true,
+                  title: "Error",
+                  message: "Hubo un error al procesar la evaluación",
+                  image: _errorModal.default
+                }
+              });
+
+            case 40:
+              _context14.prev = 40;
+              dispatch({
+                type: "SET_SAVING",
+                payload: false
+              });
+              return _context14.finish(40);
+
+            case 43:
+            case "end":
+              return _context14.stop();
+          }
+        }
+      }, _callee14, null, [[11, 36, 40, 43]]);
+    }));
+
+    return function sendSingleEvaluation(_x4) {
+      return _ref19.apply(this, arguments);
+    };
+  }();
+
+  var handleOnApproveAllServices = /*#__PURE__*/function () {
+    var _ref20 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee15() {
+      return _regenerator.default.wrap(function _callee15$(_context15) {
+        while (1) {
+          switch (_context15.prev = _context15.next) {
+            case 0:
+              _context15.next = 2;
+              return sendBulkEvaluation("A");
+
+            case 2:
+            case "end":
+              return _context15.stop();
+          }
+        }
+      }, _callee15);
+    }));
+
+    return function handleOnApproveAllServices() {
+      return _ref20.apply(this, arguments);
+    };
+  }();
+
+  var handleOnRejectAllServices = function handleOnRejectAllServices() {
+    setRejectAll(true);
+    setShowRejectModal(true);
+  };
+
+  var sendBulkEvaluation = /*#__PURE__*/function () {
+    var _ref21 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee16(result) {
+      var _state$services_data3, evaluationArray, conceptArray, status, updatedStatusByRetailer, updatedProduct, updatedServicesData;
+
+      return _regenerator.default.wrap(function _callee16$(_context16) {
+        while (1) {
+          switch (_context16.prev = _context16.next) {
+            case 0:
+              dispatch({
+                type: "SET_SAVING",
+                payload: true
+              });
+              _context16.prev = 1;
+              evaluationArray = [];
+              conceptArray = (0, _utils.getConceptsByRole)(user.id_role);
+              (_state$services_data3 = state.services_data) === null || _state$services_data3 === void 0 ? void 0 : _state$services_data3.forEach(function (ret, idx) {
+                var retailer_service = ret.service,
+                    id_retailer = ret.id_retailer,
+                    status_retailer_service = ret.status;
+                var lastStatusLevel = status_retailer_service === null || status_retailer_service === void 0 ? void 0 : status_retailer_service.replace(/.*\//, "");
+
+                if (conceptArray.includes(retailer_service) && statusArray !== null && statusArray !== void 0 && statusArray.includes(lastStatusLevel)) {
+                  var data = {
+                    articleId: state.product.id_article,
+                    orderId: state.product.id_order,
+                    concept: retailer_service,
+                    result: result,
+                    evalStatus: status_retailer_service,
+                    retailerId: id_retailer
+                  };
+                  evaluationArray.push(_axios.default.put("".concat(process.env.REACT_APP_EVALUATION_ENDPOINT), data, {
+                    headers: {
+                      Authorization: token
+                    }
+                  }));
+                }
+              });
+              _context16.next = 7;
+              return Promise.all(evaluationArray);
+
+            case 7:
+              if (!(evaluationArray.length === 0)) {
+                _context16.next = 10;
+                break;
+              }
+
+              dispatch({
+                type: "SET_MODAL",
+                payload: {
+                  show: true,
+                  title: "Error",
+                  message: "No hay servicios que puedas evaluar en el estatus actual.",
+                  image: _errorModal.default
+                }
+              });
+              return _context16.abrupt("return");
+
+            case 10:
+              status = "".concat(result, "A"); // Actualizar el statusByRetailer para todos los retailers y conceptos
+
+              updatedStatusByRetailer = state.product.statusByRetailer.map(function (item) {
+                return conceptArray.includes(item.service) ? (0, _objectSpread5.default)((0, _objectSpread5.default)({}, item), {}, {
+                  status: status
+                }) : item;
+              }); // Actualizar el producto con los nuevos estados
+
+              updatedProduct = (0, _objectSpread5.default)((0, _objectSpread5.default)({}, state.product), {}, {
+                article_status: status,
+                status: (0, _product.getMinorStatusFromRetailer)(updatedStatusByRetailer),
+                datasheet_status: state.product.datasheet_status === "NA" ? "NA" : status,
+                description_status: state.product.description_status === "NA" ? "NA" : status,
+                images_status: state.product.images_status === "NA" ? "NA" : status,
+                statusByRetailer: updatedStatusByRetailer
+              });
+              dispatch({
+                type: "SET_PRODUCT",
+                payload: updatedProduct
+              });
+              updatedServicesData = state.services_data.map(function (service) {
+                return conceptArray.includes(service.service) ? (0, _objectSpread5.default)((0, _objectSpread5.default)({}, service), {}, {
+                  status: status
+                }) : service;
+              });
+              dispatch({
+                type: "SET_SERVICES_DATA",
+                payload: updatedServicesData
+              }); // sessionStorage.setItem(
+              //   "productSelected",
+              //   JSON.stringify(updatedProduct),
+              // );
+              // sessionStorage.setItem(
+              //   "productEdit",
+              //   JSON.stringify({
+              //     ArticleId: updatedProduct.id_article,
+              //     idCategory: updatedProduct.id_category,
+              //     product: updatedProduct,
+              //   }),
+              // );
+              // Mostrar modal de éxito
+
+              dispatch({
+                type: "SET_MODAL",
+                payload: {
+                  show: true,
+                  title: "",
+                  message: result === "A" ? "Todos los servicios aprobados con éxito" : "Todos los servicios rechazados con éxito",
+                  image: _genericModalCheck.default
+                }
+              });
+              _context16.next = 22;
+              break;
+
+            case 19:
+              _context16.prev = 19;
+              _context16.t0 = _context16["catch"](1);
+              console.error("Error in bulk evaluation:", _context16.t0);
+
+            case 22:
+              _context16.prev = 22;
+              dispatch({
+                type: "SET_SAVING",
+                payload: false
+              });
+              return _context16.finish(22);
+
+            case 25:
+            case "end":
+              return _context16.stop();
+          }
+        }
+      }, _callee16, null, [[1, 19, 22, 25]]);
+    }));
+
+    return function sendBulkEvaluation(_x5) {
+      return _ref21.apply(this, arguments);
+    };
+  }();
+
+  var handleOnChangeAssignations = /*#__PURE__*/function () {
+    var _ref22 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee17(assignationType, assignationId) {
+      var concept, data, updatedProduct;
+      return _regenerator.default.wrap(function _callee17$(_context17) {
+        while (1) {
+          switch (_context17.prev = _context17.next) {
+            case 0:
+              concept = (0, _utils.getConceptByTab)(state.active_tab);
+              data = {
+                articleList: [{
+                  orderId: state.product.id_order,
+                  articleId: state.product.id_article
+                }],
+                concept: concept,
+                userId: assignationId
+              };
+              _context17.next = 4;
+              return (0, _axios.default)({
+                method: "post",
+                url: process.env.REACT_APP_ASSIGNATIONS_ENDPOINT,
+                data: data,
+                headers: {
+                  Authorization: token
+                }
+              });
+
+            case 4:
+              updatedProduct = (0, _objectSpread5.default)((0, _objectSpread5.default)({}, state.product), {}, (0, _defineProperty2.default)({}, "id_".concat(concept, "_").concat(assignationType), assignationId));
+              dispatch({
+                type: "SET_PRODUCT",
+                payload: updatedProduct
+              });
+
+            case 6:
+            case "end":
+              return _context17.stop();
+          }
+        }
+      }, _callee17);
+    }));
+
+    return function handleOnChangeAssignations(_x6, _x7) {
+      return _ref22.apply(this, arguments);
+    };
+  }();
+
+  var handleOnSetAssignation = function handleOnSetAssignation() {
+    console.log("handleOnSetAssignation - pendiente de implementar");
+  };
+
+  var handleOnSetImages = function handleOnSetImages() {
+    console.log("handleOnSetImages - pendiente de implementar");
+  };
+
+  var handleOnSetCheckAll = function handleOnSetCheckAll(isChecked) {
+    dispatch({
+      type: "TOGGLE_CHECK_ALL_IMAGES",
+      payload: isChecked
+    });
+  };
+
+  var handleOnSetSelectedImages = function handleOnSetSelectedImages() {
+    /*
+    Esta función no se utiliza actualmente.
+     En la versión anterior se usaban dos funciones distintas para el checkbox
+    "Seleccionar todo":
+    - Una para cambiar el valor booleano del checkbox.
+    - Otra para actualizar el array de imágenes seleccionadas.
+     En la versión actual se unificó la lógica en una sola función,
+    `handleOnSetCheckAll`, que recibe el valor `true` o `false` del checkbox
+    "Seleccionar todo" y, a partir de este, agrega o elimina todas las imágenes
+    del array de imágenes seleccionadas.
+    */
+    console.log("setSelectedImages");
+  };
+
+  var handleOnSubmitComment = /*#__PURE__*/function () {
+    var _ref23 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee18(e) {
+      var commentText;
+      return _regenerator.default.wrap(function _callee18$(_context18) {
+        while (1) {
+          switch (_context18.prev = _context18.next) {
+            case 0:
+              e.preventDefault();
+              commentText = document.querySelector("#commentary-box .ql-container .ql-editor > p").innerHTML;
+              _context18.prev = 2;
+              _context18.next = 5;
+              return createComment(commentText, token);
+
+            case 5:
+              dispatch({
+                type: "SET_MODAL",
+                payload: {
+                  show: true,
+                  title: "",
+                  message: "Comentario guardado con éxito",
+                  image: _genericModalCheck.default
+                }
+              });
+              _context18.next = 12;
+              break;
+
+            case 8:
+              _context18.prev = 8;
+              _context18.t0 = _context18["catch"](2);
+              console.error("Error saving comment:", _context18.t0);
+              dispatch({
+                type: "SET_MODAL",
+                payload: {
+                  show: true,
+                  title: "Error",
+                  message: "Hubo un error al guardar el comentario",
+                  image: _errorModal.default
+                }
+              });
+
+            case 12:
+            case "end":
+              return _context18.stop();
+          }
+        }
+      }, _callee18, null, [[2, 8]]);
+    }));
+
+    return function handleOnSubmitComment(_x8) {
+      return _ref23.apply(this, arguments);
+    };
+  }();
+
+  var handleOnSendEvaluationToFacilitator = function handleOnSendEvaluationToFacilitator() {
+    sendSingleEvaluation();
+  };
+
+  var isEvaluationFinished = function isEvaluationFinished(id_rol, tab, statusArray) {
+    var _servicesByTab$find, _servicesByTab$find$s, _product$, _srv;
+
+    var servicesData = state.services_data;
+    var activeRetailer = state.active_retailer;
+    var product = state.product;
+    var concept = (0, _utils.getConceptByTab)(tab);
+    var servicesByTab = servicesData === null || servicesData === void 0 ? void 0 : servicesData.filter(function (serv) {
+      return serv.service === concept;
+    });
+    var statusBySelectedRetailerService = servicesByTab === null || servicesByTab === void 0 ? void 0 : (_servicesByTab$find = servicesByTab.find(function (serv) {
+      return serv.id_retailer === (activeRetailer === null || activeRetailer === void 0 ? void 0 : activeRetailer.id_retailer);
+    })) === null || _servicesByTab$find === void 0 ? void 0 : (_servicesByTab$find$s = _servicesByTab$find.status) === null || _servicesByTab$find$s === void 0 ? void 0 : _servicesByTab$find$s.replace(/.*\//, "");
+    var currentProducStatus = product === null || product === void 0 ? void 0 : (_product$ = product["".concat(concept, "_status")]) === null || _product$ === void 0 ? void 0 : _product$.replace(/.*\//, "");
+    var unvalidated = ["IE", "CA"].includes(currentProducStatus);
+    var auditorUnvalidated = !["RA", "AA", "ACA", "AP"].includes(currentProducStatus);
+    var result;
+
+    switch (id_rol) {
+      case 7:
+      case 8:
+        // AC se valida/rechaza desde el panel, no se reenvía con "Enviar evaluación".
+        var canSendEvaluation = statusBySelectedRetailerService !== "AC" && statusArray.includes(statusBySelectedRetailerService); // const conditionTwo = statusArray.includes(product?.status);
+        // const conditionThree =
+        //   servicesByTab.filter((service) =>
+        //     statusArray.includes(service.status?.replace(/.*\//, "")),
+        //   ).length === servicesByTab.length;
+        // return (canSendEvaluation && conditionTwo) || conditionThree;
+
+        return canSendEvaluation;
+
+      case 4:
+      case 5:
+        var filteredSrv45 = servicesByTab === null || servicesByTab === void 0 ? void 0 : servicesByTab.filter(function (serv) {
+          return statusArray.includes(serv === null || serv === void 0 ? void 0 : serv.status);
+        });
+        var condition45 = unvalidated && ["CA", "IE"].includes(product === null || product === void 0 ? void 0 : product.status) && (filteredSrv45 === null || filteredSrv45 === void 0 ? void 0 : filteredSrv45.length) === (servicesByTab === null || servicesByTab === void 0 ? void 0 : servicesByTab.length);
+        return condition45;
+
+      case 6:
+        var statusInArray = statusArray.includes(product === null || product === void 0 ? void 0 : product.status);
+        var allSrvValid = (_srv = srv) === null || _srv === void 0 ? void 0 : _srv.every(function (serv) {
+          return ["RA", "AA", "AP", "ACA"].includes(serv === null || serv === void 0 ? void 0 : serv.status);
+        });
+        var condition6 = statusInArray && allSrvValid && auditorUnvalidated;
+        return condition6;
+
+      default:
+        console.log("Default case - returning false");
+        return false;
+    }
+  };
+
+  var handleOnChangeProductVersion = function handleOnChangeProductVersion(version) {
+    console.log("se cambia la version");
+    dispatch({
+      type: "SET_PRODUCT_VERSION",
+      payload: version
+    });
+    loadData(true, version);
+  };
+
+  (0, _react.useEffect)(function () {
+    console.log({
+      stateProduct: state.product
+    });
+  }, [state.product]);
+
+  var handleRetryLoad = function handleRetryLoad() {
+    dispatch({
+      type: "SET_ERRORS",
+      payload: []
+    });
+
+    if (state.active_retailer) {
+      loadData();
+    } else {
+      initializeProduct();
+    }
+  };
+
+  return {
+    isRetailer: isRetailer,
+    digitalAssets: digitalAssets,
+    currentTray: currentTray,
+    assetsLoadedFor: assetsLoadedFor,
+    handleOnSetSelectedAssets: handleOnSetSelectedAssets,
+    handleOnSetAllAssetsChecked: handleOnSetAllAssetsChecked,
+    initializeProduct: initializeProduct,
+    loadAuditableData: loadAuditableData,
+    loadData: loadData,
+    handleOnChangeCurrentImage: handleOnChangeCurrentImage,
+    handleOnShowModalGallery: handleOnShowModalGallery,
+    handleOnChangeActiveRetailer: handleOnChangeActiveRetailer,
+    handleOnChangeActiveTab: handleOnChangeActiveTab,
+    handleOnToggleImageLayout: handleOnToggleImageLayout,
+    handleOnToggleObservation: handleOnToggleObservation,
+    handleOnHideObservation: handleOnHideObservation,
+    isAuditorAssigned: isAuditorAssigned,
+    isAssignedAs: isAssignedAs,
+    isUserAssignedToService: isUserAssignedToService,
+    canShowSingleEvaluationButtons: canShowSingleEvaluationButtons,
+    canShowBulkEvaluationButtons: canShowBulkEvaluationButtons,
+    getStatusByCurrentServiceAndRetailer: getStatusByCurrentServiceAndRetailer,
+    handleOnSaveAssets: handleOnSaveAssets,
+    handleOnClickSaveImages: handleOnClickSaveImages,
+    loadFamily: loadFamily,
+    hijosDelProducto: hijosDelProducto,
+    esHijoDeOtro: esHijoDeOtro,
+    puedeAgruparse: puedeAgruparse,
+    handleOnUnlinked: handleOnUnlinked,
+    loadVariantGroup: loadVariantGroup,
+    handleOnLeaveGroup: handleOnLeaveGroup,
+    openFamilyMember: openFamilyMember,
+    handleOnLinkedVariants: handleOnLinkedVariants,
+    handleOnRestoreInheritance: handleOnRestoreInheritance,
+    cambiosDeFichaTecnica: cambiosDeFichaTecnica,
+    cambiosDeDescripciones: cambiosDeDescripciones,
+    handleOnClickSave: handleOnClickSave,
+    handleOnSetUpdatedDescriptions: handleOnSetUpdatedDescriptions,
+    handleOnSetUpdatedDatasheets: handleOnSetUpdatedDatasheets,
+    handleOnDownloadAssets: handleOnDownloadAssets,
+    handleOnAskToDeleteAssets: handleOnAskToDeleteAssets,
+    handleOnAskToDeleteImages: handleOnAskToDeleteImages,
+    handleOnApproveSingleService: handleOnApproveSingleService,
+    handleOnRejectSingleService: handleOnRejectSingleService,
+    sendSingleEvaluation: sendSingleEvaluation,
+    handleOnApproveAllServices: handleOnApproveAllServices,
+    handleOnRejectAllServices: handleOnRejectAllServices,
+    sendBulkEvaluation: sendBulkEvaluation,
+    handleOnChangeAssignations: handleOnChangeAssignations,
+    handleOnSetAssignation: handleOnSetAssignation,
+    handleOnSetImages: handleOnSetImages,
+    handleOnSetCheckAll: handleOnSetCheckAll,
+    handleOnSetSelectedImages: handleOnSetSelectedImages,
+    handleOnSubmitComment: handleOnSubmitComment,
+    handleOnSendEvaluationToFacilitator: handleOnSendEvaluationToFacilitator,
+    isEvaluationFinished: isEvaluationFinished,
+    handleOnChangeProductVersion: handleOnChangeProductVersion,
+    handleRetryLoad: handleRetryLoad,
+    showVersionSelector: showVersionSelector,
+    setShowVersionSelector: setShowVersionSelector,
+    auditableVersion: auditableVersion,
+    setAuditableVersion: setAuditableVersion,
+    headerTop: headerTop,
+    setHeaderTop: setHeaderTop,
+    shotThd: shotThd,
+    setShotThd: setShotThd,
+    observation: observation,
+    setObservation: setObservation,
+    showRejectModal: showRejectModal,
+    setShowRejectModal: setShowRejectModal,
+    isObservationVisible: isObservationVisible,
+    setObservationVisible: setObservationVisible,
+    imageLayout: imageLayout,
+    setImageLayout: setImageLayout,
+    crossComment: crossComment,
+    setCrossComment: setCrossComment,
+    statusArray: statusArray,
+    setStatusArray: setStatusArray,
+    rejectAll: rejectAll,
+    setRejectAll: setRejectAll,
+    showLinkVariants: showLinkVariants,
+    setShowLinkVariants: setShowLinkVariants,
+    family: family,
+    setFamily: setFamily,
+    showFamily: showFamily,
+    setShowFamily: setShowFamily,
+    loadingVariant: loadingVariant,
+    setLoadingVariant: setLoadingVariant,
+    variantGroup: variantGroup,
+    setVariantGroup: setVariantGroup,
+    showGroup: showGroup,
+    setShowGroup: setShowGroup,
+    showGroupModal: showGroupModal,
+    setShowGroupModal: setShowGroupModal,
+    porDesvincular: porDesvincular,
+    setPorDesvincular: setPorDesvincular,
+    avisoFamilia: avisoFamilia,
+    setAvisoFamilia: setAvisoFamilia,
+    pendingPropagation: pendingPropagation,
+    setPendingPropagation: setPendingPropagation,
+    preparandoPropagacion: preparandoPropagacion,
+    setPreparandoPropagacion: setPreparandoPropagacion,
+    auditServices: auditServices,
+    setAuditServices: setAuditServices,
+    auditDatasheets: auditDatasheets,
+    setAuditDatasheets: setAuditDatasheets,
+    auditDescriptions: auditDescriptions,
+    setAuditDescriptions: setAuditDescriptions,
+    showModal: showModal,
+    setShowModal: setShowModal,
+    compare: compare,
+    setCompare: setCompare,
+    openChangeStatusModal: openChangeStatusModal,
+    setOpenChangeStatusModal: setOpenChangeStatusModal,
+    assetNotices: assetNotices,
+    setAssetNotices: setAssetNotices,
+    activeTray: activeTray,
+    setActiveTray: setActiveTray,
+    state: state,
+    dispatch: dispatch,
+    saveDatasheets: saveDatasheets,
+    saveDescriptions: saveDescriptions,
+    updateImages: updateImages,
+    deleteImages: deleteImages,
+    saveAssets: saveAssets,
+    registerUploadedAssets: registerUploadedAssets,
+    handleOnDownloadImages: handleOnDownloadImages,
+    createComment: createComment,
+    getRootProps: getRootProps,
+    getInputProps: getInputProps,
+    isDragActive: isDragActive,
+    open: open
+  };
+};
+
+exports.useCreatorsProductEdition = useCreatorsProductEdition;