contentoh-components-library 21.0.83 → 21.0.86

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 (15) hide show
  1. package/dist/components/atoms/AsignationOption/index.js +5 -2
  2. package/dist/components/atoms/AsignationOption/styles.js +1 -1
  3. package/dist/components/molecules/RetailerSelector/index.js +3 -2
  4. package/dist/components/molecules/RetailerSelector/styles.js +1 -1
  5. package/dist/components/pages/ProviderProductEdition/ProviderProductEdition.stories.js +113 -47
  6. package/dist/components/pages/ProviderProductEdition/index.js +33 -35
  7. package/dist/index.js +22 -9
  8. package/package.json +1 -1
  9. package/src/components/atoms/AsignationOption/index.js +2 -0
  10. package/src/components/atoms/AsignationOption/styles.js +7 -1
  11. package/src/components/molecules/RetailerSelector/index.js +2 -1
  12. package/src/components/molecules/RetailerSelector/styles.js +2 -0
  13. package/src/components/pages/ProviderProductEdition/ProviderProductEdition.stories.js +133 -54
  14. package/src/components/pages/ProviderProductEdition/index.js +26 -17
  15. package/src/index.js +1 -0
package/dist/components/atoms/AsignationOption/index.js CHANGED
@@ -30,7 +30,8 @@ var AsignationOption = function AsignationOption(_ref) {
30
30
  name = _ref.name,
31
31
  team = _ref.team,
32
32
  onClick = _ref.onClick,
33
- btnOnClick = _ref.btnOnClick;
33
+ btnOnClick = _ref.btnOnClick,
34
+ active = _ref.active;
34
35
  var iconsAsignation = {
35
36
  assigned: /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
36
37
  onClick: btnOnClick,
@@ -67,7 +68,9 @@ var AsignationOption = function AsignationOption(_ref) {
67
68
  className: "team-label",
68
69
  children: team
69
70
  })]
70
- }), asignationType && iconsAsignation[asignationType]]
71
+ }), asignationType && iconsAsignation[asignationType], active && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
72
+ className: "green-circle"
73
+ })]
71
74
  });
72
75
  };
73
76
 
package/dist/components/atoms/AsignationOption/styles.js CHANGED
@@ -15,6 +15,6 @@ var _variables = require("../../../global-files/variables");
15
15
 
16
16
  var _templateObject;
17
17
 
18
- var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n width: fit-content;\n align-items: center;\n cursor: pointer;\n border-radius: 3px;\n padding: 5px;\n\n .profile-image,\n .medium-image {\n & + * {\n margin-left: 15px;\n }\n }\n\n .labels-container {\n font-family: ", ";\n font-weight: 500;\n font-size: 14px;\n line-height: 16px;\n\n .name-label,\n .team-label {\n inline-size: 100px;\n overflow: hidden;\n }\n\n .name-label {\n color: ", ";\n }\n\n .team-label {\n color: ", ";\n }\n\n & + * {\n margin-left: 11px;\n }\n }\n\n button {\n background-color: transparent;\n cursor: pointer;\n border: none;\n }\n\n &:hover {\n background-color: ", ";\n }\n\n & + * {\n margin-top: 10px;\n }\n"])), _variables.FontFamily.AvenirNext, _variables.GlobalColors.s5, _variables.GlobalColors.s4, _variables.GlobalColors.s3);
18
+ var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n cursor: pointer;\n border-radius: 3px;\n padding: 5px;\n\n .profile-image,\n .medium-image {\n & + * {\n margin-left: 15px;\n }\n }\n\n .labels-container {\n font-family: ", ";\n font-weight: 500;\n font-size: 14px;\n line-height: 16px;\n\n .name-label,\n .team-label {\n inline-size: 100px;\n overflow: hidden;\n }\n\n .name-label {\n color: ", ";\n }\n\n .team-label {\n color: ", ";\n }\n\n & + * {\n margin-left: 11px;\n }\n }\n\n .green-circle {\n background-color: ", ";\n width: 20px;\n height: 20px;\n border-radius: 50%;\n }\n\n button {\n background-color: transparent;\n cursor: pointer;\n border: none;\n }\n\n &:hover {\n background-color: ", ";\n }\n\n & + * {\n margin-top: 10px;\n }\n"])), _variables.FontFamily.AvenirNext, _variables.GlobalColors.s5, _variables.GlobalColors.s4, _variables.GlobalColors.exported, _variables.GlobalColors.s3);
19
19
 
20
20
  exports.Container = Container;
package/dist/components/molecules/RetailerSelector/index.js CHANGED
@@ -48,7 +48,7 @@ var RetailerSelector = function RetailerSelector(_ref) {
48
48
  altText: activeRetailer === null || activeRetailer === void 0 ? void 0 : activeRetailer.name,
49
49
  imageType: "medium-image",
50
50
  onClick: function onClick() {
51
- (retailers === null || retailers === void 0 ? void 0 : retailers.length) > 1 && setRetailersPanel(!retailersPanel);
51
+ (retailers === null || retailers === void 0 ? void 0 : retailers.length) > 0 && setRetailersPanel(!retailersPanel);
52
52
  if (retailersPanel) document.removeEventListener("click", closeRetailersPanel, false);
53
53
  }
54
54
  }), retailersPanel && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -64,7 +64,8 @@ var RetailerSelector = function RetailerSelector(_ref) {
64
64
  setActiveRetailer(retailer);
65
65
  document.removeEventListener("click", closeRetailersPanel, false);
66
66
  setRetailersPanel(false);
67
- }
67
+ },
68
+ active: retailer.id === activeRetailer.id
68
69
  }, "".concat(index, "-").concat(retailer === null || retailer === void 0 ? void 0 : retailer.name));
