npm - contentoh-components-library - Versions diffs - 21.5.18 → 21.5.20 - Mend

contentoh-components-library 21.5.18 → 21.5.20

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 (5) hide show

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

@@ -31,97 +31,100 @@ RetailerProductEditionDefault.args = {
     "Ficha técnica": false,
     Imágenes: false
   },
-  token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI5YTIxMzEyOC02NDgyLTRjMTYtYTRiNi02ZTY0ZjIyNWIxYmQiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwiY29nbml0bzp1c2VybmFtZSI6IjlhMjEzMTI4LTY0ODItNGMxNi1hNGI2LTZlNjRmMjI1YjFiZCIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiIxMGZiNTE4Mi1jMGI5LTQyZGUtYTAyZC1lOTJlZWI2NWFlN2QiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTcwMTkwMjA4NywibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTcwMTkwNTY4NywiaWF0IjoxNzAxOTAyMDg3LCJlbWFpbCI6ImlzbWFlbDk3bG9wZXpAZ21haWwuY29tIn0.JpoKZHuzPZG2ttaT7Oz3CAPR7xZU19txSDyjGHIwya2zV9uOHxauS0-orNRry8lfpZHQt_ISF2W-XSARUvCG1SqTXi41-o53DsWfZhqe9dQk6DGDnvFzXFsaEbaxAPjTfYc491sHCpOjf4W98quBuzDZCRtdCsr9u3A0AnX8Lh1Jquvn83nrHN2ZeefpLyKc-xGGp50Oy6EnJgSK4PcAAV631nwYV9DfVaLb3SIWDrJIIuBjFjBBCXBcnGJBieErlnF-4gumHzsro_QqF-s7aq_3EJChAhfslFvczNSyDc-LXJVkpDuZW3TaYKlHwhoFxz1aMuYRFQ8xy5Pz8FDNKQ",
+  token: "eyJraWQiOiJEV3owZnNieXg2MXNFcVduN3RCXC81bVhod3ZNbFZIOTgwUnZcL3RjT0lKdEk9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJmNGRiODI2My1jYjA1LTQzMTItOWU0NS1lM2RlY2E2NjllNzIiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfbFN6UVo0WjdSIiwiY29nbml0bzp1c2VybmFtZSI6ImY0ZGI4MjYzLWNiMDUtNDMxMi05ZTQ1LWUzZGVjYTY2OWU3MiIsImF1ZCI6IjUyZDlza2tkY2c4cWpwODhvb2sxdXNlNm1rIiwiZXZlbnRfaWQiOiIyMTlmNjg1OS0zOGRkLTQwYzEtYmNhMC00OWQ1YjMwMTQxMTgiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTcxODIxMzQyOCwibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTcxODIxNzAyNywiaWF0IjoxNzE4MjEzNDI4LCJlbWFpbCI6ImVtb250YW5vQGNvbnRlbnRvaC5jb20ifQ.TQfkHTvvjC0VUfoQexjuvlVixeb_J3ZP8uzGFgdDur8m3v0Wad32fUM3eOsTzrsXp_c0HJHHuT_7x9h27pCyLoeTmi5j_y9Rfyu4RXj9xEejE3_Ge7LXupdvYuo3-kI577vcQjrHjYShjLZ0RFNDQVxbrBLS19qRXYj7DJXM0tenLG4v5wLNZyhdmW5OdnIYjA8VfDCxV_fO2v9pFie0DUbmgGGnpzqHBVJfhbBVOrjq2PGmx4HvTy5Ne8b4pyio3Gs5LSYA7ZMTvVMaZWKTFfgNM69tY4NNCZVAfe56EL5DzOBhCtLGXljVqTrEIkd1bPHX_CmM2nGkzhbTwYtstg",
   productSelected: {
-    orderId: 15190,
-    status: "RA",
-    datasheet_status: "NS",
-    prio: "none",
-    version: 3,
-    description_status: "NS",
-    images_status: "RA",
-    brand: null,
-    retailerOrder: 0,
-    missing: {
-      datasheet: null,
-      descriptions: null,
-      images: null
-    },
     services: {
-      datasheets: 0,
-      descriptions: 0,
+      datasheets: 1,
+      descriptions: 1,
       images: 1
     },
+    orderId: 7961,
+    status: "RP",
+    datasheet_status: "AA",
+    prio: "none",
+    version: 3,
+    description_status: "RP",
+    images_status: "AA",
+    statusByRetailer: {
+      "58": {
+        datasheet: "AA",
+        description: "RP",
+        images: "AA"
+      }
+    },
     article: {
-      category: "Abarrotes Básicos|Abarrotes Básicos y Procesados|Abarrotes Básicos y Procesados",
-      company_name: "GRUPO BRAHMA",
+      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,
+      status: null,
+      active: 1,
+      company_id: 315,
+      company_name: "MADERAS Y DISEÑOS DEL NORTE S.A. DE C.V.",
       country: "México",
-      id_category: "4004",
-      id_datasheet_especialist: null,
+      id_order: 7961,
+      id_datasheet_especialist: 2757,
       id_datasheet_facilitator: null,
-      id_description_especialist: null,
+      id_description_especialist: 2757,
       id_description_facilitator: null,
-      id_images_especialist: 55,
-      id_images_facilitator: 53,
-      id_order: 15190,
-      id_article: 39364,
-      id_auditor: 37,
-      name: "test 2 img ba",
-      timestamp: "2023-05-05T02:56:16.000Z",
-      upc: "4353242"
+      id_images_especialist: 1251,
+      id_images_facilitator: null,
+      id_auditor: 514,
+      id_recepcionist: null,
+      category: "Muebles|Muebles para Oficina y Gamer|Libreros",
+      missingAttributes: 0,
+      missingDescriptions: 0,
+      missingImages: 0
     },
     retailers: [{
-      id: 70,
-      name: "Bodega Aurrera"
+      id: 58,
+      name: "The Home Depot Golden"
     }],
-    statusByRetailer: {
-      70: {
-        images: "RA/AC"
-      }
-    }
-  },
-  location: {
-    product: {
-      articleId: 39364,
-      versionId: 3
-    },
-    state: {
-      withChat: true,
-      chatType: "product_status"
-    }
+    country: "México",
+    upc: "217141"
   },
