contentoh-components-library 21.5.21 → 21.5.23

package/dist/components/pages/RetailerProductEdition/RetailerProductEdition.stories.js

@@ -31,49 +31,49 @@ RetailerProductEditionDefault.args = {
     "Ficha técnica": false,
     Imágenes: false
   },
-  token: "eyJraWQiOiJEV3owZnNieXg2MXNFcVduN3RCXC81bVhod3ZNbFZIOTgwUnZcL3RjT0lKdEk9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJmNGRiODI2My1jYjA1LTQzMTItOWU0NS1lM2RlY2E2NjllNzIiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfbFN6UVo0WjdSIiwiY29nbml0bzp1c2VybmFtZSI6ImY0ZGI4MjYzLWNiMDUtNDMxMi05ZTQ1LWUzZGVjYTY2OWU3MiIsImF1ZCI6IjUyZDlza2tkY2c4cWpwODhvb2sxdXNlNm1rIiwiZXZlbnRfaWQiOiIyMTlmNjg1OS0zOGRkLTQwYzEtYmNhMC00OWQ1YjMwMTQxMTgiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTcxODIxMzQyOCwibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTcxODIxNzAyNywiaWF0IjoxNzE4MjEzNDI4LCJlbWFpbCI6ImVtb250YW5vQGNvbnRlbnRvaC5jb20ifQ.TQfkHTvvjC0VUfoQexjuvlVixeb_J3ZP8uzGFgdDur8m3v0Wad32fUM3eOsTzrsXp_c0HJHHuT_7x9h27pCyLoeTmi5j_y9Rfyu4RXj9xEejE3_Ge7LXupdvYuo3-kI577vcQjrHjYShjLZ0RFNDQVxbrBLS19qRXYj7DJXM0tenLG4v5wLNZyhdmW5OdnIYjA8VfDCxV_fO2v9pFie0DUbmgGGnpzqHBVJfhbBVOrjq2PGmx4HvTy5Ne8b4pyio3Gs5LSYA7ZMTvVMaZWKTFfgNM69tY4NNCZVAfe56EL5DzOBhCtLGXljVqTrEIkd1bPHX_CmM2nGkzhbTwYtstg",
+  token: "eyJraWQiOiJEV3owZnNieXg2MXNFcVduN3RCXC81bVhod3ZNbFZIOTgwUnZcL3RjT0lKdEk9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJmNGRiODI2My1jYjA1LTQzMTItOWU0NS1lM2RlY2E2NjllNzIiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfbFN6UVo0WjdSIiwiY29nbml0bzp1c2VybmFtZSI6ImY0ZGI4MjYzLWNiMDUtNDMxMi05ZTQ1LWUzZGVjYTY2OWU3MiIsImF1ZCI6IjUyZDlza2tkY2c4cWpwODhvb2sxdXNlNm1rIiwiZXZlbnRfaWQiOiIwZGZkNTRmZC1lMjU1LTRkNmEtYmE1ZS1hYzdjYWM2NjY0NzciLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTcxODgxMjc1MSwibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTcxODgxNjM1MCwiaWF0IjoxNzE4ODEyNzUxLCJlbWFpbCI6ImVtb250YW5vQGNvbnRlbnRvaC5jb20ifQ.eruTcERQql3d7XO5LWbmTAOgrU7avQQ-GN3iiRGuVYUmI1tqMsHxWVsxC8T3QMBkZFL9djpMaOvw53Fc_Gl84WKPr9pmECDsqUkgXKJZxHE5jsRJjsyAd9pdJ00jYdeWePoitxYazBR9TW0TofiB7L5F9b_gjZrGdoAzz1gQvWABL_eGYxrGfJCoNBzxbU8zAIfPJV6u6PR98rumtMVWHW_FyzpZnNKSiP4rEkG7H9cW-Mdzl39seeHQRo9SNht55tnlPkXi7jN6R-AOGhgK0yBHgAwVBbv3aT_TDArXEiXFUFG9viCIq7H6lRvCaXEmJoKnOZOCbpX1y3QI8ayMVQ",
   productSelected: {
     services: {
       datasheets: 1,
       descriptions: 1,
       images: 1
     },
-    orderId: 7961,
+    orderId: 8086,
     status: "RP",
     datasheet_status: "AA",
     prio: "none",
     version: 3,
-    description_status: "RP",
-    images_status: "AA",
+    description_status: "AA",
+    images_status: "RA",
     statusByRetailer: {
       "58": {
         datasheet: "AA",
-        description: "RP",
-        images: "AA"
+        description: "AA",
+        images: "RA/CA"
       }
     },
     article: {
-      id_article: 126855,
-      id_category: "3066",
-      name: "ORGANIZADOR 3 CUBOS ITALIA 92 X 33 X 30 CM",
-      upc: "217141",
-      timestamp: "2024-05-17T18:52:34.000Z",
-      id_user: 1636,
+      id_article: 127595,
+      id_category: "2902",
+      name: "LISTON DECORATIVO DISNEY 5M 2 ESTILOS",
+      upc: "214715",
+      timestamp: "2024-06-05T14:29:41.000Z",
+      id_user: 673,
       status: null,
       active: 1,
-      company_id: 315,
-      company_name: "MADERAS Y DISEÑOS DEL NORTE S.A. DE C.V.",
-      country: "México",
-      id_order: 7961,
+      company_id: 535,
+      company_name: "THD IMPORTACIONES",
+      country: null,
+      id_order: 8086,
       id_datasheet_especialist: 2757,
       id_datasheet_facilitator: null,
       id_description_especialist: 2757,
       id_description_facilitator: null,
-      id_images_especialist: 1251,
+      id_images_especialist: 1259,
       id_images_facilitator: null,
       id_auditor: 514,
       id_recepcionist: null,
-      category: "Muebles|Muebles para Oficina y Gamer|Libreros",
+      category: "Navidad|Decoración Interior|Mallas y Listones",
       missingAttributes: 0,
       missingDescriptions: 0,
       missingImages: 0
@@ -82,8 +82,8 @@ RetailerProductEditionDefault.args = {
       id: 58,
       name: "The Home Depot Golden"
     }],
-    country: "México",
-    upc: "217141"
+    country: "",
+    upc: "214715"
   },
   // location: {
   //   product: { articleId: 126855, versionId: 3 },

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