69
70
  })
70
71
  })]
package/dist/components/molecules/RetailerSelector/styles.js CHANGED
@@ -15,6 +15,6 @@ var _variables = require("../../../global-files/variables");
15
15
 
16
16
  var _templateObject;
17
17
 
18
- var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n position: relative;\n .retailers-panel {\n background: ", ";\n border: 1px solid ", ";\n box-sizing: border-box;\n box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25);\n border-radius: 4px;\n padding: 10px;\n position: absolute;\n top: calc(100% + 10px);\n right: 0;\n z-index: 10;\n }\n"])), _variables.GlobalColors.s2, _variables.GlobalColors.s3);
18
+ var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n position: relative;\n cursor: pointer;\n\n .retailers-panel {\n background: ", ";\n border: 1px solid ", ";\n box-sizing: border-box;\n box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25);\n border-radius: 4px;\n padding: 10px;\n position: absolute;\n top: calc(100% + 10px);\n right: 0;\n z-index: 10;\n }\n"])), _variables.GlobalColors.s2, _variables.GlobalColors.s3);
19
19
 
20
20
  exports.Container = Container;
package/dist/components/pages/ProviderProductEdition/ProviderProductEdition.stories.js CHANGED
@@ -36,60 +36,126 @@ ProviderProductEditionDefault.args = {
36
36
  category: 846,
37
37
  version: 2,
38
38
  productSelected: {
39
- id_article: 32,
40
- id_category: "781",
41
- name: "PRODUCTO 10",
42
- upc: "PRUEBA10",
43
- timestamp: "2021-11-09T23:22:36.000Z",
44
- status: "NULL",
45
- categoryName: "TECNOLOGÍA Y ELECTRÓNICA|VIDEO|DVD Y BLU-RAY",
46
- asignations: [],
47
- version: 2,
48
- version_status: "AC",
39
+ orderId: 7,
40
+ id_category: "684",
41
+ status: "RECEPTION",
42
+ datasheet_status: null,
43
+ prio: "none",
44
+ version: 4,
45
+ description_status: null,
46
+ images_status: null,
47
+ brand: null,
48
+ missing: {
49
+ datasheet: 33,
50
+ descriptions: 14,
51
+ images: 3
52
+ },
53
+ article: {
54
+ category: "SALUD Y BELLEZA|CUIDADO BUCAL|PASTAS DENTALES Y ASEO BUCAL",
55
+ company_name: "COMPANY DEV",
56
+ id_category: "684",
57
+ id_article: 33249,
58
+ name: "Crema dental ",
59
+ timestamp: "2022-06-14T23:24:08.000Z",
60
+ upc: "232435"
61
+ },
62
+ retailers: [{
63
+ id: 4,
64
+ name: "Walmart Super y Superama"
65
+ }, {
66
+ id: 9,
67
+ name: "Amazon"
68
+ }, {
69
+ id: 1013,
70
+ name: "Cencosud Colombia"
71
+ }, {
72
+ id: 2005,
73
+ name: "ClubCo"
74
+ }],
75
+ services: {
76
+ datasheets: 1,
77
+ descriptions: 1,
78
+ images: 1
79
+ },
49
80
  retailersAvailable: [{
50
- id: 2,
51
- name: "Walmart Mercancías Generales",
52
- country: "México",
53
- id_region: 1,
54
- active: 1
81
+ id: 4,
82
+ name: "Walmart Super y Superama"
83
+ }, {
84
+ id: 9,
85
+ name: "Amazon"
86
+ }, {
87
+ id: 1013,
88
+ name: "Cencosud Colombia"
55
89
  }, {
56
- id: 3,
57
- name: "Sam´s Club",
58
- country: "México",
59
- id_region: 1,
60
- active: 1
90
+ id: 2005,
91
+ name: "ClubCo"
61
92
  }],
62
- missing: {}
93
+ id_article: 33249,
94
+ categoryName: "SALUD Y BELLEZA|CUIDADO BUCAL|PASTAS DENTALES Y ASEO BUCAL",
95
+ version_status: "RECEPTION"
63
96
  },
64
97
  productToEdit: {
65
- idCategory: "781",
66
- ArticleId: 32,
67
- product: [{
68
- id_article: 32,
69
- id_category: "781",
70
- name: "PRODUCTO 10",
71
- upc: "PRUEBA10",
72
- timestamp: "2021-11-09T23:22:36.000Z",
73
- status: "NULL",
74
- categoryName: "TECNOLOGÍA Y ELECTRÓNICA|VIDEO|DVD Y BLU-RAY",
75
- asignations: [],
76
- version: 2,
77
- version_status: "AC",
98
+ ArticleId: 33249,
99
+ idCategory: "684",
100
+ product: {
101
+ orderId: 7,
102
+ id_category: "684",
103
+ status: "RECEPTION",
104
+ datasheet_status: null,
105
+ prio: "none",
106
+ version: 4,
107
+ description_status: null,
108
+ images_status: null,
109
+ brand: null,
110
+ missing: {
111
+ datasheet: 33,
112
+ descriptions: 14,
113
+ images: 3
114
+ },
115
+ article: {
116
+ category: "SALUD Y BELLEZA|CUIDADO BUCAL|PASTAS DENTALES Y ASEO BUCAL",
117
+ company_name: "COMPANY DEV",
118
+ id_category: "684",
119
+ id_article: 33249,
120
+ name: "Crema dental ",
121
+ timestamp: "2022-06-14T23:24:08.000Z",
122
+ upc: "232435"
123
+ },
124
+ retailers: [{
125
+ id: 4,
126
+ name: "Walmart Super y Superama"
127
+ }, {
128
+ id: 9,
129
+ name: "Amazon"
130
+ }, {
131
+ id: 1013,
132
+ name: "Cencosud Colombia"
133
+ }, {
134
+ id: 2005,
135
+ name: "ClubCo"
136
+ }],
137
+ services: {
138
+ datasheets: 1,
139
+ descriptions: 1,
140
+ images: 1
141
+ },
78
142
  retailersAvailable: [{
79
- id: 2,
80
- name: "Walmart Mercancías Generales",
81
- country: "México",
82
- id_region: 1,
83
- active: 1
143
+ id: 4,
144
+ name: "Walmart Super y Superama"
145
+ }, {
146
+ id: 9,
147
+ name: "Amazon"
84
148
  }, {
85
- id: 3,
86
- name: "Sam´s Club",
87
- country: "México",
88
- id_region: 1,
89
- active: 1
149
+ id: 1013,
150
+ name: "Cencosud Colombia"
151
+ }, {
152
+ id: 2005,
153
+ name: "ClubCo"
90
154
  }],
91
- missing: {}
92
- }]
155
+ id_article: 33249,
156
+ categoryName: "SALUD Y BELLEZA|CUIDADO BUCAL|PASTAS DENTALES Y ASEO BUCAL",
157
+ version_status: "RECEPTION"
158
+ }
93
159
  },
94
160
  location: {
95
161
  product: {
@@ -130,6 +196,6 @@ ProviderProductEditionDefault.args = {
130
196
  products_limit: "5000",
131
197
  type: "Enterprise"
132
198
  },
133
- src: "https://content-management-profile.s3.amazonaws.com/id-28/28.png?1653957474326"
199
+ src: "https://content-management-profile.s3.amazonaws.com/id-28/28.png?1655246340910"
134
200
  }
135
201
  };
package/dist/components/pages/ProviderProductEdition/index.js CHANGED
@@ -493,28 +493,31 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
493
493
 
494
494
  var getServices = /*#__PURE__*/function () {
495
495
  var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3() {
496
- var productInOrder, _product$id_order, _servicesResponse$dat, servicesResponse, parsedResponse;
496
+ var _product$article3;
497
+
498
+ var productInOrder, idArticle, _product$id_order, _servicesResponse$dat, servicesResponse, parsedResponse;
497
499
 
498
500
  return _regenerator.default.wrap(function _callee3$(_context3) {
499
501
  while (1) {
500
502
  switch (_context3.prev = _context3.next) {
501
503
  case 0:
502
504
  productInOrder = product.id_order || product.orderId;
505
+ idArticle = (product === null || product === void 0 ? void 0 : product.id_article) || (product === null || product === void 0 ? void 0 : (_product$article3 = product.article) === null || _product$article3 === void 0 ? void 0 : _product$article3.id_article);
503
506
 
504
507
  if (!(isRevision() || productInOrder)) {
505
- _context3.next = 7;
508
+ _context3.next = 8;
506
509
  break;
507
510
  }
508
511
 
509
- _context3.next = 4;
510
- return _axios.default.get("".concat(process.env.REACT_APP_SERVICES_ENDPOINT, "?articleId=").concat(product === null || product === void 0 ? void 0 : product.id_article, "&orderId=").concat((_product$id_order = product === null || product === void 0 ? void 0 : product.id_order) !== null && _product$id_order !== void 0 ? _product$id_order : product.orderId, "&end=true"));
512
+ _context3.next = 5;
513
+ return _axios.default.get("".concat(process.env.REACT_APP_SERVICES_ENDPOINT, "?articleId=").concat(idArticle, "&orderId=").concat((_product$id_order = product === null || product === void 0 ? void 0 : product.id_order) !== null && _product$id_order !== void 0 ? _product$id_order : product.orderId, "&end=true"));
511
514
 
512
- case 4:
515
+ case 5:
513
516
  servicesResponse = _context3.sent;
514
517
  parsedResponse = JSON.parse(servicesResponse === null || servicesResponse === void 0 ? void 0 : (_servicesResponse$dat = servicesResponse.data) === null || _servicesResponse$dat === void 0 ? void 0 : _servicesResponse$dat.body).data;
515
518
  setServicesData(parsedResponse);
516
519
 
517
- case 7:
520
+ case 8:
518
521
  case "end":
519
522
  return _context3.stop();
520
523
  }
@@ -674,15 +677,16 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
674
677
  if (services.length > 0) {
675
678
  var _services$0$activeRet, _services$2, _services$3;
676
679
 
677
- if ((_services$0$activeRet = services[0][activeRetailer === null || activeRetailer === void 0 ? void 0 : activeRetailer.id]) !== null && _services$0$activeRet !== void 0 && _services$0$activeRet.data) services[0][activeRetailer.id].data = Object.values(services[0][activeRetailer.id].data);
680
+ if ((_services$0$activeRet = services[0][activeRetailer.id]) !== null && _services$0$activeRet !== void 0 && _services$0$activeRet.data) services[0][activeRetailer.id].data = Object.values(services[0][activeRetailer.id].data);
678
681
  setActivePercentage(Math.round(activeRetailer === null || activeRetailer === void 0 ? void 0 : activeRetailer.percentage, 0));
679
- var datagroups = services[0][activeRetailer === null || activeRetailer === void 0 ? void 0 : activeRetailer.id];
682
+ var datagroups = services[0][activeRetailer.id];
680
683
  var inputs = (_services$2 = services[0]) === null || _services$2 === void 0 ? void 0 : _services$2.inputs;
681
684
 
682
685
  var _descriptions = (_services$3 = services[1]) === null || _services$3 === void 0 ? void 0 : _services$3.filter(function (service) {
683
686
  return (service === null || service === void 0 ? void 0 : service.id) === (activeRetailer === null || activeRetailer === void 0 ? void 0 : activeRetailer.id);
684
687
  });
685
688
 
689
+ console.log(services[0], "services[0]");
686
690
  setDatasheets([datagroups, inputs]);
687
691
  setDescriptions(_descriptions);
688
692
  }
@@ -1411,8 +1415,9 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
1411
1415
  };
1412
1416
  }();
1413
1417
 
1414
- var evaluationComplete = function evaluationComplete() {
1415
- var concept = getConcept(activeTab);
1418
+ var evaluationComplete = function evaluationComplete(tab) {
1419
+ console.log(servicesData, "servicesData");
1420
+ var concept = getConcept(tab);
1416
1421
  var serv = servicesData.filter(function (item) {
1417
1422
  return item.service === concept;
1418
1423
  });
@@ -1550,17 +1555,18 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
1550
1555
 
1551
1556
  var sendEvaluation = /*#__PURE__*/function () {
1552
1557
  var _ref14 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee13(result) {
1553
- var data, retailerId, _product$id_order2, _product$id_order3, concept, _productTemp;
1558
+ var data, retailerId, _product$id_order2, _product$id_order3, _productTemp, concept;
1554
1559
 
1555
1560
  return _regenerator.default.wrap(function _callee13$(_context13) {
1556
1561
  while (1) {
1557
1562
  switch (_context13.prev = _context13.next) {
1558
1563
  case 0:
1564
+ setLoading(true);
1559
1565
  data = {};
1560
1566
  retailerId = activeRetailer === null || activeRetailer === void 0 ? void 0 : activeRetailer.id;
1561
1567
 
1562
1568
  if (!result) {
1563
- _context13.next = 8;
1569
+ _context13.next = 9;
1564
1570
  break;
1565
1571
  }
1566
1572
 
@@ -1571,20 +1577,20 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
1571
1577
  result: result,
1572
1578
  retailerId: retailerId
1573
1579
  };
1574
- _context13.next = 6;
1580
+ _context13.next = 7;
1575
1581
  return _axios.default.put("".concat(process.env.REACT_APP_EVALUATION_ENDPOINT), data, {
1576
1582
  headers: {
1577
1583
  Authorization: token
1578
1584
  }
1579
1585
  });
1580
1586
 
1581
- case 6:
1582
- _context13.next = 17;
1587
+ case 7:
1588
+ _context13.next = 18;
1583
1589
  break;
1584
1590
 
1585
- case 8:
1586
- concept = getConcept(activeTab);
1591
+ case 9:
1587
1592
  _productTemp = product;
1593
+ concept = getConcept(activeTab);
1588
1594
  _productTemp["".concat(concept, "_status")] = "Evaluated";
1589
1595
  data = {
1590
1596
  articleId: product.id_article,
@@ -1614,11 +1620,11 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
1614
1620
  return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, prev), {}, (0, _defineProperty2.default)({}, concept, "Evaluated"));
1615
1621
  });
1616
1622
 
1617
- case 17:
1623
+ case 18:
1618
1624
  loadData();
1619
1625
  showSurvey && showSurvey(confirmStatusComplete());
1620
1626
 
1621
- case 19:
1627
+ case 20:
1622
1628
  case "end":
1623
1629
  return _context13.stop();
1624
1630
  }
@@ -1789,7 +1795,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
1789
1795
  }
1790
1796
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_FullTabsMenu.FullTabsMenu, {
1791
1797
  tabsSections: tabsSections,
1792
- status: product === null || product === void 0 ? void 0 : product.version_status,
1798
+ status: product["".concat(getConcept(activeTab), "_status")] || (product === null || product === void 0 ? void 0 : product.version_status),
1793
1799
  activeTab: activeTab,
1794
1800
  setActiveTab: setActiveTab,
1795
1801
  setImageLayout: setImageLayout,
@@ -1908,10 +1914,10 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
1908
1914
  }))
1909
1915
  })]
1910
1916
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
1911
- buttonType: evaluationComplete() && (productEdit.product.id_order || productEdit.product.orderId) ? "general-green-button" : "general-button-disabled",
1917
+ buttonType: evaluationComplete(activeTab) && (productEdit.product.id_order || productEdit.product.orderId) ? "general-green-button" : "general-button-disabled",
1912
1918
  label: "Enviar evaluación",
1913
1919
  onClick: function onClick() {
1914
- setModalSent(true);
1920
+ //setModalSent(true);
1915
1921
  sendEvaluation();
1916
1922
  setMessage("\xA1Evaluaci\xF3n de ".concat(translateConcept(), " completada!"));
1917
1923
  }
@@ -1923,15 +1929,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
1923
1929
  children: "Los atributos son requeridos por las plataformas de las cadenas, es muy importante completar los campos requeridos ya que pueden rechazar el producto por falta de informaci\xF3n."
1924
1930
  })
