contentoh-components-library 21.3.54 → 21.3.55

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

@@ -13,7 +13,7 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _templateObject;
 
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  flex: 1;\n  overflow: auto;\n\n  .data-container {\n    display: flex;\n    flex: 0%;\n    height: calc(100% - ", "px);\n    .image-data-panel {\n      width: 340px;\n\n      & + * {\n        margin-left: 10px;\n      }\n    }\n\n    .product-information {\n      width: calc(100% - 341px);\n      display: flex;\n      flex-direction: column;\n\n      .services-information-container {\n        height: 100%;\n        overflow: auto;\n      }\n\n      .image-services {\n        aside {\n          display: grid;\n          grid-template-columns: repeat(auto-fill, 179px);\n          column-gap: 15px;\n          row-gap: 15px;\n          padding: 20px;\n        }\n      }\n\n      .commentary-box {\n        display: flex;\n        justify-content: space-between;\n        align-items: flex-end;\n        padding: 10px;\n        padding-left: 0;\n\n        .commentary {\n          display: flex;\n          align-items: flex-end;\n\n          .input-container {\n            width: 500px;\n\n            .quill {\n              height: 100px;\n            }\n\n            & + * {\n              margin-left: 5px;\n            }\n          }\n\n          .buttons-box {\n            display: flex;\n            width: 210px;\n            flex-wrap: wrap;\n\n            .general-transparent-button {\n              & + * {\n                margin-top: 5px;\n              }\n            }\n\n            .general-transparent-button,\n            .general-green-button,\n            .general-button-disabled {\n              width: fit-content;\n              min-width: 201px;\n              height: 40px;\n            }\n          }\n        }\n      }\n\n      .feedback-box {\n        display: flex;\n      }\n    }\n  }\n  #modal-message-box {\n    width: 400px;\n    height: 100px;\n  }\n  .container {\n    width: 100%;\n    height: 100%;\n    .dropzone {\n      height: 100%;\n      width: 100%;\n    }\n  }\n"])), function (_ref) {
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  flex: 1;\n  overflow: auto;\n\n  .data-container {\n    display: flex;\n    flex: 0%;\n    height: calc(100% - ", "px);\n    .image-data-panel {\n      width: 340px;\n\n      & + * {\n        margin-left: 10px;\n      }\n    }\n\n    .product-information {\n      width: calc(100% - 341px);\n      display: flex;\n      flex-direction: column;\n\n      .services-information-container {\n        height: 100%;\n        overflow: auto;\n      }\n\n      .image-services {\n        aside {\n          display: grid;\n          grid-template-columns: repeat(auto-fill, 179px);\n          column-gap: 15px;\n          row-gap: 15px;\n          padding: 20px;\n        }\n      }\n\n      .commentary-box {\n        display: flex;\n        justify-content: space-between;\n        align-items: flex-end;\n        padding: 10px;\n        padding-left: 0;\n\n        .commentary {\n          display: flex;\n          align-items: flex-end;\n\n          .input-container {\n            width: 500px;\n\n            .quill {\n              height: 100px;\n            }\n\n            & + * {\n              margin-left: 5px;\n            }\n          }\n\n          .buttons-box {\n            display: flex;\n            width: 210px;\n            flex-wrap: wrap;\n\n            .general-transparent-button {\n              & + * {\n                margin-top: 5px;\n              }\n            }\n\n            .general-transparent-button,\n            .general-green-button,\n            .general-button-disabled {\n              width: fit-content;\n              min-width: 201px;\n              height: 40px;\n            }\n          }\n        }\n      }\n\n      .feedback-box {\n        display: flex;\n      }\n    }\n  }\n  .container {\n    width: 100%;\n    height: 100%;\n    .dropzone {\n      height: 100%;\n      width: 100%;\n    }\n  }\n"])), function (_ref) {
   var headerTop = _ref.headerTop;
   return headerTop;
 });

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