@@ -295,7 +295,7 @@ var myBucket = new _awsSdk.default.S3({
 });
 
 var RetailerProductEdition = function RetailerProductEdition(_ref3) {
-  var _product$retailers, _location$state, _location$state2, _product$services2, _datasheets$, _datasheets$$data, _product$article17, _comment$message;
+  var _product$retailers, _location$state, _location$state2, _product$services2, _datasheets$, _datasheets$$data, _product$article18, _comment$message;
 
   var tabsSections = _ref3.tabsSections,
       _ref3$productSelected = _ref3.productSelected,
@@ -719,6 +719,12 @@ var RetailerProductEdition = function RetailerProductEdition(_ref3) {
     setObservationVisible(false);
   };
 
+  var handleCommentSubmit = function handleCommentSubmit(e) {
+    e.preventDefault();
+    var commentText = document.querySelector("#commentary-box .ql-container .ql-editor > p").innerHTML;
+    createComment(e, commentText, activeTab);
+  };
+
   (0, _react.useEffect)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee5() {
     var _ref7, id_article;
 
@@ -1734,33 +1740,55 @@ var RetailerProductEdition = function RetailerProductEdition(_ref3) {
   };
 
   var createComment = /*#__PURE__*/function () {
-    var _ref20 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee16() {
-      var messages,
-          retailerId,
-          data,
-          _args16 = arguments;
+    var _ref20 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee16(e, body, tab) {
+      var _product$article16;
+
+      var concept, data;
       return _regenerator.default.wrap(function _callee16$(_context16) {
         while (1) {
           switch (_context16.prev = _context16.next) {
             case 0:
-              messages = _args16.length > 0 && _args16[0] !== undefined ? _args16[0] : [];
-              retailerId = _args16.length > 1 ? _args16[1] : undefined;
+              concept = "";
+              _context16.t0 = activeTab;
+              _context16.next = _context16.t0 === "Ficha técnica" ? 4 : _context16.t0 === "Imágenes" ? 6 : 8;
+              break;
+
+            case 4:
+              concept = "datasheet";
+              return _context16.abrupt("break", 10);
+
+            case 6:
+              concept = "images";
+              return _context16.abrupt("break", 10);
+
+            case 8:
+              concept = "description";
+              return _context16.abrupt("break", 10);
+
+            case 10:
               data = {
-                paramsBody: {
-                  id: product.article.id_article,
-                  version: version,
-                  items: messages,
-                  retailerId: retailerId,
-                  status: product.status
-                },
-                paramsHeader: {
+                articleId: product === null || product === void 0 ? void 0 : (_product$article16 = product.article) === null || _product$article16 === void 0 ? void 0 : _product$article16.id_article,
+                orderId: product === null || product === void 0 ? void 0 : product.orderId,
+                message: body === null || body === void 0 ? void 0 : body.replace(/<.*?\/?>/gm, ""),
+                concept: concept,
+                version: version
+              };
+              _context16.next = 13;
+              return _axios.default.post("".concat(process.env.REACT_APP_COMMENTS_ENDPOINT), data, {
+                headers: {
                   Authorization: token
                 }
-              };
+              });
+
+            case 13:
+              _context16.next = 15;
+              return getComments(tab);
+
+            case 15:
               setMessage("");
-              return _context16.abrupt("return", (0, _utils.sendMessage)(data));
+              setComponentsArray([]);
 
-            case 5:
+            case 17:
             case "end":
               return _context16.stop();
           }
@@ -1768,7 +1796,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref3) {
       }, _callee16);
     }));
 
-    return function createComment() {
+    return function createComment(_x6, _x7, _x8) {
       return _ref20.apply(this, arguments);
     };
   }();
@@ -1883,7 +1911,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref3) {
 
   var setAssignation = /*#__PURE__*/function () {
     var _ref22 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee18(assignationType, assignationId) {
-      var _product$article16;
+      var _product$article17;
 
       var concept, productTemp, data;
       return _regenerator.default.wrap(function _callee18$(_context18) {
@@ -1913,7 +1941,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref3) {
               data = {
                 articleList: [{
                   orderId: product.orderId,
-                  articleId: product === null || product === void 0 ? void 0 : (_product$article16 = product.article) === null || _product$article16 === void 0 ? void 0 : _product$article16.id_article
+                  articleId: product === null || product === void 0 ? void 0 : (_product$article17 = product.article) === null || _product$article17 === void 0 ? void 0 : _product$article17.id_article
                 }],
                 concept: concept,
                 userId: assignationId
@@ -1940,7 +1968,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref3) {
       }, _callee18);
     }));
 
-    return function setAssignation(_x6, _x7) {
+    return function setAssignation(_x9, _x10) {
       return _ref22.apply(this, arguments);
     };
   }();
@@ -2042,7 +2070,6 @@ var RetailerProductEdition = function RetailerProductEdition(_ref3) {
   };
 
   (0, _react.useEffect)(function () {
-    console.log(servicesData, "servicesData");
     var status = getRetailerStatus(servicesData, activeTab);
     setRetailerStatus(status);
   }, [activeTab, servicesData, activeRetailer]);
@@ -2137,7 +2164,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref3) {
       }, _callee19, null, [[0, 31]]);
     }));
 