1925
1931
  }), inCart ? /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
1926
- type: "button",
1927
- children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactRouterDom.Link, {
1928
- to: "/checkout",
1929
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
1930
- children: "Articulo en carrito"
1931
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
1932
- children: "Ir a checkout"
1933
- })]
1934
- })
1932
+ type: "button"
1935
1933
  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
1936
1934
  onClick: function onClick() {
1937
1935
  setShowContentohRequestModal && setShowContentohRequestModal(true);
@@ -1962,10 +1960,10 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
1962
1960
  return setModalSent(false);
1963
1961
  },
1964
1962
  message: message,
1965
- detail: detail,
1966
- bold: !evaluationComplete() && "Aprueba / Rechaza",
1967
- widthImg: !evaluationComplete() ? "160px" : "354px",
1968
- heightImg: !evaluationComplete() ? "84px" : "354px",
1963
+ detail: "",
1964
+ bold: !evaluationComplete(activeTab) && "Aprueba / Rechaza",
1965
+ widthImg: !evaluationComplete(activeTab) ? "160px" : "354px",
1966
+ heightImg: !evaluationComplete(activeTab) ? "84px" : "354px",
1969
1967
  img: getSectionIcon()
1970
1968
  }), modalViewError && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.GlobalModal, {
1971
1969
  close: function close() {
package/dist/index.js CHANGED
@@ -602,7 +602,7 @@ Object.keys(_index45).forEach(function (key) {
602
602
  });
603
603
  });
