contentoh-components-library 21.1.31 → 21.1.32

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

@@ -233,11 +233,8 @@ export const ProviderProductEdition = ({
       );
     }
 
-    //setActiveRetailer(product?.retailers[0]);
-    setImages({
-      action: "init",
-      init: services[2],
-    });
+    // setActiveRetailer(product?.retailers[0]);
+    setImages({ action: "init", init: services[2] });
     if (services[2]?.values?.length > 0) setActiveImage(0);
 
     getPercentage({ data: [product] }).then((res) => setPercentages(res));
@@ -256,10 +253,11 @@ export const ProviderProductEdition = ({
         }&end=true`
       );
       const parsedResponse = JSON.parse(servicesResponse?.data?.body).data;
+      const retailerResponse = parsedResponse?.map((srv) => srv.id_retailer);
       let retailers = product.retailers || product.retailersAvailable;
-      let active = retailers?.filter((retailer) =>
-        parsedResponse?.map((srv) => srv.id_retailer).includes(retailer.id)
-      )[0];
+      let active = retailers?.find((retailer) =>
+        retailerResponse.includes(retailer.id)
+      );
       !activeRetailer.id && setActiveRetailer(active ? active : retailers[0]);
       setServicesData(parsedResponse);
     }
@@ -280,15 +278,15 @@ export const ProviderProductEdition = ({
         if (revision && currentService === "AP") return true;
       } else {
         const { product } = productEdit;
-        if (
-          orgn === "Contentoh" ||
-          (["RECEIVED", "IN_PROGRESS"].includes(currentService) &&
-            orgn === "RequestWithoutContentoh") ||
-          (currentService === "AA" && orgn === "RequestWithContentoh") ||
-          (currentService === "RC" &&
-            orgn === "RequestWithoutContentoh" &&
-            (!product.id_order || !product.orderId))
-        )
+        const isRequestWithoutContentoh =
+          orgn === "RequestWithoutContentoh" &&
+          (["R", "CA"].includes(currentService) ||
+            (currentService === "RCA" &&
+              (!product.id_order || !product.orderId)));
+        const isRequestWithContentoh =
+          orgn === "RequestWithContentoh" && currentService === "AA";
+        const isContentoh = orgn === "Contentoh" && currentService === "AA";
+        if (isContentoh || isRequestWithoutContentoh || isRequestWithContentoh)
           return true;
       }
     }
@@ -305,26 +303,26 @@ export const ProviderProductEdition = ({
     setInCart(arr.some((e) => e.articleId === product.id_article));
   };
 
-  useEffect(async () => {
+  useEffect(() => {
     sessionStorage.setItem("user", JSON.stringify(user));
     loadData();
     getCart();
-    setUserGroups(await fetchUsers(token));
+    fetchUsers(token).then((res) => setUserGroups(res));
     let arr = [];
+    // ?? Que sentido tiene verificar los roles de colaborador en la app de proveedor
     switch (user.id_role) {
       case 7:
       case 8:
-        arr = ["IN_PROGRESS", "RF", "RA"];
+        arr = ["CA", "RC", "RA"];
         break;
       case 4:
       case 5:
-        arr = ["RF", "AF", "AA", "AP", "AC"];
+        arr = ["RC", "AC", "AA", "AP", "ACA"];
         break;
       case 6:
-        arr = ["RP", "RC", "AF"];
+        arr = ["RP", "RCA", "AC"];
         break;
       default:
-        arr = [];
         break;
     }
     setStatusArray(arr);
@@ -342,9 +340,9 @@ export const ProviderProductEdition = ({
     const productTemp = product;
     const retailers = productTemp?.retailersAvailable || productTemp?.retailers;
     retailers?.forEach((retailer) => {
-      retailer["percentage"] = percentages?.filter(
+      retailer["percentage"] = percentages?.find(
         (percent) => retailer?.id === percent?.id_retailer
-      )[0]?.percentage;
+      )?.percentage;
     });
 
     setProduct(productTemp);
@@ -420,7 +418,7 @@ export const ProviderProductEdition = ({
     };
     if (product?.orderId) dataObject["orderId"] = product?.orderId;
     try {
-      await axios.put(
+      const res = await axios.put(
         `${process.env.REACT_APP_ARTICLE_DATA_ENDPOINT}?description=true&version=${version}`,
         dataObject,
         {
@@ -429,8 +427,10 @@ export const ProviderProductEdition = ({
           },
         }
       );
-      setMessage("Descripciones guardadas con éxito");
-      loadData();
+      if (res.data.statusCode === 200) {
+        setMessage("Descripciones guardadas con éxito");
+        await loadData();
+      }
     } catch (error) {
       console.log(error);
     }
@@ -453,8 +453,10 @@ export const ProviderProductEdition = ({
           },
         }
       );
-      setMessage("Fichas técnicas guardadas");
-      loadData();
+      if (res.data.statusCode === 200) {
+        setMessage("Fichas técnicas guardadas");
+        await loadData();
+      }
     } catch (error) {
       console.log(error);
     }
@@ -552,7 +554,7 @@ export const ProviderProductEdition = ({
         return e;
       });
       try {
-        await axios.put(
+        const res = await axios.put(
           `${process.env.REACT_APP_ARTICLE_DATA_ENDPOINT}?image=true&version=${version}`,
           dataImages,
           {
@@ -561,9 +563,11 @@ export const ProviderProductEdition = ({
             },
           }
         );
-        setMessage("Imágenes guardadas con éxito");
-        sessionStorage.removeItem("imagesList");
-        loadData();
+        if (res.data.statusCode === 200) {
+          setMessage("Imágenes guardadas con éxito");
+          sessionStorage.removeItem("imagesList");
+          await loadData();
+        }
       } catch (error) {
         console.log(error);
       }
@@ -665,12 +669,12 @@ export const ProviderProductEdition = ({
         },
       ],
       concept: concept,
-      [`${assignationType}Id`]: assignationId,
+      userId: assignationId,
     };
-    axios({
+    await axios({
       method: "post",
       url: process.env.REACT_APP_ASSIGNATIONS_ENDPOINT,
-      data: data,
+      data,
       headers: {
         Authorization: token,
       },
@@ -688,7 +692,7 @@ export const ProviderProductEdition = ({
       serv = serv.filter((f) => f.id_retailer === activeRetailer.id);
     }
     const statusArray =
-      user.is_retailer === 1 ? ["AC", "RC"] : ["AP", "RP", "AC"];
+      user.is_retailer === 1 ? ["ACA", "RCA"] : ["AP", "RP", "ACA"];
     return (
       serv.length > 0 && serv.every((item) => statusArray.includes(item.status))
     );
@@ -791,7 +795,7 @@ export const ProviderProductEdition = ({
     const { datasheet_status, description_status, images_status } = product;
     const completionStates =
       user.is_retailer === 1
-        ? ["AC", "Evaluated", "NS"]
+        ? ["ACA", "Evaluated", "NS"]
         : ["AP", "Evaluated", "NS"];
     const dsEvaluated = completionStates.includes(datasheet_status);
     const descsEvaluated = completionStates.includes(description_status);
@@ -804,54 +808,53 @@ export const ProviderProductEdition = ({
 
   const sendEvaluation = async (result) => {
     setLoading(true);
-    let data = {};
+    const concept = getConcept(activeTab);
+    const productTemp = product;
+    const articleId = productTemp.id_article;
+    const orderId = productTemp.id_order ?? productTemp.orderId;
+    const evalStatus =
+      product[`${getConcept(activeTab)}_status`] || product?.version_status;
+    let data = { articleId, orderId, concept, evalStatus };
     const retailerId = activeRetailer?.id;
-    if (result) {
-      data = {
-        articleId: product.id_article,
-        orderId: product.id_order ?? product.orderId,
-        concept: getConcept(activeTab),
-        result: result,
-        retailerId,
-      };
-      await axios.put(`${process.env.REACT_APP_EVALUATION_ENDPOINT}`, data, {
-        headers: {
-          Authorization: token,
-        },
-      });
-    } else {
-      const productTemp = product;
-      const concept = getConcept(activeTab);
-      productTemp[`${concept}_status`] = "Evaluated";
-      data = {
-        articleId: product.id_article,
-        orderId: product.id_order ?? product.orderId,
-        concept,
-      };
-      axios.put(`${process.env.REACT_APP_SEND_EVAL}`, data, {
-        headers: {
-          Authorization: token,
-        },
-      });
-      setProduct(productTemp);
-      sessionStorage.setItem("productSelected", JSON.stringify(productTemp));
-      setProductEdit({
-        ArticleId: productTemp.id_article,
-        idCategory: productTemp.article.id_category,
-        product: productTemp,
-      });
-      sessionStorage.setItem(
-        "productEdit",
-        JSON.stringify({
-          ArticleId: productTemp.id_article,
+    let res;
+    try {
+      if (result) {
+        data.result = result;
+        data.retailerId = retailerId;
+        res = await axios.put(
+          `${process.env.REACT_APP_EVALUATION_ENDPOINT}`,
+          data,
+          {
+            headers: {
+              Authorization: token,
+            },
+          }
+        );
+      } else {
+        res = await axios.put(`${process.env.REACT_APP_SEND_EVAL}`, data, {
+          headers: {
+            Authorization: token,
+          },
+        });
+      }
+      if (res.data.statusCode === 200) {
+        productTemp[`${concept}_status`] = "Evaluated";
+        setProduct(productTemp);
+        sessionStorage.setItem("productSelected", JSON.stringify(productTemp));
+        const newProductEdit = {
+          ArticleId: articleId,
           idCategory: productTemp.article.id_category,
           product: productTemp,
-        })
-      );
-      setOrigin((prev) => ({ ...prev, [concept]: "Evaluated" }));
+        };
+        setProductEdit(newProductEdit);
+        sessionStorage.setItem("productEdit", JSON.stringify(newProductEdit));
+        setOrigin((prev) => ({ ...prev, [concept]: "Evaluated" }));
+        await loadData();
+        showSurvey && showSurvey(confirmStatusComplete());
+      }
+    } catch (err) {
+      console.log(err);
     }
-    loadData();
-    showSurvey && showSurvey(confirmStatusComplete());
   };
 
   const validateAll = async (result) => {
@@ -897,13 +900,13 @@ export const ProviderProductEdition = ({
 
       await Promise.all(sendAll);
       const productTemp = product;
-      productTemp.article_status = `${result}C`;
+      productTemp.article_status = `${result}CA`;
       productTemp.datasheet_status =
-        productTemp.datasheet_status === "NA" ? "NA" : `${result}C`;
+        productTemp.datasheet_status === "NA" ? "NA" : `${result}CA`;
       productTemp.description_status =
-        productTemp.description_status === "NA" ? "NA" : `${result}C`;
+        productTemp.description_status === "NA" ? "NA" : `${result}CA`;
       productTemp.images_status =
-        productTemp.images_status === "NA" ? "NA" : `${result}C`;
+        productTemp.images_status === "NA" ? "NA" : `${result}CA`;
       setProduct(productTemp);
       sessionStorage.setItem("productSelected", JSON.stringify(productTemp));
       setProductEdit({
@@ -920,7 +923,7 @@ export const ProviderProductEdition = ({
         })
       );
 
-      loadData();
+      await loadData();
     } catch (error) {
       console.log(error);
     }
@@ -941,7 +944,7 @@ export const ProviderProductEdition = ({
       },
     });
     const prod = productEdit;
-    const statusComplete = user.is_retailer ? `${result}C` : `${result}P`;
+    const statusComplete = user.is_retailer ? `${result}CA` : `${result}P`;
     prod.product.datasheet_status = statusComplete;
     prod.product.description_status = statusComplete;
     prod.product.images_status = statusComplete;
@@ -950,24 +953,22 @@ export const ProviderProductEdition = ({
     sessionStorage.setItem("productEdit", JSON.stringify(prod));
     setProduct(prod);
     setShowGenericModal && setShowGenericModal(false);
-    loadData();
+    await loadData();
   };
 
   const getSectionStatus = () => {
     const concept = getConcept(activeTab);
-    return ["AA", "AP", "RECEIVED", "IN_PROGRESS", "RC"].includes(
+    return ["AA", "AP", "R", "CA", "RCA"].includes(
       productEdit.product[`${concept}_status`]
     );
   };
 
   const enableActions = (versionStatus) => {
     try {
-      const userIsRetailer = user.is_retailer;
-
-      if (userIsRetailer) return false;
+      if (user.is_retailer) return false;
 
       if (versionStatus) {
-        return ["AP", "AC", "RC", null].includes(versionStatus);
+        return ["AP", "ACA", "RCA", null].includes(versionStatus);
       }
       return true;
     } catch (err) {
@@ -1057,23 +1058,21 @@ export const ProviderProductEdition = ({
                   },
                 }));
                 setShowGenericModal(true);
-              } else {
-                if (user.is_retailer) {
-                  if (product.id_order || product.orderId) {
-                    validateAll("A");
-                  } else {
-                    setDataGenericModal((prev) => ({
-                      ...prev,
-                      button2: {
-                        name: "Continuar",
-                        action: () => evaluationToRetailer("A"),
-                      },
-                    }));
-                    setShowGenericModal(true);
-                  }
-                } else {
+              } else if (user.is_retailer) {
+                if (product.id_order || product.orderId) {
                   validateAll("A");
+                } else {
+                  setDataGenericModal((prev) => ({
+                    ...prev,
+                    button2: {
+                      name: "Continuar",
+                      action: () => evaluationToRetailer("A"),
+                    },
+                  }));
+                  setShowGenericModal(true);
                 }
+              } else {
+                validateAll("A");
               }
             }}
             rejectAll={() => {
@@ -1083,25 +1082,23 @@ export const ProviderProductEdition = ({
                 (!product.id_order || !product.orderId)
               ) {
                 return;
-              } else {
-                if (user.is_retailer) {
-                  if (product.id_order || product.orderId) {
-                    validateAll("R");
-                    setModalViewError(true);
-                  } else {
-                    setDataGenericModal((prev) => ({
-                      ...prev,
-                      button2: {
-                        name: "Continuar",
-                        action: () => evaluationToRetailer("R"),
-                      },
-                    }));
-                    setShowGenericModal(true);
-                  }
-                } else {
+              } else if (user.is_retailer) {
+                if (product.id_order || product.orderId) {
                   validateAll("R");
                   setModalViewError(true);
+                } else {
+                  setDataGenericModal((prev) => ({
+                    ...prev,
+                    button2: {
+                      name: "Continuar",
+                      action: () => evaluationToRetailer("R"),
+                    },
+                  }));
+                  setShowGenericModal(true);
                 }
+              } else {
+                validateAll("R");
+                setModalViewError(true);
               }
             }}
             approve={() => {
@@ -1118,23 +1115,21 @@ export const ProviderProductEdition = ({
                   },
                 }));
                 setShowGenericModal(true);
-              } else {
-                if (user.is_retailer) {
-                  if (product.id_order || product.orderId) {
-                    sendEvaluation("A");
-                  } else {
-                    setDataGenericModal((prev) => ({
-                      ...prev,
-                      button2: {
-                        name: "Continuar",
-                        action: () => evaluationToRetailer("A"),
-                      },
-                    }));
-                    setShowGenericModal(true);
-                  }
-                } else {
+              } else if (user.is_retailer) {
+                if (product.id_order || product.orderId) {
                   sendEvaluation("A");
+                } else {
+                  setDataGenericModal((prev) => ({
+                    ...prev,
+                    button2: {
+                      name: "Continuar",
+                      action: () => evaluationToRetailer("A"),
+                    },
+                  }));
+                  setShowGenericModal(true);
                 }
+              } else {
+                sendEvaluation("A");
               }
             }}
             reject={() => {
@@ -1144,25 +1139,23 @@ export const ProviderProductEdition = ({
                 (!product.id_order || !product.orderId)
               ) {
                 return;
-              } else {
-                if (user.is_retailer) {
-                  if (product.id_order || product.orderId) {
-                    sendEvaluation("R");
-                    setModalViewError(true);
-                  } else {
-                    setDataGenericModal((prev) => ({
-                      ...prev,
-                      button2: {
-                        name: "Continuar",
-                        action: () => evaluationToRetailer("R"),
-                      },
-                    }));
-                    setShowGenericModal(true);
-                  }
-                } else {
+              } else if (user.is_retailer) {
+                if (product.id_order || product.orderId) {
                   sendEvaluation("R");
                   setModalViewError(true);
+                } else {
+                  setDataGenericModal((prev) => ({
+                    ...prev,
+                    button2: {
+                      name: "Continuar",
+                      action: () => evaluationToRetailer("R"),
+                    },
+                  }));
+                  setShowGenericModal(true);
                 }
+              } else {
+                sendEvaluation("R");
+                setModalViewError(true);
               }
             }}
           />
@@ -1313,20 +1306,21 @@ export const ProviderProductEdition = ({
                   />
                 </div>
               )}
-              <Button
-                buttonType={
-                  evaluationComplete(activeTab) &&
-                  (productEdit.product.id_order || productEdit.product.orderId)
-                    ? "general-green-button"
-                    : "general-button-disabled"
-                }
-                label={"Enviar evaluación"}
-                onClick={() => {
-                  //setModalSent(true);
-                  sendEvaluation();
-                  setMessage(`¡Evaluación de ${activeTab} completada!`);
-                }}
-              />
+              {/* <Button
+                  buttonType={
+                    evaluationComplete(activeTab) &&
+                    (productEdit.product.id_order ||
+                      productEdit.product.orderId)
+                      ? "general-green-button"
+                      : "general-button-disabled"
+                  }
+                  label={"Enviar evaluación"}
+                  onClick={() => {
+                    //setModalSent(true);
+                    sendEvaluation();
+                    setMessage(`¡Evaluación de ${activeTab} completada!`);
+                  }}
+                /> */}
             </div>
           ) : revision ? null : (
             <div className="required-inputs-message">