contentoh-components-library 21.4.102 → 21.4.104

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

@@ -1,398 +1,728 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Footer = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createForOfIteratorHelper"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
 var _styles = require("./styles");
+
 var _react = require("react");
+
 var _awsSdk = _interopRequireDefault(require("aws-sdk"));
+
 var _uuid = require("uuid");
+
 var _Image = require("../../../atoms/Image");
+
 var _freeSolidSvgIcons = require("@fortawesome/free-solid-svg-icons");
+
 var _CustomIcon = require("../../../atoms/CustomIcon");
+
 var _ButtonV = require("../../../atoms/ButtonV2");
+
 var _IconFile = require("../../../atoms/IconFile");
+
 var _Modal = require("../../Modal");
+
 var _Tooltip = require("../../../atoms/Tooltip");
+
 var _material = require("@mui/material");
+
 var _ButtonFileChooser = require("../../../atoms/ButtonFileChooser");
+
 var _react2 = require("swiper/react");
+
 require("swiper/swiper.min.css");
+
 var _swiper = require("swiper");
+
 var _utils = require("../../../../global-files/utils");
+
 var _InputText = require("../../../atoms/InputText");
+
 var _jsxRuntime = require("react/jsx-runtime");
-// carrousel
 
+// carrousel
 //import "swiper/modules/free-mode/free-mode.min.css";
+var S3_BUCKET = process.env.REACT_APP_IMAGES_BUCKET;
+var REGION = "us-east-1";
 
-const S3_BUCKET = process.env.REACT_APP_IMAGES_BUCKET;
-const REGION = "us-east-1";
 _awsSdk.default.config.update({
   accessKeyId: process.env.REACT_APP_KUTS3,
   secretAccessKey: process.env.REACT_APP_AKUTS3
 });
