contentoh-components-library 21.5.22 → 21.5.23

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

@@ -16,49 +16,49 @@ RetailerProductEditionDefault.args = {
     Imágenes: false,
   },
   token:
-   "eyJraWQiOiJEV3owZnNieXg2MXNFcVduN3RCXC81bVhod3ZNbFZIOTgwUnZcL3RjT0lKdEk9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJmNGRiODI2My1jYjA1LTQzMTItOWU0NS1lM2RlY2E2NjllNzIiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfbFN6UVo0WjdSIiwiY29nbml0bzp1c2VybmFtZSI6ImY0ZGI4MjYzLWNiMDUtNDMxMi05ZTQ1LWUzZGVjYTY2OWU3MiIsImF1ZCI6IjUyZDlza2tkY2c4cWpwODhvb2sxdXNlNm1rIiwiZXZlbnRfaWQiOiIyMTlmNjg1OS0zOGRkLTQwYzEtYmNhMC00OWQ1YjMwMTQxMTgiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTcxODIxMzQyOCwibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTcxODIxNzAyNywiaWF0IjoxNzE4MjEzNDI4LCJlbWFpbCI6ImVtb250YW5vQGNvbnRlbnRvaC5jb20ifQ.TQfkHTvvjC0VUfoQexjuvlVixeb_J3ZP8uzGFgdDur8m3v0Wad32fUM3eOsTzrsXp_c0HJHHuT_7x9h27pCyLoeTmi5j_y9Rfyu4RXj9xEejE3_Ge7LXupdvYuo3-kI577vcQjrHjYShjLZ0RFNDQVxbrBLS19qRXYj7DJXM0tenLG4v5wLNZyhdmW5OdnIYjA8VfDCxV_fO2v9pFie0DUbmgGGnpzqHBVJfhbBVOrjq2PGmx4HvTy5Ne8b4pyio3Gs5LSYA7ZMTvVMaZWKTFfgNM69tY4NNCZVAfe56EL5DzOBhCtLGXljVqTrEIkd1bPHX_CmM2nGkzhbTwYtstg",
+   "eyJraWQiOiJEV3owZnNieXg2MXNFcVduN3RCXC81bVhod3ZNbFZIOTgwUnZcL3RjT0lKdEk9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJmNGRiODI2My1jYjA1LTQzMTItOWU0NS1lM2RlY2E2NjllNzIiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfbFN6UVo0WjdSIiwiY29nbml0bzp1c2VybmFtZSI6ImY0ZGI4MjYzLWNiMDUtNDMxMi05ZTQ1LWUzZGVjYTY2OWU3MiIsImF1ZCI6IjUyZDlza2tkY2c4cWpwODhvb2sxdXNlNm1rIiwiZXZlbnRfaWQiOiIwZGZkNTRmZC1lMjU1LTRkNmEtYmE1ZS1hYzdjYWM2NjY0NzciLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTcxODgxMjc1MSwibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTcxODgxNjM1MCwiaWF0IjoxNzE4ODEyNzUxLCJlbWFpbCI6ImVtb250YW5vQGNvbnRlbnRvaC5jb20ifQ.eruTcERQql3d7XO5LWbmTAOgrU7avQQ-GN3iiRGuVYUmI1tqMsHxWVsxC8T3QMBkZFL9djpMaOvw53Fc_Gl84WKPr9pmECDsqUkgXKJZxHE5jsRJjsyAd9pdJ00jYdeWePoitxYazBR9TW0TofiB7L5F9b_gjZrGdoAzz1gQvWABL_eGYxrGfJCoNBzxbU8zAIfPJV6u6PR98rumtMVWHW_FyzpZnNKSiP4rEkG7H9cW-Mdzl39seeHQRo9SNht55tnlPkXi7jN6R-AOGhgK0yBHgAwVBbv3aT_TDArXEiXFUFG9viCIq7H6lRvCaXEmJoKnOZOCbpX1y3QI8ayMVQ",
   productSelected: {
     services: {
       datasheets: 1,
       descriptions: 1,
       images: 1,
     },
-    orderId: 7961,
+    orderId: 8086,
     status: "RP",
     datasheet_status: "AA",
     prio: "none",
     version: 3,
-    description_status: "RP",
-    images_status: "AA",
+    description_status: "AA",
+    images_status: "RA",
     statusByRetailer: {
-      "58": {
-        datasheet: "AA",
-        description: "RP",
-        images: "AA",
+        "58": {
+          datasheet: "AA",
+          description: "AA",
+          images: "RA/CA",
+        },
       },
-    },
     article: {
-      id_article: 126855,
-      id_category: "3066",
-      name: "ORGANIZADOR 3 CUBOS ITALIA 92 X 33 X 30 CM",
-      upc: "217141",
-      timestamp: "2024-05-17T18:52:34.000Z",
-      id_user: 1636,
+      id_article: 127595,
+      id_category: "2902",
+      name: "LISTON DECORATIVO DISNEY 5M 2 ESTILOS",
+      upc: "214715",
+      timestamp: "2024-06-05T14:29:41.000Z",
+      id_user: 673,
       status: null,
       active: 1,
-      company_id: 315,
-      company_name: "MADERAS Y DISEÑOS DEL NORTE S.A. DE C.V.",
-      country: "México",
-      id_order: 7961,
+      company_id: 535,
+      company_name: "THD IMPORTACIONES",
+      country: null,
+      id_order: 8086,
       id_datasheet_especialist: 2757,
       id_datasheet_facilitator: null,
       id_description_especialist: 2757,
       id_description_facilitator: null,
-      id_images_especialist: 1251,
+      id_images_especialist: 1259,
       id_images_facilitator: null,
       id_auditor: 514,
       id_recepcionist: null,
-      category: "Muebles|Muebles para Oficina y Gamer|Libreros",
+      category: "Navidad|Decoración Interior|Mallas y Listones",
       missingAttributes: 0,
       missingDescriptions: 0,
       missingImages: 0,
@@ -69,8 +69,8 @@ RetailerProductEditionDefault.args = {
         name: "The Home Depot Golden",
       },
     ],
-    country: "México",
-    upc: "217141",
+    country: "",
+    upc: "214715",
   }
   ,
   // location: {

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

