contentoh-components-library 21.1.23 → 21.1.26

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 (31) hide show
  1. package/dist/components/atoms/SliderToolTip/styles.js +2 -2
  2. package/dist/components/atoms/ValidationPanel/index.js +26 -17
  3. package/dist/components/atoms/ValidationPanel/styles.js +1 -1
  4. package/dist/components/atoms/VerticalSideMenuMainPage/VerticalSideMenuMainPage.stories.js +1 -1
  5. package/dist/components/atoms/VerticalSideMenuMainPage/index.js +21 -23
  6. package/dist/components/atoms/VerticalSideMenuMainPage/styles.js +22 -6
  7. package/dist/components/molecules/AvatarAndValidation/index.js +4 -2
  8. package/dist/components/molecules/StatusAsignationInfo/index.js +0 -6
  9. package/dist/components/organisms/FullProductNameHeader/index.js +3 -1
  10. package/dist/components/pages/ProviderProductEdition/ProviderProductEdition.stories.js +111 -72
  11. package/dist/components/pages/ProviderProductEdition/index.js +159 -81
  12. package/dist/components/pages/RetailerProductEdition/RetailerProductEdition.stories.js +58 -51
  13. package/dist/components/pages/RetailerProductEdition/index.js +25 -19
  14. package/dist/global-files/data.js +21 -12
  15. package/dist/index.js +38 -51
  16. package/package.json +1 -1
  17. package/src/components/atoms/SliderToolTip/styles.js +6 -3
  18. package/src/components/atoms/ValidationPanel/index.js +24 -14
  19. package/src/components/atoms/ValidationPanel/styles.js +6 -2
  20. package/src/components/atoms/VerticalSideMenuMainPage/VerticalSideMenuMainPage.stories.js +2 -2
  21. package/src/components/atoms/VerticalSideMenuMainPage/index.js +19 -22
  22. package/src/components/atoms/VerticalSideMenuMainPage/styles.js +25 -19
  23. package/src/components/molecules/AvatarAndValidation/index.js +2 -0
  24. package/src/components/molecules/StatusAsignationInfo/index.js +0 -6
  25. package/src/components/organisms/FullProductNameHeader/index.js +2 -0
  26. package/src/components/pages/ProviderProductEdition/ProviderProductEdition.stories.js +119 -82
  27. package/src/components/pages/ProviderProductEdition/index.js +131 -49
  28. package/src/components/pages/RetailerProductEdition/RetailerProductEdition.stories.js +59 -51
  29. package/src/components/pages/RetailerProductEdition/index.js +18 -8
  30. package/src/global-files/data.js +32 -20
  31. package/src/index.js +0 -1
@@ -135,7 +135,7 @@ var myBucket = new _awsSdk.default.S3({
135
135
  });
136
136
 
