contentoh-components-library 21.3.82 → 21.3.83

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

@@ -2,103 +2,126 @@ import { Container } from "./styles";
 import { TabSection } from "../../atoms/TabSection";
 import { useEffect, useState } from "react";
 
+
 import { Modal } from "../../organisms/Modal";
 import { ButtonV2 } from "../../atoms/ButtonV2";
 
+
 export const TabsMenu = ({
   tabsSections = {},
   setImagesSection,
   setActiveTab,
   activeTab,
+  desc,
+  setDesc,
+  fich,
+  setFich,
+  imag,
+  setImag,
   updatedDescriptions,
   updatedDatasheets,
-  images,
+  selectedImages,
+  setUpdatedDescriptions,
+  setUpdatedDatasheets,
+  setSelectedImages
 }) => {
   const [sections, setSections] = useState(tabsSections);
 
-  const [modal, setModal] = useState(false);
-  const [cancelAccept, setCancelAccept] = useState("");
-  const [llave, setLlave] = useState("");
-  const [objeto, setObjeto] = useState();
+
+  const [modal, setModal] = useState(false)
+  const [isFirstExecution, setIsFirstExecution] = useState(true)
+  const [detectaTab, setDetectaTab] = useState('')
+  const [cancelAccept, setCancelAccept] = useState('')
+  const [llave, setLlave] = useState('')
+  const [objeto, setObjeto] = useState()
+
 
   const activeSection = (key, array = {}) => {
     let tempArray = {};
     setImagesSection(key === "Imágenes");
     Object.keys(array).forEach((section) => {
       tempArray[section] = section === key;
-      if (section === key) return setActiveTab(key);
+      if (section === key) {
+        setUpdatedDatasheets([])
+        setUpdatedDescriptions([])
+        setSelectedImages([])
+        setDesc([])
+        setFich([])
+        setImag([])
+        return setActiveTab(key)
+      };
     });
     setSections(tempArray);
   };
 
-  useEffect(() => {
-    if ((cancelAccept === "Aceptar") & (llave !== "")) {
-      setCancelAccept("");
-      setModal(false);
-      activeSection(llave, objeto);
-    } else if ((cancelAccept === "Cancelar") & (llave !== "")) {
-      setModal(false);
-      setCancelAccept("");
-    }
-  }, [cancelAccept]);
+useEffect(() => {
+    if (cancelAccept==='Aceptar' & llave!==''){
+      setCancelAccept('')
+      setModal(false)
+      activeSection(llave, objeto)
+    } else if (cancelAccept==='Cancelar' & llave!=='') {
+       setModal(false)
+       setCancelAccept('')
+    }  
+  },[cancelAccept])
 
-  const detectClickFunction = (e, key, sections) => {
+  function detectClickFunction  (e,key,sections) {
     const targetIsTheCurrentTab = e.target.innerHTML === activeTab;
     const descriptionsWereUpdated = updatedDescriptions.length > 0;
     const datasheetWereUpdated = updatedDatasheets.length > 0;
-    const imagesWereUpdated = images?.values?.filter((f) => !f.id)?.length > 0;
-    const dataWereUpdated =
-      descriptionsWereUpdated || datasheetWereUpdated || imagesWereUpdated;
+    const imagesWereUpdated = selectedImages.length > 0;
+    const dataWereUpdated = descriptionsWereUpdated || datasheetWereUpdated || imagesWereUpdated;
+
+    if (!targetIsTheCurrentTab && !dataWereUpdated ){ 
+      setLlave(key)
+      setObjeto(sections)
+      activeSection(key, sections)
+      }
+    else if(!targetIsTheCurrentTab &&  dataWereUpdated ){
+      setModal(true)
+      setLlave(key)
+      setObjeto(sections)
 
-    if (!targetIsTheCurrentTab && !dataWereUpdated) {
-      setLlave(key);
-      setObjeto(sections);
-      activeSection(key, sections);
-    } else if (!targetIsTheCurrentTab && dataWereUpdated) {
-      setModal(true);
-      setLlave(key);
-      setObjeto(sections);
-    }
-  };
 
+    }
+  } 
   return (
     <>
-      {activeTab && (
-        <Modal
-          show={modal}
-          title="Cambios sin Guardar"
-          message="Estás cambiando de vista y aun no guardas cambios ¿Estás seguro?"
-          buttons={[
-            <ButtonV2
-              key={"btn-Cancelar"}
-              type={"white"}
-              label={"Cancelar"}
-              size={12}
-              onClick={(event) => setCancelAccept(event.target.textContent)}
-            />,
-            <ButtonV2
-              key={"btn-Aceptar"}
-              type={"pink"}
-              label={"Aceptar"}
-              size={12}
-              onClick={(event) => setCancelAccept(event.target.textContent)}
-            />,
-          ]}
-        />
-      )}
+                {activeTab && <Modal
+                  show={modal}
+                  title='Cambios sin Guardar'
+                  message= 'Estás cambiando de vista y aun no guardas cambios ¿Estás seguro?'
+                  buttons={ [
+                    <ButtonV2
+                      key={"btn-Cancelar"}
+                      type={"white"}
+                      label={"Cancelar"}
+                      size={12}
+                      onClick={(event) => setCancelAccept(event.target.textContent)}
+                    />,
+                    <ButtonV2
+                      key={"btn-Aceptar"}
+                      type={"pink"}
+                      label={"Aceptar"}
+                      size={12}
+                      onClick={(event) =>  setCancelAccept(event.target.textContent)}
+                    />,
+                  ]}
+                /> 
+                }
 
-      <Container>
-        {Object.keys(sections).map((key, index) => (
-          <TabSection
-            key={index}
-            label={key}
-            active={sections[key]}
-            onClick={(e) => {
-              detectClickFunction(e, key, sections);
-            }}
-          />
-        ))}
-      </Container>
+    <Container>
+      {Object.keys(sections).map((key, index) => (
+        <TabSection
+          key={index}
+          label={key}
+          active={sections[key]}
+          onClick={(e)=>{
+           detectClickFunction (e, key, sections)
+          }}
+        />
+      ))}
+    </Container>
     </>
   );
 };

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

