contentoh-components-library 21.6.43 → 21.6.44

package/dist/global-files/data.js

@@ -54,12 +54,31 @@ var getRetailerServices = /*#__PURE__*/function () {
             descriptions = JSON.parse(responseArray[1].data.body).data;
             images = JSON.parse(responseArray[2].data.body).data;
             images.values = images === null || images === void 0 ? void 0 : (_images$values = images.values) === null || _images$values === void 0 ? void 0 : _images$values.map(function (value) {
-              var _images$inputs$find;
-
-              value.name = (_images$inputs$find = images.inputs.find(function (e) {
-                return e.id === value.image_id;
+              var _value$image_id, _images$inputs$find;
+
+              /**
+               * La fila de `rel_article_image` trae la columna `id_image`; el resto del
+               * front lee `image_id`. Sin normalizarlo aquí queda `undefined`, y eso
+               * rompe DOS cosas a la vez:
+               *
+               *   - `getImage` toma su rama `else` y deja `src` con la clave cruda de
+               *     S3 en lugar de la URL de CloudFront, así que la etiqueta <img>
+               *     apunta a una ruta relativa.
+               *   - el filtro `filteredValues` de `RetailerProductEdition` compara
+               *     `value.image_id` contra las reglas del retailer, no encuentra
+               *     coincidencia y descarta la imagen.
+               *
+               * Resultado: la pantalla dice «Este producto no tiene imágenes» aunque la
+               * fila exista y el archivo esté en S3. Antes de guardar sí se veía, porque
+               * el objeto que arma el front al elegir el archivo sí trae `image_id`.
+               */
+              var normalized = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, value), {}, {
+                image_id: (_value$image_id = value.image_id) !== null && _value$image_id !== void 0 ? _value$image_id : value.id_image
+              });
+              normalized.name = (_images$inputs$find = images.inputs.find(function (e) {
+                return e.id === normalized.image_id;
               })) === null || _images$inputs$find === void 0 ? void 0 : _images$inputs$find.name;
-              return getImage(value);
+              return getImage(normalized);
             });
             return _context.abrupt("return", [datasheets, descriptions, images]);
 
@@ -88,7 +107,14 @@ var getImage = function getImage(imageGeneral) {
   var height = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 250;
 
   try {
-    var image = imageGeneral;
+    var _imageGeneral$image_i;
+
+    // `id_image` es el nombre de la columna en base de datos; `image_id` el que
+    // usa el front. Se acepta cualquiera de los dos para que la URL se arme
+    // igual, venga la imagen del backend o del estado local.
+    var image = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, imageGeneral), {}, {
+      image_id: (_imageGeneral$image_i = imageGeneral.image_id) !== null && _imageGeneral$image_i !== void 0 ? _imageGeneral$image_i : imageGeneral.id_image
+    });
     var ext = image.src.split(".");
     var uuid = ext[0].split("-");
     return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, image), {}, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "contentoh-components-library",
-  "version": "21.6.43",
+  "version": "21.6.44",
   "dependencies": {
     "@aws-amplify/auth": "^4.5.3",
     "@aws-amplify/datastore": "^3.11.0",

package/src/global-files/data.js

@@ -35,8 +35,30 @@ export const getRetailerServices = async (
     const images = JSON.parse(responseArray[2].data.body).data;
 
     images.values = images?.values?.map((value) => {
-      value.name = images.inputs.find((e) => e.id === value.image_id)?.name;
-      return getImage(value);
+      /**
+       * La fila de `rel_article_image` trae la columna `id_image`; el resto del
+       * front lee `image_id`. Sin normalizarlo aquí queda `undefined`, y eso
+       * rompe DOS cosas a la vez:
+       *
+       *   - `getImage` toma su rama `else` y deja `src` con la clave cruda de
+       *     S3 en lugar de la URL de CloudFront, así que la etiqueta <img>
+       *     apunta a una ruta relativa.
+       *   - el filtro `filteredValues` de `RetailerProductEdition` compara
+       *     `value.image_id` contra las reglas del retailer, no encuentra
+       *     coincidencia y descarta la imagen.
+       *
+       * Resultado: la pantalla dice «Este producto no tiene imágenes» aunque la
+       * fila exista y el archivo esté en S3. Antes de guardar sí se veía, porque
+       * el objeto que arma el front al elegir el archivo sí trae `image_id`.
+       */
+      const normalized = {
+        ...value,
+        image_id: value.image_id ?? value.id_image,
+      };
+      normalized.name = images.inputs.find(
+        (e) => e.id === normalized.image_id
+      )?.name;
+      return getImage(normalized);
     });
 
     return [datasheets, descriptions, images];
@@ -47,7 +69,13 @@ export const getRetailerServices = async (
 
 export const getImage = (imageGeneral, width = 250, height = 250) => {
   try {
-    const image = imageGeneral;
+    // `id_image` es el nombre de la columna en base de datos; `image_id` el que
+    // usa el front. Se acepta cualquiera de los dos para que la URL se arme
+    // igual, venga la imagen del backend o del estado local.
+    const image = {
+      ...imageGeneral,
+      image_id: imageGeneral.image_id ?? imageGeneral.id_image,
+    };
     const ext = image.src.split(".");
     const uuid = ext[0].split("-");
     return {