contentoh-components-library 21.3.58 → 21.3.60

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

@@ -0,0 +1,21 @@
+import styled from "styled-components";
+
+export const Container = styled.div`
+  width: 100vw;
+  height: 100vh;
+  position: fixed;
+  z-index: 9999999;
+  background-color: transparent;
+
+  .modal-container {
+    width: 600px;
+    height: 100%;
+    position: absolute;
+    right: -600px;
+    background-color: #fff;
+
+    &.shown {
+      right: 0;
+    }
+  }
+`;

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

@@ -16,120 +16,194 @@ ProviderProductEditionDefault.args = {
     Imágenes: false,
   },
   token:
-    "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI1ODg0YWUzNC01OWQ2LTQ0NTQtYjk4ZS04MjE1MThiY2MzYTciLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6IjU4ODRhZTM0LTU5ZDYtNDQ1NC1iOThlLTgyMTUxOGJjYzNhNyIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiJjOWRjOWE1OS0xNTAxLTQyOTgtODRjMi03MDM4NzRhNzIxMTEiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY4MjQ2Mjc4NCwibmFtZSI6IkNhZGVuYSBJc21hZWwiLCJwaG9uZV9udW1iZXIiOiIrNTIzMTExMzY2MzM2IiwiZXhwIjoxNjgyNDY2Mzg0LCJpYXQiOjE2ODI0NjI3ODQsImVtYWlsIjoiY2FkZW5hLmlzbWFlbEBhbGxmcmVlbWFpbC5uZXQifQ.ebKSsnTxKoNfWDoKGFJRlLWgNulGj4KrDe0EgsqLEIVx3Qu0lgmg43UY5tZ3FUlRE8XO2UGq0XxEgdbGOe_4nbTRYigdvxP3bh3cPQ0s68hlTDfhPRvxVJYlaO4s0rhk9rt_VVteTyLfhPHFCymrkFYYDB8bVvKnxUUCX_nJvqGQkl48JiYgvYVLpuus5FvRkGwi1u-jTtMoKiUK-jw9MxI18hD0FWXVnJr-q9ftf2d0bv4JRv4XJ_tRh1N6jps5n3c_KKZswqRfGLU-8MS2X3DU6pDqEP2BZAGXksiFYXYH_uHE6BKJAl7EEhkDTqZsx_jWtVSXTdDg_QDKrOw0Kg",
+    "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJmNTkyN2Y4ZS1jYmY3LTQ5MjItOWUwOS1lNjllYzBiMjczMWEiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6ImY1OTI3ZjhlLWNiZjctNDkyMi05ZTA5LWU2OWVjMGIyNzMxYSIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiIyM2Q1NTlmYi1jMzIwLTRhMjItYjJmNy1lOThhYTFhZGEyNmYiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY4MzkyNjgyMSwibmFtZSI6IklzbWFlbCBMb3BleiIsInBob25lX251bWJlciI6Iis1MjMxMTEzNjYzMzYiLCJleHAiOjE2ODM5MzA0MjEsImlhdCI6MTY4MzkyNjgyMSwiZW1haWwiOiJpbG9wZXpAY29udGVudG9oLmNvbSJ9.TvCoaKoctj5mypXWMz3NyV1Vm1ToBV0vJmpVyZSQw4-ikTChkxcZ5tFYvqhk1GdvNCFttfSQIqM-14dAYYBc28YwwKP86gqOuzB1fG41rN5x1Yx3tkJq6hiVRgiBbSHWtThA9c8VnxNQbrJiaRTvvkDiM5KNTEst1oxQHL5Ct9_iKQMJMRFie7Xv0xnyS0qZ6QHK4Q2A9OHsnDkAuumALZJcE19Zh6VgSitgWrZiz3x5Text4Q-U-R48NUAzUFirAzYZzJN_fCme5pGf1AnUaZjeUjPsmrV5TBVzPEYwXO0KG8lYjL8id80D7tbGs28ZIK6B4rf3-eqI_ngmBB4CjQ",
   articleId: 238,
   category: 846,
   version: 2,
   productSelected: {
-    orderId: 15165,
-    article_status: "AAC",
-    datasheet_status: "AAC",
-    description_status: "FAP",
-    images_status: "FAP",
+    orderId: 15142,
+    status: "AA",
+    datasheet_status: "AA",
     prio: "none",
     version: 3,
-    brand: null,
+    description_status: "AA",
+    images_status: "AA",
+    brand: "Garnier",
+    retailerOrder: 0,
+    missing: {
+      datasheet: null,
+      descriptions: null,
+      images: null,
+    },
+    services: {
+      datasheets: 1,
+      descriptions: 1,
+      images: 1,
+    },
     article: {
-      category: "Puertas y Ventanas|Molduras|Molduras Madera Blanda",
-      company_name: "Demo",
-      id_company: 923,
+      category:
+        "Salud y Belleza|Cuidado del Cabello|Shampoos y Acondicionadores",
+      company_name: "GRUPO BRAHMA",
       country: "México",
-      id_category: "2366",
-      id_article: 39336,
-      name: "Prueba Auditoria",
-      upc: "100030124",
+      id_category: "697",
+      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: 15142,
+      id_article: 39270,
+      id_auditor: 37,
+      name: "Acondicionador Garnier Fructis 650 ml",
+      timestamp: "2023-03-27T18:37:48.000Z",
+      upc: "750955287656712",
     },
     retailers: [
       {
-        id: 58,
-        name: "The Home Depot Golden",
+        id: 12,
+        name: "La Comer",
       },
       {
-        id: 68,
-        name: "The Home Depot Dropship",
+        id: 29,
+        name: "Farmacias del Ahorro",
+      },
+      {
+        id: 63,
+        name: "DAX",
       },
     ],
-    services: {
-      datasheets: 1,
-      descriptions: 1,
-      images: 1,
-    },
     statusByRetailer: {
-      58: {
-        datasheet: "AAC",
-        description: "FAP",
-        images: "FAP",
+      12: {
+        datasheet: "AA",
+        description: "AA",
+        images: "AA",
+      },
+      29: {
+        datasheet: "AA",
+        description: "AA",
+        images: "AA",
+      },
+      63: {
+        datasheet: "AA",
+        description: "AA",
+        images: "AA",
       },
     },
-    retailersWithService: ["58"],
-    id_article: 39336,
+    checked: false,
     retailersAvailable: [
       {
-        id: 58,
-        name: "The Home Depot Golden",
+        id: 12,
+        name: "La Comer",
+      },
+      {
+        id: 29,
+        name: "Farmacias del Ahorro",
       },
       {
-        id: 68,
-        name: "The Home Depot Dropship",
+        id: 63,
+        name: "DAX",
       },
     ],
+    categoryName:
+      "Salud y Belleza|Cuidado del Cabello|Shampoos y Acondicionadores",
+    upc: "750955287656712",
+    id_article: 39270,
+    id_order: 15142,
   },
   productToEdit: {
-    ArticleId: 39336,
-    idCategory: "2366",
+    ArticleId: 39270,
+    idCategory: "697",
     product: {
-      orderId: 15165,
-      article_status: "AAC",
-      datasheet_status: "AAC",
-      description_status: "FAP",
-      images_status: "FAP",
+      orderId: 15142,
+      status: "AA",
+      datasheet_status: "AA",
       prio: "none",
       version: 3,
-      brand: null,
+      description_status: "AA",
+      images_status: "AA",
+      brand: "Garnier",
+      retailerOrder: 0,
+      missing: {
+        datasheet: null,
+        descriptions: null,
+        images: null,
+      },
+      services: {
+        datasheets: 1,
+        descriptions: 1,
+        images: 1,
+      },
       article: {
-        category: "Puertas y Ventanas|Molduras|Molduras Madera Blanda",
-        company_name: "Demo",
-        id_company: 923,
+        category:
+          "Salud y Belleza|Cuidado del Cabello|Shampoos y Acondicionadores",
+        company_name: "GRUPO BRAHMA",
         country: "México",
-        id_category: "2366",
-        id_article: 39336,
-        name: "Prueba Auditoria",
-        upc: "100030124",
+        id_category: "697",
+        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: 15142,
+        id_article: 39270,
+        id_auditor: 37,
+        name: "Acondicionador Garnier Fructis 650 ml",
+        timestamp: "2023-03-27T18:37:48.000Z",
+        upc: "750955287656712",
       },
       retailers: [
         {
-          id: 58,
-          name: "The Home Depot Golden",
+          id: 12,
+          name: "La Comer",
         },
         {
-          id: 68,
-          name: "The Home Depot Dropship",
+          id: 29,
+          name: "Farmacias del Ahorro",
+        },
+        {
+          id: 63,
+          name: "DAX",
         },
       ],
-      services: {
-        datasheets: 1,
-        descriptions: 1,
-        images: 1,
-      },
       statusByRetailer: {
-        58: {
-          datasheet: "AAC",
-          description: "FAP",
-          images: "FAP",
+        12: {
+          datasheet: "AA",
+          description: "AA",
+          images: "AA",
+        },
+        29: {
+          datasheet: "AA",
+          description: "AA",
+          images: "AA",
+        },
+        63: {
+          datasheet: "AA",
+          description: "AA",
+          images: "AA",
         },
       },
-      retailersWithService: ["58"],
-      id_article: 39336,
+      checked: false,
       retailersAvailable: [
         {
-          id: 58,
-          name: "The Home Depot Golden",
+          id: 12,
+          name: "La Comer",
         },
         {
-          id: 68,
-          name: "The Home Depot Dropship",
+          id: 29,
+          name: "Farmacias del Ahorro",
+        },
+        {
+          id: 63,
+          name: "DAX",
         },
       ],
+      categoryName:
+        "Salud y Belleza|Cuidado del Cabello|Shampoos y Acondicionadores",
+      upc: "750955287656712",
+      id_article: 39270,
+      id_order: 15142,
     },
   },
   location: {
@@ -138,90 +212,63 @@ ProviderProductEditionDefault.args = {
     hash: "",
     state: {
       withChat: true,
+      chatType: "product_status",
+      origin: "RequestWithContentoh",
     },
     key: "24vwut",
   },
   user: {
-    id_user: 59,
-    name: "Cadena",
-    last_name: "Comercial",
-    email: "cadena.ismael@allfreemail.net",
-    position: "Admin",
+    id_user: 28,
+    name: "Ismael",
+    last_name: "López",
+    email: "ilopez@contentoh.com",
+    position: "Test States",
     telephone: "+523111366336",
     country: "México",
-    id_company: 817,
-    id_cognito: "5884ae34-59d6-4454-b98e-821518bcc3a7",
+    id_company: 1,
+    id_cognito: "f5927f8e-cbf7-4922-9e09-e69ec0b2731a",
     birth_Date: null,
     about_me: "",
     zip_code: "",
     address: "",
     job: "",
-    id_stripe: "",
+    id_stripe: "cus_KuEt6R6vwmN09f",
     id_role: 0,
     active: 1,
-    is_retailer: 1,
-    email_notify: 0,
-    is_user_tech: null,
+    is_retailer: 0,
+    email_notify: 1,
+    is_user_tech: "ADMIN-AS",
     membership: {
-      id: 47,
-      start_date: "2022-05-25T14:31:12.000Z",
-      end_date: "2023-05-25T14:31:12.000Z",
-      planID: 5,
-      plan: "prod_Ktl6B5Ou2gqTB2",
+      id: 76,
+      start_date: "2022-01-18T17:25:35.000Z",
+      end_date: "2023-01-18T17:25:35.000Z",
+      planID: 8,
+      plan: "prod_KtlhECVSFG2iro",
       name: "Plan Pro",
-      user_limit: "5",
-      products_limit: "500",
-      type: "PyMES",
+      user_limit: "20",
+      products_limit: "5000",
+      type: "Enterprise",
     },
-    src: "https://content-management-profile.s3.amazonaws.com/id-59/59.png?1682462786497",
+    src: "https://content-management-profile.s3.amazonaws.com/id-28/28.png?1683926822779",
   },
   company: {
-    id_company: 817,
-    trade_name: "Retailer acc",
-    company_name: "Retailer acc",
-    rfc: "ASER12345",
-    adress: "Av. Insurgentes",
-    about_company: null,
-    telephone: null,
-    web_site: null,
-    zip_code: null,
+    id_company: 1,
+    trade_name: "GRUPO BRAHMA",
+    company_name: "GRUPO BRAHMA",
+    rfc: "XAXX010101000",
+    adress: "AA",
+    about_company: "",
+    telephone: "",
+    web_site: "",
+    zip_code: "",
     email: null,
-    social_link: null,
-    is_retailer: 1,
-    financedRetailers: [
-      {
-        id: 68,
-        name: "The Home Depot Dropship",
-        country: "México",
-        id_region: 1,
-        active: 1,
-      },
-    ],
+    social_link: "",
+    is_retailer: 0,
     retailers: [
       {
-        id: 59,
-        name: "The Home Depot Platinum",
-        country: "México",
-      },
-      {
-        id: 60,
-        name: "The Home Depot Resizing",
-        country: "México",
-      },
-      {
-        id: 61,
-        name: "Home Depot TAB",
-        country: "México",
-      },
-      {
-        id: 68,
-        name: "The Home Depot Dropship",
-        country: "México",
-      },
-      {
-        id: 58,
-        name: "The Home Depot Golden",
-        country: "México",
+        id: null,
+        name: null,
+        country: null,
       },
     ],
   },

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

@@ -39,6 +39,9 @@ import Slide1_4 from "../../../assets/images/sliderToolTip/slide4.svg";
 import Slide1_5 from "../../../assets/images/sliderToolTip/slide5.svg";
 import { VersionSelector } from "../../organisms/VersionSelector";
 import { useCloseModal } from "../../../global-files/customHooks";
+import { createMessage, sendMessage } from "../RetailerProductEdition/utils";
+import { Modal } from "../../organisms/Modal";
+import { ButtonV2 } from "../../atoms/ButtonV2";
 
 const reducerImages = (state, action) => {
   let { values, attrForImgs, inputsByRetailer } = state;
@@ -214,6 +217,7 @@ export const ProviderProductEdition = ({
   const isRetailer = user?.is_retailer;
   const [loading, setLoading] = useState(true);
   const [validatedAll, setValidatedAll] = useState(false);
+  const [showRejectModal, setShowRejectModal] = useState(false);
 
   const originProp = location?.state?.origin;
   const [origin, setOrigin] = useState({
@@ -343,28 +347,6 @@ export const ProviderProductEdition = ({
     (type) => {
       const formatter = new Intl.ListFormat("es", { type: "conjunction" });
       switch (type) {
-        case "error":
-          setGlobalModal({
-            message: `${activeTab} rechazada`,
-            detail: "Agrega tu comentarios para enviar el rechazo",
-            img: errorModal,
-            textArea: true,
-            button1: {
-              name: "Enviar",
-              action: (e) => {
-                const textArea = document.querySelector("#area");
-                if (textArea.value) {
-                  textArea.style.border = "none";
-                  createComment(e, textArea.value);
-                  showGlobalModal("commentsSent");
-                  validatedAll ? validateAll("R") : sendEvaluation("R");
-                } else {
-                  textArea.style.border = "2px solid red";
-                }
-              },
-            },
-          });
-          break;
         case "generic":
           setGlobalModal(dataGenericModal);
           break;
@@ -516,7 +498,9 @@ export const ProviderProductEdition = ({
       );
       setServicesData(parsedResponse);
     }
-    !activeRetailer.id && setActiveRetailer(active ? active : retailers[0]);
+    retailers &&
+      !activeRetailer.id &&
+      setActiveRetailer(active ? active : retailers[0]);
   };
 
   const isRevision = () => {
@@ -592,7 +576,7 @@ export const ProviderProductEdition = ({
       });
     }
     setProduct(productTemp);
-    setActivePercentage(retailers[0]?.percentage);
+    retailers && setActivePercentage(retailers[0]?.percentage);
   }, [percentages]);
 
   const loadInputs = () => {
@@ -833,32 +817,19 @@ export const ProviderProductEdition = ({
     }
   };
 
-  const createComment = async (e, body, tab) => {
-    let concept = "";
-    switch (activeTab) {
-      case "Ficha técnica":
-        concept = "datasheet";
-        break;
-      case "Imágenes":
-        concept = "images";
-        break;
-
-      default:
-        concept = "description";
-        break;
-    }
+  const createComment = async (messages = [], retailerId) => {
     const data = {
-      articleId: product?.id_article,
-      orderId: product?.orderId,
-      message: body,
-      concept: concept,
-      version: version,
-    };
-    await axios.post(`${process.env.REACT_APP_COMMENTS_ENDPOINT}`, data, {
-      headers: {
-        Authorization: token,
+      paramsBody: {
+        id: product.article.id_article || productEdit.ArticleId,
+        version: version,
+        items: messages,
+        retailerId: retailerId,
+        status: product.status || productEdit.product.status,
       },
-    });
+      paramsHeader: { Authorization: token },
+    };
+    setMessage("");
+    return sendMessage(data);
   };
 
   useEffect(() => {
@@ -1058,6 +1029,27 @@ export const ProviderProductEdition = ({
         const { newArticleStatus, newServiceStatus, newStatus } = JSON.parse(
           res.data.body
         );
+
+        const message = createMessage(
+          product.retailers || product.retailersAvailable,
+          activeRetailer.id,
+          product[sectionStatusKey],
+          newStatus,
+          activeTab
+        );
+
+        const messageData = {
+          paramsBody: {
+            id: product.article.id_article || productEdit.ArticleId,
+            version: version,
+            items: [{ type: "status", value: message }],
+            retailerId: activeRetailer.id,
+            status: product.status || productEdit.product.status,
+          },
+          paramsHeader: { Authorization: token },
+        };
+        await sendMessage(messageData);
+
         if (newArticleStatus) productTemp.status = newArticleStatus[articleId];
         const retailerStatusCopy = { ...retailerStatus };
         retailerStatusCopy[activeRetailer.id][concept] = newStatus;
@@ -1089,6 +1081,7 @@ export const ProviderProductEdition = ({
         result,
         isAproved: result === "A",
       };
+      const messages = [];
       servicesData?.forEach((ret) => {
         const { service, id_retailer } = ret;
         let data = {};
@@ -1105,6 +1098,18 @@ export const ProviderProductEdition = ({
             },
           })
         );
+        if (product[`${ret.service}_status`] !== "NS") {
+          const message = createMessage(
+            product.retailers,
+            ret.id_retailer,
+            product[`${ret.service}_status`],
+            `${result}A`,
+            ret.service
+          );
+          messages.push(
+            createComment([{ type: "status", value: message }], ret.id_retailer)
+          );
+        }
       });
       await Promise.all(evaluationArray);
       const userType = user.is_retailer === 1 ? "CA" : "P";
@@ -1144,6 +1149,7 @@ export const ProviderProductEdition = ({
           product: productTemp,
         })
       );
+      await Promise.all(messages);
 
       await loadData();
     } catch (error) {
@@ -1271,8 +1277,7 @@ export const ProviderProductEdition = ({
         return;
       } else if (user.is_retailer) {
         if (product.id_order || product.orderId) {
-          setValidatedAll(true);
-          showGlobalModal("error");
+          sendEvaluation("R");
         } else {
           setDataGenericModal((prev) => ({
             ...prev,
@@ -1284,8 +1289,7 @@ export const ProviderProductEdition = ({
           showGlobalModal("generic");
         }
       } else {
-        setValidatedAll(true);
-        showGlobalModal("error");
+        sendEvaluation("R");
       }
     }
   };
@@ -1294,6 +1298,7 @@ export const ProviderProductEdition = ({
       <HeaderTop
         setHeaderTop={setHeaderTop}
         withChat={location?.state?.withChat}
+        chatType={location?.state?.chatType}
         productSelected={productSelected}
         token={token}
         activeRetailer={activeRetailer}
@@ -1372,7 +1377,7 @@ export const ProviderProductEdition = ({
               } else if (user.is_retailer) {
                 if (product.id_order || product.orderId) {
                   setValidatedAll(true);
-                  showGlobalModal("error");
+                  setShowRejectModal(true);
                 } else {
                   setDataGenericModal((prev) => ({
                     ...prev,
@@ -1384,12 +1389,14 @@ export const ProviderProductEdition = ({
                   showGlobalModal("generic");
                 }
               } else {
+                setShowRejectModal(true);
                 setValidatedAll(true);
-                showGlobalModal("error");
               }
             }}
             approve={() => sendToEvaluation("A")}
-            reject={() => sendToEvaluation("R")}
+            reject={() => {
+              setShowRejectModal(true);
+            }}
           />
           <FullTabsMenu
             tabsSections={tabsSections}
@@ -1624,6 +1631,49 @@ export const ProviderProductEdition = ({
           jwt={token}
         />
       )}
+      {showRejectModal && (
+        <Modal
+          title={"Agregar mensaje de rechazo"}
+          show={showRejectModal}
+          customComponent={
+            <TagAndInput
+              label={"Caja de Comentario"}
+              inputType={"textarea"}
+              inputId={"modal-message-box"}
+              index={0}
+              color={"white"}
+            />
+          }
+          buttons={[
+            <ButtonV2
+              key={"btn-Cancelar"}
+              type={"white"}
+              label={"Cancelar"}
+              size={12}
+              onClick={() => {
+                setShowRejectModal(false);
+              }}
+            />,
+            <ButtonV2
+              key={"btn-Aceptar"}
+              type={"pink"}
+              label={"Aceptar"}
+              size={12}
+              onClick={async () => {
+                const body = document.querySelector(
+                  "#modal-message-box .ql-container .ql-editor > p"
+                ).innerHTML;
+                const messages = [
+                  { type: "message", value: body?.replace(/<.*?\/?>/gm, "") },
+                ];
+                await createComment(messages, activeRetailer.id);
+                validatedAll ? validateAll("R") : sendToEvaluation("R");
+                setShowRejectModal(false);
+              }}
+            />,
+          ]}
+        />
+      )}
     </Container>
   );
 };