@@ -1,6 +1,8 @@
 import { Container } from "./styles";
 import { ScreenHeader } from "../../atoms/ScreenHeader/index";
 import { GeneralInput } from "../../atoms/GeneralInput/index";
+import { useEffect } from "react";
+import { useState } from "react";
 
 export const TagAndInput = ({
   inputType,
@@ -30,22 +32,21 @@ export const TagAndInput = ({
   showTooltip,
   auditClass,
 }) => {
+  
   return (
     <Container
       inputType={inputType}
       className={"input-container"}
       key={`generalTagInput-${inputType}`}
     >
-      {label?.length && (
-        <div className="title-container">
-          <ScreenHeader
-            text={label}
-            headerType={"input-name-header"}
-            color={color}
-          />
-          {showTooltip && <span className="tooltip">{label}</span>}
-        </div>
-      )}
+      <div className="title-container">
+        <ScreenHeader
+          text={label}
+          headerType={"input-name-header"}
+          color={color}
+        />
+        {showTooltip && <span className="tooltip">{label}</span>}
+      </div>
       <GeneralInput
         inputId={inputId}
         inputType={inputType}
@@ -73,4 +74,5 @@ export const TagAndInput = ({
       />
     </Container>
   );
+  
 };

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

@@ -148,37 +148,17 @@ chatTicket_userTECH.args = {
   chatType: "ticket",
   chatContainerType: "fixed",
   chatData: {
-    id: 171,
-    ticketOwnerUserId: 52,
-    statusTicket: "IN_PROGRESS",
+    id: 130,
+    ticketOwnerUserId: 194,
+    ticketCompany: undefined,
+    statusTicket: "PENDING",
     currentUser: {
       token:
-        "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI3M2NjOGQ0MC1jODQxLTQyMmEtYTJmMi1lNjlkN2ZlMjZlYmYiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwiY29nbml0bzp1c2VybmFtZSI6IjczY2M4ZDQwLWM4NDEtNDIyYS1hMmYyLWU2OWQ3ZmUyNmViZiIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiIwYWNiYTdlYy01OGJhLTQyNGYtOTM5OC02ZGMxOGI1YTRkODYiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY4ODk0MzcxNywibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTY4ODk0NzMxNywiaWF0IjoxNjg4OTQzNzE3LCJlbWFpbCI6Im9hcmVuYXNAY29udGVudG9oLmNvbSJ9.SHeA5EMqLdqlTuDBTpJ3l_lAAqjMlOT2Dm9U9yf-Y3-4FR-3cwQ_16sdsmGCjJpwkhdYBEyuQbFkY1xnQHOBLMow0izWD4CDlhlNXkWBE_3DjgCspyPMlz31Lfik2ddnkHp3HQeLwucC4uyum3N-roQA7HkuWQHSBIplp6b-Xd44OmN9X-V_kseN3QOX6o7kxNFjwZL_DUzTJUdMDOtIXXIKYO2FLkR1eWJDNdvee5FEIWAxJXfaSZ__Awawfi5k93ILXrPX7QVt78lOH3THMyiPTtfiOOwMhoSQz_k5DIuofE8FM_1-nLNajM18pI49wPQ_-k3ltCjChjqy-OlERQ",
-      id: 65,
-      companyId: 2,
+        "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJmNTkyN2Y4ZS1jYmY3LTQ5MjItOWUwOS1lNjllYzBiMjczMWEiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6ImY1OTI3ZjhlLWNiZjctNDkyMi05ZTA5LWU2OWVjMGIyNzMxYSIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiJlYTRlZmQ1Zi1mYTg4LTRjNDEtYTM3Ny02MWVkNmY0YTMyOTciLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY4MDA1Njg2NSwibmFtZSI6IklzbWFlbCBMb3BleiIsInBob25lX251bWJlciI6Iis1MjMxMTEzNjYzMzYiLCJleHAiOjE2ODAwNjA0NjUsImlhdCI6MTY4MDA1Njg2NSwiZW1haWwiOiJpbG9wZXpAY29udGVudG9oLmNvbSJ9.oRuv3LkdvctEMUjmeGw0-XefzV_Aoh1O2hFMik4RxpkkCUeP1O7AjA7lJI6sgoqa9Nwa2fCPRXk6ufi84UbgxGEgkupQmAvXTHQCw_uwCUVAZitlNGXSBl-VSisMuXSnckxdZQ1MvLV5BgLmiw4mu6HxKDN-Uw0xc7yL_yDtGu3NWxoO0Cm2zbej8jYLE9DV9wG297bjfzVQ7hzpEfEcB52I5Tg6nF2VDTx-8_m4mVVrpisbV5uBoYokbFyyOFVLZzUU7Je5uHukscHS5dje9IMTY8DE5S8xUWJubHjf_ktcy7Y2-F2cG5dI5oSdrBNU-wNNW5-OtRLgclSJLmbPCw",
+      id: 28,
+      companyId: 1,
       isUserTech: true,
     },
   },
   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

@@ -86,8 +86,7 @@ export const ContentChat = (props) => {
 
   // al cargar el componente
   useEffect(() => {
-    //if (dataChat && showPopUpChat) {
-    if (Object.keys(dataChat || {}).length) {
+    if (dataChat && showPopUpChat) {
       stopUpdate();
       if (dataChat.code) {
         setErrorChat({
@@ -101,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) {
@@ -128,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();
@@ -139,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",
@@ -286,11 +241,9 @@ export const ContentChat = (props) => {
       isUserTech: dataChat.currentUser?.isUserTech,
     };
     const paramsQuery = {
-      //id: JSON.stringify(dataChat.id),
-      id: dataChat.id,
+      id: JSON.stringify(dataChat.id),
       getType: "initial",
-      //currentUser: encodeUriJson(dataUser),
-      currentUser: encodeURIComponent(JSON.stringify(dataUser)),
+      currentUser: encodeUriJson(dataUser),
       currentItemsFront: encodeUriJson(getItemsIdSingleChat()),
     };
     const response = await fetchGET(
@@ -613,14 +566,14 @@ export const ContentChat = (props) => {
   };
 
   /*=======================================================================
-            FUNCION QUE EJECUTA EL MICROSERVICIO CREATE-ITEM
+            FUNCION QUE EJECUTA EL MICROSERVICIO CREATE-ITEM 
   Este metodo recibe los items que queremos agregar al chat.
   requiere:
-    => items: [ { type , value } , ... ]
+    => items: [ { type , value } , ... ] 
   NOTA: si se quiere agregar un mensaje mandar un array con un object
-  example: [ {
-    type: "message" ,
-    value: "mi mensaje"
+  example: [ { 
+    type: "message" , 
+    value: "mi mensaje" 
   } ]
   ======================================================================= */
   const createItemsChat = async (items = []) => {
@@ -656,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();
@@ -676,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,
@@ -693,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 = {
@@ -757,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;
@@ -828,11 +757,15 @@ export const ContentChat = (props) => {
         setPlaySound(false);
       }, 5000);
     }
-    return Object.values(itemsId).sort((a, b) => {
-      if (a.id > b.id) return 1;
-      if (a.id < b.id) return -1;
-      return 0;
-    });
+    if (chatType !== "ticket") {
+      return Object.values(itemsId).sort((a, b) => {
+        if (a.id > b.id) return 1;
+        if (a.id < b.id) return -1;
+        return 0;
+      });
+    } else {
+      return Object.values(itemsId).reverse();
+    }
   };
 
   const updateAllUsers = (newUsers = {}) => {
@@ -872,7 +805,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;
     }
@@ -914,9 +847,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
             }
@@ -955,12 +886,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()}
@@ -1003,6 +928,7 @@ export const ContentChat = (props) => {
             }}
           />
         )}
+
         {/* body */}
         {renderBodyChat()}
       </Container>

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

@@ -169,17 +169,6 @@ export const Footer = (props) => {
                 errorMessage = "El ID del ticket no es valido";
               }
               break;
-            case "product_status":
-              if (
-                isValidNaturalNumber(dataChat?.id) &&
-                isValidNaturalNumber(dataChat?.version) &&
-                isValidNaturalNumber(dataChat?.retailerId)
-              ) {
-                fileKey += `productStatus/${dataChat.id}-${dataChat?.version}-${dataChat?.retailerId}/`;
-              } else {
-                errorMessage = "El ID del ticket no es valido";
-              }
-              break;
 
             default:
               errorMessage =