-const myBucket = new _awsSdk.default.S3({
+
+var myBucket = new _awsSdk.default.S3({
   params: {
     Bucket: S3_BUCKET
   },
   region: REGION
 });
-const Footer = props => {
-  const {
-    chatType,
-    // "merchant_product" | "order_product" | "ticket"
-    dataChat /* {
-             caso ticket: { id }
-             case merchant_product: { id , version }
-             case order_product: { id , version }
-             } */,
-    statusChat,
-    // string
-    messageDisabled,
-    // string
-    createItemsChat,
-    // (items) => {}
-    errorUpdate // { startDate , lastDate }
-  } = props;
-  const [valueInputMessage, setValueInputMessage] = (0, _react.useState)("");
-  const [filesPreview, setFilesPreview] = (0, _react.useState)([]);
-  const [filesJsxPreview, setFilesJsxPreview] = (0, _react.useState)([]);
-  const [btnSendFilesLoading, setBtnSendFilesLoading] = (0, _react.useState)(false);
-  const [btnSendMessageLoading, setBtnSendMessageLoading] = (0, _react.useState)(false);
-  const [btnChooserFileDisabled, setBtnChooserFileDisabled] = (0, _react.useState)(false);
-  const [inputMessageDisabled, setInputMessageDisabled] = (0, _react.useState)(false);
-  const [openPreview, setOpenPreview] = (0, _react.useState)(false);
-  const [toggleFocusInputMessage, setToggleFocusInputMessage] = (0, _react.useState)(false);
-  const [tooltipFileName, setTooltipFileName] = (0, _react.useState)({
+
+var Footer = function Footer(props) {
+  var chatType = props.chatType,
+      dataChat = props.dataChat,
+      statusChat = props.statusChat,
+      messageDisabled = props.messageDisabled,
+      createItemsChat = props.createItemsChat,
+      errorUpdate = props.errorUpdate;
+
+  var _useState = (0, _react.useState)(""),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      valueInputMessage = _useState2[0],
+      setValueInputMessage = _useState2[1];
+
+  var _useState3 = (0, _react.useState)([]),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      filesPreview = _useState4[0],
+      setFilesPreview = _useState4[1];
+
+  var _useState5 = (0, _react.useState)([]),
+      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+      filesJsxPreview = _useState6[0],
+      setFilesJsxPreview = _useState6[1];
+
+  var _useState7 = (0, _react.useState)(false),
+      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+      btnSendFilesLoading = _useState8[0],
+      setBtnSendFilesLoading = _useState8[1];
+
+  var _useState9 = (0, _react.useState)(false),
+      _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
+      btnSendMessageLoading = _useState10[0],
+      setBtnSendMessageLoading = _useState10[1];
+
+  var _useState11 = (0, _react.useState)(false),
+      _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
+      btnChooserFileDisabled = _useState12[0],
+      setBtnChooserFileDisabled = _useState12[1];
+
+  var _useState13 = (0, _react.useState)(false),
+      _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
+      inputMessageDisabled = _useState14[0],
+      setInputMessageDisabled = _useState14[1];
+
+  var _useState15 = (0, _react.useState)(false),
+      _useState16 = (0, _slicedToArray2.default)(_useState15, 2),
+      openPreview = _useState16[0],
+      setOpenPreview = _useState16[1];
+
+  var _useState17 = (0, _react.useState)(false),
+      _useState18 = (0, _slicedToArray2.default)(_useState17, 2),
+      toggleFocusInputMessage = _useState18[0],
+      setToggleFocusInputMessage = _useState18[1];
+
+  var _useState19 = (0, _react.useState)({
     show: false,
     fileName: ""
-  });
-  const [modalAlert, setModalAlert] = (0, _react.useState)({
+  }),
+      _useState20 = (0, _slicedToArray2.default)(_useState19, 2),
+      tooltipFileName = _useState20[0],
+      setTooltipFileName = _useState20[1];
+
+  var _useState21 = (0, _react.useState)({
     show: false,
     title: "",
     message: "",
     errorInputMessage: false
-  });
-  const containerRef = (0, _react.useRef)();
-  const refInputTextMessage = (0, _react.useRef)();
-  (0, _react.useEffect)(() => {
+  }),
+      _useState22 = (0, _slicedToArray2.default)(_useState21, 2),
+      modalAlert = _useState22[0],
+      setModalAlert = _useState22[1];
+
+  var containerRef = (0, _react.useRef)();
+  var refInputTextMessage = (0, _react.useRef)();
+  (0, _react.useEffect)(function () {
     setTooltipFileName({
       show: false,
       fileName: ""
     });
     renderFilesPreview();
   }, [filesPreview]);
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     if (filesJsxPreview.length) setOpenPreview(true);else setOpenPreview(false);
   }, [filesJsxPreview]);
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     refInputTextMessage.current && refInputTextMessage.current.focus();
   }, [toggleFocusInputMessage]);
-  const sendFilesPreview = async () => {
-    if (createItemsChat) {
-      const files = filesPreview.slice();
-      if (!files.length) {
-        setModalAlert({
-          show: true,
-          title: "No hay ningun archivo o imagen seleccionado para enviar",
-          message: "Por favor, cargue los archivos o imagenes que quiera enviar al chat",
-          errorInputMessage: false
-        });
-        return;
-      }
-      disableSecondaryContainer(true);
-
-      // subir archivos a AWS
-      const customFiles = [];
-      try {
-        const fileUploadRequests = [];
-        for (const file of files) {
-          let errorMessage;
-          // obtener base64
-          const fullBase64 = await (0, _utils.getBase64)(file);
-          if (!fullBase64) {
-            errorMessage = "No se pudo decodificar el archivo o imagen";
-          }
-          // obtener buffer
-          let dataBuffer;
-          if (!errorMessage) dataBuffer = (0, _utils.getDataBuffer)((0, _utils.getDataBase64)(fullBase64));
-          if (!dataBuffer) {
-            errorMessage = "No se pudo decodificar el archivo o imagen";
-          }
-          // obtener la key
-          let fileKey = "chat/";
-          switch (chatType) {
-            case "merchant_product":
+
+  var sendFilesPreview = /*#__PURE__*/function () {
+    var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+      var files, customFiles, fileUploadRequests, _iterator, _step, file, errorMessage, fullBase64, dataBuffer, fileKey, today, paramsCreate, responseAWS, items, index, _file, valueItem, imgSize, responseError, failedFiles, errorDetailFiles;
+
+      return _regenerator.default.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              if (!createItemsChat) {
+                _context.next = 90;
+                break;
+              }
+
+              files = filesPreview.slice();
+
+              if (files.length) {
+                _context.next = 5;
+                break;
+              }
+
+              setModalAlert({
+                show: true,
+                title: "No hay ningun archivo o imagen seleccionado para enviar",
+                message: "Por favor, cargue los archivos o imagenes que quiera enviar al chat",
+                errorInputMessage: false
+              });
+              return _context.abrupt("return");
+
+            case 5:
+              disableSecondaryContainer(true); // subir archivos a AWS
+
+              customFiles = [];
+              _context.prev = 7;
+              fileUploadRequests = [];
+              _iterator = (0, _createForOfIteratorHelper2.default)(files);
+              _context.prev = 10;
+
+              _iterator.s();
+
+            case 12:
+              if ((_step = _iterator.n()).done) {
+                _context.next = 41;
+                break;
+              }
+
+              file = _step.value;
+              errorMessage = void 0; // obtener base64
+
+              _context.next = 17;
+              return (0, _utils.getBase64)(file);
+
+            case 17:
+              fullBase64 = _context.sent;
+
+              if (!fullBase64) {
+                errorMessage = "No se pudo decodificar el archivo o imagen";
+              } // obtener buffer
+
+
+              dataBuffer = void 0;
+              if (!errorMessage) dataBuffer = (0, _utils.getDataBuffer)((0, _utils.getDataBase64)(fullBase64));
+
+              if (!dataBuffer) {
+                errorMessage = "No se pudo decodificar el archivo o imagen";
+              } // obtener la key
+
+
+              fileKey = "chat/";
+              _context.t0 = chatType;
+              _context.next = _context.t0 === "merchant_product" ? 26 : _context.t0 === "order_product" ? 28 : _context.t0 === "ticket" ? 30 : _context.t0 === "product_status" ? 32 : 34;
+              break;
+
+            case 26:
               if ((0, _utils.isValidNaturalNumber)(dataChat === null || dataChat === void 0 ? void 0 : dataChat.id) && (0, _utils.isValidNaturalNumber)(dataChat === null || dataChat === void 0 ? void 0 : dataChat.version)) {
                 fileKey += "merchantArticle/".concat(dataChat.id, "-").concat(dataChat.version, "/");
               } else {
                 errorMessage = "El ID o la version del producto no es valido";
               }
-              break;
-            case "order_product":
+
+              return _context.abrupt("break", 35);
+
+            case 28:
               if ((0, _utils.isValidNaturalNumber)(dataChat === null || dataChat === void 0 ? void 0 : dataChat.id) && (0, _utils.isValidNaturalNumber)(dataChat === null || dataChat === void 0 ? void 0 : dataChat.version)) {
                 fileKey += "orderArticle/".concat(dataChat.id, "-").concat(dataChat.version, "/");
               } else {
                 errorMessage = "El ID o la version del producto no es valido";
               }
-              break;
-            case "ticket":
+
+              return _context.abrupt("break", 35);
+
+            case 30:
               if ((0, _utils.isValidNaturalNumber)(dataChat === null || dataChat === void 0 ? void 0 : dataChat.id)) {
                 fileKey += "ticket/".concat(dataChat.id, "/");
               } else {
                 errorMessage = "El ID del ticket no es valido";
               }
-              break;
-            case "product_status":
+
+              return _context.abrupt("break", 35);
+
+            case 32:
               if ((0, _utils.isValidNaturalNumber)(dataChat === null || dataChat === void 0 ? void 0 : dataChat.id) && (0, _utils.isValidNaturalNumber)(dataChat === null || dataChat === void 0 ? void 0 : dataChat.version) && (0, _utils.isValidNaturalNumber)(dataChat === null || dataChat === void 0 ? void 0 : dataChat.retailerId)) {
                 fileKey += "productStatus/".concat(dataChat.id, "-").concat(dataChat === null || dataChat === void 0 ? void 0 : dataChat.version, "-").concat(dataChat === null || dataChat === void 0 ? void 0 : dataChat.retailerId, "/");
               } else {
                 errorMessage = "El ID del ticket no es valido";
               }
-              break;
-            default:
+
+              return _context.abrupt("break", 35);
+
+            case 34:
               errorMessage = "El tipo de chat no se especifico de manera correcta";
-          }
-          if (!errorMessage) {
-            const today = new Date();
-            fileKey += "".concat((0, _uuid.v4)(), "-").concat(today.getTime(), ".").concat((0, _utils.getFileExtension)(file.name));
-          } else {
-            fileKey = undefined;
-          }
-          // enviar file a AWS
-          customFiles.push({
-            itemType: file.type.split("/")[0] === "image" ? "img" : "file",
-            key: fileKey,
-            errorOwn: errorMessage
-          });
-          const paramsCreate = {
-            ACL: "public-read",
-            Body: dataBuffer,
-            Bucket: S3_BUCKET,
-            Key: fileKey
-          };
-          fileUploadRequests.push(myBucket.putObject(paramsCreate).promise());
-        }
-        const responseAWS = await Promise.allSettled(fileUploadRequests);
-        responseAWS.forEach((responseFile, index) => {
-          if (responseFile.status === "rejected") {
-            customFiles[index].errorAWS = responseFile.reason.message;
-            customFiles[index].uploaded = false;
-          } else {
-            customFiles[index].uploaded = true;
-          }
-        });
-      } catch (err) {
-        console.log(err);
-        disableSecondaryContainer(false);
-        setModalAlert({
-          show: true,
-          title: "hubo un problema al subir los archivos al chat",
-          message: "".concat(err.message, "\n          Reporta esto a TI"),
-          errorInputMessage: false
-        });
-        return;
-      }
 
-      // obtener las keys de los files subidos
-      const items = [];
-      for (let index = 0; index < customFiles.length; index++) {
-        const file = customFiles[index];
-        if (file.uploaded) {
-          const valueItem = {
-            key: file.key,
-            name: files[index].name
-          };
-          // caso imagen -> obtener width y height
-          if (file.itemType === "img") {
-            const imgSize = await (0, _utils.getImageSize)(files[index]);
-            if (imgSize) {
-              valueItem.width = imgSize.width;
-              valueItem.height = imgSize.height;
-            }
+            case 35:
+              if (!errorMessage) {
+                today = new Date();
+                fileKey += "".concat((0, _uuid.v4)(), "-").concat(today.getTime(), ".").concat((0, _utils.getFileExtension)(file.name));
+              } else {
+                fileKey = undefined;
+              } // enviar file a AWS
+
+
+              customFiles.push({
+                itemType: file.type.split("/")[0] === "image" ? "img" : "file",
+                key: fileKey,
+                errorOwn: errorMessage
+              });
+              paramsCreate = {
+                ACL: "public-read",
+                Body: dataBuffer,
+                Bucket: S3_BUCKET,
+                Key: fileKey
+              };
+              fileUploadRequests.push(myBucket.putObject(paramsCreate).promise());
+
+            case 39:
+              _context.next = 12;
+              break;
+
+            case 41:
+              _context.next = 46;
+              break;
+
+            case 43:
+              _context.prev = 43;
+              _context.t1 = _context["catch"](10);
+
+              _iterator.e(_context.t1);
+
+            case 46:
+              _context.prev = 46;
+
+              _iterator.f();
+
+              return _context.finish(46);
+
+            case 49:
+              _context.next = 51;
+              return Promise.allSettled(fileUploadRequests);
+
+            case 51:
+              responseAWS = _context.sent;
+              responseAWS.forEach(function (responseFile, index) {
+                if (responseFile.status === "rejected") {
+                  customFiles[index].errorAWS = responseFile.reason.message;
+                  customFiles[index].uploaded = false;
+                } else {
+                  customFiles[index].uploaded = true;
+                }
+              });
+              _context.next = 61;
+              break;
+
+            case 55:
+              _context.prev = 55;
+              _context.t2 = _context["catch"](7);
+              console.log(_context.t2);
+              disableSecondaryContainer(false);
+              setModalAlert({
+                show: true,
+                title: "hubo un problema al subir los archivos al chat",
+                message: "".concat(_context.t2.message, "\n          Reporta esto a TI"),
+                errorInputMessage: false
+              });
+              return _context.abrupt("return");
+
+            case 61:
+              // obtener las keys de los files subidos
+              items = [];
+              index = 0;
+
+            case 63:
+              if (!(index < customFiles.length)) {
+                _context.next = 76;
+                break;
+              }
+
+              _file = customFiles[index];
+
+              if (!_file.uploaded) {
+                _context.next = 73;
+                break;
+              }
+
+              valueItem = {
+                key: _file.key,
+                name: files[index].name
+              }; // caso imagen -> obtener width y height
+
+              if (!(_file.itemType === "img")) {
+                _context.next = 72;
+                break;
+              }
+
+              _context.next = 70;
+              return (0, _utils.getImageSize)(files[index]);
+
+            case 70:
+              imgSize = _context.sent;
+
+              if (imgSize) {
+                valueItem.width = imgSize.width;
+                valueItem.height = imgSize.height;
+              }
+
+            case 72:
+              items.push({
+                type: _file.itemType,
+                value: JSON.stringify(valueItem)
+              });
+
+            case 73:
+              index++;
+              _context.next = 63;
+              break;
+
+            case 76:
+              if (!items.length) {
+                _context.next = 84;
+                break;
+              }
+
+              _context.next = 79;
+              return createItemsChat(items);
+
+            case 79:
+              responseError = _context.sent;
+
+              if (!responseError) {
+                _context.next = 84;
+                break;
+              }
+
+              setModalAlert({
+                show: true,
+                title: responseError.message,
+                message: responseError.errorDetail,
+                errorInputMessage: false
+              });
+              disableSecondaryContainer(false);
+              return _context.abrupt("return");
+
+            case 84:
+              // obtener los errores de los files no subidos a AWS
+              failedFiles = [];
+              errorDetailFiles = "";
+              customFiles.forEach(function (file, index) {
+                if (!file.uploaded) {
+                  if (failedFiles.length === 0) {
+                    errorDetailFiles = "".concat(files[index].name, ":\n            Error: ").concat(file.errorOwn ? file.errorOwn : file.errorAWS);
+                  } else {
+                    errorDetailFiles += "\n\n".concat(files[index].name, ":\n            Error: ").concat(file.errorOwn ? file.errorOwn : file.errorAWS);
+                  }
+
+                  failedFiles.push(files[index]);
+                }
+              });
+
+              if (failedFiles.length) {
+                setModalAlert({
+                  show: true,
+                  title: "".concat(failedFiles.length, "/").concat(files.length, " archivos no fueron enviados al chat"),
+                  message: errorDetailFiles,
+                  errorInputMessage: false
+                });
+              } // actualizar filesPreview
+
+
+              disableSecondaryContainer(false);
+              setFilesPreview(failedFiles);
+
+            case 90:
+            case "end":
+              return _context.stop();
           }
-          items.push({
-            type: file.itemType,
-            value: JSON.stringify(valueItem)
-          });
         }
-      }
+      }, _callee, null, [[7, 55], [10, 43, 46, 49]]);
+    }));
 
