contentoh-components-library 21.2.87 → 21.2.89

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

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = ButtonDownloadFile;
+exports.ButtonDownloadFile = void 0;
 
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 
@@ -15,15 +15,13 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm
 
 var _styles = require("./styles");
 
-var _reactFontawesome = require("@fortawesome/react-fontawesome");
-
 var _freeSolidSvgIcons = require("@fortawesome/free-solid-svg-icons");
 
 var _react = require("react");
 
-var _ButtonV = _interopRequireDefault(require("../../atoms/ButtonV2"));
+var _ButtonV = require("../../atoms/ButtonV2");
 
-var _IconFile = _interopRequireDefault(require("../../atoms/IconFile"));
+var _IconFile = require("../../atoms/IconFile");
 
 var _axios = _interopRequireDefault(require("axios"));
 
@@ -31,7 +29,7 @@ var _utils = require("../../../global-files/utils");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-function ButtonDownloadFile(props) {
+var ButtonDownloadFile = function ButtonDownloadFile(props) {
   var id = props.id,
       key = props.key,
       className = props.className,
@@ -138,7 +136,7 @@ function ButtonDownloadFile(props) {
           setShowDownload(false); //console.log("showIconFile");
         }
       },
-      children: showDownload ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonV.default, {
+      children: showDownload ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonV.ButtonV2, {
         className: "buttonDownload",
         type: type,
         transparent: transparent,
@@ -166,7 +164,7 @@ function ButtonDownloadFile(props) {
             return _ref2.apply(this, arguments);
           };
         }()
-      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconFile.default, {
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconFile.IconFile, {
         className: "iconFile",
         type: type,
         transparent: transparent,
@@ -176,4 +174,6 @@ function ButtonDownloadFile(props) {
       })
     }, key)
   });
-}
+};
+
+exports.ButtonDownloadFile = ButtonDownloadFile;

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

@@ -1,7 +1,5 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -15,7 +13,7 @@ var _index2 = require("../../atoms/GeneralButton/index");
 
 var _react = require("react");
 
-var _Chat = _interopRequireDefault(require("../../organisms/Chat"));
+var _Chat = require("../../organisms/Chat");
 
 var _jsxRuntime = require("react/jsx-runtime");
 

package/dist/components/molecules/ImageTooltip/ImageTooltip.stories.js

@@ -9,19 +9,19 @@ exports.default = exports.ImageTooltipTest = exports.ImageTooltipOK = exports.Im
 
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 
-var _index = _interopRequireDefault(require("./index"));
+var _index = require("./index");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
 var _default = {
   title: "Components/molecules/ImageTooltip",
-  component: _index.default,
+  component: _index.ImageTooltip,
   argTypes: {}
 };
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.default, (0, _objectSpread2.default)({}, args));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ImageTooltip, (0, _objectSpread2.default)({}, args));
 };
 
 var keyS3_test = "84300/1/chat/playa-213f791b-d890-48e1-be19-28bf5a95d517.jpeg";

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

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = ImageTooltip;
+exports.ImageTooltip = void 0;
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 
@@ -15,15 +15,13 @@ var _reactFontawesome = require("@fortawesome/react-fontawesome");
 
 var _freeSolidSvgIcons = require("@fortawesome/free-solid-svg-icons");
 
-var _defaultUpdate = _interopRequireDefault(require("../../../assets/images/defaultImages/defaultUpdate.png"));
-
 var _react = require("react");
 
-var _Tooltip = _interopRequireDefault(require("../../atoms/Tooltip"));
+var _Tooltip = require("../../atoms/Tooltip");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-function ImageTooltip(props) {
+var ImageTooltip = function ImageTooltip(props) {
   var className = props.className,
       width = props.width,
       sizeLoading = props.sizeLoading,
@@ -53,7 +51,7 @@ function ImageTooltip(props) {
   */
 
 
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Tooltip.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Tooltip.Tooltip, {
     position: "topCenter",
     addArrow: false,
     transitionType: "zoom",
@@ -81,4 +79,6 @@ function ImageTooltip(props) {
       show: imgLoad === true && !loading
     })]
   });
-}
+};
+
+exports.ImageTooltip = ImageTooltip;

package/dist/components/organisms/Chat/Chat.stories.js

@@ -9,13 +9,13 @@ exports.default = exports.chatTECH_ticketOpen_user65 = exports.chatTECH_ticketOp
 
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 
-var _index = _interopRequireDefault(require("./index"));
+var _index = require("./index");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
 var _default = {
   title: "Components/organisms/Chat",
-  component: _index.default,
+  component: _index.Chat,
   argTypes: {
     chatContainerType: {
       options: ["popUp", "fixed"],
@@ -34,7 +34,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.default, (0, _objectSpread2.default)({}, args));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Chat, (0, _objectSpread2.default)({}, args));
 }; // ejemplo del chat orderProduct con user CADENA
 
 

