contentoh-components-library 21.6.57 → 21.6.58

package/.claude/settings.local.json

@@ -0,0 +1,7 @@
+{
+  "permissions": {
+    "allow": [
+      "Bash(npm test *)"
+    ]
+  }
+}

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

@@ -266,7 +266,8 @@ ProviderProductEditionFromProducts.args = {
   },
   showSurvey: function showSurvey(v) {
     return v && alert("se muestra");
-  }
+  },
+  enableDigitalAssets: true
 };
 var ProviderProductEditionFromTasks = Template.bind({});
 exports.ProviderProductEditionFromTasks = ProviderProductEditionFromTasks;

package/dist/components/pages/ProviderProductEdition/context/provider-product-edition.context.js

@@ -41,6 +41,10 @@ var _awsSdk = _interopRequireDefault(require("aws-sdk"));
 
 var _uuid = require("uuid");
 
+var _assets = require("../../../../global-files/digital-assets/assets.adapter");
+
+var _assets2 = require("../../../../global-files/digital-assets/assets.reducer");
+
 var _jsxRuntime = require("react/jsx-runtime");
 
 var S3_BUCKET = process.env.REACT_APP_IMAGES_BUCKET;
@@ -585,25 +589,334 @@ var ProviderProductEditionProvider = function ProviderProductEditionProvider(_re
       return _ref5.apply(this, arguments);
     };
   }();
+  /*
+    Registra en la base los activos que ACABAN de subirse, sin esperar a que el
+    usuario guarde.
+     Es una corrección de expectativa, no una comodidad: al ver la barra de
+    progreso llegar al final, cualquiera da por hecho que el activo ya quedó
+    ligado al producto. Si entonces cierra la ficha, el archivo se queda en S3
+    sin fila en la base —invisible y sin forma de recuperarlo desde la
+    pantalla—.
+     Manda SOLO las altas recién subidas, con `updateAssets` y `deleteAssets`
+    vacíos. Un reetiquetado o un borrado que el usuario todavía no confirmó no
+    se aplica por haber soltado otro archivo: el botón de guardar sigue siendo
+    quien decide sobre esos.
+  */
 