-      // enviar los archivos subidos en AWS a la BD
-      if (items.length) {
-        const responseError = await createItemsChat(items);
-        // cuando ningun archivo se guardo en la BD
-        if (responseError) {
-          setModalAlert({
-            show: true,
-            title: responseError.message,
-            message: responseError.errorDetail,
-            errorInputMessage: false
-          });
-          disableSecondaryContainer(false);
-          return;
-        }
-      }
+    return function sendFilesPreview() {
+      return _ref.apply(this, arguments);
+    };
+  }();
 
-      // obtener los errores de los files no subidos a AWS
-      const failedFiles = [];
-      let errorDetailFiles = "";
-      customFiles.forEach((file, index) => {
-        if (!file.uploaded) {
-          if (failedFiles.length === 0) {
-            errorDetailFiles = "".concat(files[index].name, ":\n            Error: ").concat(file.errorOwn ? file.errorOwn : file.errorAWS);
-          } else {
-            errorDetailFiles += "\n\n".concat(files[index].name, ":\n            Error: ").concat(file.errorOwn ? file.errorOwn : file.errorAWS);
+  var sendMessage = /*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
+      var responseError;
+      return _regenerator.default.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              if (!createItemsChat) {
+                _context2.next = 15;
+                break;
+              }
+
+              if (!(0, _utils.isStringEmpty)(valueInputMessage)) {
+                _context2.next = 5;
+                break;
+              }
+
+              setValueInputMessage("");
+              setModalAlert({
+                show: true,
+                title: "mensaje vacío",
+                message: "Por favor, especifica el mensaje que quieres enviar al chat",
+                errorInputMessage: true
+              });
+              return _context2.abrupt("return");
+
+            case 5:
+              setBtnSendMessageLoading(true);
+              setBtnChooserFileDisabled(true);
+              setInputMessageDisabled(true);
+              _context2.next = 10;
+              return createItemsChat([{
+                type: "message",
+                value: valueInputMessage.trim()
+              }]);
+
+            case 10:
+              responseError = _context2.sent;
+              setInputMessageDisabled(false);
+              setBtnSendMessageLoading(false);
+              setBtnChooserFileDisabled(false);
+
+              if (responseError) {
+                setModalAlert({
+                  show: true,
+                  title: responseError.message,
+                  message: responseError.errorDetail,
+                  errorInputMessage: true
+                });
+              } else {
+                setValueInputMessage("");
+                setToggleFocusInputMessage(function (prev) {
+                  return !prev;
+                });
+              }
+
+            case 15:
+            case "end":
+              return _context2.stop();
           }
-          failedFiles.push(files[index]);
         }
-      });
-      if (failedFiles.length) {
-        setModalAlert({
-          show: true,
-          title: "".concat(failedFiles.length, "/").concat(files.length, " archivos no fueron enviados al chat"),
-          message: errorDetailFiles,
-          errorInputMessage: false
-        });
-      }
-      // actualizar filesPreview
-      disableSecondaryContainer(false);
-      setFilesPreview(failedFiles);
-    }
+      }, _callee2);
+    }));
 
-    /*
-    if (file.type.split("/")[0] === "image") {
-      if (arrayIMG.data.ext[0] === "svg") {
-        handlerCreateItem("file", params.Key);
-      } else handlerCreateItem("img", params.Key);
-    } else if (
-      file.type.split("/")[0] === "application" ||
-      file.type.split("/")[0] === "text"
-    ) {
-      handlerCreateItem("file", params.Key);
-    }
-    */
-  };
-  const sendMessage = async () => {
-    if (createItemsChat) {
-      if ((0, _utils.isStringEmpty)(valueInputMessage)) {
-        setValueInputMessage("");
-        setModalAlert({
-          show: true,
-          title: "mensaje vacío",
-          message: "Por favor, especifica el mensaje que quieres enviar al chat",
-          errorInputMessage: true
-        });
-        return;
-      }
-      setBtnSendMessageLoading(true);
-      setBtnChooserFileDisabled(true);
-      setInputMessageDisabled(true);
-      const responseError = await createItemsChat([{
-        type: "message",
-        value: valueInputMessage.trim()
-      }]);
-      setInputMessageDisabled(false);
-      setBtnSendMessageLoading(false);
-      setBtnChooserFileDisabled(false);
-      if (responseError) {
-        setModalAlert({
-          show: true,
-          title: responseError.message,
-          message: responseError.errorDetail,
-          errorInputMessage: true
-        });
-      } else {
-        setValueInputMessage("");
-        setToggleFocusInputMessage(prev => !prev);
-      }
-    }
-  };
-  const disableSecondaryContainer = function () {
-    let disabled = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+    return function sendMessage() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  var disableSecondaryContainer = function disableSecondaryContainer() {
+    var disabled = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
     setBtnSendFilesLoading(disabled);
     setBtnChooserFileDisabled(disabled);
     setOpenPreview(!disabled);
   };
-  const deleteFile = async index => {
-    let newFiles = filesPreview.slice();
-    newFiles.splice(index, 1);
-    setFilesPreview(newFiles);
-  };
-  const renderFilesPreview = async () => {
-    const jsxFiles = [];
-    for (let index = 0; index < filesPreview.length; index++) {
-      var _file$type;
-      const file = filesPreview[index];
-      const fileType = (_file$type = file.type) === null || _file$type === void 0 ? void 0 : _file$type.split("/")[0];
-      const base64 = await (0, _utils.getBase64)(file);
-      jsxFiles.push( /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.SwiperSlide, {
-        className: "item-carrousel",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.ContainerItemCarrousel, {
-          children: [fileType === "image" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Image.Image, {
-            width: "100%",
-            className: "container-img",
-            sizeLoading: 40,
-            colorLoading: undefined,
-            src: base64,
-            componentDefault: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomIcon.CustomIcon, {
-              className: "icon-img",
-              size: 60,
-              icon: _freeSolidSvgIcons.faImage,
-              type: "pink",
-              transparent: true
-            })
-          }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconFile.IconFile, {
-            transparent: true,
-            size: 60,
-            ext: (0, _utils.getFileExtension)(file.name)
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: "container-delete",
-            onMouseEnter: () => {
-              setTooltipFileName({
-                show: true,
-                fileName: file.name
-              });
-            },
-            onMouseLeave: () => {
-              setTooltipFileName({
-                show: false,
-                fileName: ""
+
+  var deleteFile = /*#__PURE__*/function () {
+    var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(index) {
+      var newFiles;
+      return _regenerator.default.wrap(function _callee3$(_context3) {
+        while (1) {
+          switch (_context3.prev = _context3.next) {
+            case 0:
+              newFiles = filesPreview.slice();
+              newFiles.splice(index, 1);
+              setFilesPreview(newFiles);
+
+            case 3:
+            case "end":
+              return _context3.stop();
+          }
+        }
+      }, _callee3);
+    }));
+
+    return function deleteFile(_x) {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+
+  var renderFilesPreview = /*#__PURE__*/function () {
+    var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee5() {
+      var jsxFiles, _loop, index;
+
+      return _regenerator.default.wrap(function _callee5$(_context6) {
+        while (1) {
+          switch (_context6.prev = _context6.next) {
+            case 0:
+              jsxFiles = [];
+              _loop = /*#__PURE__*/_regenerator.default.mark(function _loop(index) {
+                var _file$type;
+
+                var file, fileType, base64;
+                return _regenerator.default.wrap(function _loop$(_context5) {
+                  while (1) {
+                    switch (_context5.prev = _context5.next) {
+                      case 0:
+                        file = filesPreview[index];
+                        fileType = (_file$type = file.type) === null || _file$type === void 0 ? void 0 : _file$type.split("/")[0];
+                        _context5.next = 4;
+                        return (0, _utils.getBase64)(file);
+
+                      case 4:
+                        base64 = _context5.sent;
+                        jsxFiles.push( /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.SwiperSlide, {
+                          className: "item-carrousel",
+                          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.ContainerItemCarrousel, {
+                            children: [fileType === "image" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Image.Image, {
+                              width: "100%",
+                              className: "container-img",
+                              sizeLoading: 40,
+                              colorLoading: undefined,
+                              src: base64,
+                              componentDefault: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomIcon.CustomIcon, {
+                                className: "icon-img",
+                                size: 60,
+                                icon: _freeSolidSvgIcons.faImage,
+                                type: "pink",
+                                transparent: true
+                              })
+                            }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconFile.IconFile, {
+                              transparent: true,
+                              size: 60,
+                              ext: (0, _utils.getFileExtension)(file.name)
+                            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+                              className: "container-delete",
+                              onMouseEnter: function onMouseEnter() {
+                                setTooltipFileName({
+                                  show: true,
+                                  fileName: file.name
+                                });
+                              },
+                              onMouseLeave: function onMouseLeave() {
+                                setTooltipFileName({
+                                  show: false,
+                                  fileName: ""
+                                });
+                              },
+                              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonV.ButtonV2, {
+                                className: "btn-delete",
+                                type: "white",
+                                label: "Eliminar",
+                                size: 8,
+                                borderType: "oval",
+                                icon: _freeSolidSvgIcons.faTrash,
+                                isLoading: undefined,
+                                onClick: /*#__PURE__*/function () {
+                                  var _ref5 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4(event) {
+                                    return _regenerator.default.wrap(function _callee4$(_context4) {
+                                      while (1) {
+                                        switch (_context4.prev = _context4.next) {
+                                          case 0:
+                                            deleteFile(index);
+
+                                          case 1:
+                                          case "end":
+                                            return _context4.stop();
+                                        }
+                                      }
+                                    }, _callee4);
+                                  }));
+
+                                  return function (_x2) {
+                                    return _ref5.apply(this, arguments);
+                                  };
+                                }()
+                              })
+                            })]
+                          })
+                        }, "item-" + index));
+
+                      case 6:
+                      case "end":
+                        return _context5.stop();
+                    }
+                  }
+                }, _loop);
               });
-            },
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonV.ButtonV2, {
-              className: "btn-delete",
-              type: "white",
-              label: "Eliminar",
-              size: 8,
-              borderType: "oval",
-              icon: _freeSolidSvgIcons.faTrash,
-              isLoading: undefined,
-              onClick: async event => {
-                deleteFile(index);
+              index = 0;
+
+            case 3:
+              if (!(index < filesPreview.length)) {
+                _context6.next = 8;
+                break;
               }
-            })
-          })]
-        })
-      }, "item-" + index));
-    }
-    setFilesJsxPreview(jsxFiles);
-  };
-  const onChangeFiles = async selectedFiles => {
-    let newFiles = filesPreview.slice();
-    newFiles = newFiles.concat(selectedFiles);
-    setFilesPreview(newFiles);
-  };
-  const getErrorUpdate = () => {
+
+              return _context6.delegateYield(_loop(index), "t0", 5);
+
+            case 5:
+              index++;
+              _context6.next = 3;
+              break;
+
+            case 8:
+              setFilesJsxPreview(jsxFiles);
+
+            case 9:
+            case "end":
+              return _context6.stop();
+          }
+        }
+      }, _callee5);
+    }));
+
+    return function renderFilesPreview() {
+      return _ref4.apply(this, arguments);
+    };
+  }();
+
+  var onChangeFiles = /*#__PURE__*/function () {
+    var _ref6 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee6(selectedFiles) {
+      var newFiles;
+      return _regenerator.default.wrap(function _callee6$(_context7) {
+        while (1) {
+          switch (_context7.prev = _context7.next) {
+            case 0:
+              newFiles = filesPreview.slice();
+              newFiles = newFiles.concat(selectedFiles);
+              setFilesPreview(newFiles);
+
+            case 3:
+            case "end":
+              return _context7.stop();
+          }
+        }
+      }, _callee6);
+    }));
+
+    return function onChangeFiles(_x3) {
+      return _ref6.apply(this, arguments);
+    };
+  }();
+
+  var getErrorUpdate = function getErrorUpdate() {
     if (errorUpdate !== null && errorUpdate !== void 0 && errorUpdate.startDate) {
-      let errorDetail = "Ultima actualización hace ";
+      var errorDetail = "Ultima actualización hace ";
+
       if (errorUpdate !== null && errorUpdate !== void 0 && errorUpdate.lastDate) {
-        let msDif = errorUpdate.lastDate.getTime() - errorUpdate.startDate.getTime();
-        const minutes = Math.floor(msDif / 60000);
-        const hours = Math.floor(minutes / 60);
+        var msDif = errorUpdate.lastDate.getTime() - errorUpdate.startDate.getTime();
+        var minutes = Math.floor(msDif / 60000);
+        var hours = Math.floor(minutes / 60);
+
         if (hours === 0) {
           if (minutes === 0) errorDetail += "menos de 1 minuto";else if (minutes === 1) errorDetail += "1 minuto";else errorDetail += minutes + " minutos";
         } else {
@@ -401,8 +731,9 @@ const Footer = props => {
         }
       } else {
         errorDetail += "menos de 1 minuto";
-      }
-      // retornar el icono
+      } // retornar el icono
+
+
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.Tooltip, {
         componentTooltip: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
@@ -431,6 +762,7 @@ const Footer = props => {
       return null;
     }
   };
+
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
       ref: containerRef,
@@ -455,8 +787,33 @@ const Footer = props => {
             minRows: 1,
             disabled: inputMessageDisabled,
             text: valueInputMessage,
-            onChangeText: newValue => setValueInputMessage(newValue),
-            onEnter: async event => await sendMessage(),
+            onChangeText: function onChangeText(newValue) {
+              return setValueInputMessage(newValue);
+            },
+            onEnter: /*#__PURE__*/function () {
+              var _ref7 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee7(event) {
+                return _regenerator.default.wrap(function _callee7$(_context8) {
+                  while (1) {
+                    switch (_context8.prev = _context8.next) {
+                      case 0:
+                        _context8.next = 2;
+                        return sendMessage();
+
+                      case 2:
+                        return _context8.abrupt("return", _context8.sent);
+
+                      case 3:
+                      case "end":
+                        return _context8.stop();
+                    }
+                  }
+                }, _callee7);
+              }));
+
+              return function (_x4) {
+                return _ref7.apply(this, arguments);
+              };
+            }(),
             refInputText: refInputTextMessage
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonFileChooser.ButtonFileChooser, {
             className: "btn-chooserFiles",
@@ -474,9 +831,27 @@ const Footer = props => {
             borderType: "circle",
             icon: _freeSolidSvgIcons.faArrowUp,
             isLoading: btnSendMessageLoading,
-            onClick: async event => {
-              await sendMessage();
-            }
+            onClick: /*#__PURE__*/function () {
+              var _ref8 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee8(event) {
+                return _regenerator.default.wrap(function _callee8$(_context9) {
+                  while (1) {
+                    switch (_context9.prev = _context9.next) {
+                      case 0:
+                        _context9.next = 2;
+                        return sendMessage();
+
+                      case 2:
+                      case "end":
+                        return _context9.stop();
+                    }
+                  }
+                }, _callee8);
+              }));
+
+              return function (_x5) {
+                return _ref8.apply(this, arguments);
+              };
+            }()
           })]
         })
       }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