-    return function validateAll(_x8) {
+    return function validateAll(_x11) {
       return _ref23.apply(this, arguments);
     };
   }();
@@ -2322,7 +2349,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref3) {
               auditInputGroup: auditDescriptions[0],
               updatedDescriptions: updatedDescriptions,
               setUpdatedDescriptions: setUpdatedDescriptions,
-              articleId: product === null || product === void 0 ? void 0 : (_product$article17 = product.article) === null || _product$article17 === void 0 ? void 0 : _product$article17.id_article,
+              articleId: product === null || product === void 0 ? void 0 : (_product$article18 = product.article) === null || _product$article18 === void 0 ? void 0 : _product$article18.id_article,
               version: version,
               dinamicHeight: true,
               compare: compare
@@ -2359,9 +2386,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref3) {
               children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
                 buttonType: "general-transparent-button",
                 label: "Enviar comentario",
-                onClick: function onClick(e) {
-                  return createComment(e, document.querySelector("#commentary-box .ql-container .ql-editor > p").innerHTML, activeTab);
-                }
+                onClick: handleCommentSubmit
               })
             })]
           }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {

package/package.json

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

package/src/components/organisms/Table/styles.js

@@ -16,6 +16,7 @@ export const Container = styled.div`
   .custom-table {
     border-collapse: collapse;
     box-sizing: border-box;
+    position:relative;
     width: 100%;
     & > thead {
       top: 0;

package/src/components/pages/MultipleEdition/MultipleEdition.stories.js

@@ -9,9 +9,9 @@ const Template = (args) => <MultipleEdition {...args} />;
 export const MultipleEditionDefault = Template.bind({});
 
 MultipleEditionDefault.args = {
-  articles: [121219],//[216, 238, 239],
+  articles: [128067],//[216, 238, 239],
   versions: [1],
   //token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiIxZmFjNjY2Ny1hMDMzLTQ1NjAtOWU5ZC01MTQwMDc2MmI2MWYiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6IjFmYWM2NjY3LWEwMzMtNDU2MC05ZTlkLTUxNDAwNzYyYjYxZiIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiJjM2FlNjRiMC0yNDcxLTQ1MmQtOGExYi04OGFkNWIxNjRjOWQiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTcwNjU0ODk3OCwibmFtZSI6IlJhZGlvc2NoYWNrIE9uYm9hcmRpbmciLCJwaG9uZV9udW1iZXIiOiIrNTIxMjM0NTY3ODk4IiwiZXhwIjoxNzA2NTUyNTc4LCJpYXQiOjE3MDY1NDg5NzgsImVtYWlsIjoicmFkaW9zaGFja2Ryb3BzaGlwQGFsbGZyZWVtYWlsLm5ldCJ9.RPiGAf-R2eEqdsfAbKKC7uX57t1JTEIZ3rgJZZNQ6wnJm8hfDKk1aa1fOqGZMDVw_peoq_XyZQWvmsJ8pRexWxO05oLZchn1n_gml6rapq2WqVap1CYyj2k2aBEGJo5CZzWGFp8VVXn9nl9pm8AsFjjfCAQGFaKB_5iMeNCPYt_vXXQ-LAOwkjzoAP6ujmlpJMVMsXoCaabWH7t5Z8akNO0eS0KAscL5EPDl_MmjqV_2PeBXl1KYAU-uJbdSG1xRiSV_nqJ23B4TAkERDfouCfd3ysLMrlRxkcsQd9xOvrt9fQMlrJqrCuf6RoD12pgqSRIxk_cOa4NFm6SKwCwRnw"
-  token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiIxZmFjNjY2Ny1hMDMzLTQ1NjAtOWU5ZC01MTQwMDc2MmI2MWYiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6IjFmYWM2NjY3LWEwMzMtNDU2MC05ZTlkLTUxNDAwNzYyYjYxZiIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiJlNGJhOGFmOC1kNDU4LTRhOWUtYTVjMC0xZGYyM2YyMjUxNDkiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTcxNzc3MjA3NCwibmFtZSI6IlJhZGlvc2NoYWNrIE9uYm9hcmRpbmciLCJwaG9uZV9udW1iZXIiOiIrNTIxMjM0NTY3ODk4IiwiZXhwIjoxNzE3Nzc1Njc0LCJpYXQiOjE3MTc3NzIwNzQsImVtYWlsIjoicmFkaW9zaGFja2Ryb3BzaGlwQGFsbGZyZWVtYWlsLm5ldCJ9.TheujvtiS5PYSfomzIX6XH-Bd0N37ST8GsLhuC2QWQA_A_Ti70EK9Hk5l4LRgkqcg2V1gWYMJnRyaLFEHYy8U9LAmJ4uoXcsxG5th-2gqFDdoTfg77Q0RXb1EdXYwX4CW64SaBgyQYC_SXrsLxKrD38b7-w7QvDA1x-BbAssbFvSk7NGoo5q0iLIG-5I9rZ_Ym0QF6Wz01xFWv-BO_P6K91oJgjBKBZDRsVtzjhgTSx7R-fEOVp9_6kKH0lfUgeV7-QB9wl9LktMoAnVCCvImqMZnDrPHhoQOvTjnWz1mZ7kbbL5ad2CDqDzx1EP4vbRAoxehS0xYZMrtYFhOSVGVQ"
+  token: "eyJraWQiOiJEV3owZnNieXg2MXNFcVduN3RCXC81bVhod3ZNbFZIOTgwUnZcL3RjT0lKdEk9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJjNmFkNzk2MS1iYWNjLTQ4ODItOGFjMC02NDk3YjkyY2FmYTciLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfbFN6UVo0WjdSIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6ImM2YWQ3OTYxLWJhY2MtNDg4Mi04YWMwLTY0OTdiOTJjYWZhNyIsImF1ZCI6IjUyZDlza2tkY2c4cWpwODhvb2sxdXNlNm1rIiwiZXZlbnRfaWQiOiI3Mzg5YjA1Zi1hODZjLTQ1YzEtOGIwZS1hMzRhYWI4OWVjNjciLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTcxODY1ODc0OCwibmFtZSI6IlJhZGlvc2hhY2sgQ2FkZW5hIiwicGhvbmVfbnVtYmVyIjoiKzUyMTIzNDU2Nzg5OCIsImV4cCI6MTcxODY2MjM0OCwiaWF0IjoxNzE4NjU4NzQ4LCJlbWFpbCI6ImNhZGVuYXJhZGlvc2hhY2tvbmJvYXJkaW5nQGFsbGZyZWVtYWlsLm5ldCJ9.fOs_i8J6aI-K8f4wp6ZP2JAuHaAc8dDKJ-iaJJWOrrJYfYvD2G4-eRIC77bOxfmUwbet6KxIjxwdQf68iXvJ9ay_zzoE29x7s3IA6J-Js4O5XAiTGmkGBsuDqo5nywngJtRmVKlnLyKOSxMNv7AiBCXv_Ih1Ip-vA0oT5ojaAQPdbXzZHfgggIzmBwljHQIQa_Eu70_VugBJd6Ryac7k1zeH_kczfwmIAKGXAb9UY0-o-z1rH4FlvpdctB2KykJLW6ztBaRdFek3I48dcqmxgU6oO4u0KtYipDGG7qPpgZpA8g_xzjcOive21btX7DSEFPost9wTlFaFcm_pV9I03A"
   //token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI5YTIxMzEyOC02NDgyLTRjMTYtYTRiNi02ZTY0ZjIyNWIxYmQiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwiY29nbml0bzp1c2VybmFtZSI6IjlhMjEzMTI4LTY0ODItNGMxNi1hNGI2LTZlNjRmMjI1YjFiZCIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiJkMzE0ODYyYy02OTYxLTQ5YjktODMwOC1hMDM3Mzg1MjUwYzAiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTcwMjQxMTc0MSwibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTcwMjQxNTM0MSwiaWF0IjoxNzAyNDExNzQxLCJlbWFpbCI6ImlzbWFlbDk3bG9wZXpAZ21haWwuY29tIn0.O4Lr5HZLuueNNY1FxqrRBaQZKMgnTXY9IG7KAMkhWO20Dxnfj253sqOme36AbqIAsCQBy77GmnZtTAFs0uF9QBfEDzZXRQ1xcctboGZ9U235LlLdz-BNGoH5QCRXeZsZdXJ1M7yL8IvIdEnXkFC0WYcUMWMRUc6K6vgOvmCCQhzOr-uW-2nsLBGjBb7Tj_okViYvT0Lupo5Z0Z9Xc20oOWnVmrSuaYa1-b4AjOjEOnETA9usnRa6blOVOkHqi5fX8u11ejczINxNBtoizMPOQROuzuuPTvHrl17ae8JkNoxVCJe5ZdfRrUN1lwUXnOZim7QhNg8YR_uvPs_EJRIwfw",
 };

package/src/components/pages/MultipleEdition/styles.js

@@ -34,6 +34,7 @@ export const Container = styled.div`
     background: red;
     height: 100%;
     font-family: Raleway;
+    min-height:140px;
   }
   
   .buttons-container{
@@ -88,12 +89,7 @@ export const Container = styled.div`
     line-height: 18px;
     background-color: white;
     left: 7px;
-
-    img {
-      & + p {
-        margin-left: 7px;
-      }
-    }
+    gap:5px;
 
     &:hover {
       border-radius: 10px;
@@ -106,6 +102,12 @@ export const Container = styled.div`
 
   td{
     margin:0;
+    background: #ffffff !important;
+  }
+
+  th{
+    border-radius: 0 0 0 0 !important;
+    padding: 15px !important;
   }
   
   textarea {

package/src/components/pages/MultipleEdition/utils.js

@@ -205,6 +205,15 @@ export function setDataColumns(
     borderRight: "1px solid #f0f0f0",
     //borderLeft: "1px solid #f0f0f0",
   };
+
+  const styleApprovalAttributes = {
+    textAlign: "center",
+    display: "flex",
+    justifyContent: "center",
+    border: "1px solid #ECDD1D",
+    background: "#ECDD1D"
+  };
+  
   const styleData = {
     textAlign: "center",
     display: "flex",
@@ -333,7 +342,7 @@ export function setDataColumns(
             );
           currentData[`img${imageId}`] = 
           <>
-            <button
+            {/* <button
                 onClick={() => {
                   setShowValidationPanel(true);
                   setAttributeSelected({
@@ -389,7 +398,7 @@ export function setDataColumns(
                       alt="reject button"
                     />
                   )}
-              </button>{" "}
+              </button> */}
           {showValidationPanel &&
                 attributeSelected.articleId === item.id &&
                 attributeSelected.attributeId === imageId &&
@@ -502,7 +511,7 @@ export function setDataColumns(
               Header: rules[attributeId].name,
               accessor: `${attributeId + "-" + ret.id}`,
               width: "200px",
-              style: styleData,
+              style: (attributeId==6700 || attributeId==6701) ? styleApprovalAttributes : styleData,
               description: rules[attributeId].description,
             });
           }
@@ -829,7 +838,7 @@ export function setDataColumns(
           );
           currentData[`${des.attributeId}`] = (
             <>
-            <button
+            {/* <button
                 onClick={() => {
                   setShowValidationPanel(true);
                   setAttributeSelected({
@@ -885,7 +894,7 @@ export function setDataColumns(
                       alt="reject button"
                     />
                   )}
-              </button>{" "}
+              </button> */}
               {showValidationPanel &&
                 attributeSelected.articleId === item.id &&
                 attributeSelected.attributeId === des.attributeId &&
@@ -900,8 +909,8 @@ export function setDataColumns(
                       className="validation-option"
                     >
                       <img src={acceptIcon} alt="accept button" />
-                      <p> Validar </p>{" "}
-                    </button>{" "}
+                      <p> Validar </p>
+                    </button>
                     <button
                       onClick={() => {
                         setShowValidationPanel(false);