+  // location: {
+  //   product: { articleId: 126855, versionId: 3 },
+  //   state: {
+  //     withChat: true,
+  //     chatType: "product_status",
+  //   },
+  // },
   user: {
-    id_user: 37,
-    name: "José",
-    last_name: "Castañeda",
-    email: "ismael97lopez@gmail.com",
-    position: "Auditor",
-    telephone: "",
-    country: "México",
+    id_user: 1973,
+    name: "Estefany",
+    last_name: "Montaño",
+    email: "emontano@contentoh.com",
+    position: "Front-End Developer",
+    telephone: null,
+    country: null,
     id_company: 254,
-    id_cognito: "9a213128-6482-4c16-a4b6-6e64f225b1bd",
-    birth_Date: null,
-    about_me: "",
-    zip_code: "",
-    address: "",
-    job: "",
-    id_stripe: "",
-    id_role: 6,
+    id_cognito: "f4db8263-cb05-4312-9e45-e3deca669e72",
+    birth_Date: "1999-10-06T00:00:00.000Z",
+    about_me: null,
+    zip_code: null,
+    address: null,
+    job: null,
+    id_stripe: null,
+    id_role: 1,
     active: 1,
     is_retailer: 0,
     email_notify: 1,
-    is_user_tech: null,
+    is_user_tech: "ADMIN-AS",
+    is_onboarding: 0,
     membership: {
-      id: 137,
-      start_date: "2023-10-04T15:46:14.000Z",
-      end_date: "2024-10-04T08:46:09.000Z",
-      planID: 8,
-      plan: "prod_KtlhECVSFG2iro",
-      name: "Plan Pro",
-      user_limit: "50",
-      products_limit: "5000",
+      id: 750,
+      start_date: "2022-01-07T21:32:54.000Z",
+      end_date: "2023-01-07T21:32:54.000Z",
+      planID: 6,
+      plan: "prod_KvGd6YSTJyR3AP",
+      name: "Plan Small",
+      user_limit: "10",
+      products_limit: "1000",
       type: "Enterprise"
     },
-    src: "https://content-management-profile.s3.amazonaws.com/id-37/37.png?1701902088068"
+    src: "https://content-management-profile-prod.s3.amazonaws.com/id-1973/1973.png?1718213428633"
   }
 };

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

