contentoh-components-library 21.3.47 → 21.3.49

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

@@ -31,102 +31,87 @@ RetailerProductEditionDefault.args = {
     "Ficha técnica": false,
     Imágenes: false
   },
-  token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJhNmM0ZDNkNi0yNGE0LTQxZDQtYWQwZi1kMDg3NDM4YWI1YjYiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwiY29nbml0bzp1c2VybmFtZSI6ImE2YzRkM2Q2LTI0YTQtNDFkNC1hZDBmLWQwODc0MzhhYjViNiIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiIyYjU3MjZlMy04MjM2LTRmYzMtODBkMi05NWVmYmU4ODdjOTYiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY4MjAxNjI5MSwibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTY4MjAxOTg5MSwiaWF0IjoxNjgyMDE2MjkxLCJlbWFpbCI6ImV0Y0Bjb250ZW50b2guY29tIn0.SCj_yp1NkGCED59JHoDSdFAOakIOvZVeC0yLwt9z0BtenDXlU0m5cUofQQonnWPM8Q70yMFEkyMGI9kQs_fz1gxrmrSc2FGefn3B_1Vymq3pQ_S1JrY_syYf88m_GtJKOywEnE6--Ef9lZhFBFKGtqRJ4H8JBa9Xb96uCjAKyEMCSURDlw37pk2RQdULlZPj17Zb6Xrqi2lwrhpI1ByptX3__UoTiZklnTXwIxM4JdU7yuhXLznaEH8NOSd2Jw-CV6FCUbYBHlnRYBQg7B5mwyVKtDQm6QpRgBTBPCvljJJpFjRKUcnon8WZiFXx1qVbkWPt2vCT1TZqqoSLdlP6lA",
+  token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJmYjIzMDRlZi1lMWEyLTRjMmItODg3NC1lYjc1NGU0ZjYzMzIiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwiY29nbml0bzp1c2VybmFtZSI6ImZiMjMwNGVmLWUxYTItNGMyYi04ODc0LWViNzU0ZTRmNjMzMiIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiI4MGFmMGIwNi1iMGYyLTQ5YjgtYjczYy1lMzQ5MTFmMGVkNmEiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY4MzkxOTkxMSwibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTY4MzkyMzUxMSwiaWF0IjoxNjgzOTE5OTExLCJlbWFpbCI6ImNhZGVuYWJvZGVnYUBhbGxmcmVlbWFpbC5uZXQifQ.h8rhLTIPMxhCs85K5JIn1efY4yZ5TAvzaBbLItby8W7HdLnNjK4Cv39mTCprrk0yjmKhOGIA1gyVeXcm18n5LqSLmOyz85uwTRwZ91s2on49rX3cO9FZp5S3tg4MseNKePBBetwycXttVm_aJZOLGvt2XoAfdxXHTUk2uDu7IphAdz746qrgXxSFyq_cWX9SdWrYhAn_XjHbNOqOuvcmbD7FquvUq-RYWqTAyeT9qeZUjA8oJvENkpohybxc6OoKaPOcdxWvZsvNcFxpEzjHQja3dAQnlA-Pc9_iJf9S4fzf3d3aqXIIDQuozJiixnT6-kK29p4MVbEJ2r4Pd2Ox2A",
   productSelected: {
-    "orderId": 15160,
-    "status": "SAC",
-    "datasheet_status": "SAC",
-    "prio": "none",
-    "version": 7,
-    "description_status": "SAC",
-    "images_status": "SAC",
-    "brand": null,
-    "retailerOrder": 1,
-    "missing": {
-      "datasheet": null,
-      "descriptions": null,
-      "images": null
+    orderId: 15104,
+    article_status: "AP",
+    datasheet_status: "AC",
+    description_status: "AC",
+    images_status: "AC",
+    prio: "none",
+    version: 3,
+    brand: null,
+    article: {
+      category: "Juguetes|Juguetes|Juguetes",
+      company_name: "Financiado Bodega",
+      id_company: 912,
+      country: "México",
+      id_category: "4208",
+      id_article: 37569,
+      name: "BB HORA DEL BANO SET MENTA",
+      upc: "93905444796"
     },
-    "services": {
-      "datasheets": 1,
-      "descriptions": 1,
-      "images": 1
-    },
-    "article": {
-      "category": "Puertas y Ventanas|Molduras|Molduras Madera Blanda",
-      "company_name": "Demo",
-      "country": "México",
-      "id_category": "2366",
-      "id_datasheet_especialist": null,
-      "id_datasheet_facilitator": null,
-      "id_description_especialist": null,
-      "id_description_facilitator": null,
-      "id_images_especialist": null,
-      "id_images_facilitator": null,
-      "id_order": 15160,
-      "id_article": 39290,
-      "id_auditor": 37,
-      "name": "MOLDURA MARCO MODER 11X4X244 CM",
-      "timestamp": "2023-04-19T21:36:02.000Z",
-      "upc": "100030"
-    },
-    "retailers": [{
-      "id": 58,
-      "name": "The Home Depot Golden"
-    }, {
-      "id": 68,
-      "name": "The Home Depot Merchants"
+    retailers: [{
+      id: 70,
+      name: "Bodega Aurrera"
     }],
-    "statusByRetailer": {
-      "58": {
-        "datasheet": "SAC",
-        "description": "SAC",
-        "images": "SAC"
+    services: {
+      datasheets: 1,
+      descriptions: 1,
+      images: 1
+    },
+    statusByRetailer: {
+      70: {
+        datasheet: "AP",
+        description: "AP",
+        images: "AP"
       }
-    }
+    },
+    retailersWithService: ["70"],
+    id_article: 37569,
+    retailersAvailable: [{
+      id: 70,
+      name: "Bodega Aurrera"
+    }]
   },
   location: {
     product: {
-      articleId: 354,
+      articleId: 37569,
       versionId: 3
-    },
-    state: {
-      withChat: true,
-      chatType: "product_status"
     }
   },
   user: {
-    "id_user": 51,
-    "name": "ADMIN PRUEBA",
-    "last_name": "",
-    "email": "etc@contentoh.com",
-    "position": "",
-    "telephone": "",
-    "country": "",
-    "id_company": 2,
-    "id_cognito": "a6c4d3d6-24a4-41d4-ad0f-d087438ab5b6",
-    "birth_Date": null,
-    "about_me": "",
-    "zip_code": "",
-    "address": "",
-    "job": "",
-    "id_stripe": "",
-    "id_role": 1,
-    "active": 1,
-    "is_retailer": 0,
-    "email_notify": 1,
-    "is_user_tech": null,
-    "membership": {
-      "id": 2,
-      "start_date": "2021-11-05T02:35:12.000Z",
-      "end_date": "2022-11-05T02:34:49.000Z",
-      "planID": 1,
-      "plan": "prod_KtkvuFFLpOdP6e",
-      "name": "Plan Free",
-      "user_limit": "1",
-      "products_limit": "3",
-      "type": "PyMES"
+    id_user: 132,
+    name: "Bodega",
+    last_name: "Aurrera",
+    email: "cadenabodega@allfreemail.net",
+    position: "TI",
+    telephone: "+529999999999",
+    country: "México",
+    id_company: 912,
+    id_cognito: "fb2304ef-e1a2-4c2b-8874-eb754e4f6332",
+    birth_Date: null,
+    about_me: null,
+    zip_code: null,
+    address: null,
+    job: null,
+    id_stripe: null,
+    id_role: 0,
+    active: 1,
+    is_retailer: 1,
+    email_notify: 1,
+    is_user_tech: null,
+    membership: {
+      id: 101,
+      start_date: "2022-12-22T19:16:53.000Z",
+      end_date: "2023-12-22T19:16:53.000Z",
+      planID: 8,
+      plan: "prod_KtlhECVSFG2iro",
+      name: "Plan Pro",
+      user_limit: "20",
+      products_limit: "5000",
+      type: "Enterprise"
     },
-    "src": "https://content-management-profile.s3.amazonaws.com/id-51/51.png?1682016291518"
+    src: "https://content-management-profile.s3.amazonaws.com/id-132/132.png?1683919912271"
   }
 };

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

@@ -202,7 +202,7 @@ var myBucket = new _awsSdk.default.S3({
 });
 
 var RetailerProductEdition = function RetailerProductEdition(_ref) {
-  var _product$retailers, _location$state, _location$state2, _product$services2, _datasheets$, _datasheets$$data, _product$article18, _comment$message;
+  var _product$retailers, _location$state, _product$services2, _datasheets$, _datasheets$$data, _product$article18, _comment$message;
 
   var tabsSections = _ref.tabsSections,
       _ref$productSelected = _ref.productSelected,
@@ -1900,10 +1900,8 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
       setCompare: setCompare,
       isAuditor: [1, 6].includes(user.id_role),
       withChat: location === null || location === void 0 ? void 0 : (_location$state = location.state) === null || _location$state === void 0 ? void 0 : _location$state.withChat,
-      chatType: location === null || location === void 0 ? void 0 : (_location$state2 = location.state) === null || _location$state2 === void 0 ? void 0 : _location$state2.chatType,
       productSelected: productSelected,
-      token: token,
-      activeRetailer: activeRetailer
+      token: token
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "data-container",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "contentoh-components-library",
-  "version": "21.3.47",
+  "version": "21.3.49",
   "dependencies": {
     "@aws-amplify/auth": "^4.5.3",
     "@aws-amplify/datastore": "^3.11.0",

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

@@ -72,4 +72,4 @@ export const AvatarAndValidation = ({
       )}
     </Container>
   );
-};
+};

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

@@ -55,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]);

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>

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 =

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

@@ -24,7 +24,7 @@ export const Chat = (props) => {
   const [showPopUpChat, setShowPopUpChat] = useState(false);
   const [data, setData] = useState();
 
-  const { ticketCompany, retailerId } = chatData || {};
+  const { ticketCompany } = chatData || {};
 
   useEffect(() => {
     switch (chatType) {
@@ -37,9 +37,6 @@ export const Chat = (props) => {
       case "ticket":
         validateChatTicket();
         break;
-      case "product_status":
-        validateProductStatus();
-        break;
       default:
         setData({
           code: 404,
@@ -49,45 +46,6 @@ export const Chat = (props) => {
     }
   }, [chatType]);
 
-  const validateProductStatus = () => {
-    const {
-      userToken, // string
-      id, // number
-      version,
-      retailerId, // number
-      status,
-      orderId,
-    } = chatData;
-
-    if (!isValidGeneral(userToken, id)) return;
-
-    // validar el ID de la cadena asociada al producto en la OT
-    if (!isValidNaturalNumber(retailerId)) {
-      setDataError("La cadena relacionada al producto no es válida");
-      return;
-    }
-
-    // validar el ID de la version asociada al producto en la OT
-    if (!isValidNaturalNumber(version)) {
-      setDataError("La versión del producto no es válida");
-      return;
-    }
-
-    if (orderId && !isValidNaturalNumber(orderId)) {
-      setDataError("La orden del producto no es válida");
-      return;
-    }
-
-    setData({
-      userToken,
-      id,
-      version,
-      retailerId,
-      orderId,
-      status,
-    });
-  };
-
   const isValidGeneral = (userToken, id) => {
     // validar token del user
     if (isStringEmpty(userToken)) {
@@ -111,8 +69,6 @@ export const Chat = (props) => {
       retailerId, // number
     } = chatData;
 
-    console.log(chatData, "chatData");
-
     if (!isValidGeneral(userToken, id)) return;
 
     // validar el ID de la OT en donde se encuentra el producto
@@ -241,7 +197,7 @@ export const Chat = (props) => {
           dataChat={data}
           showBtnClose={false}
           ticketCompany={ticketCompany}
-          activeRetailer={props.activeRetailer || { id: retailerId }}
+          activeRetailer={props.activeRetailer}
         />
       </ContainerFixed>
     );
@@ -274,7 +230,7 @@ export const Chat = (props) => {
               onClickBtnClose={() => {
                 setShowPopUpChat(false);
               }}
-              activeRetailer={props.activeRetailer || { id: retailerId }}
+              activeRetailer={props.activeRetailer}
             />
           </ContainerPopUp>
         </Slide>

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

@@ -69,7 +69,7 @@ OrderDetailDefault.args = {
     company_name: "GRUPO BRAHMA",
     date: "2022-11-12T00:00:00.000Z",
     type: "En oficina",
-    id_order: 5,
+    id_order: 15202,
     status: "PA",
     total: 731.2639770507812,
     timestamp: "2022-11-12T22:48:23.000Z",

package/src/components/organisms/OrderDetail/utils/Table/styles.js

@@ -33,10 +33,9 @@ export const Column = styled.div`
   .center {
     margin: auto;
   }
-  &:nth-child(2) {
+  &:nth-child(-n + 2) {
     overflow: hidden;
   }
-
   .tooltip {
     position: relative;
     display: inline-block;
@@ -49,7 +48,7 @@ export const Column = styled.div`
     text-align: center;
     padding: 5px 0;
     border-radius: 3px;
-  
+
     position: absolute;
     z-index: 1;
     top: -8px;