contentoh-components-library 21.4.21 → 21.4.23

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

@@ -17,14 +17,14 @@ export const Chat = (props) => {
   const {
     chatType, // "merchant_product" | "order_product" | "ticket"
     chatContainerType, // ("fixed") | ("popUp")
-    chatData = {}, // {} => aqui poner los datos requeridos segun el tipo de chat
+    chatData, // {} => aqui poner los datos requeridos segun el tipo de chat
     classNameContainerFixed, // clases CSS del envoltoria chat fixed
     size = 14, // tamaño del icono
   } = 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)) {
@@ -239,7 +197,7 @@ export const Chat = (props) => {
           dataChat={data}
           showBtnClose={false}
           ticketCompany={ticketCompany}
-          activeRetailer={props.activeRetailer || { id: retailerId }}
+          activeRetailer={props.activeRetailer}
         />
       </ContainerFixed>
     );
@@ -272,7 +230,7 @@ export const Chat = (props) => {
               onClickBtnClose={() => {
                 setShowPopUpChat(false);
               }}
-              activeRetailer={props.activeRetailer || { id: retailerId }}
+              activeRetailer={props.activeRetailer}
             />
           </ContainerPopUp>
         </Slide>

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

@@ -23,7 +23,7 @@ export const FullProductNameHeader = ({
   useEffect(() => {
     const rtls = headerData?.retailers || headerData?.retailersAvailable;
     servicesData &&
-      rtls?.forEach((rt) => {
+      rtls.forEach((rt) => {
         const element = [];
         servicesData.forEach((sd) => {
           if (sd.id_retailer === rt.id) {

package/src/components/organisms/Modal/styles.js

@@ -31,6 +31,7 @@ export const ContainerModal = styled.div`
       align-items: center;
       justify-content: flex-start;
       gap: 6px;
+      margin-bottom: 20px;
 
       .label-title {
         width: 100%;
@@ -41,10 +42,6 @@ export const ContainerModal = styled.div`
         color: #262626;
         white-space: pre-wrap;
       }
-
-      & + * {
-        margin-top: 20px;
-      }
     }
 
     .iconModal {

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

@@ -1,31 +1,41 @@
 export const servicesCodeIcon = {
   datasheet: (
     <div key="datasheet" className="tooltip">
-      <span className="material-icons small">&#xf8ee;</span>
+      <span className="material-icons small">
+        &#xf8ee;
+      </span>
       <span className="tooltiptext">Ficha Técnica</span>
     </div>
   ),
   description: (
     <div key="description" className="tooltip">
-      <span className="material-icons small">&#xe873;</span>
+      <span className="material-icons small">
+          &#xe873;
+        </span>
       <span className="tooltiptext">Descripción</span>
     </div>
   ),
   image: (
     <div key="image" className="tooltip">
-      <span className="material-icons small">&#xe3f4;</span>
+      <span className="material-icons small">
+        &#xe3f4;
+      </span>
       <span className="tooltiptext">Imagen</span>
     </div>
   ),
   translate: (
     <div key="translate" className="tooltip">
-      <span className="material-icons small">&#xe8e2;</span>
+      <span className="material-icons small">
+        &#xe8e2;
+      </span>
       <span className="tooltiptext">Traducción</span>
     </div>
   ),
   build: (
-    <div key="build" className="tooltip">
-      <span className="material-icons small">&#xe1bd;</span>
+    <div key="build"  className="tooltip">
+      <span className="material-icons small">
+        &#xe1bd;
+      </span>
       <span className="tooltiptext">Construcción</span>
     </div>
   ),

package/src/components/pages/ProviderProductEdition/ProviderProductEdition.stories.js

@@ -16,93 +16,143 @@ ProviderProductEditionDefault.args = {
     Imágenes: false,
   },
   token:
-    "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJmNTkyN2Y4ZS1jYmY3LTQ5MjItOWUwOS1lNjllYzBiMjczMWEiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6ImY1OTI3ZjhlLWNiZjctNDkyMi05ZTA5LWU2OWVjMGIyNzMxYSIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiIyM2Q1NTlmYi1jMzIwLTRhMjItYjJmNy1lOThhYTFhZGEyNmYiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY4MzkyNjgyMSwibmFtZSI6IklzbWFlbCBMb3BleiIsInBob25lX251bWJlciI6Iis1MjMxMTEzNjYzMzYiLCJleHAiOjE2ODM5MzA0MjEsImlhdCI6MTY4MzkyNjgyMSwiZW1haWwiOiJpbG9wZXpAY29udGVudG9oLmNvbSJ9.TvCoaKoctj5mypXWMz3NyV1Vm1ToBV0vJmpVyZSQw4-ikTChkxcZ5tFYvqhk1GdvNCFttfSQIqM-14dAYYBc28YwwKP86gqOuzB1fG41rN5x1Yx3tkJq6hiVRgiBbSHWtThA9c8VnxNQbrJiaRTvvkDiM5KNTEst1oxQHL5Ct9_iKQMJMRFie7Xv0xnyS0qZ6QHK4Q2A9OHsnDkAuumALZJcE19Zh6VgSitgWrZiz3x5Text4Q-U-R48NUAzUFirAzYZzJN_fCme5pGf1AnUaZjeUjPsmrV5TBVzPEYwXO0KG8lYjL8id80D7tbGs28ZIK6B4rf3-eqI_ngmBB4CjQ",
-  articleId: 238,
-  category: 846,
-  version: 2,
+    "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJmNTkyN2Y4ZS1jYmY3LTQ5MjItOWUwOS1lNjllYzBiMjczMWEiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6ImY1OTI3ZjhlLWNiZjctNDkyMi05ZTA5LWU2OWVjMGIyNzMxYSIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiIwZmUxYTZjMS05MzcyLTRiNjktOTgwMi1lN2QxOGM2MzU4YzQiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY5MzMzODMzMiwibmFtZSI6IklzbWFlbCBMb3BleiIsInBob25lX251bWJlciI6Iis1MjMxMTEzNjYzMzYiLCJleHAiOjE2OTMzNDE5MzIsImlhdCI6MTY5MzMzODMzMiwiZW1haWwiOiJpbG9wZXpAY29udGVudG9oLmNvbSJ9.lQwTS_RbJalEPmmpWcBsVYd8xx4tkw3U6uyW_laE6ucyHQpXSXYMfadAxxV2PZ5ObbgmX98nFKj32E2F4CxHxw3W7B1Wj7ZoGML409GjlylQ1RuVVHjwTw0OH5TtveV1JNNpts0belvzxbk5vX9E1vKoZLOKn8gO9yaFe0YawKjS0hW-P4NcjIonsNJ5KWMsh0fJCM2oAKAk8oAGZcszYHknMPF6ahf-fWeboVuK89UEsKlQukr7W8fnIePFI8aSlKM1nG0I7nOT_1734Pf-A9QQDXEwhfj8NMHHICb2c_ECgHPEspM9VxIR6Lbws-gCTSG6FTMjsIFKU3EqaQvlVw",
+  articleId: 39485,
+  category: 11,
+  version: 3,
   productSelected: {
-    id_article: 43,
-    id_category: 2126,
-    name: "LIMA CERRAJERO 6 PULGADAS ACERO BELLOTA",
-    upc: "137915",
-    timestamp: "2022-11-14T16:03:56.000Z",
-    categoryName:
-      "Herramientas|Herramientas Manuales|Herramientas de Corte y Desbaste",
-    version: 1,
-    retailersAvailable: [
+    orderId: 15275,
+    status: "AA",
+    datasheet_status: "AA",
+    prio: "none",
+    version: 3,
+    description_status: "AA",
+    images_status: "AA",
+    brand: null,
+    retailerOrder: 0,
+    missing: {
+      datasheet: null,
+      descriptions: null,
+      images: null,
+    },
+    services: {
+      datasheets: 1,
+      descriptions: 1,
+      images: 1,
+    },
+    article: {
+      category: "Abarrotes|Abarrotes Secos|Frutos Secos",
+      company_name: "GRUPO BRAHMA",
+      country: "México",
+      id_category: "11",
+      id_datasheet_especialist: 54,
+      id_datasheet_facilitator: 52,
+      id_description_especialist: 54,
+      id_description_facilitator: 52,
+      id_images_especialist: 55,
+      id_images_facilitator: 53,
+      id_order: 15275,
+      id_article: 39485,
+      id_auditor: 37,
+      name: "Mix de nueces",
+      timestamp: "2023-07-14T21:03:19.000Z",
+      upc: "7543453453",
+    },
+    retailers: [
       {
-        name: "The Home Depot Golden",
-        id: 58,
+        id: 34,
+        name: "San Pablo",
       },
     ],
     statusByRetailer: {
-      12: {
-        datasheet: "AA",
-        description: "AA",
-        images: "AA",
-      },
-      29: {
-        datasheet: "AA",
-        description: "AA",
-        images: "AA",
-      },
-      63: {
+      34: {
         datasheet: "AA",
         description: "AA",
         images: "AA",
       },
     },
-    checked: false,
     retailersAvailable: [
       {
-        id: 12,
-        name: "La Comer",
-      },
-      {
-        id: 29,
-        name: "Farmacias del Ahorro",
-      },
-      {
-        id: 63,
-        name: "DAX",
+        id: 34,
+        name: "San Pablo",
       },
     ],
-    categoryName:
-      "Salud y Belleza|Cuidado del Cabello|Shampoos y Acondicionadores",
-    upc: "750955287656712",
-    id_article: 39270,
-    id_order: 15142,
+    categoryName: "Abarrotes|Abarrotes Secos|Frutos Secos",
+    upc: "7543453453",
+    id_article: 39485,
+    id_order: 15275,
   },
   productToEdit: {
-    idCategory: 2126,
-    ArticleId: 43,
-    product: [
-      {
-        id_article: 43,
-        id_category: 2126,
-        name: "LIMA CERRAJERO 6 PULGADAS ACERO BELLOTA",
-        upc: "137915",
-        timestamp: "2022-11-14T16:03:56.000Z",
-        categoryName:
-          "Herramientas|Herramientas Manuales|Herramientas de Corte y Desbaste",
-        version: 1,
-        retailersAvailable: [
-          {
-            name: "The Home Depot Golden",
-            id: 58,
-            percentage: 2,
-          },
-        ],
+    ArticleId: 39485,
+    idCategory: "11",
+    product: {
+      orderId: 15275,
+      status: "AA",
+      datasheet_status: "AA",
+      prio: "none",
+      version: 3,
+      description_status: "AA",
+      images_status: "AA",
+      brand: null,
+      retailerOrder: 0,
+      missing: {
+        datasheet: null,
+        descriptions: null,
+        images: null,
       },
-    ],
+      services: {
+        datasheets: 1,
+        descriptions: 1,
+        images: 1,
+      },
+      article: {
+        category: "Abarrotes|Abarrotes Secos|Frutos Secos",
+        company_name: "GRUPO BRAHMA",
+        country: "México",
+        id_category: "11",
+        id_datasheet_especialist: 54,
+        id_datasheet_facilitator: 52,
+        id_description_especialist: 54,
+        id_description_facilitator: 52,
+        id_images_especialist: 55,
+        id_images_facilitator: 53,
+        id_order: 15275,
+        id_article: 39485,
+        id_auditor: 37,
+        name: "Mix de nueces",
+        timestamp: "2023-07-14T21:03:19.000Z",
+        upc: "7543453453",
+      },
+      retailers: [
+        {
+          id: 34,
+          name: "San Pablo",
+        },
+      ],
+      statusByRetailer: {
+        34: {
+          datasheet: "AA",
+          description: "AA",
+          images: "AA",
+        },
+      },
+      retailersAvailable: [
+        {
+          id: 34,
+          name: "San Pablo",
+        },
+      ],
+      categoryName: "Abarrotes|Abarrotes Secos|Frutos Secos",
+      upc: "7543453453",
+      id_article: 39485,
+      id_order: 15275,
+    },
   },
   location: {
     pathname: "/EditProducts",
     search: "",
     hash: "",
     state: {
-      withChat: true,
-      chatType: "product_status",
       origin: "RequestWithContentoh",
     },
     key: "24vwut",
@@ -135,11 +185,11 @@ ProviderProductEditionDefault.args = {
       planID: 8,
       plan: "prod_KtlhECVSFG2iro",
       name: "Plan Pro",
-      user_limit: "20",
+      user_limit: "50",
       products_limit: "5000",
       type: "Enterprise",
     },
-    src: "https://content-management-profile.s3.amazonaws.com/id-28/28.png?1691179745418",
+    src: "https://content-management-profile.s3.amazonaws.com/id-28/28.png?1693338334183",
   },
   company: {
     id_company: 1,