@@ -5,18 +5,14 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.translateService = exports.sendMessage = exports.getInputsData = exports.getAuditVersion = exports.createMessage = void 0;
+exports.getInputsData = exports.getAuditVersion = void 0;
 
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
 
 var _axios = _interopRequireDefault(require("axios"));
 
-var _handle_http = require("../../../global-files/handle_http");
-
 var getAuditVersion = /*#__PURE__*/function () {
   var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(articleId, setState, token) {
     var auditResponse;
@@ -68,59 +64,4 @@ var getInputsData = function getInputsData(services, activeRetailer, setDatashee
   }
 };
 
-exports.getInputsData = getInputsData;
-
-var translateService = function translateService(tab) {
-  switch (tab) {
-    case "description":
-    case "Descripción":
-      return "Descripciones";
-
-    case "datasheet":
-    case "Ficha técnica":
-      return "Fichas técnicas";
-
-    case "images":
-    case "Imágenes":
-      return "Imágenes";
-  }
-};
-
-exports.translateService = translateService;
-
-var createMessage = function createMessage(retailers, idRetailer, oldStatus, newStatus, service) {
-  var _ref2 = (retailers === null || retailers === void 0 ? void 0 : retailers.filter(function (ret) {
-    return ret.id === idRetailer;
-  })) || [],
-      _ref3 = (0, _slicedToArray2.default)(_ref2, 1),
-      retailer = _ref3[0];
-
-  return "".concat(translateService(service), " de ").concat(retailer.name, " |").concat(oldStatus, "| a |").concat(newStatus);
-};
-
-exports.createMessage = createMessage;
-
-var sendMessage = /*#__PURE__*/function () {
-  var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(data) {
-    var paramsBody, paramsHeader;
-    return _regenerator.default.wrap(function _callee2$(_context2) {
-      while (1) {
-        switch (_context2.prev = _context2.next) {
-          case 0:
-            paramsBody = data.paramsBody, paramsHeader = data.paramsHeader;
-            return _context2.abrupt("return", (0, _handle_http.fetchPOST)(process.env.REACT_APP_CREATE_MESSAGES, paramsBody, paramsHeader));
-
-          case 2:
-          case "end":
-            return _context2.stop();
-        }
-      }
-    }, _callee2);
-  }));
-
-  return function sendMessage(_x4) {
-    return _ref4.apply(this, arguments);
-  };
-}();
-
-exports.sendMessage = sendMessage;
+exports.getInputsData = getInputsData;

package/dist/index.js

@@ -979,19 +979,6 @@ Object.keys(_RangeCalendar).forEach(function (key) {
   });
 });
 
