contentoh-components-library 21.3.11 → 21.3.12

package/dist/components/organisms/Chat/Footer/index.js

@@ -148,7 +148,6 @@ var Footer = function Footer(props) {
   var containerRef = (0, _react.useRef)();
   var refInputTextMessage = (0, _react.useRef)();
   (0, _react.useEffect)(function () {
-    //console.log("filesPreview: ", filesPreview.slice());
     setTooltipFileName({
       show: false,
       fileName: ""
@@ -171,7 +170,7 @@ var Footer = function Footer(props) {
           switch (_context.prev = _context.next) {
             case 0:
               if (!createItemsChat) {
-                _context.next = 89;
+                _context.next = 87;
                 break;
               }
 
@@ -195,9 +194,7 @@ var Footer = function Footer(props) {
 
               customFiles = [];
               _context.prev = 7;
-              //console.log("files:", files);
-              fileUploadRequests = []; //console.log(dataChat);
-
+              fileUploadRequests = [];
               _iterator = (0, _createForOfIteratorHelper2.default)(files);
               _context.prev = 10;
 
@@ -272,8 +269,7 @@ var Footer = function Footer(props) {
                 fileKey += "".concat((0, _uuid.v4)(), "-").concat(today.getTime(), ".").concat((0, _utils.getFileExtension)(file.name));
               } else {
                 fileKey = undefined;
-              } //console.log("fileKey: ", fileKey);
-              // enviar file a AWS
+              } // enviar file a AWS
 
 
               customFiles.push({
@@ -316,7 +312,6 @@ var Footer = function Footer(props) {
 
             case 49:
               responseAWS = _context.sent;
-              console.log("responseAWS:", responseAWS);
               responseAWS.forEach(function (responseFile, index) {
                 if (responseFile.status === "rejected") {
                   customFiles[index].errorAWS = responseFile.reason.message;
@@ -324,13 +319,12 @@ var Footer = function Footer(props) {
                 } else {
                   customFiles[index].uploaded = true;
                 }
-              }); //console.log("customFiles:", customFiles);
-
-              _context.next = 59;
+              });
+              _context.next = 58;
               break;
 
-            case 54:
-              _context.prev = 54;
+            case 53:
+              _context.prev = 53;
               _context.t2 = _context["catch"](7);
               disableSecondaryContainer(false);
               setModalAlert({
@@ -341,21 +335,21 @@ var Footer = function Footer(props) {
               });
               return _context.abrupt("return");
 
-            case 59:
+            case 58:
               // obtener las keys de los files subidos
               items = [];
               index = 0;
 
-            case 61:
+            case 60:
               if (!(index < customFiles.length)) {
-                _context.next = 75;
+                _context.next = 73;
                 break;
               }
 
               _file = customFiles[index];
 
               if (!_file.uploaded) {
-                _context.next = 72;
+                _context.next = 70;
                 break;
               }
 
@@ -365,14 +359,14 @@ var Footer = function Footer(props) {
               }; // caso imagen -> obtener width y height
 
               if (!(_file.itemType === "img")) {
-                _context.next = 70;
+                _context.next = 69;
                 break;
               }
 
-              _context.next = 68;
+              _context.next = 67;
               return (0, _utils.getImageSize)(files[index]);
 
-            case 68:
+            case 67:
               imgSize = _context.sent;
 
               if (imgSize) {
@@ -380,32 +374,31 @@ var Footer = function Footer(props) {
                 valueItem.height = imgSize.height;
               }
 
-            case 70:
-              console.log("valueItemFile:", valueItem);
+            case 69:
               items.push({
                 type: _file.itemType,
                 value: JSON.stringify(valueItem)
               });
 
-            case 72:
+            case 70:
               index++;
-              _context.next = 61;
+              _context.next = 60;
               break;
 
-            case 75:
+            case 73:
               if (!items.length) {
-                _context.next = 83;
+                _context.next = 81;
                 break;
               }
 
-              _context.next = 78;
+              _context.next = 76;
               return createItemsChat(items);
 
-            case 78:
+            case 76:
               responseError = _context.sent;
 
               if (!responseError) {
-                _context.next = 83;
+                _context.next = 81;
                 break;
               }
 
@@ -418,7 +411,7 @@ var Footer = function Footer(props) {
               disableSecondaryContainer(false);
               return _context.abrupt("return");
 
-            case 83:
+            case 81:
               // obtener los errores de los files no subidos a AWS
               failedFiles = [];
               errorDetailFiles = "";
@@ -447,12 +440,12 @@ var Footer = function Footer(props) {
               disableSecondaryContainer(false);
               setFilesPreview(failedFiles);
 
-            case 89:
+            case 87:
             case "end":
               return _context.stop();
           }
         }
-      }, _callee, null, [[7, 54], [10, 41, 44, 47]]);
+      }, _callee, null, [[7, 53], [10, 41, 44, 47]]);
     }));
 
     return function sendFilesPreview() {
@@ -696,7 +689,6 @@ var Footer = function Footer(props) {
         while (1) {
           switch (_context7.prev = _context7.next) {
             case 0:
-              //console.log("selected files: ", selectedFiles);
               newFiles = filesPreview.slice();
               newFiles = newFiles.concat(selectedFiles);
               setFilesPreview(newFiles);

package/dist/global-files/handle_http.js

@@ -50,8 +50,7 @@ var fetchGET = function fetchGET() {
                 } else {
                   URL += "&".concat(key, "=").concat(paramsQuery[key]);
                 }
-              }); //console.log("URL:", URL);
-
+              });
               _context.next = 6;
               return _axios.default.get(URL, {
                 headers: paramsHeaders
@@ -164,35 +163,34 @@ var fetchPOST = function fetchPOST() {
               body = JSON.parse(respHTTPjson.data.body); // verificar si existe error desde el backend
 
               if (!(respHTTPjson.data.statusCode !== 200)) {
-                _context2.next = 10;
+                _context2.next = 9;
                 break;
               }
 
-              console.log(body);
               return _context2.abrupt("return", response({
                 message: (_body$message2 = body.message) !== null && _body$message2 !== void 0 ? _body$message2 : "",
                 errorDetail: (_body$errorDetail2 = body.errorDetail) !== null && _body$errorDetail2 !== void 0 ? _body$errorDetail2 : ""
               }));
 
-            case 10:
+            case 9:
               return _context2.abrupt("return", response({
                 body: body
               }));
 
-            case 13:
-              _context2.prev = 13;
+            case 12:
+              _context2.prev = 12;
               _context2.t0 = _context2["catch"](0);
               return _context2.abrupt("return", response({
                 message: "Error al guardar los datos",
                 errorDetail: _context2.t0.message
               }));
 
-            case 16:
+            case 15:
             case "end":
               return _context2.stop();
           }
         }
-      }, _callee2, null, [[0, 13]]);
+      }, _callee2, null, [[0, 12]]);
     }));
 
     return function (_x2) {

package/dist/global-files/utils.js

@@ -226,14 +226,7 @@ obtener el nuevo <height> de la imagen
 exports.getImageSize = getImageSize;
 
 var getResizeImgHeight = function getResizeImgHeight(originalWidth, originalHeight, newWidth) {
-  /*
-  console.log(`==================
-  original width: ${originalWidth}
-  original height: ${originalHeight}
-  newWidth: ${newWidth}`);
-  */
-  var scale = newWidth * 100 / originalWidth / 100; //console.log("scale:", scale);
-
+  var scale = newWidth * 100 / originalWidth / 100;
   return Math.ceil(originalHeight * scale);
 };
 /*====================================================================
@@ -397,7 +390,8 @@ exports.getCustomDate = getCustomDate;
 
 var getTime = function getTime() {
   var time = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "";
-  if ([undefined, null, ""].includes(time)) return (0, _moment.default)(new Date()).format("LT");else return (0, _moment.default)(time).format("LT");
+  if ([undefined, null, ""].includes(time)) return (0, _moment.default)(new Date()).format("LT");
+  return (0, _moment.default)(time).format("LT");
 };
 /*====================================================================
             UTILERIAS PARA EL MANEJO DE VALIDACIONES

package/package.json

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

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

@@ -35,8 +35,7 @@ export const ButtonFileChooser = (props) => {
     chooser.style.display = "none";
     if (multipleFiles) chooser.multiple = true;
     if (filters) chooser.accept = filters; // "image/*,text/*,application/*"
-    chooser.onchange = async (event) => {
-      //console.log("files:", chooser.files);
+    chooser.onchange = async () => {
       for (const file of chooser.files) {
         files.push(file);
       }

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

@@ -85,19 +85,6 @@ export const ImagePreview = (props) => {
     document.body.removeChild(link);
   };
 
-  /* solo para hacer pruebas en modo dev
-  useEffect(() => {
-    setTimeout(() => {
-      setLoading(false);
-    }, 5000);
-  }, []); */
-  /*
-  useEffect(() => {
-    console.log("imgURL:", imgURL);
-    console.log("modalImgURL:", modalImgURL);
-  }, []);
-  */
-
   return (
     <Container className={className} width={width}>
       {imgURL && (imgLoad === undefined || loading) && (

package/src/components/molecules/ButtonDownloadFile/index.js

@@ -72,13 +72,11 @@ export const ButtonDownloadFile = (props) => {
         onMouseEnter={(event) => {
           if (!showDownload) {
             setShowDownload(true);
-            //console.log("showDownload");
           }
         }}
         onMouseLeave={(event) => {
           if (!loading) {
             setShowDownload(false);
-            //console.log("showIconFile");
           }
         }}
       >

package/src/components/organisms/Chat/ContainerItems/index.js

@@ -50,34 +50,10 @@ export const ContainerItems = (props) => {
   });
   const containerList = useRef(null);
 
-  /*
-  useEffect(() => {
-    //console.log("new observer");
-    const observer = new MutationObserver((mutationList) => {
-      updateScroll();
-    });
-    const itemsList = document.getElementById("ulItems");
-    const observerOptions = {
-      attributes: false,
-      childList: true,
-      subtree: false,
-      characterData: false,
-      attributeOldValue: false,
-      characterDataOldValue: false,
-    };
-    observer.observe(itemsList, observerOptions);
-
-    return () => {
-      observer.disconnect();
-      //console.log("remove observer");
-    };
-  }, [scrollHeight]);
-  */
 
   useEffect(() => {
     if (!items) return;
-    if (chatType === "merchant_product") renderItems();
-    else if (chatType === "order_product") renderItems();
+    if (["merchant_product", "order_product"].includes(chatType)) renderItems();
     else if (chatType === "ticket") renderItemsTicket();
     else setCustomItems([]);
   }, [items]);
@@ -88,14 +64,6 @@ export const ContainerItems = (props) => {
       const newScrollHeight = containerScroll.scrollHeight + 15;
       const positionScroll = newScrollHeight - scrollHeight;
 
-      /*
-      console.log("========");
-      console.log("old:", scrollHeight);
-      console.log("new:", newScrollHeight);
-      console.log("pos:", positionScroll);
-      console.log("========");
-      */
-
       if (newScrollHeight !== scrollHeight) {
         containerScroll.scrollTop = positionScroll;
         setScrollHeight(newScrollHeight);
@@ -182,7 +150,6 @@ export const ContainerItems = (props) => {
       value.height ?? 400,
       400
     );
-    //console.log("newHeight imgURL:", imgHeight);
     const imgURL = getImageURL(
       process.env.REACT_APP_IMAGES_BUCKET,
       value.key,
@@ -195,7 +162,6 @@ export const ContainerItems = (props) => {
       value.height ?? screen.height,
       screen.width
     );
-    //console.log("height full:", modalImgHeight);
     const modalImgURL = getImageURL(
       process.env.REACT_APP_IMAGES_BUCKET,
       value.key,
@@ -316,7 +282,7 @@ export const ContainerItems = (props) => {
         <li
           className={
             (ownMessage ? "own-message " : "") +
-            (lastUserId == item.userId ? "sameUser" : "")
+            (lastUserId === item.userId ? "sameUser" : "")
           }
         >
           {/* img del user */}
@@ -387,10 +353,11 @@ export const ContainerItems = (props) => {
       // manejo de las etiquetas fechas
       if (!date) {
         date = getFullDate(new Date(item.date));
+        jsxItems.push(renderGrayLabel(date, `itemDate-${countDate++}`));
       } else {
         let newDate = getFullDate(new Date(item.date));
         if (newDate !== date) {
-          jsxItems.push(renderGrayLabel(date, `itemDate-${countDate++}`));
+          jsxItems.push(renderGrayLabel(newDate, `itemDate-${countDate++}`));
           date = newDate;
         }
       }
@@ -399,25 +366,25 @@ export const ContainerItems = (props) => {
       switch (item.type) {
         case "statusArticle":
           jsxItems.push(renderStatusArticle(item.value, `item-${item.id}`));
-          continue;
+          break;
         case "statusService":
           jsxItems.push(renderStatusService(item.value, `item-${item.id}`));
-          continue;
+          break;
       }
 
       // acomodo del item (left o right)
       let ownMessage = false;
       // CHAT MERCHANT ARTICLE
       if (chatType === "merchant_product") {
-        if (currentUser.companyId == users[item.userId].companyId) {
+        if (currentUser.companyId === users[item.userId].companyId) {
           ownMessage = true;
         }
       }
       // CHAT ORDER ARTICLE
       else if (chatType === "order_product") {
-        if (currentUser.companyId == users[item.userId].companyId) {
-          if (activeCompanyId && activeCompanyId == currentUser.companyId) {
-            if (item.userId == currentUser.id) {
+        if (currentUser.companyId === users[item.userId].companyId) {
+          if (activeCompanyId && activeCompanyId === currentUser.companyId) {
+            if (item.userId === currentUser.id) {
               ownMessage = true;
             }
           } else {
@@ -429,10 +396,6 @@ export const ContainerItems = (props) => {
       // renderizar tipo de item
       jsxItems.push(getUserCreatedItem(ownMessage, item));
     }
-    if (date)
-      jsxItems.push(
-        renderGrayLabel(date, `itemDate-${countDate}`, "label-date")
-      );
     setCustomItems(jsxItems);
   };
 
@@ -441,7 +404,7 @@ export const ContainerItems = (props) => {
     let date = undefined;
     let countDate = 1;
     let lastUserId = undefined;
-    //console.log("isUserTech:", currentUser.isUserTech);
+
 
     // recorrido de los items (del mas viejo al mas reciente)
     for (let index = items.length - 1; index >= 0; index--) {
@@ -479,16 +442,15 @@ export const ContainerItems = (props) => {
       // user normal
       else {
         if (!isUserTech(users[item.userId].isUserTech)) {
-          if (currentUser.companyId == users[item.userId].companyId) {
+          if (currentUser.companyId === users[item.userId].companyId) {
             ownMessage = true;
           }
-        } else if (currentUser.id == item.userId) {
+        } else if (currentUser.id === item.userId) {
           ownMessage = true;
         }
       }
 
       // renderizar tipo de item
-      //console.log(lastUserId + "<>" + item.userId);
       jsxItems.push(getUserCreatedItem(ownMessage, item, lastUserId));
       lastUserId = item.userId;
     }