package/dist/components/organisms/Chat/ChatLists/ChatLists.stories.js

@@ -9,7 +9,7 @@ exports.onlyOpenChatLists = exports.exampleChatLists = exports.default = void 0;
 
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 
-var _index = _interopRequireDefault(require("./index"));
+var _index = require("./index");
 
 var _THD = _interopRequireDefault(require("./THD.png"));
 
@@ -19,12 +19,12 @@ var _jsxRuntime = require("react/jsx-runtime");
 
 var _default = {
   title: "Components/organisms/Chat/ChatLists",
-  component: _index.default
+  component: _index.ChatLists
 };
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.default, (0, _objectSpread2.default)({}, args));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ChatLists, (0, _objectSpread2.default)({}, args));
 }; // companies de prueba
 
 

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

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = ChatLists;
+exports.ChatLists = void 0;
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 
@@ -17,15 +17,15 @@ var _utils = require("../../../../global-files/utils");
 
 var _freeSolidSvgIcons = require("@fortawesome/free-solid-svg-icons");
 
-var _CustomIcon = _interopRequireDefault(require("../../../atoms/CustomIcon"));
+var _CustomIcon = require("../../../atoms/CustomIcon");
 
-var _Image = _interopRequireDefault(require("../../../atoms/Image"));
+var _Image = require("../../../atoms/Image");
 
