contentoh-components-library 21.3.10 → 21.3.12

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

@@ -55,43 +55,35 @@ var ButtonFileChooser = function ButtonFileChooser(props) {
     if (multipleFiles) chooser.multiple = true;
     if (filters) chooser.accept = filters; // "image/*,text/*,application/*"
 
-    chooser.onchange = /*#__PURE__*/function () {
-      var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(event) {
-        var _iterator, _step, file;
-
-        return _regenerator.default.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                //console.log("files:", chooser.files);
-                _iterator = (0, _createForOfIteratorHelper2.default)(chooser.files);
-
-                try {
-                  for (_iterator.s(); !(_step = _iterator.n()).done;) {
-                    file = _step.value;
-                    files.push(file);
-                  }
-                } catch (err) {
-                  _iterator.e(err);
-                } finally {
-                  _iterator.f();
+    chooser.onchange = /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+      var _iterator, _step, file;
+
+      return _regenerator.default.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _iterator = (0, _createForOfIteratorHelper2.default)(chooser.files);
+
+              try {
+                for (_iterator.s(); !(_step = _iterator.n()).done;) {
+                  file = _step.value;
+                  files.push(file);
                 }
+              } catch (err) {
+                _iterator.e(err);
+              } finally {
+                _iterator.f();
+              }
 
-                onChangeFiles && onChangeFiles(files);
+              onChangeFiles && onChangeFiles(files);
 
-              case 3:
-              case "end":
-                return _context.stop();
-            }
+            case 3:
+            case "end":
+              return _context.stop();
           }
-        }, _callee);
-      }));
-
-      return function (_x) {
-        return _ref.apply(this, arguments);
-      };
-    }();
-
+        }
+      }, _callee);
+    }));
     document.body.appendChild(chooser);
     chooser.click();
     document.body.removeChild(chooser);

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