604
604
 
605
- var _index46 = require("./components/organisms/ChangePassword/index");
605
+ var _index46 = require("./components/molecules/RetailerSelector/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/Fullplan/index");
618
+ var _index47 = require("./components/organisms/ChangePassword/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/FullProductNameHeader/index");
631
+ var _index48 = require("./components/organisms/Fullplan/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/FullTabsMenu/index");
644
+ var _index49 = require("./components/organisms/FullProductNameHeader/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/ImageDataTable/index");
657
+ var _index50 = require("./components/organisms/FullTabsMenu/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/ImagePreviewer/index");
670
+ var _index51 = require("./components/organisms/ImageDataTable/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/ImagesGroup/index");
683
+ var _index52 = require("./components/organisms/ImagePreviewer/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/InputGroup/index");
696
+ var _index53 = require("./components/organisms/ImagesGroup/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/ProductImageModal/index");
709
+ var _index54 = require("./components/organisms/InputGroup/index");
710
710
 
711
711
  Object.keys(_index54).forEach(function (key) {
712
712
  if (key === "default" || key === "__esModule") return;
@@ -719,6 +719,19 @@ 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
+
722
735
  var _ChangePasswordLogin = require("./components/pages/ChangePasswordLogin");
723
736
 
724
737
  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.0.83",
3
+ "version": "21.0.86",
4
4
  "dependencies": {
5
5
  "@aws-amplify/auth": "^4.5.3",
6
6
  "@aws-amplify/datastore": "^3.11.0",
package/src/components/atoms/AsignationOption/index.js CHANGED
@@ -14,6 +14,7 @@ export const AsignationOption = ({
14
14
  team,
15
15
  onClick,
16
16
  btnOnClick,
17
+ active,
17
18
  }) => {
18
19
  const iconsAsignation = {
19
20
  assigned: (
@@ -38,6 +39,7 @@ export const AsignationOption = ({
38
39
  <p className="team-label">{team}</p>
39
40
  </div>
40
41
  {asignationType && iconsAsignation[asignationType]}
42
+ {active && <div className="green-circle"></div>}
41
43
  </Container>
42
44
  );
43
45
  };
package/src/components/atoms/AsignationOption/styles.js CHANGED
@@ -3,7 +3,6 @@ import { FontFamily, GlobalColors } from "../../../global-files/variables";
3
3
 
4
4
  export const Container = styled.div`
5
5
  display: flex;
6
- width: fit-content;
7
6
  align-items: center;
8
7
  cursor: pointer;
9
8
  border-radius: 3px;
@@ -41,6 +40,13 @@ export const Container = styled.div`
41
40
  }
42
41
  }
43
42
 
43
+ .green-circle {
44
+ background-color: ${GlobalColors.exported};
45
+ width: 20px;
46
+ height: 20px;
47
+ border-radius: 50%;
48
+ }
49
+
44
50
  button {
45
51
  background-color: transparent;
46
52
  cursor: pointer;
package/src/components/molecules/RetailerSelector/index.js CHANGED
@@ -30,7 +30,7 @@ export const RetailerSelector = ({
30
30
  altText={activeRetailer?.name}
31
31
  imageType={"medium-image"}
32
32
  onClick={() => {
33
- retailers?.length > 1 && setRetailersPanel(!retailersPanel);
33
+ retailers?.length > 0 && setRetailersPanel(!retailersPanel);
34
34
  if (retailersPanel)
35
35
  document.removeEventListener("click", closeRetailersPanel, false);
36
36
  }}
@@ -54,6 +54,7 @@ export const RetailerSelector = ({
54
54
  );
55
55
  setRetailersPanel(false);
56
56
  }}
57
+ active={retailer.id === activeRetailer.id}
57
58
  />
58
59
  ))}
59
60
  </div>
package/src/components/molecules/RetailerSelector/styles.js CHANGED
@@ -3,6 +3,8 @@ import { GlobalColors } from "../../../global-files/variables";
3
3
 
4
4
  export const Container = styled.div`
5
5
  position: relative;
6
+ cursor: pointer;
7
+
6
8
  .retailers-panel {
7
9
  background: ${GlobalColors.s2};
8
10
  border: 1px solid ${GlobalColors.s3};
package/src/components/pages/ProviderProductEdition/ProviderProductEdition.stories.js CHANGED
@@ -21,68 +21,147 @@ ProviderProductEditionDefault.args = {
21
21
  category: 846,
22
22
  version: 2,
23
23
  productSelected: {
24
- id_article: 32,
25
- id_category: "781",
26
- name: "PRODUCTO 10",
27
- upc: "PRUEBA10",
28
- timestamp: "2021-11-09T23:22:36.000Z",
29
- status: "NULL",
30
- categoryName: "TECNOLOGÍA Y ELECTRÓNICA|VIDEO|DVD Y BLU-RAY",
31
- asignations: [],
32
- version: 2,
33
- version_status: "AC",
24
+ orderId: 7,
25
+ id_category: "684",
26
+ status: "RECEPTION",
27
+ datasheet_status: null,
28
+ prio: "none",
29
+ version: 4,
30
+ description_status: null,
31
+ images_status: null,
32
+ brand: null,
33
+ missing: {
34
+ datasheet: 33,
35
+ descriptions: 14,
36
+ images: 3,
37
+ },
38
+ article: {
39
+ category: "SALUD Y BELLEZA|CUIDADO BUCAL|PASTAS DENTALES Y ASEO BUCAL",
40
+ company_name: "COMPANY DEV",
41
+ id_category: "684",
42
+ id_article: 33249,
43
+ name: "Crema dental ",
44
+ timestamp: "2022-06-14T23:24:08.000Z",
45
+ upc: "232435",
46
+ },
47
+ retailers: [
48
+ {
49
+ id: 4,
50
+ name: "Walmart Super y Superama",
51
+ },
52
+ {
53
+ id: 9,
54
+ name: "Amazon",
55
+ },
56
+ {
57
+ id: 1013,
58
+ name: "Cencosud Colombia",
59
+ },
60
+ {
61
+ id: 2005,
62
+ name: "ClubCo",
63
+ },
64
+ ],
65
+ services: {
66
+ datasheets: 1,
67
+ descriptions: 1,
68
+ images: 1,
69
+ },
34
70
  retailersAvailable: [
35
71
  {
36
- id: 2,
37
- name: "Walmart Mercancías Generales",
38
- country: "México",
39
- id_region: 1,
40
- active: 1,
72
+ id: 4,
73
+ name: "Walmart Super y Superama",
74
+ },
75
+ {
76
+ id: 9,
77
+ name: "Amazon",
78
+ },
79
+ {
80
+ id: 1013,
81
+ name: "Cencosud Colombia",
41
82
  },
42
83
  {
43
- id: 3,
44
- name: "Sam´s Club",
45
- country: "México",
46
- id_region: 1,
47
- active: 1,
84
+ id: 2005,
85
+ name: "ClubCo",
48
86
  },
49
87
  ],
50
- missing: {},
88
+ id_article: 33249,
89
+ categoryName: "SALUD Y BELLEZA|CUIDADO BUCAL|PASTAS DENTALES Y ASEO BUCAL",
90
+ version_status: "RECEPTION",
51
91
  },
52
92
  productToEdit: {
53
- idCategory: "781",
54
- ArticleId: 32,
55
- product: [
56
- {
57
- id_article: 32,
58
- id_category: "781",
59
- name: "PRODUCTO 10",
60
- upc: "PRUEBA10",
61
- timestamp: "2021-11-09T23:22:36.000Z",
62
- status: "NULL",
63
- categoryName: "TECNOLOGÍA Y ELECTRÓNICA|VIDEO|DVD Y BLU-RAY",
64
- asignations: [],
65
- version: 2,
66
- version_status: "AC",
67
- retailersAvailable: [
68
- {
69
- id: 2,
70
- name: "Walmart Mercancías Generales",
71
- country: "México",
72
- id_region: 1,
73
- active: 1,
74
- },
75
- {
76
- id: 3,
77
- name: "Sam´s Club",
78
- country: "México",
79
- id_region: 1,
80
- active: 1,
81
- },
82
- ],
83
- missing: {},
93
+ ArticleId: 33249,
94
+ idCategory: "684",
95
+ product: {
96
+ orderId: 7,
97
+ id_category: "684",
98
+ status: "RECEPTION",
99
+ datasheet_status: null,
100
+ prio: "none",
101
+ version: 4,
102
+ description_status: null,
103
+ images_status: null,
104
+ brand: null,
105
+ missing: {
106
+ datasheet: 33,
107
+ descriptions: 14,
108
+ images: 3,
84
109
  },
85
- ],
110
+ article: {
111
+ category: "SALUD Y BELLEZA|CUIDADO BUCAL|PASTAS DENTALES Y ASEO BUCAL",
112
+ company_name: "COMPANY DEV",
113
+ id_category: "684",
114
+ id_article: 33249,
115
+ name: "Crema dental ",
116
+ timestamp: "2022-06-14T23:24:08.000Z",
117
+ upc: "232435",
118
+ },
119
+ retailers: [
120
+ {
121
+ id: 4,
122
+ name: "Walmart Super y Superama",
123
+ },
124
+ {
125
+ id: 9,
126
+ name: "Amazon",
127
+ },
128
+ {
129
+ id: 1013,
130
+ name: "Cencosud Colombia",
131
+ },
132
+ {
133
+ id: 2005,
134
+ name: "ClubCo",
135
+ },
136
+ ],
137
+ services: {
138
+ datasheets: 1,
139
+ descriptions: 1,
140
+ images: 1,
141
+ },
142
+ retailersAvailable: [
143
+ {
144
+ id: 4,
145
+ name: "Walmart Super y Superama",
146
+ },
147
+ {
148
+ id: 9,
149
+ name: "Amazon",
150
+ },
151
+ {
152
+ id: 1013,
153
+ name: "Cencosud Colombia",
154
+ },
155
+ {
156
+ id: 2005,
157
+ name: "ClubCo",
158
+ },
159
+ ],
160
+ id_article: 33249,
161
+ categoryName:
162
+ "SALUD Y BELLEZA|CUIDADO BUCAL|PASTAS DENTALES Y ASEO BUCAL",
163
+ version_status: "RECEPTION",
164
+ },
86
165
  },
87
166
  location: {
88
167
  product: { articleId: 109485, versionId: 3 },
@@ -118,6 +197,6 @@ ProviderProductEditionDefault.args = {
118
197
  products_limit: "5000",
119
198
  type: "Enterprise",
120
199
  },
121
- src: "https://content-management-profile.s3.amazonaws.com/id-28/28.png?1653957474326",
200
+ src: "https://content-management-profile.s3.amazonaws.com/id-28/28.png?1655246340910",
122
201
  },
123
202
  };
package/src/components/pages/ProviderProductEdition/index.js CHANGED
@@ -225,11 +225,14 @@ export const ProviderProductEdition = ({
225
225
 
226
226
  const getServices = async () => {
227
227
  const productInOrder = product.id_order || product.orderId;
228
+ const idArticle = product?.id_article || product?.article?.id_article;
228
229
  if (isRevision() || productInOrder) {
229
230
  const servicesResponse = await axios.get(
230
- `${process.env.REACT_APP_SERVICES_ENDPOINT}?articleId=${
231
- product?.id_article
232
- }&orderId=${product?.id_order ?? product.orderId}&end=true`
231
+ `${
232
+ process.env.REACT_APP_SERVICES_ENDPOINT
233
+ }?articleId=${idArticle}&orderId=${
234
+ product?.id_order ?? product.orderId
235
+ }&end=true`
233
236
  );
234
237
  const parsedResponse = JSON.parse(servicesResponse?.data?.body).data;
235
238
  setServicesData(parsedResponse);
@@ -339,17 +342,18 @@ export const ProviderProductEdition = ({
339
342
 
340
343
  useEffect(() => {
341
344
  if (services.length > 0) {
342
- if (services[0][activeRetailer?.id]?.data)
345
+ if (services[0][activeRetailer.id]?.data)
343
346
  services[0][activeRetailer.id].data = Object.values(
344
347
  services[0][activeRetailer.id].data
345
348
  );
346
349
  setActivePercentage(Math.round(activeRetailer?.percentage, 0));
347
350
 
348
- const datagroups = services[0][activeRetailer?.id];
351
+ const datagroups = services[0][activeRetailer.id];
349
352
  const inputs = services[0]?.inputs;
350
353
  const descriptions = services[1]?.filter(
351
354
  (service) => service?.id === activeRetailer?.id
352
355
  );
356
+ console.log(services[0], "services[0]");
353
357
  setDatasheets([datagroups, inputs]);
354
358
  setDescriptions(descriptions);
355
359
  }
@@ -918,8 +922,9 @@ export const ProviderProductEdition = ({
918
922
  sessionStorage.setItem("productSelected", JSON.stringify(productTemp));
919
923
  };
920
924
 
921
- const evaluationComplete = () => {
922
- const concept = getConcept(activeTab);
925
+ const evaluationComplete = (tab) => {
926
+ console.log(servicesData, "servicesData");
927
+ const concept = getConcept(tab);
923
928
  let serv = servicesData.filter((item) => item.service === concept);
924
929
  if (
925
930
  ["RequestWithContentoh", "RequestWithoutContentoh"].includes(
@@ -1070,6 +1075,7 @@ export const ProviderProductEdition = ({
1070
1075
  };
1071
1076
 
1072
1077
  const sendEvaluation = async (result) => {
1078
+ setLoading(true);
1073
1079
  let data = {};
1074
1080
  const retailerId = activeRetailer?.id;
1075
1081
  if (result) {
@@ -1086,8 +1092,8 @@ export const ProviderProductEdition = ({
1086
1092
  },
1087
1093
  });
1088
1094
  } else {
1089
- const concept = getConcept(activeTab);
1090
1095
  const productTemp = product;
1096
+ const concept = getConcept(activeTab);
1091
1097
  productTemp[`${concept}_status`] = "Evaluated";
1092
1098
  data = {
1093
1099
  articleId: product.id_article,
@@ -1256,7 +1262,10 @@ export const ProviderProductEdition = ({
1256
1262
  />
1257
1263
  <FullTabsMenu
1258
1264
  tabsSections={tabsSections}
1259
- status={product?.version_status}
1265
+ status={
1266
+ product[`${getConcept(activeTab)}_status`] ||
1267
+ product?.version_status
1268
+ }
1260
1269
  activeTab={activeTab}
1261
1270
  setActiveTab={setActiveTab}
1262
1271
  setImageLayout={setImageLayout}
@@ -1402,14 +1411,14 @@ export const ProviderProductEdition = ({
1402
1411
  )}
1403
1412
  <Button
1404
1413
  buttonType={
1405
- evaluationComplete() &&
1414
+ evaluationComplete(activeTab) &&
1406
1415
  (productEdit.product.id_order || productEdit.product.orderId)
1407
1416
  ? "general-green-button"
1408
1417
  : "general-button-disabled"
1409
1418
  }
1410
1419
  label={"Enviar evaluación"}
1411
1420
  onClick={() => {
1412
- setModalSent(true);
1421
+ //setModalSent(true);
1413
1422
  sendEvaluation();
1414
1423
  setMessage(
1415
1424
  `¡Evaluación de ${translateConcept()} completada!`
@@ -1428,10 +1437,10 @@ export const ProviderProductEdition = ({
1428
1437
  </div>
1429
1438
  {inCart ? (
1430
1439
  <button type="button">
1431
- <Link to="/checkout">
1440
+ {/* <Link to="/checkout">
1432
1441
  <p>Articulo en carrito</p>
1433
1442
  <p>Ir a checkout</p>
1434
- </Link>
1443
+ </Link> */}
1435
1444
  </button>
1436
1445
  ) : (
1437
1446
  <Button
@@ -1473,10 +1482,10 @@ export const ProviderProductEdition = ({
1473
1482
  <GlobalModal
1474
1483
  close={() => setModalSent(false)}
1475
1484
  message={message}
1476
- detail={detail}
1477
- bold={!evaluationComplete() && "Aprueba / Rechaza"}
1478
- widthImg={!evaluationComplete() ? "160px" : "354px"}
1479
- heightImg={!evaluationComplete() ? "84px" : "354px"}
1485
+ detail={""}
1486
+ bold={!evaluationComplete(activeTab) && "Aprueba / Rechaza"}
1487
+ widthImg={!evaluationComplete(activeTab) ? "160px" : "354px"}
1488
+ heightImg={!evaluationComplete(activeTab) ? "84px" : "354px"}
1480
1489
  img={getSectionIcon()}
1481
1490
  />
1482
1491
  )}
package/src/index.js CHANGED
@@ -47,6 +47,7 @@ export * from "./components/molecules/TableRow/index";
47
47
  export * from "./components/molecules/TabsMenu/index";
48
48
  export * from "./components/molecules/TagAndInput/index";
49
49
  export * from "./components/molecules/VerificationCodeResetPasswordLogin/index";
50
+ export * from "./components/molecules/RetailerSelector/index";
50
51
 
51
52
  //organisms
52
53
  export * from "./components/organisms/ChangePassword/index";