-var _Tooltip = _interopRequireDefault(require("../../../atoms/Tooltip"));
+var _Tooltip = require("../../../atoms/Tooltip");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-function ChatLists(props) {
+var ChatLists = function ChatLists(props) {
   var companies = props.companies,
       currentCompanyId = props.currentCompanyId,
       onClickCompany = props.onClickCompany;
@@ -56,13 +56,13 @@ function ChatLists(props) {
         onClick: function onClick(event) {
           onClickCompany && onClickCompany(companyId);
         },
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Image.default, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Image.Image, {
           className: "img-logoCompany",
           width: "34px",
           sizeLoading: 24,
           colorLoading: undefined,
           src: company.src,
-          componentDefault: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomIcon.default, {
+          componentDefault: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomIcon.CustomIcon, {
             className: "icon-logoCompany",
             type: "white",
             borderType: "circle",
@@ -103,7 +103,7 @@ function ChatLists(props) {
       children: [openChats.length !== 0 && /*#__PURE__*/(0, _jsxRuntime.jsxs)("section", {
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           className: "container-headerChats",
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.Tooltip, {
             className: "tooltip-title",
             position: "topCenter",
             addArrow: false,
@@ -129,7 +129,7 @@ function ChatLists(props) {
       }), closedChats.length !== 0 && /*#__PURE__*/(0, _jsxRuntime.jsxs)("section", {
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           className: "container-headerChats",
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.Tooltip, {
             className: "tooltip-title",
             position: "topCenter",
             addArrow: false,
@@ -155,4 +155,6 @@ function ChatLists(props) {
       })]
     })
   });
-}
+};
+
+exports.ChatLists = ChatLists;

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

@@ -9,18 +9,18 @@ exports.exampleChat = exports.emptyChat = exports.default = void 0;
 
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 
-var _index = _interopRequireDefault(require("./index"));
+var _index = require("./index");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
 var _default = {
   title: "Components/organisms/Chat/ContainerItems",
-  component: _index.default
+  component: _index.ContainerItems
 };
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.default, (0, _objectSpread2.default)({}, args));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ContainerItems, (0, _objectSpread2.default)({}, args));
 }; // items de prueba
 
 

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

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = ContainerItems;
+exports.ContainerItems = void 0;
 
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 
@@ -23,29 +23,29 @@ var _react = require("react");
 
 var _data = require("../../../../global-files/data");
 
-var _ImageTooltip = _interopRequireDefault(require("../../../molecules/ImageTooltip"));
+var _ImageTooltip = require("../../../molecules/ImageTooltip");
 
 var _utils = require("../../../../global-files/utils");
 
 var _freeSolidSvgIcons = require("@fortawesome/free-solid-svg-icons");
 
-var _CustomIcon = _interopRequireDefault(require("../../../atoms/CustomIcon"));
+var _CustomIcon = require("../../../atoms/CustomIcon");
 
-var _ButtonV = _interopRequireDefault(require("../../../atoms/ButtonV2"));
+var _ButtonV = require("../../../atoms/ButtonV2");
 
-var _ButtonDownloadFile = _interopRequireDefault(require("../../../molecules/ButtonDownloadFile"));
+var _ButtonDownloadFile = require("../../../molecules/ButtonDownloadFile");
 
-var _Modal = _interopRequireDefault(require("../../Modal"));
+var _Modal = require("../../Modal");
 
-var _Tooltip = _interopRequireDefault(require("../../../atoms/Tooltip"));
+var _Tooltip = require("../../../atoms/Tooltip");
 
 var _material = require("@mui/material");
 
-var _ImagePreview = _interopRequireDefault(require("../../../atoms/ImagePreview"));
+var _ImagePreview = require("../../../atoms/ImagePreview");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-function ContainerItems(props) {
+var ContainerItems = function ContainerItems(props) {
   var items = props.items,
       users = props.users,
       currentUser = props.currentUser,
@@ -178,7 +178,7 @@ function ContainerItems(props) {
   };
 
   var renderStatusTicketNeutral = function renderStatusTicketNeutral(item) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.Tooltip, {
       componentTooltip: /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
         children: users[item.userId].name
       }),
@@ -220,7 +220,7 @@ function ContainerItems(props) {
     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",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImagePreview.default, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImagePreview.ImagePreview, {
         className: "container-ImagePreview",
         width: "100%",
         sizeLoading: 35,
@@ -230,7 +230,7 @@ function ContainerItems(props) {
         downloadImgURL: originalImgURL,
         imageName: value.name,
         showButtonDownload: true,
-        componentDefault: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+        componentDefault: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.Tooltip, {
           componentTooltip: /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
             children: value.name
           }),
@@ -239,7 +239,7 @@ function ContainerItems(props) {
           addArrow: false,
           transitionType: "zoom",
           followCursor: false,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomIcon.default, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomIcon.CustomIcon, {
             className: "iconDefaultImg",
             type: "white",
             size: 60,
@@ -247,7 +247,7 @@ function ContainerItems(props) {
             icon: _freeSolidSvgIcons.faImage
           })
         }),
-        componentDefaultModal: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+        componentDefaultModal: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.Tooltip, {
           componentTooltip: /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
             children: value.name
           }),
@@ -256,7 +256,7 @@ function ContainerItems(props) {
           addArrow: false,
           transitionType: "zoom",
           followCursor: false,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomIcon.default, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomIcon.CustomIcon, {
             className: "iconDefaultImgModal",
             type: "white",
             size: 100,
@@ -285,7 +285,7 @@ function ContainerItems(props) {
     var url = "".concat(process.env.REACT_APP_IMAGES_ENDPOINT, "/").concat(value.key);
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "item-file",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonDownloadFile.default, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonDownloadFile.ButtonDownloadFile, {
         className: "btnDownloadFileItem",
         size: 22,
         type: ownMessage ? "black" : "white",
@@ -300,7 +300,7 @@ function ContainerItems(props) {
             };
           });
         }
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.Tooltip, {
         componentTooltip: /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
           children: value.name
         }),
@@ -323,12 +323,12 @@ function ContainerItems(props) {
       container: containerList.current,
       children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("li", {
         className: (ownMessage ? "own-message " : "") + (lastUserId == item.userId ? "sameUser" : ""),
-        children: [lastUserId !== item.userId && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageTooltip.default, {
+        children: [lastUserId !== item.userId && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageTooltip.ImageTooltip, {
           className: "container-imgUser",
           sizeLoading: 25,
           colorLoading: undefined,
           src: (0, _data.getProfilePicture)(item.userId, 34, 34),
-          componentDefault: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomIcon.default, {
+          componentDefault: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomIcon.CustomIcon, {
             className: "icon-imgUser",
             type: "whiteS2",
             size: 17,
@@ -495,7 +495,7 @@ function ContainerItems(props) {
       id: "containerItems",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "btn-loadMore",
-        children: showBtnLoadMore && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonV.default, {
+        children: showBtnLoadMore && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonV.ButtonV2, {
           className: "container-btnLoadMore",
           type: "purple",
           label: "cargar más",
@@ -553,7 +553,7 @@ function ContainerItems(props) {
         ref: containerList,
         children: customItems
       })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Modal.default, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Modal.Modal, {
       show: modalAlert.show,
       title: modalAlert.title,
       message: modalAlert.message,
@@ -567,4 +567,6 @@ function ContainerItems(props) {
       }
     })]
   });
-}
+};
+
+exports.ContainerItems = ContainerItems;

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

@@ -23,29 +23,29 @@ var _styles = require("./styles");
 
 var _react = require("react");
 
-var _Tooltip = _interopRequireDefault(require("../../../atoms/Tooltip"));
+var _Tooltip = require("../../../atoms/Tooltip");
 
-var _NotFound = _interopRequireDefault(require("../../../atoms/NotFound"));
+var _NotFound = require("../../../atoms/NotFound");
 
-var _ButtonV = _interopRequireDefault(require("../../../atoms/ButtonV2"));
+var _ButtonV = require("../../../atoms/ButtonV2");
 
-var _Header = _interopRequireDefault(require("../Header"));
+var _Header = require("../Header");
 
 var _freeSolidSvgIcons = require("@fortawesome/free-solid-svg-icons");
 
 var _Loading = require("../../../atoms/Loading");
 
-var _ContainerItems = _interopRequireDefault(require("../ContainerItems"));
+var _ContainerItems = require("../ContainerItems");
 
-var _Footer = _interopRequireDefault(require("../Footer"));
+var _Footer = require("../Footer");
 
-var _ChatLists = _interopRequireDefault(require("../ChatLists"));
+var _ChatLists = require("../ChatLists");
 
-var _CustomIcon = _interopRequireDefault(require("../../../atoms/CustomIcon"));
+var _CustomIcon = require("../../../atoms/CustomIcon");
 
 var _handle_http = require("../../../../global-files/handle_http");
 
-var _Modal = _interopRequireDefault(require("../../Modal"));
+var _Modal = require("../../Modal");
 
 var _utils = require("../../../../global-files/utils");
 
@@ -171,7 +171,7 @@ var ContentChat = function ContentChat(props) {
   (0, _react.useEffect)(function () {
     return function () {
       console.log("componente chat desmontado");
-      stopUpdate();
+      if (processUpdateID !== undefined) clearTimeout(processUpdateID);
     };
   }, []); // al cargar el componente
 
@@ -1298,7 +1298,7 @@ var ContentChat = function ContentChat(props) {
     }
 
     if (errorChat.existError) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_NotFound.default, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_NotFound.NotFound, {
         code: errorChat.code,
         message: errorChat.message,
         details: errorChat.errorDetail
@@ -1307,7 +1307,7 @@ var ContentChat = function ContentChat(props) {
 
 
     if (showChatsList) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChatLists.default, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChatLists.ChatLists, {
         companies: companies,
         currentCompanyId: currentUser === null || currentUser === void 0 ? void 0 : currentUser.companyId,
         onClickCompany: function onClickCompany(companyIdSelected) {
@@ -1330,7 +1330,7 @@ var ContentChat = function ContentChat(props) {
       if (Object.keys(companies).length === 0) {
         return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
           className: "container-chatEmpty",
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomIcon.default, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomIcon.CustomIcon, {
             className: "icon-chat",
             transparent: true,
             size: 35,
@@ -1355,7 +1355,7 @@ var ContentChat = function ContentChat(props) {
       var containerItems = null;
 
       if (items.length) {
-        containerItems = /*#__PURE__*/(0, _jsxRuntime.jsx)(_ContainerItems.default, {
+        containerItems = /*#__PURE__*/(0, _jsxRuntime.jsx)(_ContainerItems.ContainerItems, {
           items: items,
           users: allUsers,
           showBtnLoadMore: enabledLoadMore,
@@ -1367,7 +1367,7 @@ var ContentChat = function ContentChat(props) {
       } else {
         containerItems = /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
           className: "container-chatEmpty",
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomIcon.default, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomIcon.CustomIcon, {
             className: "icon-chat",
             size: 35,
             icon: _freeSolidSvgIcons.faComments,
@@ -1380,7 +1380,7 @@ var ContentChat = function ContentChat(props) {
       }
 
       return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [containerItems, /*#__PURE__*/(0, _jsxRuntime.jsx)(_Footer.default, {
+        children: [containerItems, /*#__PURE__*/(0, _jsxRuntime.jsx)(_Footer.Footer, {
           chatType: chatType,
           dataChat: chatType === "merchant_product" ? {
             id: dataChat.id,
@@ -1405,7 +1405,7 @@ var ContentChat = function ContentChat(props) {
 
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
-      children: [(chatContainerType !== "fixed" || !isSingleChat()) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Header.default, {
+      children: [(chatContainerType !== "fixed" || !isSingleChat()) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Header.Header, {
         showBtnClose: showBtnClose,
         onClickBtnClose: onClickBtnClose,
         showChatsList: showChatsList,

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

@@ -9,18 +9,18 @@ exports.exampleFooterChat = exports.default = void 0;
 
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 
-var _index = _interopRequireDefault(require("./index"));
+var _index = require("./index");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
 var _default = {
   title: "Components/organisms/Chat/Footer",
-  component: _index.default
+  component: _index.Footer
 };
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.default, (0, _objectSpread2.default)({}, args));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Footer, (0, _objectSpread2.default)({}, args));
 };
 
 var exampleFooterChat = Template.bind({});