@@ -179,7 +179,7 @@ var reducerImages = function reducerImages(state, action) {
                                 while (1) {
                                   switch (_context.prev = _context.next) {
                                     case 0:
-                                      videoSrc = 'data:video/mp4;base64,' + base64.split(',')[1]; // Añade el tipo MIME adecuado
+                                      videoSrc = "data:video/mp4;base64," + base64.split(",")[1]; // Añade el tipo MIME adecuado
                                       _context.next = 3;
                                       return (0, _generateThumnail.default)(videoSrc, 2);
@@ -199,7 +199,7 @@ var reducerImages = function reducerImages(state, action) {
                               return _ref2.apply(this, arguments);
                             };
                           }()).catch(function (error) {
-                            console.error('Error:', error);
+                            console.error("Error:", error);
                           });
                         }
@@ -243,8 +243,8 @@ var REGION = "us-east-1";
 function convertirVideoABase64(url) {
   return new Promise(function (resolve, reject) {
     var xhr = new XMLHttpRequest();
-    xhr.open('GET', url, true);
-    xhr.responseType = 'blob';
+    xhr.open("GET", url, true);
+    xhr.responseType = "blob";
     xhr.onload = function () {
       if (xhr.status === 200) {
@@ -257,12 +257,12 @@ function convertirVideoABase64(url) {
         reader.readAsDataURL(blob);
       } else {
-        reject(new Error('Error al cargar el video'));
+        reject(new Error("Error al cargar el video"));
       }
     };
     xhr.onerror = function () {
-      reject(new Error('Error de red al cargar el video'));
+      reject(new Error("Error de red al cargar el video"));
     };
     xhr.send();
@@ -271,12 +271,12 @@ function convertirVideoABase64(url) {
 function obtenerDuracionVideoBase64(base64Data) {
   return new Promise(function (resolve, reject) {
-    var video = document.createElement('video');
+    var video = document.createElement("video");
     video.src = base64Data;
-    video.addEventListener('loadedmetadata', function () {
+    video.addEventListener("loadedmetadata", function () {
       resolve(video.duration);
     });
-    video.addEventListener('error', reject);
+    video.addEventListener("error", reject);
   });
 }
@@ -293,7 +293,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;
+  var _product$retailers, _location$state, _location$state2, _product$services2, _datasheets$, _datasheets$$data, _product$article17, _comment$message;
   var tabsSections = _ref3.tabsSections,
       _ref3$productSelected = _ref3.productSelected,
@@ -2341,15 +2341,57 @@ var RetailerProductEdition = function RetailerProductEdition(_ref3) {
               headerType: "input-name-header"
             }))]
           })
-        }), (userAssigned(activeTab) || auditorAssigned()) && product["".concat(getConcept(activeTab), "_status")] !== "NS" && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        }), (userAssigned(activeTab) || auditorAssigned()) && product["".concat(getConcept(activeTab), "_status")] !== "NS" && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
           className: "commentary-box",
-          children: [7, 8].includes(user.id_role) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
+          children: [!comment ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: "commentary",
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.TagAndInput, {
+              label: "Caja de Comentario",
+              inputType: "textarea",
+              inputCols: 80,
+              inputRows: 4,
+              inputId: "commentary-box",
+              index: 0
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              className: "buttons-box",
+              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);
+                }
+              })
+            })]
+          }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: "feedback-box",
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Commentary, {
+              comment: comment === null || comment === void 0 ? void 0 : (_comment$message = comment.message) === null || _comment$message === void 0 ? void 0 : _comment$message.replace(/<.*?\/?>/gm, ""),
+              reviewed: crossComment
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
+              buttonType: "circular-button accept-button",
+              onClick: /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee21() {
+                return _regenerator.default.wrap(function _callee21$(_context21) {
+                  while (1) {
+                    switch (_context21.prev = _context21.next) {
+                      case 0:
+                        setCrossComment(true);
+                        commentRevised();
+                      case 2:
+                      case "end":
+                        return _context21.stop();
+                    }
+                  }
+                }, _callee21);
+              }))
+            })]
+          }), [7, 8].includes(user.id_role) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
             buttonType: evaluationFinished(user.id_role, activeTab, statusArray) && requiredNull[activeTab] === 0 ? "general-green-button" : "general-button-disabled",
             label: "Enviar evaluación",
             onClick: function onClick() {
               return sendToFacilitator();
             }
