contentoh-components-library 21.1.37 → 21.1.38

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

@@ -233,8 +233,11 @@ 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));
@@ -253,11 +256,10 @@ 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?.find((retailer) =>
-        retailerResponse.includes(retailer.id)
-      );
+      let active = retailers?.filter((retailer) =>
+        parsedResponse?.map((srv) => srv.id_retailer).includes(retailer.id)
+      )[0];
       !activeRetailer.id && setActiveRetailer(active ? active : retailers[0]);
       setServicesData(parsedResponse);
     }
@@ -278,15 +280,15 @@ export const ProviderProductEdition = ({
         if (revision && currentService === "AP") return true;
       } else {
         const { product } = productEdit;
-        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)
+        if (
+          orgn === "Contentoh" ||
+          (["RECEIVED", "IN_PROGRESS"].includes(currentService) &&
+            orgn === "RequestWithoutContentoh") ||
+          (currentService === "AA" && orgn === "RequestWithContentoh") ||
+          (currentService === "RC" &&
+            orgn === "RequestWithoutContentoh" &&
+            (!product.id_order || !product.orderId))
+        )
           return true;
       }
     }
@@ -303,26 +305,26 @@ export const ProviderProductEdition = ({
     setInCart(arr.some((e) => e.articleId === product.id_article));
   };
 
-  useEffect(() => {
+  useEffect(async () => {
     sessionStorage.setItem("user", JSON.stringify(user));
     loadData();
     getCart();
-    fetchUsers(token).then((res) => setUserGroups(res));
+    setUserGroups(await fetchUsers(token));
     let arr = [];
-    // ?? Que sentido tiene verificar los roles de colaborador en la app de proveedor
     switch (user.id_role) {
       case 7:
       case 8:
-        arr = ["CA", "RC", "RA"];
+        arr = ["IN_PROGRESS", "RF", "RA"];
         break;
       case 4:
       case 5:
-        arr = ["RC", "AC", "AA", "AP", "ACA"];
+        arr = ["RF", "AF", "AA", "AP", "AC"];
         break;
       case 6:
-        arr = ["RP", "RCA", "AC"];
+        arr = ["RP", "RC", "AF"];
         break;
       default:
+        arr = [];
         break;
     }
     setStatusArray(arr);
@@ -340,9 +342,9 @@ export const ProviderProductEdition = ({
     const productTemp = product;
     const retailers = productTemp?.retailersAvailable || productTemp?.retailers;
     retailers?.forEach((retailer) => {
-      retailer["percentage"] = percentages?.find(
+      retailer["percentage"] = percentages?.filter(
         (percent) => retailer?.id === percent?.id_retailer
-      )?.percentage;
+      )[0]?.percentage;
     });
 
     setProduct(productTemp);
@@ -418,7 +420,7 @@ export const ProviderProductEdition = ({
     };
     if (product?.orderId) dataObject["orderId"] = product?.orderId;
     try {
-      const res = await axios.put(
+      await axios.put(
         `${process.env.REACT_APP_ARTICLE_DATA_ENDPOINT}?description=true&version=${version}`,
         dataObject,
         {
@@ -427,10 +429,8 @@ export const ProviderProductEdition = ({
           },
         }
       );
-      if (res.data.statusCode === 200) {
-        setMessage("Descripciones guardadas con éxito");
-        await loadData();
-      }
+      setMessage("Descripciones guardadas con éxito");
+      loadData();
     } catch (error) {
       console.log(error);
     }
@@ -453,10 +453,8 @@ export const ProviderProductEdition = ({
           },
         }
       );
-      if (res.data.statusCode === 200) {
-        setMessage("Fichas técnicas guardadas");
-        await loadData();
-      }
+      setMessage("Fichas técnicas guardadas");
+      loadData();
     } catch (error) {
       console.log(error);
     }
@@ -554,7 +552,7 @@ export const ProviderProductEdition = ({
         return e;
       });
       try {
-        const res = await axios.put(
+        await axios.put(
           `${process.env.REACT_APP_ARTICLE_DATA_ENDPOINT}?image=true&version=${version}`,
           dataImages,
           {
@@ -563,11 +561,9 @@ export const ProviderProductEdition = ({
             },
           }
         );
-        if (res.data.statusCode === 200) {
-          setMessage("Imágenes guardadas con éxito");
-          sessionStorage.removeItem("imagesList");
-          await loadData();
-        }
+        setMessage("Imágenes guardadas con éxito");
+        sessionStorage.removeItem("imagesList");
+        loadData();
       } catch (error) {
         console.log(error);
       }
@@ -669,12 +665,12 @@ export const ProviderProductEdition = ({
         },
       ],
       concept: concept,
-      userId: assignationId,
+      [`${assignationType}Id`]: assignationId,
     };
-    await axios({
+    axios({
       method: "post",
       url: process.env.REACT_APP_ASSIGNATIONS_ENDPOINT,
-      data,
+      data: data,
       headers: {
         Authorization: token,
       },
@@ -692,7 +688,7 @@ export const ProviderProductEdition = ({
       serv = serv.filter((f) => f.id_retailer === activeRetailer.id);
     }
     const statusArray =
-      user.is_retailer === 1 ? ["ACA", "RCA"] : ["AP", "RP", "ACA"];
+      user.is_retailer === 1 ? ["AC", "RC"] : ["AP", "RP", "AC"];
     return (
       serv.length > 0 && serv.every((item) => statusArray.includes(item.status))
     );
@@ -795,7 +791,7 @@ export const ProviderProductEdition = ({
     const { datasheet_status, description_status, images_status } = product;
     const completionStates =
       user.is_retailer === 1
-        ? ["ACA", "Evaluated", "NS"]
+        ? ["AC", "Evaluated", "NS"]
         : ["AP", "Evaluated", "NS"];
     const dsEvaluated = completionStates.includes(datasheet_status);
     const descsEvaluated = completionStates.includes(description_status);
@@ -808,54 +804,54 @@ export const ProviderProductEdition = ({
 
   const sendEvaluation = async (result) => {
     setLoading(true);
-    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 };
+    let data = {};
     const retailerId = activeRetailer?.id;
-    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,
-            },
-          }
-        );
-        const orderStatus = JSON.parse(res.data.body).newOrderStatus;
-        showSurvey && showSurvey(orderStatus[orderId] === "AP");
-      } 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,
+    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,
           idCategory: productTemp.article.id_category,
           product: productTemp,
-        };
-        setProductEdit(newProductEdit);
-        sessionStorage.setItem("productEdit", JSON.stringify(newProductEdit));
-        setOrigin((prev) => ({ ...prev, [concept]: "Evaluated" }));
-        await loadData();
-      }
-    } catch (err) {
-      console.log(err);
+        })
+      );
+      setOrigin((prev) => ({ ...prev, [concept]: "Evaluated" }));
     }
+    loadData();
+    showSurvey && showSurvey(confirmStatusComplete());
   };
 
   const validateAll = async (result) => {
@@ -901,13 +897,13 @@ export const ProviderProductEdition = ({
 
       await Promise.all(sendAll);
       const productTemp = product;
-      productTemp.article_status = `${result}CA`;
+      productTemp.article_status = `${result}C`;
       productTemp.datasheet_status =
-        productTemp.datasheet_status === "NA" ? "NA" : `${result}CA`;
+        productTemp.datasheet_status === "NA" ? "NA" : `${result}C`;
       productTemp.description_status =
-        productTemp.description_status === "NA" ? "NA" : `${result}CA`;
+        productTemp.description_status === "NA" ? "NA" : `${result}C`;
       productTemp.images_status =
-        productTemp.images_status === "NA" ? "NA" : `${result}CA`;
+        productTemp.images_status === "NA" ? "NA" : `${result}C`;
       setProduct(productTemp);
       sessionStorage.setItem("productSelected", JSON.stringify(productTemp));
       setProductEdit({
@@ -924,7 +920,7 @@ export const ProviderProductEdition = ({
         })
       );
 
-      await loadData();
+      loadData();
     } catch (error) {
       console.log(error);
     }
@@ -945,7 +941,7 @@ export const ProviderProductEdition = ({
       },
     });
     const prod = productEdit;
-    const statusComplete = user.is_retailer ? `${result}CA` : `${result}P`;
+    const statusComplete = user.is_retailer ? `${result}C` : `${result}P`;
     prod.product.datasheet_status = statusComplete;
     prod.product.description_status = statusComplete;
     prod.product.images_status = statusComplete;
@@ -954,22 +950,24 @@ export const ProviderProductEdition = ({
     sessionStorage.setItem("productEdit", JSON.stringify(prod));
     setProduct(prod);
     setShowGenericModal && setShowGenericModal(false);
-    await loadData();
+    loadData();
   };
 
   const getSectionStatus = () => {
     const concept = getConcept(activeTab);
-    return ["AA", "AP", "R", "CA", "RCA"].includes(
+    return ["AA", "AP", "RECEIVED", "IN_PROGRESS", "RC"].includes(
       productEdit.product[`${concept}_status`]
     );
   };
 
   const enableActions = (versionStatus) => {
     try {
-      if (user.is_retailer) return false;
+      const userIsRetailer = user.is_retailer;
+
+      if (userIsRetailer) return false;
 
       if (versionStatus) {
-        return ["AP", "ACA", "RCA", null].includes(versionStatus);
+        return ["AP", "AC", "RC", null].includes(versionStatus);
       }
       return true;
     } catch (err) {
@@ -1059,21 +1057,23 @@ export const ProviderProductEdition = ({
                   },
                 }));
                 setShowGenericModal(true);
-              } else if (user.is_retailer) {
-                if (product.id_order || product.orderId) {
-                  validateAll("A");
+              } 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 {
-                  setDataGenericModal((prev) => ({
-                    ...prev,
-                    button2: {
-                      name: "Continuar",
-                      action: () => evaluationToRetailer("A"),
-                    },
-                  }));
-                  setShowGenericModal(true);
+                  validateAll("A");
                 }
-              } else {
-                validateAll("A");
               }
             }}
             rejectAll={() => {
@@ -1083,23 +1083,25 @@ export const ProviderProductEdition = ({
                 (!product.id_order || !product.orderId)
               ) {
                 return;
-              } else if (user.is_retailer) {
-                if (product.id_order || product.orderId) {
+              } 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);
-                } else {
-                  setDataGenericModal((prev) => ({
-                    ...prev,
-                    button2: {
-                      name: "Continuar",
-                      action: () => evaluationToRetailer("R"),
-                    },
-                  }));
-                  setShowGenericModal(true);
                 }
-              } else {
-                validateAll("R");
-                setModalViewError(true);
               }
             }}
             approve={() => {
@@ -1116,21 +1118,23 @@ export const ProviderProductEdition = ({
                   },
                 }));
                 setShowGenericModal(true);
-              } else if (user.is_retailer) {
-                if (product.id_order || product.orderId) {
-                  sendEvaluation("A");
+              } 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 {
-                  setDataGenericModal((prev) => ({
-                    ...prev,
-                    button2: {
-                      name: "Continuar",
-                      action: () => evaluationToRetailer("A"),
-                    },
-                  }));
-                  setShowGenericModal(true);
+                  sendEvaluation("A");
                 }
-              } else {
-                sendEvaluation("A");
               }
             }}
             reject={() => {
@@ -1140,23 +1144,25 @@ export const ProviderProductEdition = ({
                 (!product.id_order || !product.orderId)
               ) {
                 return;
-              } else if (user.is_retailer) {
-                if (product.id_order || product.orderId) {
+              } 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);
-                } else {
-                  setDataGenericModal((prev) => ({
-                    ...prev,
-                    button2: {
-                      name: "Continuar",
-                      action: () => evaluationToRetailer("R"),
-                    },
-                  }));
-                  setShowGenericModal(true);
                 }
-              } else {
-                sendEvaluation("R");
-                setModalViewError(true);
               }
             }}
           />
@@ -1307,21 +1313,20 @@ 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">
@@ -1341,20 +1346,20 @@ export const ProviderProductEdition = ({
                 </button>
               ) : (
                 <>
-                  <SliderToolTip
+                <SliderToolTip
                     infoIcon={InfoIcon}
                     slidefront={slidefront}
                     iconSize={"big-image"}
                     slidePosition={"top-slide"}
                   ></SliderToolTip>
-                  <Button
-                    onClick={() => {
-                      setShowContentohRequestModal &&
-                        setShowContentohRequestModal(true);
-                    }}
-                    buttonType="general-default-button"
-                    label="Enviar a Content-oh!"
-                  />
+                <Button
+                  onClick={() => {
+                    setShowContentohRequestModal &&
+                      setShowContentohRequestModal(true);
+                  }}
+                  buttonType="general-default-button"
+                  label="Enviar a Content-oh!"
+                />
                 </>
               )}
             </div>
@@ -1436,4 +1441,4 @@ export const ProviderProductEdition = ({
       )}
     </Container>
   );
-};
+};