contentoh-components-library 21.1.74 → 21.1.77

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

@@ -164,14 +164,9 @@ export const ProviderProductEdition = ({
       : productToEdit
   );
   const [icon, setIcon] = useState(null);
-  const [version, setVersion] = useState(product?.version);
-  const [comments, setComments] = useState({});
+  const [version] = useState(product?.version);
+  const [comments] = useState({});
   const [comment, setComment] = useState("");
-  const [requiredNull, setRequiredNull] = useState({
-    "Ficha técnica": 0,
-    Descripción: 0,
-    Imágenes: 0,
-  });
   const [crossComment, setCrossComment] = useState(false);
   const [userGroups, setUserGroups] = useState([]);
   const [assig, setAssig] = useState({});
@@ -180,7 +175,6 @@ export const ProviderProductEdition = ({
   const [checkAll, setCheckAll] = useState(false);
   const isRetailer = user?.is_retailer;
   const [loading, setLoading] = useState(true);
-  const [statusArray, setStatusArray] = useState([]);
 
   const originProp = location?.state?.origin;
   const [origin, setOrigin] = useState({
@@ -212,6 +206,9 @@ export const ProviderProductEdition = ({
   const [modalViewTextArea, setModalViewTextArea] = useState(false);
   const [socketType, setSocketType] = useState(null);
   const [saving, setSaving] = useState(loading);
+  const [retailerStatus, setRetailerStatus] = useState(
+    product.statusByRetailer
+  );
   const [showCreateVersion, setShowCreateVersion] = useState(false);
   const [showVersionSelector, setShowVersionSelector] =
     closeModals("version-selector");
@@ -240,11 +237,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));
@@ -263,10 +257,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);
     }
@@ -287,15 +282,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;
       }
     }
@@ -312,31 +307,12 @@ export const ProviderProductEdition = ({
     setInCart(arr.some((e) => e.articleId === product.id_article));
   };
 
-  useEffect(async () => {
-    setLoading(true);
+  useEffect(() => {
     sessionStorage.setItem("user", JSON.stringify(user));
     loadData();
     getCart();
-    setUserGroups(await fetchUsers(token));
-    let arr = [];
-    switch (user.id_role) {
-      case 7:
-      case 8:
-        arr = ["IN_PROGRESS", "RF", "RA"];
-        break;
-      case 4:
-      case 5:
-        arr = ["RF", "AF", "AA", "AP", "AC"];
-        break;
-      case 6:
-        arr = ["RP", "RC", "AF"];
-        break;
-      default:
-        arr = [];
-        break;
-    }
-    setStatusArray(arr);
-  }, [product, version]);
+    fetchUsers(token).then((res) => setUserGroups(res));
+  }, [product]);
 
   const loadAssignations = (currentProduct) => {
     setAssig(product?.asignations);
@@ -350,9 +326,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);
@@ -428,7 +404,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,
         {
@@ -437,8 +413,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);
     }
@@ -461,8 +439,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);
     }
@@ -560,7 +540,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,
           {
@@ -569,9 +549,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);
       }
@@ -673,12 +655,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,
       },
@@ -696,7 +678,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))
     );
@@ -799,7 +781,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);
@@ -812,54 +794,69 @@ 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 sectionStatusKey = `${getConcept(activeTab)}_status`;
+    const evalStatus = product[sectionStatusKey] || 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,
-          idCategory: productTemp.article.id_category,
-          product: productTemp,
-        })
-      );
-      setOrigin((prev) => ({ ...prev, [concept]: "Evaluated" }));
+    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 newStatuses = JSON.parse(res.data.body);
+        const orderStatus = newStatuses.newOrderStatus;
+        const serviceStatus =
+          newStatuses.newServiceStatus[articleId][
+            `${getConcept(activeTab)}Status`
+          ];
+
+        const newProductEdit = productEdit;
+        newProductEdit.product[sectionStatusKey] = serviceStatus;
+        setProductEdit(newProductEdit);
+        showSurvey &&
+          showSurvey(!user.is_retailer && orderStatus[orderId] === "AP");
+      } else {
+        res = await axios.put(`${process.env.REACT_APP_SEND_EVAL}`, data, {
+          headers: {
+            Authorization: token,
+          },
+        });
+      }
+      if (res.data.statusCode === 200) {
+        const { newArticleStatus, newServiceStatus, newStatus } = JSON.parse(
+          res.data.body
+        );
+        if (newArticleStatus) productTemp.status = newArticleStatus[articleId];
+        const retailerStatusCopy = { ...retailerStatus };
+        retailerStatusCopy[activeRetailer.id][concept] = newStatus;
+        setRetailerStatus(retailerStatusCopy);
+        productTemp.statusByRetailer = retailerStatusCopy;
+        let status;
+        if (newServiceStatus) {
+          status = newServiceStatus[articleId][`${concept}Status`];
+          productTemp[`${concept}_status`] = status;
+        }
+        setProduct(productTemp);
+        sessionStorage.setItem("productSelected", JSON.stringify(productTemp));
+        setOrigin((prev) => ({ ...prev, [concept]: status }));
+      }
+    } catch (err) {
+      console.log(err);
     }
     loadData();