@@ -558,9 +933,27 @@ const Footer = props => {
                   borderType: "oval",
                   loading: btnSendFilesLoading,
                   isLoading: btnSendFilesLoading,
-                  onClick: async event => {
-                    await sendFilesPreview();
-                  }
+                  onClick: /*#__PURE__*/function () {
+                    var _ref9 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee9(event) {
+                      return _regenerator.default.wrap(function _callee9$(_context10) {
+                        while (1) {
+                          switch (_context10.prev = _context10.next) {
+                            case 0:
+                              _context10.next = 2;
+                              return sendFilesPreview();
+
+                            case 2:
+                            case "end":
+                              return _context10.stop();
+                          }
+                        }
+                      }, _callee9);
+                    }));
+
+                    return function (_x6) {
+                      return _ref9.apply(this, arguments);
+                    };
+                  }()
                 })
               })
             })]
@@ -573,15 +966,19 @@ const Footer = props => {
       title: modalAlert.title,
       message: modalAlert.message,
       icon: "info",
-      onClickBtnDefault: event => {
-        setModalAlert(prev => ({
-          ...prev,
-          show: false,
-          errorInputMessage: false
-        }));
-        setToggleFocusInputMessage(prev => !prev);
+      onClickBtnDefault: function onClickBtnDefault(event) {
+        setModalAlert(function (prev) {
+          return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, prev), {}, {
+            show: false,
+            errorInputMessage: false
+          });
+        });
+        setToggleFocusInputMessage(function (prev) {
+          return !prev;
+        });
       }
     })]
   });
 };
+
 exports.Footer = Footer;