contentoh-components-library 21.4.138 → 21.4.140

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/components/pages/RetailerProductEdition/index.js +58 -58
  2. package/package.json +1 -1
  3. package/src/components/pages/RetailerProductEdition/index.js +37 -24
package/dist/components/pages/RetailerProductEdition/index.js CHANGED
@@ -355,7 +355,6 @@ var RetailerProductEdition = function RetailerProductEdition(_ref3) {
355
355
  noClick: true,
356
356
  onDrop: function onDrop(acceptedFiles) {
357
357
  var newImages = [];
358
- var createThumbnail = true;
359
358
  acceptedFiles.map(function (file) {
360
359
  var reader = new FileReader();
361
360
  reader.fileName = file.name;
@@ -370,66 +369,67 @@ var RetailerProductEdition = function RetailerProductEdition(_ref3) {
370
369
  ext = e.srcElement.fileName.split(".");
371
370
  img = new Image();
372
371
 
373
- if (!(ext[ext.length - 1] == "mp4")) {
374
- _context4.next = 9;
375
- break;
376
- }
372
+ if (ext[ext.length - 1] == "mp4") {
373
+ obtenerDuracionVideoBase64(e.target.result).then( /*#__PURE__*/function () {
374
+ var _ref5 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(duracion) {
375
+ return _regenerator.default.wrap(function _callee3$(_context3) {
376
+ while (1) {
377
+ switch (_context3.prev = _context3.next) {
378
+ case 0:
379
+ if (!(duracion > 15 && duracion < 300)) {
380
+ _context3.next = 7;
381
+ break;
382
+ }
377
383
 
378
- _context4.next = 5;
379
- return (0, _generateThumnail.default)(e.target.result, 2);
380
-
381
- case 5:
382
- img.src = _context4.sent;
383
- obtenerDuracionVideoBase64(e.target.result).then( /*#__PURE__*/function () {
384
- var _ref5 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(duracion) {
385
- return _regenerator.default.wrap(function _callee3$(_context3) {
386
- while (1) {
387
- switch (_context3.prev = _context3.next) {
388
- case 0:
389
- if (!(duracion > 15 && duracion < 300)) {
390
- _context3.next = 6;
384
+ _context3.next = 3;
385
+ return (0, _generateThumnail.default)(e.target.result, 2);
386
+
387
+ case 3:
388
+ img.src = _context3.sent;
389
+ setTimeout(function () {
390
+ var width = img.width;
391
+ var height = img.height;
392
+ var newImg = {
393
+ action: "addImg",
394
+ img: {
395
+ src: img.src,
396
+ //e.target.result,
397
+ name: e.target.fileName,
398
+ ext: ext[ext.length - 1],
399
+ width: width,
400
+ height: height,
401
+ video_src: ext[ext.length - 1] == "mp4" ? e.target.result : ""
402
+ }
403
+ };
404
+ setImages(newImg);
405
+ }, 500);
406
+ _context3.next = 8;
391
407
  break;
392
- }
393
408
 
394
- _context3.next = 3;
395
- return (0, _generateThumnail.default)(e.target.result, 2);
396
-
397
- case 3:
398
- img.src = _context3.sent;
399
- _context3.next = 8;
400
- break;
401
-
402
- case 6:
403
- createThumbnail = false;
404
- setModalAlert({
405
- show: true,
406
- title: "Hay un error al subir el video",
407
- message: "Los videos deben durar entre 15 segundos y 5 minutos"
408
- });
409
-
410
- case 8:
411
- case "end":
412
- return _context3.stop();
409
+ case 7:
410
+ setModalAlert({
411
+ show: true,
412
+ title: "Hay un error al subir el video",
413
+ message: "Los videos deben durar entre 15 segundos y 5 minutos"
414
+ });
415
+
416
+ case 8:
417
+ case "end":
418
+ return _context3.stop();
419
+ }
413
420
  }
414
- }
415
- }, _callee3);
416
- }));
417
-
418
- return function (_x4) {
419
- return _ref5.apply(this, arguments);
420
- };
421
- }()).catch(function (error) {
422
- console.error('Error al obtener la duración del video:', error);
423
- });
424
- _context4.next = 10;
425
- break;
426
-
427
- case 9:
428
- img.src = e.target.result;
429
-
430
- case 10:
431
- if (createThumbnail) {
432
- generasetTimeout(function () {
421
+ }, _callee3);
422
+ }));
423
+
424
+ return function (_x4) {
425
+ return _ref5.apply(this, arguments);
426
+ };
427
+ }()).catch(function (error) {
428
+ console.error("Error al obtener la duración del video:", error);
429
+ });
430
+ } else {
431
+ img.src = e.target.result;
432
+ setTimeout(function () {
433
433
  var width = img.width;
434
434
  var height = img.height;
435
435
  var newImg = {
@@ -448,7 +448,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref3) {
448
448
  }, 500);
449
449
  }
450
450
 
451
- case 11:
451
+ case 3:
452
452
  case "end":
453
453
  return _context4.stop();
454
454
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "contentoh-components-library",
3
- "version": "21.4.138",
3
+ "version": "21.4.140",
4
4
  "dependencies": {
5
5
  "@aws-amplify/auth": "^4.5.3",
6
6
  "@aws-amplify/datastore": "^3.11.0",
package/src/components/pages/RetailerProductEdition/index.js CHANGED
@@ -195,37 +195,49 @@ export const RetailerProductEdition = ({
195
195
  noClick: true,
196
196
  onDrop: (acceptedFiles) => {
197
197
  const newImages = [];
198
- var createThumbnail = true;
199
198
  acceptedFiles.map((file) => {
200
199
  const reader = new FileReader();
201
200
  reader.fileName = file.name;
202
-
203
201
  reader.onload = async function (e) {
204
202
  const ext = e.srcElement.fileName.split(".");
205
203
  const img = new Image();
206
- if(ext[ext.length - 1]=="mp4"){
207
- img.src= await generateThumbnail(e.target.result, 2);
204
+ if (ext[ext.length - 1] == "mp4") {
208
205
  obtenerDuracionVideoBase64(e.target.result)
209
- .then(async duracion => {
210
- if (duracion>15 && duracion<300)
211
- img.src= await generateThumbnail(e.target.result, 2);
212
- else{
213
- createThumbnail=false;
214
- setModalAlert({
215
- show: true,
216
- title: "Hay un error al subir el video",
217
- message: "Los videos deben durar entre 15 segundos y 5 minutos",
218
- });
219
- }
220
- })
221
- .catch(error => {
222
- console.error('Error al obtener la duración del video:', error);
223
- });
224
- }else{
206
+ .then(async (duracion) => {
207
+ if (duracion > 15 && duracion < 300) {
208
+ img.src = await generateThumbnail(e.target.result, 2);
209
+ setTimeout(() => {
210
+ const width = img.width;
211
+ const height = img.height;
212
+ const newImg = {
213
+ action: "addImg",
214
+ img: {
215
+ src: img.src, //e.target.result,
216
+ name: e.target.fileName,
217
+ ext: ext[ext.length - 1],
218
+ width: width,
219
+ height: height,
220
+ video_src:
221
+ ext[ext.length - 1] == "mp4" ? e.target.result : "",
222
+ },
223
+ };
224
+ setImages(newImg);
225
+ }, 500);
226
+ } else {
227
+ setModalAlert({
228
+ show: true,
229
+ title: "Hay un error al subir el video",
230
+ message:
231
+ "Los videos deben durar entre 15 segundos y 5 minutos",
232
+ });
233
+ }
234
+ })
235
+ .catch((error) => {
236
+ console.error("Error al obtener la duración del video:", error);
237
+ });
238
+ } else {
225
239
  img.src = e.target.result;
226
- }
227
- if(createThumbnail){
228
- generasetTimeout(() => {
240
+ setTimeout(() => {
229
241
  const width = img.width;
230
242
  const height = img.height;
231
243
  const newImg = {
@@ -236,7 +248,8 @@ export const RetailerProductEdition = ({
236
248
  ext: ext[ext.length - 1],
237
249
  width: width,
238
250
  height: height,
239
- video_src: ext[ext.length - 1]=="mp4"? e.target.result:""
251
+ video_src:
252
+ ext[ext.length - 1] == "mp4" ? e.target.result : "",
240
253
  },
241
254
  };
242
255
  setImages(newImg);