-          })
+          })]
         })]
       })]
     }), showModal && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ProductImageModal.ProductImageModal, {
@@ -2398,18 +2440,18 @@ var RetailerProductEdition = function RetailerProductEdition(_ref3) {
         type: "pink",
         label: "Aceptar",
         size: 12,
-        onClick: /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee21() {
+        onClick: /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee22() {
           var body, messages;
-          return _regenerator.default.wrap(function _callee21$(_context21) {
+          return _regenerator.default.wrap(function _callee22$(_context22) {
             while (1) {
-              switch (_context21.prev = _context21.next) {
+              switch (_context22.prev = _context22.next) {
                 case 0:
                   body = document.querySelector("#modal-message-box .ql-container .ql-editor > p").innerHTML;
                   messages = [{
                     type: "message",
                     value: body === null || body === void 0 ? void 0 : body.replace(/<.*?\/?>/gm, "")
                   }];
-                  _context21.next = 4;
+                  _context22.next = 4;
                   return createComment(messages, activeRetailer.id);
                 case 4:
@@ -2419,10 +2461,10 @@ var RetailerProductEdition = function RetailerProductEdition(_ref3) {
                 case 7:
                 case "end":
-                  return _context21.stop();
+                  return _context22.stop();
               }
             }
-          }, _callee21);
+          }, _callee22);
         }))
       }, "btn-Aceptar")]
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Modal.Modal, {

package/package.json CHANGED Viewed

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

package/src/components/pages/RetailerProductEdition/RetailerProductEdition.stories.js CHANGED Viewed

@@ -16,97 +16,104 @@ RetailerProductEditionDefault.args = {
     Imágenes: false,
   },
   token:
-    "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI5YTIxMzEyOC02NDgyLTRjMTYtYTRiNi02ZTY0ZjIyNWIxYmQiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwiY29nbml0bzp1c2VybmFtZSI6IjlhMjEzMTI4LTY0ODItNGMxNi1hNGI2LTZlNjRmMjI1YjFiZCIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiIxMGZiNTE4Mi1jMGI5LTQyZGUtYTAyZC1lOTJlZWI2NWFlN2QiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTcwMTkwMjA4NywibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTcwMTkwNTY4NywiaWF0IjoxNzAxOTAyMDg3LCJlbWFpbCI6ImlzbWFlbDk3bG9wZXpAZ21haWwuY29tIn0.JpoKZHuzPZG2ttaT7Oz3CAPR7xZU19txSDyjGHIwya2zV9uOHxauS0-orNRry8lfpZHQt_ISF2W-XSARUvCG1SqTXi41-o53DsWfZhqe9dQk6DGDnvFzXFsaEbaxAPjTfYc491sHCpOjf4W98quBuzDZCRtdCsr9u3A0AnX8Lh1Jquvn83nrHN2ZeefpLyKc-xGGp50Oy6EnJgSK4PcAAV631nwYV9DfVaLb3SIWDrJIIuBjFjBBCXBcnGJBieErlnF-4gumHzsro_QqF-s7aq_3EJChAhfslFvczNSyDc-LXJVkpDuZW3TaYKlHwhoFxz1aMuYRFQ8xy5Pz8FDNKQ",
+   "eyJraWQiOiJEV3owZnNieXg2MXNFcVduN3RCXC81bVhod3ZNbFZIOTgwUnZcL3RjT0lKdEk9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJmNGRiODI2My1jYjA1LTQzMTItOWU0NS1lM2RlY2E2NjllNzIiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfbFN6UVo0WjdSIiwiY29nbml0bzp1c2VybmFtZSI6ImY0ZGI4MjYzLWNiMDUtNDMxMi05ZTQ1LWUzZGVjYTY2OWU3MiIsImF1ZCI6IjUyZDlza2tkY2c4cWpwODhvb2sxdXNlNm1rIiwiZXZlbnRfaWQiOiIyMTlmNjg1OS0zOGRkLTQwYzEtYmNhMC00OWQ1YjMwMTQxMTgiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTcxODIxMzQyOCwibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTcxODIxNzAyNywiaWF0IjoxNzE4MjEzNDI4LCJlbWFpbCI6ImVtb250YW5vQGNvbnRlbnRvaC5jb20ifQ.TQfkHTvvjC0VUfoQexjuvlVixeb_J3ZP8uzGFgdDur8m3v0Wad32fUM3eOsTzrsXp_c0HJHHuT_7x9h27pCyLoeTmi5j_y9Rfyu4RXj9xEejE3_Ge7LXupdvYuo3-kI577vcQjrHjYShjLZ0RFNDQVxbrBLS19qRXYj7DJXM0tenLG4v5wLNZyhdmW5OdnIYjA8VfDCxV_fO2v9pFie0DUbmgGGnpzqHBVJfhbBVOrjq2PGmx4HvTy5Ne8b4pyio3Gs5LSYA7ZMTvVMaZWKTFfgNM69tY4NNCZVAfe56EL5DzOBhCtLGXljVqTrEIkd1bPHX_CmM2nGkzhbTwYtstg",
   productSelected: {
-    orderId: 15190,
-    status: "RA",
-    datasheet_status: "NS",
-    prio: "none",
-    version: 3,
-    description_status: "NS",
-    images_status: "RA",
-    brand: null,
-    retailerOrder: 0,
-    missing: {
-      datasheet: null,
-      descriptions: null,
-      images: null,
-    },
     services: {
-      datasheets: 0,
-      descriptions: 0,
+      datasheets: 1,
+      descriptions: 1,
       images: 1,
     },
+    orderId: 7961,
+    status: "RP",
+    datasheet_status: "AA",
+    prio: "none",
+    version: 3,
+    description_status: "RP",
+    images_status: "AA",
+    statusByRetailer: {
+      "58": {
+        datasheet: "AA",
+        description: "RP",
+        images: "AA",
+      },
+    },
     article: {
-      category:
-        "Abarrotes Básicos|Abarrotes Básicos y Procesados|Abarrotes Básicos y Procesados",
-      company_name: "GRUPO BRAHMA",
+      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,
+      status: null,
+      active: 1,
+      company_id: 315,
+      company_name: "MADERAS Y DISEÑOS DEL NORTE S.A. DE C.V.",
       country: "México",
-      id_category: "4004",
-      id_datasheet_especialist: null,
+      id_order: 7961,
+      id_datasheet_especialist: 2757,
       id_datasheet_facilitator: null,
-      id_description_especialist: null,
+      id_description_especialist: 2757,
       id_description_facilitator: null,
-      id_images_especialist: 55,
-      id_images_facilitator: 53,
-      id_order: 15190,
-      id_article: 39364,
-      id_auditor: 37,
-      name: "test 2 img ba",
-      timestamp: "2023-05-05T02:56:16.000Z",
-      upc: "4353242",
+      id_images_especialist: 1251,
+      id_images_facilitator: null,
+      id_auditor: 514,
+      id_recepcionist: null,
+      category: "Muebles|Muebles para Oficina y Gamer|Libreros",
+      missingAttributes: 0,
+      missingDescriptions: 0,
+      missingImages: 0,
     },
     retailers: [
       {
-        id: 70,
-        name: "Bodega Aurrera",
+        id: 58,
+        name: "The Home Depot Golden",
       },
     ],
-    statusByRetailer: {
-      70: {
-        images: "RA/AC",
-      },
-    },
-  },
-  location: {
-    product: { articleId: 39364, versionId: 3 },
-    state: {
-      withChat: true,
-      chatType: "product_status",
-    },
-  },
-  user: {
-    id_user: 37,
-    name: "José",
-    last_name: "Castañeda",
-    email: "ismael97lopez@gmail.com",
-    position: "Auditor",
-    telephone: "",
     country: "México",
+    upc: "217141",
+  }
+  ,
+  // location: {
+  //   product: { articleId: 126855, versionId: 3 },
+  //   state: {
+  //     withChat: true,
+  //     chatType: "product_status",
+  //   },
+  // },
+  user: {
+    id_user: 1973,
+    name: "Estefany",
+    last_name: "Montaño",
+    email: "emontano@contentoh.com",
+    position: "Front-End Developer",
+    telephone: null,
+    country: null,
     id_company: 254,
-    id_cognito: "9a213128-6482-4c16-a4b6-6e64f225b1bd",
-    birth_Date: null,
-    about_me: "",
-    zip_code: "",
-    address: "",
-    job: "",
-    id_stripe: "",
-    id_role: 6,
+    id_cognito: "f4db8263-cb05-4312-9e45-e3deca669e72",
+    birth_Date: "1999-10-06T00:00:00.000Z",
+    about_me: null,
+    zip_code: null,
+    address: null,
+    job: null,
+    id_stripe: null,
+    id_role: 1,
     active: 1,
     is_retailer: 0,
     email_notify: 1,
-    is_user_tech: null,
+    is_user_tech: "ADMIN-AS",
+    is_onboarding: 0,
     membership: {
-      id: 137,
-      start_date: "2023-10-04T15:46:14.000Z",
-      end_date: "2024-10-04T08:46:09.000Z",
-      planID: 8,
-      plan: "prod_KtlhECVSFG2iro",
-      name: "Plan Pro",
-      user_limit: "50",
-      products_limit: "5000",
+      id: 750,
+      start_date: "2022-01-07T21:32:54.000Z",
+      end_date: "2023-01-07T21:32:54.000Z",
+      planID: 6,
+      plan: "prod_KvGd6YSTJyR3AP",
+      name: "Plan Small",
+      user_limit: "10",
+      products_limit: "1000",
       type: "Enterprise",
     },
-    src: "https://content-management-profile.s3.amazonaws.com/id-37/37.png?1701902088068",
-  },
+    src: "https://content-management-profile-prod.s3.amazonaws.com/id-1973/1973.png?1718213428633",
+  }
+  ,
 };

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