-  var createComment = /*#__PURE__*/function () {
-    var _ref6 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee5(body, token) {
+
+  var registerUploadedAssets = /*#__PURE__*/function () {
+    var _ref6 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee5(token) {
       var _state$product14, _state$product15, _state$product16;
 
-      var concept, data;
+      var uploaded,
+          listos,
+          data,
+          _state$product17,
+          _state$product18,
+          _body$assets,
+          res,
+          body,
+          guardados,
+          _args5 = arguments;
+
       return _regenerator.default.wrap(function _callee5$(_context5) {
         while (1) {
           switch (_context5.prev = _context5.next) {
             case 0:
-              concept = (0, _utils.getConceptByTab)(state.active_tab);
+              uploaded = _args5.length > 1 && _args5[1] !== undefined ? _args5[1] : [];
+              listos = uploaded.filter(function (asset) {
+                return asset.src && !(0, _assets.isPersisted)(asset);
+              });
+
+              if (!(listos.length === 0)) {
+                _context5.next = 4;
+                break;
+              }
+
+              return _context5.abrupt("return");
+
+            case 4:
               data = {
                 articleId: (_state$product14 = state.product) === null || _state$product14 === void 0 ? void 0 : _state$product14.id_article,
-                orderId: ((_state$product15 = state.product) === null || _state$product15 === void 0 ? void 0 : _state$product15.orderId) || ((_state$product16 = state.product) === null || _state$product16 === void 0 ? void 0 : _state$product16.id_order),
+                newAssets: listos.map(_assets.toPayload),
+                updateAssets: [],
+                deleteAssets: []
+              };
+
+              if ((_state$product15 = state.product) !== null && _state$product15 !== void 0 && _state$product15.orderId || (_state$product16 = state.product) !== null && _state$product16 !== void 0 && _state$product16.id_order) {
+                data.orderId = ((_state$product17 = state.product) === null || _state$product17 === void 0 ? void 0 : _state$product17.orderId) || ((_state$product18 = state.product) === null || _state$product18 === void 0 ? void 0 : _state$product18.id_order);
+              }
+
+              _context5.prev = 6;
+              _context5.next = 9;
+              return _axios.default.put(process.env.REACT_APP_ARTICLE_DATA_ENDPOINT, data, {
+                params: {
+                  asset: true
+                },
+                headers: {
+                  Authorization: token
+                }
+              });
+
+            case 9:
+              res = _context5.sent;
+
+              if (!(res.data.statusCode !== 200)) {
+                _context5.next = 12;
+                break;
+              }
+
+              throw new Error("Respuesta inesperada");
+
+            case 12:
+              body = JSON.parse(res.data.body);
+              guardados = (_body$assets = body.assets) !== null && _body$assets !== void 0 ? _body$assets : [];
+              /*
+                Se le pone a cada activo el id que le tocó, emparejando por la clave de
+                S3, que es única.
+                 A propósito NO se reemplaza la lista entera con lo que devolvió el
+                backend: eso borraría el rastro de lo que el usuario cambió o borró y
+                todavía no ha guardado. Aquí solo se completa lo que faltaba.
+              */
+
+              listos.forEach(function (asset) {
+                var fila = guardados.find(function (row) {
+                  return row.src === asset.src;
+                });
+                if (!fila) return;
+                dispatch({
+                  type: "PATCH_ASSET",
+                  payload: {
+                    key: (0, _assets.assetKey)(asset),
+                    changes: {
+                      id: fila.id,
+                      url: fila.url
+                    }
+                  }
+                });
+              });
+              _context5.next = 21;
+              break;
+
+            case 17:
+              _context5.prev = 17;
+              _context5.t0 = _context5["catch"](6);
+              console.log("Error registering assets:", _context5.t0);
+              /*
+                El archivo SÍ está en S3; lo que falló es la fila. Se marca en el activo
+                y no en un modal porque el usuario puede estar soltando más archivos:
+                interrumpirlo con un diálogo por cada fallo sería peor que dejarlo
+                señalado en su renglón, donde además se ve cuál falló.
+              */
+
+              listos.forEach(function (asset) {
+                return dispatch({
+                  type: "PATCH_ASSET",
+                  payload: {
+                    key: (0, _assets.assetKey)(asset),
+                    changes: {
+                      status: "error",
+                      error: "Se subió el archivo pero no se pudo guardar. Usa el botón de guardar."
+                    }
+                  }
+                });
+              });
+
+            case 21:
+            case "end":
+              return _context5.stop();
+          }
+        }
+      }, _callee5, null, [[6, 17]]);
+    }));
+
+    return function registerUploadedAssets(_x7) {
+      return _ref6.apply(this, arguments);
+    };
+  }();
+  /*
+    Guarda los activos digitales: registra los nuevos, manda los cambios y pide
+    las bajas.
+     Va aparte de `updateImages` y no dentro, aunque las dos bandejas vivan en la
+    misma pestaña. Un activo no pasa por ninguna de las reglas de una imagen —ni
+    tipo de toma, ni obligatoriedad, ni cupo por cadena— y el backend los escribe
+    en otra tabla. Mezclarlos obligaría a partir en dos cada validación de
+    `updateImages`, que ya es la función más delicada de este archivo.
+     Igual que con las imágenes, aquí NO viaja ningún binario: el archivo ya está
+    en S3 y esto solo registra metadatos. Mandar el archivo en el cuerpo devuelve
+    413.
+  */
+
+
+  var saveAssets = /*#__PURE__*/function () {
+    var _ref7 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee6(token) {
+      var _state$product19, _state$product20, _state$product21;
+
+      var payload, newAssets, updateAssets, deleteAssets, sinSubir, data, _state$product22, _state$product23, res;
+
+      return _regenerator.default.wrap(function _callee6$(_context6) {
+        while (1) {
+          switch (_context6.prev = _context6.next) {
+            case 0:
+              payload = (0, _assets.buildSavePayload)((0, _assets2.selectAssetsToSave)(state));
+              newAssets = payload.newAssets, updateAssets = payload.updateAssets, deleteAssets = payload.deleteAssets;
+
+              if (!(!newAssets.length && !updateAssets.length && !deleteAssets.length)) {
+                _context6.next = 4;
+                break;
+              }
+
+              return _context6.abrupt("return", false);
+
+            case 4:
+              /*
+                Un activo nuevo sin `key` es un archivo que todavía no llegó a S3.
+                Registrarlo crearía una fila apuntando a un objeto que no existe: la
+                bandeja lo mostraría y al descargarlo daría 404, sin forma de saber por qué.
+                Mejor no guardar nada y decirlo.
+              */
+              sinSubir = newAssets.filter(function (asset) {
+                return !asset.key;
+              });
+
+              if (!(sinSubir.length > 0)) {
+                _context6.next = 8;
+                break;
+              }
+
+              dispatch({
+                type: "SET_MODAL",
+                payload: {
+                  show: true,
+                  title: "Faltan archivos por subir",
+                  message: "".concat(sinSubir.length, " activo(s) todav\xEDa no se han subido. Espera a que termine la carga e intenta de nuevo."),
+                  image: _genericModalWarning.default
+                }
+              });
+              return _context6.abrupt("return", false);
+
+            case 8:
+              dispatch({
+                type: "SET_SAVING",
+                payload: true
+              }); // Sin `version`: un activo general es el mismo para todas las versiones del
+              // producto, así que ni la fila ni la clave de S3 la llevan.
+
+              data = {
+                articleId: (_state$product19 = state.product) === null || _state$product19 === void 0 ? void 0 : _state$product19.id_article,
+                newAssets: newAssets,
+                updateAssets: updateAssets,
+                deleteAssets: deleteAssets
+              };
+
+              if ((_state$product20 = state.product) !== null && _state$product20 !== void 0 && _state$product20.orderId || (_state$product21 = state.product) !== null && _state$product21 !== void 0 && _state$product21.id_order) {
+                data.orderId = ((_state$product22 = state.product) === null || _state$product22 === void 0 ? void 0 : _state$product22.orderId) || ((_state$product23 = state.product) === null || _state$product23 === void 0 ? void 0 : _state$product23.id_order);
+              }
+
+              _context6.prev = 11;
+              _context6.next = 14;
+              return _axios.default.put(process.env.REACT_APP_ARTICLE_DATA_ENDPOINT, data, {
+                params: {
+                  asset: true
+                },
+                headers: {
+                  Authorization: token
+                }
+              });
+
+            case 14:
+              res = _context6.sent;
+
+              if (!(res.data.statusCode === 200)) {
+                _context6.next = 19;
+                break;
+              }
+
+              // Se olvida qué cambió y qué se borró: lo que hay en pantalla ya es lo
+              // que hay en la base. Sin esto, el siguiente guardado reenviaría todo.
+              dispatch({
+                type: "CLEAR_ASSETS_TRACKING"
+              });
+              dispatch({
+                type: "SET_MODAL",
+                payload: {
+                  show: true,
+                  title: "",
+                  message: "Activos digitales guardados con éxito",
+                  image: _genericModalCheck.default
+                }
+              });
+              /*
+                Devuelve `true` para que quien llama recargue.
+                 Es imprescindible, no cortesía: los activos recién creados siguen en
+                memoria con su id temporal y sin el id de la base. Sin recargar, el
+                siguiente guardado los volvería a mandar como nuevos y se duplicarían.
+                Es exactamente el problema que ya tuvieron las imágenes.
+              */
+
+              return _context6.abrupt("return", true);
+
+            case 19:
+              return _context6.abrupt("return", false);
+
+            case 22:
+              _context6.prev = 22;
+              _context6.t0 = _context6["catch"](11);
+              console.log("Error saving assets:", _context6.t0);
+              dispatch({
+                type: "SET_ERRORS",
+                payload: [].concat((0, _toConsumableArray2.default)(state.errors), [_context6.t0])
+              });
+              dispatch({
+                type: "SET_MODAL",
+                payload: {
+                  show: true,
+                  title: "Error",
+                  message: "Hubo un error al guardar los activos digitales",
+                  image: _errorModal.default
+                }
+              });
+              return _context6.abrupt("return", false);
+
+            case 28:
+              _context6.prev = 28;
+              dispatch({
+                type: "SET_SAVING",
+                payload: false
+              });
+              return _context6.finish(28);
+
+            case 31:
+            case "end":
+              return _context6.stop();
+          }
+        }
+      }, _callee6, null, [[11, 22, 28, 31]]);
+    }));
+
+    return function saveAssets(_x8) {
+      return _ref7.apply(this, arguments);
+    };
+  }();
+
+  var createComment = /*#__PURE__*/function () {
+    var _ref8 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee7(body, token) {
+      var _state$product24, _state$product25, _state$product26;
+
+      var concept, data;
+      return _regenerator.default.wrap(function _callee7$(_context7) {
+        while (1) {
+          switch (_context7.prev = _context7.next) {
+            case 0:
+              concept = (0, _utils.getConceptByTab)(state.active_tab);
+              data = {
+                articleId: (_state$product24 = state.product) === null || _state$product24 === void 0 ? void 0 : _state$product24.id_article,
+                orderId: ((_state$product25 = state.product) === null || _state$product25 === void 0 ? void 0 : _state$product25.orderId) || ((_state$product26 = state.product) === null || _state$product26 === void 0 ? void 0 : _state$product26.id_order),
                 message: body,
                 concept: concept,
                 version: state.product.version
               };
-              _context5.next = 4;
+              _context7.next = 4;
               return _axios.default.post("".concat(process.env.REACT_APP_COMMENTS_ENDPOINT), data, {
                 headers: {
                   Authorization: token
@@ -612,14 +925,14 @@ var ProviderProductEditionProvider = function ProviderProductEditionProvider(_re
 
             case 4:
             case "end":
-              return _context5.stop();
+              return _context7.stop();
           }
         }
-      }, _callee5);
+      }, _callee7);
     }));
 
-    return function createComment(_x7, _x8) {
-      return _ref6.apply(this, arguments);
+    return function createComment(_x9, _x10) {
+      return _ref8.apply(this, arguments);
     };
   }();
 
@@ -630,6 +943,8 @@ var ProviderProductEditionProvider = function ProviderProductEditionProvider(_re
     saveDescriptions: saveDescriptions,
     updateImages: updateImages,
     deleteImages: deleteImages,
+    saveAssets: saveAssets,
+    registerUploadedAssets: registerUploadedAssets,
     handleOnDownloadImages: handleOnDownloadImages,
     createComment: createComment
   };

package/dist/components/pages/ProviderProductEdition/context/provider-product-edition.reducer.js

@@ -17,11 +17,15 @@ var _inputs = require("./reducers/inputs");
 
 var _activeState = require("./reducers/active-state");
 
+var _assets = require("../../../../global-files/digital-assets/assets.actions");
+
+var _assets2 = require("../../../../global-files/digital-assets/assets.reducer");
+
 // Initial state
-var initialState = (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, _system.systemInitialState), _product.productInitialState), _inputs.inputsInitialState), _activeState.activeStateInitialState); // Action types
+var initialState = (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, _system.systemInitialState), _product.productInitialState), _inputs.inputsInitialState), _activeState.activeStateInitialState), _assets2.assetsInitialState); // Action types
 
 exports.initialState = initialState;
-var ACTIONS = (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, _system.SYSTEM_ACTIONS), _product.PRODUCT_ACTIONS), _inputs.INPUTS_ACTIONS), _activeState.ACTIVE_STATE_ACTIONS); // Reducer function
+var ACTIONS = (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, _system.SYSTEM_ACTIONS), _product.PRODUCT_ACTIONS), _inputs.INPUTS_ACTIONS), _activeState.ACTIVE_STATE_ACTIONS), _assets.ASSET_ACTIONS); // Reducer function
 
 exports.ACTIONS = ACTIONS;
 
@@ -51,6 +55,12 @@ var productEditionReducer = function productEditionReducer(state, action) {
     return activeStateResult;
   }
 
+  var assetsResult = (0, _assets2.assetsReducer)(state, action);
+
+  if (assetsResult !== null) {
+    return assetsResult;
+  }
+
   return state;
 };