@@ -125,20 +125,6 @@ var ImagePreview = function ImagePreview(props) {
     link.click();
     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 /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
     className: className,

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

@@ -128,12 +128,12 @@ var ButtonDownloadFile = function ButtonDownloadFile(props) {
       borderType: borderType,
       onMouseEnter: function onMouseEnter(event) {
         if (!showDownload) {
-          setShowDownload(true); //console.log("showDownload");
+          setShowDownload(true);
         }
       },
       onMouseLeave: function onMouseLeave(event) {
         if (!loading) {
-          setShowDownload(false); //console.log("showIconFile");
+          setShowDownload(false);
         }
       },
       children: showDownload ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonV.ButtonV2, {

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

@@ -81,32 +81,9 @@ var ContainerItems = function ContainerItems(props) {
       setModalAlert = _useState8[1];
 
   var containerList = (0, _react.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]);
-  */
-
   (0, _react.useEffect)(function () {
     if (!items) return;
-    if (chatType === "merchant_product") renderItems();else if (chatType === "order_product") renderItems();else if (chatType === "ticket") renderItemsTicket();else setCustomItems([]);
+    if (["merchant_product", "order_product"].includes(chatType)) renderItems();else if (chatType === "ticket") renderItemsTicket();else setCustomItems([]);
   }, [items]);
 
   var updateScroll = function updateScroll() {
@@ -115,13 +92,6 @@ var ContainerItems = function ContainerItems(props) {
     if (containerScroll) {
       var newScrollHeight = containerScroll.scrollHeight + 15;
       var 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;
@@ -213,12 +183,10 @@ var ContainerItems = function ContainerItems(props) {
     var value = (0, _utils.decodeJSON)(item.value);
     var originalImgURL = "".concat(process.env.REACT_APP_IMAGES_ENDPOINT, "/").concat(value.key); // dimensiones de la imagen a mostrar en el chat
 
-    var imgHeight = (0, _utils.getResizeImgHeight)((_value$width = value.width) !== null && _value$width !== void 0 ? _value$width : 400, (_value$height = value.height) !== null && _value$height !== void 0 ? _value$height : 400, 400); //console.log("newHeight imgURL:", imgHeight);
-
+    var imgHeight = (0, _utils.getResizeImgHeight)((_value$width = value.width) !== null && _value$width !== void 0 ? _value$width : 400, (_value$height = value.height) !== null && _value$height !== void 0 ? _value$height : 400, 400);
     var imgURL = (0, _utils.getImageURL)(process.env.REACT_APP_IMAGES_BUCKET, value.key, 400, imgHeight); // dimensiones de la imagen a mostrar en modal full
 
-    var modalImgHeight = (0, _utils.getResizeImgHeight)((_value$width2 = value.width) !== null && _value$width2 !== void 0 ? _value$width2 : screen.width, (_value$height2 = value.height) !== null && _value$height2 !== void 0 ? _value$height2 : screen.height, screen.width); //console.log("height full:", modalImgHeight);
-
+    var modalImgHeight = (0, _utils.getResizeImgHeight)((_value$width2 = value.width) !== null && _value$width2 !== void 0 ? _value$width2 : screen.width, (_value$height2 = value.height) !== null && _value$height2 !== void 0 ? _value$height2 : screen.height, screen.width);
     var modalImgURL = (0, _utils.getImageURL)(process.env.REACT_APP_IMAGES_BUCKET, value.key, screen.width, modalImgHeight);
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "item-img",
@@ -324,7 +292,7 @@ var ContainerItems = function ContainerItems(props) {
       timeout: 500,
       container: containerList.current,
       children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("li", {
-        className: (ownMessage ? "own-message " : "") + (lastUserId == item.userId ? "sameUser" : ""),
+        className: (ownMessage ? "own-message " : "") + (lastUserId === item.userId ? "sameUser" : ""),
         children: [lastUserId !== item.userId && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageTooltip.ImageTooltip, {
           className: "container-imgUser",
           sizeLoading: 25,
@@ -377,11 +345,12 @@ var ContainerItems = function ContainerItems(props) {
         // manejo de las etiquetas fechas
         if (!date) {
           date = (0, _utils.getFullDate)(new Date(item.date));
+          jsxItems.push(renderGrayLabel(date, "itemDate-".concat(countDate++)));
         } else {
           var newDate = (0, _utils.getFullDate)(new Date(item.date));
 
           if (newDate !== date) {
-            jsxItems.push(renderGrayLabel(date, "itemDate-".concat(countDate++)));
+            jsxItems.push(renderGrayLabel(newDate, "itemDate-".concat(countDate++)));
             date = newDate;
           }
         } // elementos que van alineados al centro
@@ -390,25 +359,25 @@ var ContainerItems = function ContainerItems(props) {
         switch (item.type) {
           case "statusArticle":
             jsxItems.push(renderStatusArticle(item.value, "item-".concat(item.id)));
-            continue;
+            break;
 
           case "statusService":
             jsxItems.push(renderStatusService(item.value, "item-".concat(item.id)));
-            continue;
+            break;
         } // acomodo del item (left o right)
 
 
         var 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 {
@@ -426,7 +395,6 @@ var ContainerItems = function ContainerItems(props) {
       _iterator.f();
     }
 
-    if (date) jsxItems.push(renderGrayLabel(date, "itemDate-".concat(countDate), "label-date"));
     setCustomItems(jsxItems);
   };
 
@@ -434,8 +402,7 @@ var ContainerItems = function ContainerItems(props) {
     var jsxItems = [];
     var date = undefined;
     var countDate = 1;
-    var lastUserId = undefined; //console.log("isUserTech:", currentUser.isUserTech);
-    // recorrido de los items (del mas viejo al mas reciente)
+    var lastUserId = undefined; // recorrido de los items (del mas viejo al mas reciente)
 
     for (var index = items.length - 1; index >= 0; index--) {
       var item = items[index]; // manejo de las etiquetas fechas
@@ -472,14 +439,13 @@ var ContainerItems = function ContainerItems(props) {
       } // user normal
       else {
         if (!(0, _handle_userTech.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));