@@ -93,18 +93,21 @@ const reducerImages = (state, action) => {
           inputsByRetailer[action.retailerId]?.filter((input) => {
             imageIdArray.push(input.id_image);
             valuesInitial.forEach(async (value) => {
-              if(value.ext=="mp4"){
-                convertirVideoABase64("https://" +
-                process.env.REACT_APP_IMAGES_BUCKET +
-                ".s3.amazonaws.com/" +
-                value.srcDB)
-                .then(async base64 => {
-                  const videoSrc = 'data:video/mp4;base64,' + base64.split(',')[1]; // Añade el tipo MIME adecuado
-                  value.src= await generateThumbnail(videoSrc,2);
-                })
-                .catch(error => {
-                  console.error('Error:', error);
-                });
+              if (value.ext == "mp4") {
+                convertirVideoABase64(
+                  "https://" +
+                    process.env.REACT_APP_IMAGES_BUCKET +
+                    ".s3.amazonaws.com/" +
+                    value.srcDB
+                )
+                  .then(async (base64) => {
+                    const videoSrc =
+                      "data:video/mp4;base64," + base64.split(",")[1]; // Añade el tipo MIME adecuado
+                    value.src = await generateThumbnail(videoSrc, 2);
+                  })
+                  .catch((error) => {
+                    console.error("Error:", error);
+                  });
               }
               if (value.image_id === input.id_image) orderedImages.push(value);
             });
@@ -129,22 +132,22 @@ const REGION = "us-east-1";
 function convertirVideoABase64(url) {
   return new Promise((resolve, reject) => {
     const xhr = new XMLHttpRequest();
-    xhr.open('GET', url, true);
-    xhr.responseType = 'blob';
-    xhr.onload = function() {
+    xhr.open("GET", url, true);
+    xhr.responseType = "blob";
+    xhr.onload = function () {
       if (xhr.status === 200) {
         const blob = xhr.response;
         const reader = new FileReader();
-        reader.onloadend = function() {
+        reader.onloadend = function () {
           resolve(reader.result);
         };
         reader.readAsDataURL(blob);
       } else {
-        reject(new Error('Error al cargar el video'));
+        reject(new Error("Error al cargar el video"));
       }
     };
-    xhr.onerror = function() {
-      reject(new Error('Error de red al cargar el video'));
+    xhr.onerror = function () {
+      reject(new Error("Error de red al cargar el video"));
     };
     xhr.send();
   });
@@ -152,16 +155,15 @@ function convertirVideoABase64(url) {
 function obtenerDuracionVideoBase64(base64Data) {
   return new Promise((resolve, reject) => {
-    const video = document.createElement('video');
+    const video = document.createElement("video");
     video.src = base64Data;
-    video.addEventListener('loadedmetadata', () => {
+    video.addEventListener("loadedmetadata", () => {
       resolve(video.duration);
     });
-    video.addEventListener('error', reject);
+    video.addEventListener("error", reject);
   });
 }
 AWS.config.update({
   accessKeyId: process.env.REACT_APP_KUTS3,
   secretAccessKey: process.env.REACT_APP_AKUTS3,
@@ -312,7 +314,7 @@ export const RetailerProductEdition = ({
   const [auditDescriptions, setAuditDescriptions] = useState([]);
   const [auditImages, setAuditImages] = useState([]);
   const [compare, setCompare] = useState(false);
-  const [observation,setObservation] = useState();
+  const [observation, setObservation] = useState();
   const [valRejAll, setValRejAll] = useState(false);
   const [modalAlert, setModalAlert] = useState({
     show: false,
@@ -761,14 +763,13 @@ export const RetailerProductEdition = ({
           const promiseArray = [];
           data?.articleData?.forEach((e) => {
             let file;
-            if(e.ext=="mp4"){
+            if (e.ext == "mp4") {
               file = Buffer.from(
                 e.video_src.replace(/^data:video\/\w+;base64,/, ""),
                 "base64"
               );
-              e.video_src="";
-            }
-            else{
+              e.video_src = "";
+            } else {
               file = Buffer.from(
                 e.src.replace(/^data:image\/\w+;base64,/, ""),
                 "base64"
@@ -1494,7 +1495,7 @@ export const RetailerProductEdition = ({
             isObservationVisible={isObservationVisible}
             toggleObservation={toggleObservation}
             // handleClickOutside={handleClickOutside}
-             hideObservation={hideObservation}
+            hideObservation={hideObservation}
           />
           <FullTabsMenu
             tabsSections={tabsSections}
@@ -1626,9 +1627,71 @@ export const RetailerProductEdition = ({
               </>
             )}
           </div>
+          {/* {(userAssigned(activeTab) || auditorAssigned()) &&
+            product[`${getConcept(activeTab)}_status`] !== "NS" && (
+              <div className="commentary-box">
+                {[7, 8].includes(user.id_role) && (
+                  <Button
+                    buttonType={
+                      evaluationFinished(
+                        user.id_role,
+                        activeTab,
+                        statusArray
+                      ) && requiredNull[activeTab] === 0
+                        ? "general-green-button"
+                        : "general-button-disabled"
+                    }
+                    label={"Enviar evaluación"}
+                    onClick={() => sendToFacilitator()}
+                  />
+                )}
+              </div>
+            )} */}
           {(userAssigned(activeTab) || auditorAssigned()) &&
             product[`${getConcept(activeTab)}_status`] !== "NS" && (
               <div className="commentary-box">
+                {!comment ? (
+                  <div className="commentary">
+                    <TagAndInput
+                      label={"Caja de Comentario"}
+                      inputType={"textarea"}
+                      inputCols={80}
+                      inputRows={4}
+                      inputId={"commentary-box"}
+                      index={0}
+                    />
+                    <div className="buttons-box">
+                      <Button
+                        buttonType={"general-transparent-button"}
+                        label={"Enviar comentario"}
+                        onClick={(e) =>
+                          createComment(
+                            e,
+                            document.querySelector(
+                              "#commentary-box .ql-container .ql-editor > p"
+                            ).innerHTML,
+                            activeTab
+                          )
+                        }
+                      />
+                    </div>
+                  </div>
+                ) : (
+                  <div className="feedback-box">
+                    <Commentary
+                      comment={comment?.message?.replace(/<.*?\/?>/gm, "")}
+                      reviewed={crossComment}
+                    />
+                    <Button
+                      buttonType={"circular-button accept-button"}
+                      onClick={async () => {
+                        setCrossComment(true);
+                        commentRevised();
+                      }}
+                    />
+                  </div>
+                )}
                 {[7, 8].includes(user.id_role) && (
                   <Button
                     buttonType={