contentoh-components-library 21.6.23 → 21.6.25

package/.env.test

@@ -74,3 +74,4 @@ REACT_APP_ID_AWS=7o2hp8msfl
 REACT_APP_ENVIRONMENT=test
 REACT_APP_REGION=us-east-1
 REACT_APP_VARIANTS_ENDPOINT=https://7o2hp8msfl.execute-api.us-east-1.amazonaws.com/test/variants
+REACT_APP_NEW_ARTICLES_ENDPOINT=https://7o2hp8msfl.execute-api.us-east-1.amazonaws.com/test/new-articles

package/dist/_utils/helper.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getRetailerPicture = void 0;
+exports.getRetailerPicture = exports.getProductImage = void 0;
 
 var _jsBase = require("js-base64");
 
@@ -26,5 +26,50 @@ var getRetailerPicture = function getRetailerPicture(retailerId, width, height)
     }
   }));
 };
+/**
+ * URL servible de una imagen de producto.
+ *
+ * En base de datos `rel_article_image.src` guarda la KEY dentro del bucket
+ * —algo como "id-145246/4/1-e53c705a…"—, no una URL. Puesta tal cual en un
+ * <img> el navegador la resuelve contra el host de la app y no carga nada.
+ *
+ * Se pasa por el redimensionador de CloudFront, igual que getGridImage en la
+ * aplicación, para no traer la foto a tamaño completo cuando lo que se muestra
+ * es una miniatura.
+ */
 
-exports.getRetailerPicture = getRetailerPicture;
+
+exports.getRetailerPicture = getRetailerPicture;
+
+var getProductImage = function getProductImage(src) {
+  var width = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 96;
+  var height = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 96;
+  if (!src) return ""; // Ya viene absoluta: no hay nada que construir.
+
+  if (/^https?:\/\//i.test(src)) return src;
+
+  try {
+    return "https://d24s337exbt5zr.cloudfront.net/" + _jsBase.Base64.encode(JSON.stringify({
+      bucket: process.env.REACT_APP_IMAGES_BUCKET,
+      key: src,
+      edits: {
+        resize: {
+          width: width,
+          height: height,
+          fit: "contain",
+          background: {
+            r: 255,
+            g: 255,
+            b: 255,
+            alpha: 0
+          }
+        }
+      }
+    }));
+  } catch (error) {
+    console.error("getProductImage: ", error);
+    return "";
+  }
+};
+
+exports.getProductImage = getProductImage;