-    showSurvey && showSurvey(confirmStatusComplete());
   };
 
   const validateAll = async (result) => {
@@ -868,14 +865,18 @@ export const ProviderProductEdition = ({
       const evaluationArray = [];
       const sendAll = [];
       const conceptArray = ["description", "datasheet", "images"];
-
+      const dataGeneral = {
+        articleId: product.id_article,
+        orderId: product.id_order ?? product.orderId,
+        result,
+      };
       servicesData?.forEach((ret) => {
-        let data = {
-          articleId: product.id_article,
-          orderId: product.id_order ?? product.orderId,
-          concept: ret.service,
-          result: result,
-          retailerId: ret.id_retailer,
+        const { service, id_retailer } = ret;
+        const data = {
+          ...dataGeneral,
+          concept: service,
+          retailerId: id_retailer,
+          evalStatus: retailerStatus[id_retailer][service],
         };
         evaluationArray.push(
           axios.put(`${process.env.REACT_APP_EVALUATION_ENDPOINT}`, data, {
@@ -884,16 +885,6 @@ export const ProviderProductEdition = ({
             },
           })
         );
-      });
-
-      await Promise.all(evaluationArray);
-
-      conceptArray?.forEach((concept) => {
-        let data = {
-          articleId: product.id_article,
-          orderId: product.id_order ?? product.orderId,
-          concept,
-        };
         sendAll.push(
           axios.put(`${process.env.REACT_APP_SEND_EVAL}`, data, {
             headers: {
@@ -903,15 +894,27 @@ export const ProviderProductEdition = ({
         );
       });
 
-      await Promise.all(sendAll);
+      await Promise.all([...evaluationArray, ...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`;
+
+      const retailerStatusCopy = { ...retailerStatus };
+      Object.keys(retailerStatusCopy).forEach((key) => {
+        conceptArray.forEach((concept) => {
+          if (retailerStatusCopy[key][concept]) {
+            retailerStatusCopy[key][concept] = `${result}CA`;
+          }
+        });
+      });
+      setRetailerStatus(retailerStatusCopy);
+      productTemp.statusByRetailer = retailerStatusCopy;
       setProduct(productTemp);
       sessionStorage.setItem("productSelected", JSON.stringify(productTemp));
       setProductEdit({
@@ -928,7 +931,7 @@ export const ProviderProductEdition = ({
         })
       );
 
-      loadData();
+      await loadData();
     } catch (error) {
       console.log(error);
     }
@@ -949,7 +952,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;
@@ -958,24 +961,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) {
@@ -1065,23 +1066,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={() => {
@@ -1091,25 +1090,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={() => {
@@ -1126,23 +1123,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={() => {
@@ -1152,33 +1147,33 @@ 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);
               }
             }}
           />
           <FullTabsMenu
             tabsSections={tabsSections}
             status={
-              product[`${getConcept(activeTab)}_status`] ||
-              product?.version_status
+              activeRetailer.id && retailerStatus
+                ? retailerStatus[activeRetailer?.id][getConcept(activeTab)] ||
+                  "NS"
+                : "-"
             }
             activeTab={activeTab}
             setActiveTab={setActiveTab}
@@ -1323,56 +1318,44 @@ 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!`);
-                }}
-              />
             </div>
-          ) : revision ? null : (
-            <div className="required-inputs-message">
-              <div>
-                <p>
-                  Los atributos son requeridos por las plataformas de las
-                  cadenas, es muy importante completar los campos requeridos ya
-                  que pueden rechazar el producto por falta de información.
-                </p>
+          ) : (
+            !revision && (
+              <div className="required-inputs-message">
+                <div>
+                  <p>
+                    Los atributos son requeridos por las plataformas de las
+                    cadenas, es muy importante completar los campos requeridos
+                    ya que pueden rechazar el producto por falta de información.
+                  </p>
+                </div>
+                {inCart ? (
+                  <button type="button">
+                    <Link to="/checkout">
+                      <p>Articulo en carrito</p>
+                      <p>Ir a checkout</p>
+                    </Link>
+                  </button>
+                ) : (
+                  <>
+                    <SliderToolTip
+                      infoIcon={InfoIcon}
+                      slidefront={slidefront}
+                      iconSize={"big-image"}
+                      slidePosition={"top-slide"}
+                    />
+                    <Button
+                      onClick={() => {
+                        setShowContentohRequestModal &&
+                          setShowContentohRequestModal(true);
+                      }}
+                      buttonType="general-default-button"
+                      label="Enviar a Content-oh!"
+                    />
+                  </>
+                )}
               </div>
-              {inCart ? (
-                <button type="button">
-                  <Link to="/checkout">
-                    <p>Articulo en carrito</p>
-                    <p>Ir a checkout</p>
-                  </Link>
-                </button>
-              ) : (
-                <>
-                  <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!"
-                  />
-                </>
-              )}
-            </div>
+            )
           )}
         </div>
       </div>