contentoh-components-library 21.4.138 → 21.4.139

package/package.json

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

package/src/components/pages/RetailerProductEdition/index.js

@@ -195,37 +195,49 @@ export const RetailerProductEdition = ({
     noClick: true,
     onDrop: (acceptedFiles) => {
       const newImages = [];
-      var createThumbnail = true;
       acceptedFiles.map((file) => {
         const reader = new FileReader();
         reader.fileName = file.name;
-        
         reader.onload = async function (e) {
           const ext = e.srcElement.fileName.split(".");
           const img = new Image();
-          if(ext[ext.length - 1]=="mp4"){
-            img.src= await generateThumbnail(e.target.result, 2);
+          if (ext[ext.length - 1] == "mp4") {
             obtenerDuracionVideoBase64(e.target.result)
-            .then(async duracion => {
-              if (duracion>15 && duracion<300)
-                img.src= await generateThumbnail(e.target.result, 2);
-              else{
-                createThumbnail=false;
-                setModalAlert({
-                  show: true,
-                  title: "Hay un error al subir el video",
-                  message: "Los videos deben durar entre 15 segundos y 5 minutos",
-                });
-              }
-            })
-            .catch(error => {
-              console.error('Error al obtener la duración del video:', error);
-            });
-          }else{
+              .then(async (duracion) => {
+                if (duracion > 15 && duracion < 300) {
+                  img.src = await generateThumbnail(e.target.result, 2);
+                  setTimeout(() => {
+                    const width = img.width;
+                    const height = img.height;
+                    const newImg = {
+                      action: "addImg",
+                      img: {
+                        src: img.src, //e.target.result,
+                        name: e.target.fileName,
+                        ext: ext[ext.length - 1],
+                        width: width,
+                        height: height,
+                        video_src:
+                          ext[ext.length - 1] == "mp4" ? e.target.result : "",
+                      },
+                    };
+                    setImages(newImg);
+                  }, 500);
+                } else {
+                  setModalAlert({
+                    show: true,
+                    title: "Hay un error al subir el video",
+                    message:
+                      "Los videos deben durar entre 15 segundos y 5 minutos",
+                  });
+                }
+              })
+              .catch((error) => {
+                console.error("Error al obtener la duración del video:", error);
+              });
+          } else {
             img.src = e.target.result;
-          }
-          if(createThumbnail){
-            generasetTimeout(() => {
+            setTimeout(() => {
               const width = img.width;
               const height = img.height;
               const newImg = {
@@ -236,7 +248,8 @@ export const RetailerProductEdition = ({
                   ext: ext[ext.length - 1],
                   width: width,
                   height: height,
-                  video_src: ext[ext.length - 1]=="mp4"? e.target.result:""
+                  video_src:
+                    ext[ext.length - 1] == "mp4" ? e.target.result : "",
                 },
               };
               setImages(newImg);