137
137
  var RetailerProductEdition = function RetailerProductEdition(_ref) {
138
- var _product$retailers, _product$services2, _datasheets$, _datasheets$$data, _product$article13;
138
+ var _product$retailers, _product$services2, _datasheets$, _datasheets$$data, _product$article14;
139
139
 
140
140
  var tabsSections = _ref.tabsSections,
141
141
  _ref$productSelected = _ref.productSelected,
@@ -384,7 +384,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
384
384
 
385
385
  var loadData = /*#__PURE__*/function () {
386
386
  var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
387
- var _product$article, _product$article2, _services$, _services$$values, _services;
387
+ var _product$article, _product$article2, _product$article3, _services$, _services$$values, _services;
388
388
 
389
389
  return _regenerator.default.wrap(function _callee$(_context) {
390
390
  while (1) {
@@ -392,7 +392,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
392
392
  case 0:
393
393
  _context.prev = 0;
394
394
  _context.next = 3;
395
- return (0, _data2.getRetailerServices)(product === null || product === void 0 ? void 0 : (_product$article = product.article) === null || _product$article === void 0 ? void 0 : _product$article.id_article, parseInt(product === null || product === void 0 ? void 0 : (_product$article2 = product.article) === null || _product$article2 === void 0 ? void 0 : _product$article2.id_category), product === null || product === void 0 ? void 0 : product.version);
395
+ return (0, _data2.getRetailerServices)(product === null || product === void 0 ? void 0 : (_product$article = product.article) === null || _product$article === void 0 ? void 0 : _product$article.id_article, product === null || product === void 0 ? void 0 : (_product$article2 = product.article) === null || _product$article2 === void 0 ? void 0 : _product$article2.category, parseInt(product === null || product === void 0 ? void 0 : (_product$article3 = product.article) === null || _product$article3 === void 0 ? void 0 : _product$article3.id_category), product === null || product === void 0 ? void 0 : product.version);
396
396
 
397
397
  case 3:
398
398
  _services = _context.sent;
@@ -434,7 +434,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
434
434
 
435
435
  var getServices = /*#__PURE__*/function () {
436
436
  var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
437
- var _product$article3, _product$article4, _servicesResponse$dat;
437
+ var _product$article4, _product$article5, _servicesResponse$dat;
438
438
 
439
439
  var servicesResponse, parsedResponse, retailers, active;
440
440
  return _regenerator.default.wrap(function _callee2$(_context2) {
@@ -442,7 +442,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
442
442
  switch (_context2.prev = _context2.next) {
443
443
  case 0:
444
444
  _context2.next = 2;
445
- return _axios.default.get("".concat(process.env.REACT_APP_SERVICES_ENDPOINT, "?articleId=").concat(product === null || product === void 0 ? void 0 : (_product$article3 = product.article) === null || _product$article3 === void 0 ? void 0 : _product$article3.id_article, "&orderId=").concat((product === null || product === void 0 ? void 0 : (_product$article4 = product.article) === null || _product$article4 === void 0 ? void 0 : _product$article4.id_order) || product.orderId, "&end=true"));
445
+ return _axios.default.get("".concat(process.env.REACT_APP_SERVICES_ENDPOINT, "?articleId=").concat(product === null || product === void 0 ? void 0 : (_product$article4 = product.article) === null || _product$article4 === void 0 ? void 0 : _product$article4.id_article, "&orderId=").concat((product === null || product === void 0 ? void 0 : (_product$article5 = product.article) === null || _product$article5 === void 0 ? void 0 : _product$article5.id_order) || product.orderId, "&end=true"));
446
446
 
447
447
  case 2:
448
448
  servicesResponse = _context2.sent;
@@ -485,7 +485,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
485
485
 
486
486
  var getComments = /*#__PURE__*/function () {
487
487
  var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3() {
488
- var _product$article5, _product$article6, _product$article7;
488
+ var _product$article6, _product$article7, _product$article8;
489
489
 
490
490
  var tab,
491
491
  commentsResponse,
@@ -497,7 +497,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
497
497
  case 0:
498
498
  tab = _args3.length > 0 && _args3[0] !== undefined ? _args3[0] : "Descripción";
499
499
  _context3.next = 3;
500
- return Promise.all([_axios.default.get("".concat(process.env.REACT_APP_COMMENTS_ENDPOINT, "?articleId=").concat(product === null || product === void 0 ? void 0 : (_product$article5 = product.article) === null || _product$article5 === void 0 ? void 0 : _product$article5.id_article, "&concept=description&orderIdColab=").concat(product === null || product === void 0 ? void 0 : product.orderId, "&version=").concat(version)), _axios.default.get("".concat(process.env.REACT_APP_COMMENTS_ENDPOINT, "?articleId=").concat(product === null || product === void 0 ? void 0 : (_product$article6 = product.article) === null || _product$article6 === void 0 ? void 0 : _product$article6.id_article, "&concept=datasheet&orderIdColab=").concat(product === null || product === void 0 ? void 0 : product.orderId, "&version=").concat(version)), _axios.default.get("".concat(process.env.REACT_APP_COMMENTS_ENDPOINT, "?articleId=").concat(product === null || product === void 0 ? void 0 : (_product$article7 = product.article) === null || _product$article7 === void 0 ? void 0 : _product$article7.id_article, "&concept=images&orderIdColab=").concat(product === null || product === void 0 ? void 0 : product.orderId, "&version=").concat(version))]);
500
+ return Promise.all([_axios.default.get("".concat(process.env.REACT_APP_COMMENTS_ENDPOINT, "?articleId=").concat(product === null || product === void 0 ? void 0 : (_product$article6 = product.article) === null || _product$article6 === void 0 ? void 0 : _product$article6.id_article, "&concept=description&orderIdColab=").concat(product === null || product === void 0 ? void 0 : product.orderId, "&version=").concat(version)), _axios.default.get("".concat(process.env.REACT_APP_COMMENTS_ENDPOINT, "?articleId=").concat(product === null || product === void 0 ? void 0 : (_product$article7 = product.article) === null || _product$article7 === void 0 ? void 0 : _product$article7.id_article, "&concept=datasheet&orderIdColab=").concat(product === null || product === void 0 ? void 0 : product.orderId, "&version=").concat(version)), _axios.default.get("".concat(process.env.REACT_APP_COMMENTS_ENDPOINT, "?articleId=").concat(product === null || product === void 0 ? void 0 : (_product$article8 = product.article) === null || _product$article8 === void 0 ? void 0 : _product$article8.id_article, "&concept=images&orderIdColab=").concat(product === null || product === void 0 ? void 0 : product.orderId, "&version=").concat(version))]);
501
501
 
502
502
  case 3:
503
503
  commentsResponse = _context3.sent;
@@ -686,7 +686,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
686
686
 
687
687
  var saveDescriptions = /*#__PURE__*/function () {
688
688
  var _ref6 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee5() {
689
- var _product$article8;
689
+ var _product$article9;
690
690
 
691
691
  var productTemp, dataObject;
692
692
  return _regenerator.default.wrap(function _callee5$(_context5) {
@@ -696,7 +696,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
696
696
  setLoading(true);
697
697
  productTemp = product;
698
698
  dataObject = {
699
- articleId: product === null || product === void 0 ? void 0 : (_product$article8 = product.article) === null || _product$article8 === void 0 ? void 0 : _product$article8.id_article,
699
+ articleId: product === null || product === void 0 ? void 0 : (_product$article9 = product.article) === null || _product$article9 === void 0 ? void 0 : _product$article9.id_article,
700
700
  articleData: updatedDescriptions
701
701
  };
702
702
  if (product !== null && product !== void 0 && product.orderId) dataObject["orderId"] = product === null || product === void 0 ? void 0 : product.orderId;
@@ -740,7 +740,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
740
740
 
741
741
  var saveDatasheets = /*#__PURE__*/function () {
742
742
  var _ref7 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee6() {
743
- var _product$article9;
743
+ var _product$article10;
744
744
 
745
745
  var productTemp, dataObject;
746
746
  return _regenerator.default.wrap(function _callee6$(_context6) {
@@ -750,7 +750,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
750
750
  setLoading(true);
751
751
  productTemp = product;
752
752
  dataObject = {
753
- articleId: product === null || product === void 0 ? void 0 : (_product$article9 = product.article) === null || _product$article9 === void 0 ? void 0 : _product$article9.id_article,
753
+ articleId: product === null || product === void 0 ? void 0 : (_product$article10 = product.article) === null || _product$article10 === void 0 ? void 0 : _product$article10.id_article,
754
754
  articleData: updatedDatasheets
755
755
  };
756
756
  console.log(updatedDatasheets, "updatedDatasheets");
@@ -810,7 +810,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
810
810
  setSocketType(imageInputs);
811
811
  }, [images]);
812
812
  var updateImages = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee7() {
813
- var _images$values2, _product$article10, _data$articleData, _data$articleData2, _data$updateImages;
813
+ var _images$values2, _product$article11, _data$articleData, _data$articleData2, _data$updateImages;
814
814
 
815
815
  var imagesList, imagesListTemp, duplicated, attrForImgs, data, valid, _data$updateImages2, _data$articleData3, _data$articleData4, _data$articleData5, promiseArray, productTemp;
816
816
 
@@ -829,7 +829,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
829
829
  attrForImgs = Object.values(images === null || images === void 0 ? void 0 : images.attrForImgs);
830
830
  attrForImgs.pop();
831
831
  data = {
832
- articleId: product === null || product === void 0 ? void 0 : (_product$article10 = product.article) === null || _product$article10 === void 0 ? void 0 : _product$article10.id_article,
832
+ articleId: product === null || product === void 0 ? void 0 : (_product$article11 = product.article) === null || _product$article11 === void 0 ? void 0 : _product$article11.id_article,
833
833
  attrReqImgs: attrForImgs === null || attrForImgs === void 0 ? void 0 : attrForImgs.map(function (e) {
834
834
  var _e$, _e$2;
835
835
 
@@ -1219,7 +1219,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
1219
1219
 
1220
1220
  var createComment = /*#__PURE__*/function () {
1221
1221
  var _ref11 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee10(e, body, tab) {
1222
- var _product$article11;
1222
+ var _product$article12;
1223
1223
 
1224
1224
  var concept, data;
1225
1225
  return _regenerator.default.wrap(function _callee10$(_context10) {
@@ -1245,7 +1245,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
1245
1245
 
1246
1246
  case 10:
1247
1247
  data = {
1248
- articleId: product === null || product === void 0 ? void 0 : (_product$article11 = product.article) === null || _product$article11 === void 0 ? void 0 : _product$article11.id_article,
1248
+ articleId: product === null || product === void 0 ? void 0 : (_product$article12 = product.article) === null || _product$article12 === void 0 ? void 0 : _product$article12.id_article,
1249
1249
  orderId: product === null || product === void 0 ? void 0 : product.orderId,
1250
1250
  message: body,
1251
1251
  concept: concept,
@@ -1382,7 +1382,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
1382
1382
 
1383
1383
  var setAssignation = /*#__PURE__*/function () {
1384
1384
  var _ref13 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee12(assignationType, assignationId) {
1385
- var _product$article12;
1385
+ var _product$article13;
1386
1386
 
1387
1387
  var concept, productTemp, data;
1388
1388
  return _regenerator.default.wrap(function _callee12$(_context12) {
@@ -1412,7 +1412,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
1412
1412
  data = (0, _defineProperty2.default)({
1413
1413
  articleList: [{
1414
1414
  orderId: product.orderId,
1415
- articleId: product === null || product === void 0 ? void 0 : (_product$article12 = product.article) === null || _product$article12 === void 0 ? void 0 : _product$article12.id_article
1415
+ articleId: product === null || product === void 0 ? void 0 : (_product$article13 = product.article) === null || _product$article13 === void 0 ? void 0 : _product$article13.id_article
1416
1416
  }],
1417
1417
  concept: concept
1418
1418
  }, "".concat(assignationType, "Id"), assignationId);
@@ -1441,7 +1441,13 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
1441
1441
  }();
1442
1442
 
1443
1443
  var downloadImages = function downloadImages() {
1444
- selectedImages.forEach(function (e) {
1444
+ var _images$values3;
1445
+
1446
+ selectedImages.length > 0 ? selectedImages.forEach(function (e) {
1447
+ if (e.id) {
1448
+ (0, _fileSaver.saveAs)("https://".concat(process.env.REACT_APP_IMAGES_BUCKET, ".s3.amazonaws.com/").concat(e.srcDB), "".concat(product.article.upc, "_").concat(e.name, ".").concat(e.ext));
1449
+ }
1450
+ }) : images === null || images === void 0 ? void 0 : (_images$values3 = images.values) === null || _images$values3 === void 0 ? void 0 : _images$values3.forEach(function (e) {
1445
1451
  if (e.id) {
1446
1452
  (0, _fileSaver.saveAs)("https://".concat(process.env.REACT_APP_IMAGES_BUCKET, ".s3.amazonaws.com/").concat(e.srcDB), "".concat(product.article.upc, "_").concat(e.name, ".").concat(e.ext));
1447
1453
  }
@@ -1660,7 +1666,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
1660
1666
  inputGroup: descriptions[0],
1661
1667
  updatedDescriptions: updatedDescriptions,
1662
1668
  setUpdatedDescriptions: setUpdatedDescriptions,
1663
- articleId: product === null || product === void 0 ? void 0 : (_product$article13 = product.article) === null || _product$article13 === void 0 ? void 0 : _product$article13.id_article,
1669
+ articleId: product === null || product === void 0 ? void 0 : (_product$article14 = product.article) === null || _product$article14 === void 0 ? void 0 : _product$article14.id_article,
1664
1670
  version: version,
1665
1671
  dinamicHeight: true
1666
1672
  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
@@ -20,39 +20,48 @@ var _jsBase = require("js-base64");
20
20
  var _uuid = require("uuid");
21
21
 
22
22
  var getRetailerServices = /*#__PURE__*/function () {
23
- var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(articleId, category, version) {
24
- var _images$values;
23
+ var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(articleId, category, categoryId, version) {
24
+ var _images$values, responseArray, datasheets, descriptions, images;
25
25
 
26
- var responseArray, datasheets, descriptions, images;
27
26
  return _regenerator.default.wrap(function _callee$(_context) {
28
27
  while (1) {
29
28
  switch (_context.prev = _context.next) {
30
29
  case 0:
31
- _context.next = 2;
32
- return Promise.all([_axios.default.post("".concat(process.env.REACT_APP_ARTICLE_DATA_DATASHEET_ENDPOINT, "?idCategory=").concat(category, "&articleId=").concat(articleId, "&version=").concat(version)), _axios.default.get("".concat(process.env.REACT_APP_ARTICLE_DATA_DESCRIPTION_ENDPOINT, "?idCategory=").concat(category, "&articleId=").concat(articleId, "&version=").concat(version)), _axios.default.post("".concat(process.env.REACT_APP_ARTICLE_DATA_IMAGES_ENDPOINT, "?idCategory=").concat(category, "&articleId=").concat(articleId, "&version=").concat(version))]);
30
+ _context.prev = 0;
31
+ _context.next = 3;
32
+ return Promise.all([_axios.default.post("".concat(process.env.REACT_APP_ARTICLE_DATA_DATASHEET_ENDPOINT, "?idCategory=").concat(categoryId, "&articleId=").concat(articleId, "&version=").concat(version)), _axios.default.get("".concat(process.env.REACT_APP_ARTICLE_DATA_DESCRIPTION_ENDPOINT, "?idCategory=").concat(categoryId, "&articleId=").concat(articleId, "&version=").concat(version)), _axios.default.post("".concat(process.env.REACT_APP_ARTICLE_DATA_IMAGES_ENDPOINT, "?articleId=").concat(articleId, "&version=").concat(version), {
33
+ category: category
34
+ })]);
33
35
 
34
- case 2:
36
+ case 3:
35
37
  responseArray = _context.sent;
36
38
  datasheets = JSON.parse(responseArray[0].data.body).data;
37
39
  descriptions = JSON.parse(responseArray[1].data.body).data;
38
40
  images = JSON.parse(responseArray[2].data.body).data;
39
41
  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) {
40
- value.name = images.inputs.find(function (e) {
42
+ var _images$inputs$find;
43
+
44
+ value.name = (_images$inputs$find = images.inputs.find(function (e) {
41
45
  return e.id === value.image_id;
42
- }).name;
46
+ })) === null || _images$inputs$find === void 0 ? void 0 : _images$inputs$find.name;
43
47
  return getImage(value);
44
48
  });
45
49
  return _context.abrupt("return", [datasheets, descriptions, images]);
46
50
 
47
- case 8:
51
+ case 11:
52
+ _context.prev = 11;
53
+ _context.t0 = _context["catch"](0);
54
+ console.log(_context.t0);
55
+
56
+ case 14:
48
57
  case "end":
49
58
  return _context.stop();
50
59
  }
51
60
  }
52
- }, _callee);
61
+ }, _callee, null, [[0, 11]]);
53
62
  }));
54
63
 
55
- return function getRetailerServices(_x, _x2, _x3) {
64
+ return function getRetailerServices(_x, _x2, _x3, _x4) {
56
65
  return _ref.apply(this, arguments);
57
66
  };
58
67
  }();
@@ -259,7 +268,7 @@ var fetchUsers = /*#__PURE__*/function () {
259
268
  }, _callee4);
260
269
  }));
261
270
 
262
- return function fetchUsers(_x4) {
271
+ return function fetchUsers(_x5) {
263
272
  return _ref4.apply(this, arguments);
264
273
  };
265
274
  }();
package/dist/index.js CHANGED
@@ -303,7 +303,7 @@ Object.keys(_index23).forEach(function (key) {
303
303
  });
304
304
  });
305
305
 
306
- var _index24 = require("./components/atoms/VerticalSideMenuMainPage/index");
306
+ var _index24 = require("./components/molecules/AvatarAndValidation/index");
307
307
 
308
308
  Object.keys(_index24).forEach(function (key) {
309
309
  if (key === "default" || key === "__esModule") return;
@@ -316,33 +316,33 @@ Object.keys(_index24).forEach(function (key) {
316
316
  });
317
317
  });
318
318
 
319
- var _index25 = require("./components/molecules/AvatarAndValidation/index");
319
+ var _CarouselImagesLogin = require("./components/molecules/CarouselImagesLogin");
320
320
 
321
- Object.keys(_index25).forEach(function (key) {
321
+ Object.keys(_CarouselImagesLogin).forEach(function (key) {
322
322
  if (key === "default" || key === "__esModule") return;
323
- if (key in exports && exports[key] === _index25[key]) return;
323
+ if (key in exports && exports[key] === _CarouselImagesLogin[key]) return;
324
324
  Object.defineProperty(exports, key, {
325
325
  enumerable: true,
326
326
  get: function get() {
327
- return _index25[key];
327
+ return _CarouselImagesLogin[key];
328
328
  }
329
329
  });
330
330
  });
331
331
 
332
- var _CarouselImagesLogin = require("./components/molecules/CarouselImagesLogin");
332
+ var _index25 = require("./components/molecules/EditionActiveImage/index");
333
333
 
334
- Object.keys(_CarouselImagesLogin).forEach(function (key) {
334
+ Object.keys(_index25).forEach(function (key) {
335
335
  if (key === "default" || key === "__esModule") return;
336
- if (key in exports && exports[key] === _CarouselImagesLogin[key]) return;
336
+ if (key in exports && exports[key] === _index25[key]) return;
337
337
  Object.defineProperty(exports, key, {
338
338
  enumerable: true,
339
339
  get: function get() {
340
- return _CarouselImagesLogin[key];
340
+ return _index25[key];
341
341
  }
342
342
  });
343
343
  });
344
344
 
345
- var _index26 = require("./components/molecules/EditionActiveImage/index");
345
+ var _index26 = require("./components/molecules/EmailResetPasswordLogin/index");
346
346
 
347
347
  Object.keys(_index26).forEach(function (key) {
348
348
  if (key === "default" || key === "__esModule") return;
@@ -355,7 +355,7 @@ Object.keys(_index26).forEach(function (key) {
355
355
  });
356
356
  });
357
357
 
358
- var _index27 = require("./components/molecules/EmailResetPasswordLogin/index");
358
+ var _index27 = require("./components/molecules/FeaturesBar/index");
359
359
 
360
360
  Object.keys(_index27).forEach(function (key) {
361
361
  if (key === "default" || key === "__esModule") return;
@@ -368,7 +368,7 @@ Object.keys(_index27).forEach(function (key) {
368
368
  });
369
369
  });
370
370
 
371
- var _index28 = require("./components/molecules/FeaturesBar/index");
371
+ var _index28 = require("./components/molecules/GalleryElement/index");
372
372
 
373
373
  Object.keys(_index28).forEach(function (key) {
374
374
  if (key === "default" || key === "__esModule") return;
@@ -381,7 +381,7 @@ Object.keys(_index28).forEach(function (key) {
381
381
  });
382
382
  });
383
383
 
384
- var _index29 = require("./components/molecules/GalleryElement/index");
384
+ var _index29 = require("./components/molecules/HeaderTop/index");
385
385
 
386
386
  Object.keys(_index29).forEach(function (key) {
387
387
  if (key === "default" || key === "__esModule") return;
@@ -394,7 +394,7 @@ Object.keys(_index29).forEach(function (key) {
394
394
  });
395
395
  });
396
396
 
397
- var _index30 = require("./components/molecules/HeaderTop/index");
397
+ var _index30 = require("./components/molecules/ImageSelector/index");
398
398
 
399
399
  Object.keys(_index30).forEach(function (key) {
400
400
  if (key === "default" || key === "__esModule") return;
@@ -407,7 +407,7 @@ Object.keys(_index30).forEach(function (key) {
407
407
  });
408
408
  });
409
409
 
410
- var _index31 = require("./components/molecules/ImageSelector/index");
410
+ var _index31 = require("./components/molecules/LoginPasswordStrength/index");
411
411
 
412
412
  Object.keys(_index31).forEach(function (key) {
413
413
  if (key === "default" || key === "__esModule") return;
@@ -420,7 +420,7 @@ Object.keys(_index31).forEach(function (key) {
420
420
  });
421
421
  });
422
422
 
423
- var _index32 = require("./components/molecules/LoginPasswordStrength/index");
423
+ var _index32 = require("./components/molecules/LogoLoading/index");
424
424
 
425
425
  Object.keys(_index32).forEach(function (key) {
426
426
  if (key === "default" || key === "__esModule") return;
@@ -433,7 +433,7 @@ Object.keys(_index32).forEach(function (key) {
433
433
  });
434
434
  });
435
435
 
436
- var _index33 = require("./components/molecules/LogoLoading/index");
436
+ var _index33 = require("./components/molecules/PlanSelection/index");
437
437
 
438
438
  Object.keys(_index33).forEach(function (key) {
439
439
  if (key === "default" || key === "__esModule") return;
@@ -446,7 +446,7 @@ Object.keys(_index33).forEach(function (key) {
446
446
  });
447
447
  });
448
448
 
449
- var _index34 = require("./components/molecules/PlanSelection/index");
449
+ var _index34 = require("./components/molecules/ProductNameHeader/index");
450
450
 
451
451
  Object.keys(_index34).forEach(function (key) {
452
452
  if (key === "default" || key === "__esModule") return;
@@ -459,7 +459,7 @@ Object.keys(_index34).forEach(function (key) {
459
459
  });
460
460
  });
461
461
 
462
- var _index35 = require("./components/molecules/ProductNameHeader/index");
462
+ var _index35 = require("./components/molecules/RegistrationFirstStep/index");
463
463
 
464
464
  Object.keys(_index35).forEach(function (key) {
465
465
  if (key === "default" || key === "__esModule") return;
@@ -472,7 +472,7 @@ Object.keys(_index35).forEach(function (key) {
472
472
  });
473
473
  });
474
474
 
475
- var _index36 = require("./components/molecules/RegistrationFirstStep/index");
475
+ var _index36 = require("./components/molecules/RegistrationSecondStep/index");
476
476
 
477
477
  Object.keys(_index36).forEach(function (key) {
478
478
  if (key === "default" || key === "__esModule") return;
@@ -485,7 +485,7 @@ Object.keys(_index36).forEach(function (key) {
485
485
  });
486
486
  });
487
487
 
488
- var _index37 = require("./components/molecules/RegistrationSecondStep/index");
488
+ var _index37 = require("./components/molecules/RegistrationThirdStep/index");
489
489
 
490
490
  Object.keys(_index37).forEach(function (key) {
491
491
  if (key === "default" || key === "__esModule") return;
@@ -498,7 +498,7 @@ Object.keys(_index37).forEach(function (key) {
498
498
  });
499
499
  });
500
500
 
501
- var _index38 = require("./components/molecules/RegistrationThirdStep/index");
501
+ var _index38 = require("./components/molecules/SignInLogin/index");
502
502
 
503
503
  Object.keys(_index38).forEach(function (key) {
504
504
  if (key === "default" || key === "__esModule") return;
@@ -511,7 +511,7 @@ Object.keys(_index38).forEach(function (key) {
511
511
  });
512
512
  });
513
513
 
514
- var _index39 = require("./components/molecules/SignInLogin/index");
514
+ var _index39 = require("./components/molecules/StatusAsignationInfo/index");
515
515
 
516
516
  Object.keys(_index39).forEach(function (key) {
517
517
  if (key === "default" || key === "__esModule") return;
@@ -524,7 +524,7 @@ Object.keys(_index39).forEach(function (key) {
524
524
  });
525
525
  });
526
526
 
527
- var _index40 = require("./components/molecules/StatusAsignationInfo/index");
527
+ var _index40 = require("./components/molecules/TableHeader/index");
528
528
 
529
529
  Object.keys(_index40).forEach(function (key) {
530
530
  if (key === "default" || key === "__esModule") return;
@@ -537,7 +537,7 @@ Object.keys(_index40).forEach(function (key) {
537
537
  });
538
538
  });
539
539
 
540
- var _index41 = require("./components/molecules/TableHeader/index");
540
+ var _index41 = require("./components/molecules/TableRow/index");
541
541
 
542
542
  Object.keys(_index41).forEach(function (key) {
543
543
  if (key === "default" || key === "__esModule") return;
@@ -550,7 +550,7 @@ Object.keys(_index41).forEach(function (key) {
550
550
  });
551
551
  });
552
552
 
553
- var _index42 = require("./components/molecules/TableRow/index");
553
+ var _index42 = require("./components/molecules/TabsMenu/index");
554
554
 
555
555
  Object.keys(_index42).forEach(function (key) {
556
556
  if (key === "default" || key === "__esModule") return;
@@ -563,7 +563,7 @@ Object.keys(_index42).forEach(function (key) {
563
563
  });
564
564
  });
565
565
 
566
- var _index43 = require("./components/molecules/TabsMenu/index");
566
+ var _index43 = require("./components/molecules/TagAndInput/index");
567
567
 
568
568
  Object.keys(_index43).forEach(function (key) {
569
569
  if (key === "default" || key === "__esModule") return;
@@ -576,7 +576,7 @@ Object.keys(_index43).forEach(function (key) {
576
576
  });
577
577
  });
578
578
 
579
- var _index44 = require("./components/molecules/TagAndInput/index");
579
+ var _index44 = require("./components/molecules/VerificationCodeResetPasswordLogin/index");
580
580
 
581
581
  Object.keys(_index44).forEach(function (key) {
582
582
  if (key === "default" || key === "__esModule") return;
@@ -589,7 +589,7 @@ Object.keys(_index44).forEach(function (key) {
589
589
  });
590
590
  });
591
591
 
592
- var _index45 = require("./components/molecules/VerificationCodeResetPasswordLogin/index");
592
+ var _index45 = require("./components/molecules/RetailerSelector/index");
593
593
 
594
594
  Object.keys(_index45).forEach(function (key) {
595
595
  if (key === "default" || key === "__esModule") return;
@@ -602,7 +602,7 @@ Object.keys(_index45).forEach(function (key) {
602
602
  });
603
603
  });
604
604
 
605
- var _index46 = require("./components/molecules/RetailerSelector/index");
605
+ var _index46 = require("./components/organisms/ChangePassword/index");
606
606
 
607
607
  Object.keys(_index46).forEach(function (key) {
608
608
  if (key === "default" || key === "__esModule") return;
@@ -615,7 +615,7 @@ Object.keys(_index46).forEach(function (key) {
615
615
  });
616
616
  });
617
617
 
618
- var _index47 = require("./components/organisms/ChangePassword/index");
618
+ var _index47 = require("./components/organisms/Fullplan/index");
619
619
 
620
620
  Object.keys(_index47).forEach(function (key) {
621
621
  if (key === "default" || key === "__esModule") return;
@@ -628,7 +628,7 @@ Object.keys(_index47).forEach(function (key) {
628
628
  });
629
629
  });
630
630
 
631
- var _index48 = require("./components/organisms/Fullplan/index");
631
+ var _index48 = require("./components/organisms/FullProductNameHeader/index");
632
632
 
633
633
  Object.keys(_index48).forEach(function (key) {
634
634
  if (key === "default" || key === "__esModule") return;
@@ -641,7 +641,7 @@ Object.keys(_index48).forEach(function (key) {
641
641
  });
642
642
  });
643
643
 
644
- var _index49 = require("./components/organisms/FullProductNameHeader/index");
644
+ var _index49 = require("./components/organisms/FullTabsMenu/index");
645
645
 
646
646
  Object.keys(_index49).forEach(function (key) {
647
647
  if (key === "default" || key === "__esModule") return;
@@ -654,7 +654,7 @@ Object.keys(_index49).forEach(function (key) {
654
654
  });
655
655
  });
656
656
 
657
- var _index50 = require("./components/organisms/FullTabsMenu/index");
657
+ var _index50 = require("./components/organisms/ImageDataTable/index");
658
658
 
659
659
  Object.keys(_index50).forEach(function (key) {
660
660
  if (key === "default" || key === "__esModule") return;
@@ -667,7 +667,7 @@ Object.keys(_index50).forEach(function (key) {
667
667
  });
668
668
  });
669
669
 
670
- var _index51 = require("./components/organisms/ImageDataTable/index");
670
+ var _index51 = require("./components/organisms/ImagePreviewer/index");
671
671
 
672
672
  Object.keys(_index51).forEach(function (key) {
673
673
  if (key === "default" || key === "__esModule") return;
@@ -680,7 +680,7 @@ Object.keys(_index51).forEach(function (key) {
680
680
  });
681
681
  });
682
682
 
683
- var _index52 = require("./components/organisms/ImagePreviewer/index");
683
+ var _index52 = require("./components/organisms/ImagesGroup/index");
684
684
 
685
685
  Object.keys(_index52).forEach(function (key) {
686
686
  if (key === "default" || key === "__esModule") return;
@@ -693,7 +693,7 @@ Object.keys(_index52).forEach(function (key) {
693
693
  });
694
694
  });
695
695
 
696
- var _index53 = require("./components/organisms/ImagesGroup/index");
696
+ var _index53 = require("./components/organisms/InputGroup/index");
697
697
 
698
698
  Object.keys(_index53).forEach(function (key) {
699
699
  if (key === "default" || key === "__esModule") return;
@@ -706,7 +706,7 @@ Object.keys(_index53).forEach(function (key) {
706
706
  });
707
707
  });
708
708
 
709
- var _index54 = require("./components/organisms/InputGroup/index");
709
+ var _index54 = require("./components/organisms/ProductImageModal/index");
710
710
 
711
711
  Object.keys(_index54).forEach(function (key) {
712
712
  if (key === "default" || key === "__esModule") return;
@@ -719,19 +719,6 @@ Object.keys(_index54).forEach(function (key) {
719
719
  });
720
720
  });
721
721
 
722
- var _index55 = require("./components/organisms/ProductImageModal/index");
723
-
724
- Object.keys(_index55).forEach(function (key) {
725
- if (key === "default" || key === "__esModule") return;
726
- if (key in exports && exports[key] === _index55[key]) return;
727
- Object.defineProperty(exports, key, {
728
- enumerable: true,
729
- get: function get() {
730
- return _index55[key];
731
- }
732
- });
733
- });
734
-
735
722
  var _ChangePasswordLogin = require("./components/pages/ChangePasswordLogin");
736
723
 
737
724
  Object.keys(_ChangePasswordLogin).forEach(function (key) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "contentoh-components-library",
3
- "version": "21.1.23",
3
+ "version": "21.1.26",
4
4
  "dependencies": {
5
5
  "@aws-amplify/auth": "^4.5.3",
6
6
  "@aws-amplify/datastore": "^3.11.0",
@@ -5,6 +5,9 @@ export const Container = styled.div`
5
5
  background: transparent;
6
6
  cursor: pointer;
7
7
  position: relative;
8
+ & + * {
9
+ margin-left: 10px;
10
+ }
8
11
  img {
9
12
  &.small-image {
10
13
  width: 20px;
@@ -33,8 +36,8 @@ export const Slider = styled.div`
33
36
  cursor: default;
34
37
  z-index: 2;
35
38
  &.top-slide {
36
- top: calc(300% - 100px);
37
- left: calc(580px / 2);
39
+ top: calc(100% - 370px);
40
+ left: calc(100% - 1168px);
38
41
  }
39
42
  &.bottom-slide {
40
43
  top: calc(100%);
@@ -58,7 +61,7 @@ export const Slider = styled.div`
58
61
  span {
59
62
  font-family: "Avenir Next";
60
63
  font-style: normal;
61
- font-weight: 700;
64
+ font-weight: 500;
62
65
  font-size: 15px;
63
66
  line-height: 15px;
64
67
  text-align: center;
@@ -9,12 +9,9 @@ export const ValidationPanel = ({
9
9
  setShowValidationPanel,
10
10
  approve,
11
11
  reject,
12
+ showApproveRejectAll,
12
13
  }) => {
13
- const optionSelected = (option) => {
14
- setOptionClicked(`${option}-button`);
15
- setShowValidationPanel(false);
16
- };
17
-
14
+ console.log(showApproveRejectAll);
18
15
  return (
19
16
  <Container id={id}>
20
17
  <button
@@ -35,15 +32,28 @@ export const ValidationPanel = ({
35
32
  <img src={rejectIcon} alt="reject button" />
36
33
  <p>Rechazado</p>
37
34
  </button>
38
- <button
39
- onClick={() => {
40
- optionSelected("null");
41
- }}
42
- className="validation-option"
43
- >
44
- <img src={nullIcon} alt="null button" />
45
- <p>Null</p>
46
- </button>
35
+ {showApproveRejectAll && (
36
+ <>
37
+ <button
38
+ onClick={() => {
39
+ approve && approve();
40
+ }}
41
+ className="validation-option"
42
+ >
43
+ <img src={acceptIcon} alt="accept button" />
44
+ <p>Validar todo y enviar a evaluación</p>
45
+ </button>
46
+ <button
47
+ onClick={() => {
48
+ reject && reject();
49
+ }}
50
+ className="validation-option"
51
+ >
52
+ <img src={rejectIcon} alt="reject button" />
53
+ <p>Rechazar todo y enviar a evaluación</p>
54
+ </button>
55
+ </>
56
+ )}
47
57
  </Container>
48
58
  );
49
59
  };