-var _TableResizable = require("./components/organisms/TableResizable");
-
-Object.keys(_TableResizable).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _TableResizable[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _TableResizable[key];
-    }
-  });
-});
-
 var _ChangePasswordLogin = require("./components/pages/ChangePasswordLogin");
 
 Object.keys(_ChangePasswordLogin).forEach(function (key) {

package/package.json

@@ -1,20 +1,19 @@
 {
   "name": "contentoh-components-library",
-  "version": "21.3.54",
+  "version": "21.3.55",
   "dependencies": {
     "@aws-amplify/auth": "^4.5.3",
     "@aws-amplify/datastore": "^3.11.0",
     "@aws-amplify/ui-react": "^2.17.0",
     "@babel/runtime": "^7.17.2",
-    "@emotion/react": "^11.10.6",
-    "@emotion/styled": "^11.10.6",
+    "@emotion/react": "^11.10.5",
+    "@emotion/styled": "^11.10.5",
     "@fortawesome/fontawesome-svg-core": "^6.2.0",
     "@fortawesome/free-regular-svg-icons": "^6.2.0",
     "@fortawesome/free-solid-svg-icons": "^6.2.0",
     "@fortawesome/react-fontawesome": "^0.2.0",
-    "@mui/icons-material": "^5.11.16",
-    "@mui/material": "^5.12.0",
-    "@mui/styled-engine-sc": "^5.12.0",
+    "@mui/material": "^5.11.1",
+    "@mui/styled-engine-sc": "^5.10.6",
     "@storybook/addon-postcss": "^2.0.0",
     "@testing-library/jest-dom": "^5.11.4",
     "@testing-library/react": "^11.1.0",
@@ -44,7 +43,7 @@
     "react-scroll": "^1.8.8",
     "react-transition-group": "^4.4.5",
     "storybook-addon-external-links": "^2.0.3",
-    "styled-components": "^5.3.9",
+    "styled-components": "^5.3.3",
     "swiper": "^8.4.4",
     "uuid": "^8.3.2",
     "web-vitals": "^1.0.1"

package/src/components/atoms/ButtonV2/styles.js

@@ -94,7 +94,7 @@ export const Container = styled.div`
       }
       &.pink {
         background-color: #e33aa9;
-        color: red;
+        color: white;
         border-color: #e33aa9;
         &:hover {
           background-color: #b42983;

package/src/components/atoms/Status/styles.js

@@ -23,7 +23,6 @@ export const Container = styled.div`
 
   &.status-R,
   &.status-AS,
-  &.status-SAC,
   &.status-PA {
     background-color: ${GlobalColors.reception};
   }
@@ -31,7 +30,6 @@ export const Container = styled.div`
   &.status-AA,
   &.status-AP,
   &.status-AC,
-  &.status-AAC,
   &.status-ACA {
     background-color: ${GlobalColors.finished};
   }
@@ -39,7 +37,6 @@ export const Container = styled.div`
   &.status-RA,
   &.status-RC,
   &.status-RP,
-  &.status-RAC,
   &.status-RCA {
     background-color: ${GlobalColors.rejected_status};
   }
@@ -50,7 +47,6 @@ export const Container = styled.div`
     background-color: ${GlobalColors.s4};
   }
 
-  &.status-FAP,
   &.status-Ex {
     background-color: ${GlobalColors.exported};
   }

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

@@ -1,5 +1,3 @@
-import React, { useState } from "react";
-import { BrowserRouter as Router } from "react-router-dom";
 import {
   Container,
   NavLinkOption,
@@ -8,12 +6,14 @@ import {
 } from "./styles";
 import iconLogoContentoh from "../../../assets/images/verticalSideMenuMainPage/iconLogoContentoh.svg";
 import iconLogo from "../../../assets/images/verticalSideMenuMainPage/iconLogo.svg";
+import React, { useState } from "react";
+import { BrowserRouter as Router } from "react-router-dom";
 
 export const VerticalSideMenuMainPage = ({
   menuoption = [],
   containerdash,
 }) => {
-  const [trueBar, setTrueBar] = useState(false);
+  const [trueBar, setTrueBar] = useState();
   return (
     <Router>
       <ContainerPrincipal>
@@ -27,25 +27,29 @@ export const VerticalSideMenuMainPage = ({
               src={trueBar ? iconLogoContentoh : iconLogo}
               alt="Logo"
               className="logo"
-            />
+            ></img>
             <div className="option">
               {menuoption.map((item, index) => (
-                <div key={index} className="option-div">
-                  <NavLinkOption to={item.path} bar={trueBar.toString()}>
+                <div key={index} bar={trueBar} className="option-div">
+                  <NavLinkOption to={item.path} bar={trueBar}>
                     <img src={item.icon} alt={item.title}></img>
-                    {trueBar ? <p>{item.title}</p> : null}
+                    {trueBar && <p>{item.title}</p>}
                   </NavLinkOption>
-                  {item?.suboption?.map((subitem, index) => (
-                    <div className="sub-option" key={index}>
-                      <NavLinkOption
-                        to={subitem.path}
-                        className="sub-option-link"
-                        bar={trueBar.toString()}
-                      >
-                        {trueBar ? subitem.title : null}
-                      </NavLinkOption>
-                    </div>
-                  ))}
+                  {item.suboption !== undefined && (
+                    <>
+                      {item?.suboption?.map((subitem) => (
+                        <div className="sub-option">
+                          <NavLinkOption
+                            to={subitem.path}
+                            className="sub-option-link"
+                            bar={trueBar}
+                          >
+                            {trueBar && <p>{subitem.title}</p>}
+                          </NavLinkOption>
+                        </div>
+                      ))}
+                    </>
+                  )}
                 </div>
               ))}
             </div>

package/src/components/atoms/VerticalSideMenuMainPage/styles.js

@@ -9,7 +9,7 @@ export const Container = styled.div`
   flex-direction: column;
   justify-content: space-between;
   overflow: none;
-  width: ${({ bar }) => (bar ? "240px" : "66px")};
+  width: ${({ bar }) => (bar ? 240 : 66)}px;
   background: linear-gradient(180deg, #e33aa9 0%, #3b1366 100%);
   scrollbar-width: none;
   display: flex;
@@ -65,7 +65,7 @@ export const NavLinkOption = styled(NavLink)`
   color: ${({ bar }) => (bar ? "#fafafa" : "transparent")};
   text-decoration: none;
   cursor: pointer;
-  padding: ${({ bar }) => (bar ? "0 22px" : "0 8px")};
+  padding: ${({ bar }) => (bar ? "0 22" : "0 8")}px;
   &:hover {
     background: rgba(255, 255, 255, 0.2);
     color: #fafafa;
@@ -94,6 +94,7 @@ export const NavLinkOption = styled(NavLink)`
     border-radius: 0;
     transition: color 0.3s linear;
     color: ${({ bar }) => (bar ? "#f0eef2" : "transparent")};
+    padding-top: 14px;
     height: 25px;
     margin: 0;
     padding-left: 12px;
@@ -105,7 +106,7 @@ export const NavLinkOption = styled(NavLink)`
       height: 10px;
       background-color: white;
       position: absolute;
-      top: 13;
+      bottom: 0;
       left: -6px;
     }
     &.active {

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

@@ -27,7 +27,7 @@ export const CarouselImagesLogin = ({
       img2.src = images[i];
       const circulo_actual = Array.from(circulos).find((el) => el.id === i);
       Array.from(circulos).forEach((cir) => cir.classList.remove("resaltado"));
-      circulo_actual?.classList.add("resaltado");
+      circulo_actual.classList.add("resaltado");
       img1.classList.add("right");
       img2.classList.add("active");
       i++;

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

@@ -4,13 +4,10 @@ import { Button } from "../../atoms/GeneralButton/index";
 import { useEffect, useRef } from "react";
 import { Chat } from "../../organisms/Chat";
 import auditIcon from "../../../../src/assets/images/generalButton/Icono AB.svg";
-import { useState } from "react";
-import { render } from "@testing-library/react";
 
 export const HeaderTop = ({
   setHeaderTop,
   withChat,
-  chatType,
   productSelected,
   token,
   auditableVersion,
@@ -19,51 +16,16 @@ export const HeaderTop = ({
   activeRetailer,
 }) => {
   const headerTop = useRef();
-  const [chat, setChat] = useState(null);
-  const [chatData, setChatData] = useState(null);
-
-  useEffect(() => {
-    if (activeRetailer.id && productSelected && token.length) {
-      setChatData({
-        id: productSelected?.article?.id_article || productSelected?.id_article,
-        version: productSelected?.version,
-        retailerId: activeRetailer?.id,
-        status: productSelected?.status,
-        userToken: token,
-      });
-    }
-  }, [activeRetailer, productSelected, token]);
-
-  useEffect(() => {
-    if (chatType) renderChat(chatType);
-  }, [chatData, chatType]);
 
   useEffect(() => {
     setHeaderTop && setHeaderTop(headerTop.current.clientHeight);
   }, []);
 
-  const renderChat = (chatType) => {
-    switch (chatType) {
-      case "product_status":
-        chatData &&
-          setChat(
-            <Chat
-              chatType="product_status"
-              chatContainerType="popUp"
-              chatData={{
-                id: chatData?.id,
-                version: chatData?.version,
-                retailerId: chatData?.retailerId,
-                status: chatData?.status,
-                userToken: chatData?.userToken,
-              }}
-              size={18}
-              activeRetailer={activeRetailer}
-            />
-          );
-        break;
-      default:
-        setChat(
+  return (
+    <Container ref={headerTop}>
+      <ScreenHeader text="Edición de producto" />
+      <div className="buttons-container">
+        {withChat && (
           <Chat
             chatType="merchant_product"
             chatContainerType="popUp"
@@ -75,16 +37,8 @@ export const HeaderTop = ({
             size={18}
             activeRetailer={activeRetailer}
           />
-        );
-        break;
-    }
-  };
+        )}
 
-  return (
-    <Container ref={headerTop}>
-      <ScreenHeader text="Edición de producto" />
-      <div className="buttons-container">
-        {withChat && chat}
         {isAuditor && auditableVersion && (
           <Button
             buttonType="general-white-button circular-button"

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

@@ -162,24 +162,3 @@ chatTicket_userTECH.args = {
   },
   classNameContainerFixed: "chatTicket",
 };
-
-// ejemplo del chat para los cambios de status del producto.
-export const chatProduct_status = Template.bind({});
-chatProduct_status.args = {
-  chatType: "product_status",
-  chatContainerType: "popUp",
-  chatData: {
-    id: 37414,
-    version: 7,
-    retailerId: 70,
-    status: "AA",
-    orderId: 15189,
-    userToken:
-      "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI5YTIxMzEyOC02NDgyLTRjMTYtYTRiNi02ZTY0ZjIyNWIxYmQiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwiY29nbml0bzp1c2VybmFtZSI6IjlhMjEzMTI4LTY0ODItNGMxNi1hNGI2LTZlNjRmMjI1YjFiZCIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiJhOWFhMDQ4Zi05YzRjLTQxODMtYWUzMS03OWVjNjBhY2NjZGYiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY4MzU4ODM4OSwibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTY4MzU5MTk4OSwiaWF0IjoxNjgzNTg4Mzg5LCJlbWFpbCI6ImlzbWFlbDk3bG9wZXpAZ21haWwuY29tIn0.k9FQfRR02XC3WWfOzWhrbJGmp69AmCHJEIrgtXKhIwC69trdphSm1AKkZnDJMsEdkpUgjF_zAOsa_xYRxO6goXy7WXVc_p7N-yFHlkhZrRyn3LEFKaLzD8vVqlWx4kgfSERm7KhI1AxPmrA-lw8eF6Axvqn3PvuszAw89_WhPOcnOt8vU0MxAVhLgS8oM6vyHFmHEHWQ2FnSYYed9sEvAxGh_B44aIgWeDteQGeGdYhsm6rUcxgkrskywZJp9FW5VgYXuDcC5NpvomMMRy_v95UV897JzCHl__sK2Z9ahm0eczVN3tAc0GbKnlN96ZrGTQ_nmNHbuMDPQBPXH5HXZQ",
-    currentUser: {
-      id: 37,
-      companyId: 2,
-      isUserTech: false,
-    },
-  },
-};

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

@@ -22,7 +22,6 @@ import { Tooltip } from "../../../atoms/Tooltip";
 import { Slide, Zoom } from "@mui/material";
 import { useRef } from "react";
 import { ImagePreview } from "../../../atoms/ImagePreview";
-import { Status } from "../../../atoms/Status";
 import { isUserTech } from "../../../../global-files/handle_userTech";
 import { container } from "aws-amplify";
 
@@ -56,10 +55,7 @@ export const ContainerItems = (props) => {
 
   useEffect(() => {
     if (!items) return;
-    if (
-      ["merchant_product", "order_product", "product_status"].includes(chatType)
-    )
-      renderItems();
+    if (["merchant_product", "order_product"].includes(chatType)) renderItems();
     else if (chatType === "ticket") renderItemsTicket();
     else setCustomItems([]);
   }, [items]);
@@ -134,16 +130,6 @@ export const ContainerItems = (props) => {
     return <label className="item-statusTicket">{item.value}</label>;
   };
 
-  const renderStatusItem = (item) => {
-    const splitText = item.value.split("|");
-    let message = [];
-    splitText.forEach((text, i) => {
-      if (i === 1 || i === 3) message.push(<Status statusType={text} />);
-      else message.push(text);
-    });
-    return <label className="item-statusItem">{message}</label>;
-  };
-
   const renderStatusTicketNeutral = (item) => {
     return (
       <Tooltip
@@ -318,7 +304,7 @@ export const ContainerItems = (props) => {
       >
         <li
           className={
-            (ownMessage && item.type !== "status" ? "own-message " : "") +
+            (ownMessage ? "own-message " : "") +
             (lastUserId === item.userId ? "sameUser" : "")
           }
         >
@@ -353,8 +339,6 @@ export const ContainerItems = (props) => {
             ? renderComment(item)
             : item.type === "img"
             ? renderImg(item)
-            : item.type === "status"
-            ? renderStatusItem(item)
             : item.type === "file"
             ? renderFile(item, ownMessage)
             : item.type === "statusTicket" &&

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

@@ -158,8 +158,7 @@ export const Container = styled.div`
       .item-message,
       .item-comment,
       .item-file,
-      .item-statusTicket,
-      .item-statusItem {
+      .item-statusTicket {
         border-radius: 10px;
         padding: 10px;
         font-family: ${FontFamily.RobotoRegular}, sans-serif;
@@ -174,17 +173,10 @@ export const Container = styled.div`
       .item-file {
         background-color: #8386ee;
       }
-      .item-statusTicket,
-      .item-statusItem {
+      .item-statusTicket {
         background-color: #85bc5b;
       }
 
-      .item-statusItem {
-        display: flex;
-        gap: 3px;
-        align-items: center;
-      }
-
       .item-message {
         &.different-company {
           border: 1px solid #e33aa9;

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

@@ -100,7 +100,6 @@ export const ContentChat = (props) => {
       }
       if (chatType === "merchant_product") getInitialMerchantProduct();
       else if (chatType === "order_product") getInitialOrderProduct();
-      else if (chatType === "product_status") getInitialProductStatus();
       else getInitialTicket();
     }
     if (!showPopUpChat) {
@@ -127,8 +126,6 @@ export const ContentChat = (props) => {
     } else if (chatType === "order_product") {
       if (companies) getUpdateLatestOrderProduct(true);
       else getInitialOrderProduct();
-    } else if (chatType === "product_status") {
-      getInitialProductStatus();
     } else {
       if (singleChat.items) getUpdateLatestTicket(true);
       else getInitialTicket();
@@ -138,47 +135,6 @@ export const ContentChat = (props) => {
   /*=======================================================================
                 PETICION GET INICIAL SEGUN EL TIPO DE CHAT
   ======================================================================= */
-  const getInitialProductStatus = async () => {
-    const paramsQuery = {
-      articleData: {
-        articleId: JSON.stringify(dataChat.id),
-        version: JSON.stringify(dataChat.version),
-        retailerId: JSON.stringify(dataChat.retailerId),
-        status: dataChat.status,
-      },
-    };
-    const paramsHeaders = { Authorization: dataChat.userToken };
-    const response = await fetchGET(
-      process.env.REACT_APP_READ_MESSAGES,
-      paramsQuery,
-      paramsHeaders
-    );
-    if (!response.body) {
-      setErrorChat({
-        existError: true,
-        code: 400,
-        message: response.message,
-        errorDetail: response.errorDetail,
-      });
-      setIsLoading(false);
-      return;
-    }
-    // success
-    setStartUpdate((prev) => prev + 1);
-    setCurrentUser({
-      id: response.body.data.currentUserId,
-      companyId: response.body.data.currentCompanyId,
-    });
-    setLastUpdateDate(response.body.data.lastUpdateDate);
-    setAllUsers(response.body.users);
-    setSingleChat({
-      items: response.body.items,
-      enabledLoadMore: response.body.items.length === 50,
-    });
-    setErrorChat({ existError: false });
-    setIsLoading(false);
-  };
-
   const getInitialMerchantProduct = async () => {
     const paramsQuery = {
       getType: "initial",
@@ -653,14 +609,12 @@ export const ContentChat = (props) => {
     // enviar items a la BD
     if (chatType === "merchant_product") {
       errorCreate = await createItemsMerchantProduct(items);
-    } else if (chatType === "product_status") {
-      errorCreate = await createItemsProductStatus(items);
     } else if (chatType === "order_product") {
       errorCreate = await createItemsOrderProduct(items);
     } else errorCreate = await createItemsTicket(items);
 
     // actualizar chat para que aparezcan los items enviados
-    if (["merchant_product", "product_status"].includes(chatType)) {
+    if (chatType === "merchant_product") {
       await getUpdateLatestMerchantProduct();
     } else if (chatType === "order_product") {
       await getUpdateLatestOrderProduct();
@@ -673,10 +627,9 @@ export const ContentChat = (props) => {
   };
 
   const createItemsMerchantProduct = async (items = []) => {
-    const { id, version, orderId } = dataChat;
+    const { id, version } = dataChat;
     const { id: retailerId } = activeRetailer;
     const paramsBody = { id, version, items, retailerId };
-    if (chatType === "product_status") paramsBody["orderId"] = orderId;
     const paramsHeaders = { Authorization: dataChat.userToken };
     const response = await fetchPOST(
       process.env.REACT_APP_PRODUCTS_CHAT_ENDPOINT,
@@ -690,23 +643,6 @@ export const ContentChat = (props) => {
       };
     }
   };
-  const createItemsProductStatus = async (items = []) => {
-    const { id, version, orderId, status } = dataChat;
-    const { id: retailerId } = activeRetailer;
-    const paramsBody = { id, version, items, retailerId, orderId, status };
-    const paramsHeaders = { Authorization: dataChat.userToken };
-    const response = await fetchPOST(
-      process.env.REACT_APP_CREATE_MESSAGES,
-      paramsBody,
-      paramsHeaders
-    );
-    if (!response.body) {
-      return {
-        message: response.message,
-        errorDetail: response.errorDetail,
-      };
-    }
-  };
 
   const createItemsOrderProduct = async (items = []) => {
     const paramsBody = {
@@ -754,11 +690,7 @@ export const ContentChat = (props) => {
                         SECCION DE FUNCIONES
   ======================================================================= */
   const isSingleChat = () => {
-    if (
-      chatType === "merchant_product" ||
-      chatType === "ticket" ||
-      chatType === "product_status"
-    ) {
+    if (chatType === "merchant_product" || chatType === "ticket") {
       return true;
     }
     if (companies && Object.keys(companies).length < 2) return true;
@@ -869,7 +801,7 @@ export const ContentChat = (props) => {
     // mostrar chat?
     let items;
     let enabledLoadMore;
-    if (["merchant_product", "ticket", "product_status"].includes(chatType)) {
+    if (["merchant_product", "ticket"].includes(chatType)) {
       items = singleChat.items;
       enabledLoadMore = singleChat.enabledLoadMore;
     }
@@ -911,9 +843,7 @@ export const ContentChat = (props) => {
             activeCompanyId={activeCompanyId}
             ticketCompany={ticketCompany}
             currentUser={
-              ["merchant_product", "order_product", "product_status"].includes(
-                chatType
-              )
+              ["merchant_product", "order_product"].includes(chatType)
                 ? currentUser
                 : dataChat.currentUser
             }
@@ -952,12 +882,6 @@ export const ContentChat = (props) => {
                 ? { id: dataChat.id, version: currentArticle.version }
                 : chatType === "ticket"
                 ? { id: dataChat.id }
-                : chatType === "product_status"
-                ? {
-                    id: dataChat.id,
-                    version: dataChat.version,
-                    retailerId: dataChat.retailerId,
-                  }
                 : undefined
             }
             chatCompany={getChatCompany()}
@@ -1000,6 +924,7 @@ export const ContentChat = (props) => {
             }}
           />
         )}
+
         {/* body */}
         {renderBodyChat()}
       </Container>