@@ -354,6 +354,15 @@ export const RetailerProductEdition = ({
     setObservationVisible(false);
   };
 
+  const handleCommentSubmit = (e) => {
+    e.preventDefault();
+    const commentText = document.querySelector(
+      "#commentary-box .ql-container .ql-editor > p"
+    ).innerHTML;
+    createComment(e, commentText, activeTab);
+  };
+
+
   useEffect(async () => {
     const { id_article } = product?.article || {};
     if (id_article)
@@ -1077,19 +1086,35 @@ export const RetailerProductEdition = ({
     return product?.article[`id_auditor`] === user.id_user;
   };
 
-  const createComment = async (messages = [], retailerId) => {
+  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 data = {
-      paramsBody: {
-        id: product.article.id_article,
-        version: version,
-        items: messages,
-        retailerId: retailerId,
-        status: product.status,
-      },
-      paramsHeader: { Authorization: token },
+      articleId: product?.article?.id_article,
+      orderId: product?.orderId,
+      message: body?.replace(/<.*?\/?>/gm, ""),
+      concept: concept,
+      version: version,
     };
+    await axios.post(`${process.env.REACT_APP_COMMENTS_ENDPOINT}`, data, {
+      headers: {
+        Authorization: token,
+      },
+    });
+    await getComments(tab);
     setMessage("");
-    return sendMessage(data);
+    setComponentsArray([]);
   };
 
   const getRequired = (services) => {
@@ -1341,7 +1366,6 @@ export const RetailerProductEdition = ({
   };
 
   useEffect(() => {
-    console.log(servicesData, "servicesData");
     let status = getRetailerStatus(servicesData, activeTab);
     setRetailerStatus(status);
   }, [activeTab, servicesData, activeRetailer]);
@@ -1666,15 +1690,7 @@ export const RetailerProductEdition = ({
                       <Button
                         buttonType={"general-transparent-button"}
                         label={"Enviar comentario"}
-                        onClick={(e) =>
-                          createComment(
-                            e,
-                            document.querySelector(
-                              "#commentary-box .ql-container .ql-editor > p"
-                            ).innerHTML,
-                            activeTab
-                          )
-                        }
+                        onClick={handleCommentSubmit}
                       />
                     </div>
                   </div>