contentoh-components-library 21.5.19 → 21.5.21

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

@@ -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

@@ -37,6 +37,8 @@ var _GalleryElement = require("../../molecules/GalleryElement");
 
 var _fileSaver = require("file-saver");
 
+var _Commentary = require("../../atoms/Commentary");
+
 var _data2 = require("../../../global-files/data");
 
 var _GalleryHeader = require("../../molecules/GalleryHeader");
@@ -179,7 +181,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 +201,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 +245,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 +259,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 +273,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 +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;
+  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 +2343,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.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 +2442,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 +2463,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

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

package/src/components/atoms/UserSelector/UserSelector.stories.js

@@ -9,7 +9,7 @@ const Template = (args) => <UserSelector {...args} />;
 export const UserSelectorDefault = Template.bind({});
 UserSelectorDefault.args = {
   searchLabel: "Buscar auditor",
-  index: "auditor",
+  index: "datasheet",
   usersArray: [
     {
       name: "José",

package/src/components/atoms/UserSelector/index.js

@@ -16,6 +16,7 @@ export const UserSelector = ({
   assignationTarget,
   target,
   concept,
+  index,
 }) => {
   const [text, setText] = useState([]);
   const [userFiltered, setUsersFiltered] = useState([]);
@@ -56,12 +57,17 @@ export const UserSelector = ({
               key={user.id_user + "-" + i}
               className="user-item"
               onClick={() => {
+                console.log("onAss",product,
+                user.id_user," ",
+                assignationTarget," ",
+                target,
+                index)
                 onAssign(
                   product,
                   user.id_user,
                   assignationTarget,
                   target,
-                  concept
+                  index
                 );
               }}
             >

package/src/components/molecules/RowItem/styles.js

@@ -9,6 +9,7 @@ export const Container = styled.div`
   .row-container {
     display: flex;
     cursor: pointer;
+    align-items: center;
     &:hover {
       background-color: #fafafa;
     }