contentoh-components-library 21.1.29 → 21.1.32

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

@@ -29,7 +29,6 @@ import { GenericModal } from "../../atoms/GenericModal";
 import { ScreenHeader } from "../../atoms/ScreenHeader";
 import { Loading } from "../../atoms/Loading";
 import succes from "../../../assets/images/genericModal/genericModalCheck.svg";
-import { getNewStatus } from "../../../global-files/data";
 import errorModal from "../../../assets/images/genericModal/errorModal.svg";
 
 const reducerImages = (state, action) => {
@@ -77,7 +76,6 @@ export const RetailerProductEdition = ({
   tabsSections,
   productSelected = {},
   user = {},
-  location = {},
   token,
 }) => {
   const [activeTab, setActiveTab] = useState("Descripción");
@@ -165,6 +163,7 @@ export const RetailerProductEdition = ({
   const [socketType, setSocketType] = useState(null);
   const [servicesStatus, setServicesStatus] = useState([]);
   const [saving, setSaving] = useState(loading);
+  const isAuditor = user.id_role === 6;
 
   useEffect(() => {
     checkAll && setSelectedImages(images.values);
@@ -182,11 +181,8 @@ export const RetailerProductEdition = ({
       setServices(services);
       getServices();
 
-      //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));
@@ -204,24 +200,22 @@ export const RetailerProductEdition = ({
     );
     const parsedResponse = JSON.parse(servicesResponse?.data?.body).data;
 
-    let retailers = product.retailers || product.retailersAvailable;
-    let active = retailers?.filter((retailer) =>
-      parsedResponse?.map((srv) => srv.id_retailer).includes(retailer.id)
-    )[0];
+    const retailers = product.retailers || product.retailersAvailable;
+    const retailerResponse = parsedResponse?.map((srv) => srv.id_retailer);
+    const active = retailers?.find((retailer) =>
+      retailerResponse.includes(retailer.id)
+    );
     !activeRetailer.id && setActiveRetailer(active ? active : retailers[0]);
     setServicesData(parsedResponse);
   };
 
   const translateConcept = (concept) => {
-    let translation = "";
-    if (concept === "datasheet") {
-      translation = "Ficha técnica";
-    } else if (concept === "description") {
-      translation = "Descripción";
-    } else if (concept === "images") {
-      translation = "Imágenes";
-    }
-    return translation;
+    const translation = {
+      datasheet: "Ficha técnica",
+      description: "Descripción",
+      images: "Imágenes",
+    };
+    return translation[concept];
   };
 
   const getComments = async (tab = "Descripción") => {
@@ -257,14 +251,14 @@ export const RetailerProductEdition = ({
     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", "RA"];
+        arr = ["RP", "RCA", "AC", "RA"];
         break;
       default:
         arr = [];
@@ -390,13 +384,14 @@ export const RetailerProductEdition = ({
   const saveDescriptions = async () => {
     setLoading(true);
     const productTemp = product;
+    const articleId = product?.article?.id_article;
     const dataObject = {
-      articleId: product?.article?.id_article,
+      articleId,
       articleData: updatedDescriptions,
     };
     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,
         {
@@ -405,14 +400,16 @@ export const RetailerProductEdition = ({
           },
         }
       );
-      if (productTemp.status === "ASSIGNED") {
-        productTemp.status = "IN_PROGRESS";
+      if (res.data.statusCode === 200) {
+        const { newStatus, newArticleStatus } = JSON.parse(res.data.body);
+        if (newArticleStatus) productTemp.status = newArticleStatus[articleId];
+        if (newStatus) productTemp.description_status = newStatus;
         setProduct(productTemp);
         sessionStorage.setItem("productSelected", JSON.stringify(productTemp));
-      }
 
-      setMessage("Descripciones guardadas con éxito");
-      loadData();
+        setMessage("Descripciones guardadas con éxito");
+        await loadData();
+      }
     } catch (error) {
       console.log(error);
     }
@@ -421,14 +418,14 @@ export const RetailerProductEdition = ({
   const saveDatasheets = async () => {
     setLoading(true);
     const productTemp = product;
+    const articleId = product?.article?.id_article;
     const dataObject = {
-      articleId: product?.article?.id_article,
+      articleId,
       articleData: updatedDatasheets,
     };
-    console.log(updatedDatasheets, "updatedDatasheets");
     if (product?.orderId) dataObject["orderId"] = product?.orderId;
     try {
-      await axios.put(
+      const res = await axios.put(
         `${process.env.REACT_APP_ARTICLE_DATA_ENDPOINT}?datasheet=true&version=${version}`,
         dataObject,
         {
@@ -437,13 +434,16 @@ export const RetailerProductEdition = ({
           },
         }
       );
-      setMessage("Fichas técnicas guardadas");
-      if (productTemp.status === "ASSIGNED") {
-        productTemp.status = "IN_PROGRESS";
+      if (res.data.statusCode === 200) {
+        const { newStatus, newArticleStatus } = JSON.parse(res.data.body);
+        if (newArticleStatus) productTemp.status = newArticleStatus[articleId];
+        if (newStatus) productTemp.datasheet_status = newStatus;
         setProduct(productTemp);
         sessionStorage.setItem("productSelected", JSON.stringify(productTemp));
+
+        setMessage("Fichas técnicas guardadas");
+        await loadData();
       }
-      loadData();
     } catch (error) {
       console.log(error);
     }
@@ -527,15 +527,6 @@ export const RetailerProductEdition = ({
         } else {
           setImagesUploaded(true);
         }
-        let productTemp = product;
-        if (productTemp.status === "ASSIGNED") {
-          productTemp.status = "IN_PROGRESS";
-          setProduct(productTemp);
-          sessionStorage.setItem(
-            "productSelected",
-            JSON.stringify(productTemp)
-          );
-        }
       } catch (err) {
         console.log(err);
         // setMainLoading(false);
@@ -560,7 +551,7 @@ export const RetailerProductEdition = ({
         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 +560,21 @@ export const RetailerProductEdition = ({
             },
           }
         );
-        setMessage("Imágenes guardadas con éxito");
-        sessionStorage.removeItem("imagesList");
-        loadData();
+        if (res.data.statusCode === 200) {
+          let productTemp = product;
+          const { newStatus, newArticleStatus } = JSON.parse(res.data.body);
+          if (newArticleStatus)
+            productTemp.status = newArticleStatus[articleId];
+          if (newStatus) productTemp.images_status = newStatus;
+          setProduct(productTemp);
+          sessionStorage.setItem(
+            "productSelected",
+            JSON.stringify(productTemp)
+          );
+          setMessage("Imágenes guardadas con éxito");
+          sessionStorage.removeItem("imagesList");
+          await loadData();
+        }
       } catch (error) {
         console.log(error);
       }
@@ -580,24 +583,20 @@ export const RetailerProductEdition = ({
 
   const evaluationFinished = (userId, tab, statusArray) => {
     const srv = servicesData.filter((serv) => serv.service === getConcept(tab));
-    const [srvActive] = srv.filter(
-      (serv) => serv.id_retailer === activeRetailer?.id
-    );
-    const unvalidated =
-      product[`${getConcept(tab)}_status`] === "QF" ||
-      product[`${getConcept(tab)}_status`] === "IN_PROGRESS";
+    const srvActive = srv
+      .find((serv) => serv.id_retailer === activeRetailer?.id)
+      ?.status?.replace(/.*\//, "");
+    const currStatus = product[`${getConcept(tab)}_status`].replace(/.*\//, "");
+    const unvalidated = ["IE", "CA"].includes(currStatus);
 
-    const auditorUnvalidated = !["RA", "AA", "AC", "AP"].includes(
-      product[`${getConcept(tab)}_status`]
-    );
+    const auditorUnvalidated = !["RA", "AA", "ACA", "AP"].includes(currStatus);
 
     switch (userId) {
       case 7:
       case 8:
         return (
-          (["RA", "RF"].includes(product?.status) && //"IN_PROGRESS", "RF", "RA"
-            statusArray.includes(srvActive?.status)) ||
-          (statusArray.includes(product.status) &&
+          statusArray.includes(srvActive) &&
+          (["RA", "RC"].includes(product?.status) ||
             srv.filter((serv) => statusArray.includes(serv.status)).length ===
               srv.length)
         );
@@ -605,14 +604,16 @@ export const RetailerProductEdition = ({
       case 5:
         return (
           unvalidated &&
-          ["IN_PROGRESS", "QF"].includes(product.status) && //"RF", "AF", "AA", "AP", "AC
+          ["CA", "IE"].includes(product.status) && // "RC", "AC", "AA", "AP", "ACA"
           srv.filter((serv) => statusArray.includes(serv.status)).length ===
             srv.length
         );
       case 6:
         return (
-          statusArray.includes(product.status) && //RP, RC, AF, RA true
-          srv.every((serv) => ["RA", "AA", "AP", "AC"].includes(serv.status)) &&
+          statusArray.includes(product.status) && // RP, RCA, AC, RA true
+          srv.every((serv) =>
+            ["RA", "AA", "AP", "ACA"].includes(serv.status)
+          ) &&
           auditorUnvalidated
         );
       default:
@@ -634,20 +635,20 @@ export const RetailerProductEdition = ({
   const approveRejectButtons = (action) => {
     let concept = getConcept(action || activeTab);
 
-    const [retailerStatus] = servicesData.filter(
-      (srv) => srv.id_retailer === activeRetailer?.id && srv.service === concept
-    );
-
-    return (
-      (retailerStatus?.status === "QF" &&
-        (user.id_role === 1 || user.id_role === 4 || user.id_role === 5)) ||
-      (retailerStatus?.status === "AF" && //sessionStorage product
-        (user.id_role === 1 || user.id_role === 6)) ||
-      (retailerStatus?.status === "RP" &&
-        (user.id_role === 1 || user.id_role === 6)) ||
-      (retailerStatus?.status === "RC" &&
-        (user.id_role === 1 || user.id_role === 6))
-    );
+    const retailerStatus = servicesData
+      .find(
+        (srv) =>
+          srv.id_retailer === activeRetailer?.id && srv.service === concept
+      )
+      ?.status?.replace(/.*\//, "");
+
+    //sessionStorage product
+    const adminFacilitatorCanEvaluate =
+      retailerStatus === "IE" && [1, 4, 5].includes(user.id_role);
+    const adminAuditorCanEvaluate =
+      ["AC", "RP", "RCA"].includes(retailerStatus) &&
+      [1, 6].includes(user.id_role);
+    return adminFacilitatorCanEvaluate || adminAuditorCanEvaluate;
   };
 
   const getSectionIcon = () => {
@@ -671,92 +672,57 @@ export const RetailerProductEdition = ({
     try {
       let concept = getConcept(activeTab);
 
-      let productTemp = { ...product };
-      let evalStatus = product[`${concept}_status`];
-
-      let data = {};
+      const productTemp = { ...product };
+      const evalStatus = retailerStatus;
+      const articleId = product.article.id_article;
+      const orderId = product.orderId;
+
+      let data = {
+        articleId,
+        orderId,
+        concept,
+        evalStatus,
+        retailerId: activeRetailer.id,
+      };
+      let res;
       if (result) {
-        data = {
-          articleId: product.article.id_article,
-          orderId: product.orderId,
-          concept: concept,
-          result: result,
-          evalStatus: evalStatus,
-          retailerId: activeRetailer.id,
-        };
-
-        await axios.put(`${process.env.REACT_APP_EVALUATION_ENDPOINT}`, data, {
-          headers: {
-            Authorization: token,
-          },
-        });
+        data.result = result;
+        res = await axios.put(
+          `${process.env.REACT_APP_EVALUATION_ENDPOINT}`,
+          data,
+          {
+            headers: {
+              Authorization: token,
+            },
+          }
+        );
         getServices();
       } else {
-        const specialistDone =
-          evalStatus === "RF" ||
-          evalStatus === "RA" ||
-          evalStatus === "IN_PROGRESS";
+        const specialistDone = ["RC", "RA", "CA"].includes(evalStatus);
 
+        let message;
         if (specialistDone) {
-          setMessage(`${activeTab} enviada a facilitador`);
-          getSectionIcon();
-        } else if (evalStatus === "QF") {
-          setMessage("Evaluación enviada");
-          getSectionIcon();
-        } else if (evalStatus === "AF") {
-          setMessage("Evaluación enviada");
-          getSectionIcon();
-        } else if (evalStatus === "RP") {
-          setMessage("Evaluación enviada");
+          message = `${activeTab} enviada a facilitador`;
           getSectionIcon();
-        } else if (evalStatus === "RC") {
-          setMessage("Evaluación enviada");
+        } else if (["IE", "AC", "RP", "RCA"].includes(evalStatus)) {
+          message = "Evaluación enviada";
           getSectionIcon();
         }
-        let statusArr = [];
-        servicesData.forEach((srv) => {
-          srv.service === concept && statusArr.push(srv.status);
-        });
-
-        productTemp[`${concept}_status`] = getNewStatus(statusArr);
-
-        let newStatus = getNewStatus([
-          productTemp.datasheet_status,
-          productTemp.description_status,
-          productTemp.images_status,
-        ]);
-
-        productTemp.status = newStatus;
-
-        data = {
-          articleId: product.article.id_article,
-          orderId: product.orderId,
-          concept: concept,
-          evalStatus: evalStatus,
-          retailerId: activeRetailer.id,
-        };
-
-        switch (user.id_role) {
-          case 7:
-          case 8:
-            data.especialist = true;
-            break;
-          case 4:
-          case 5:
-            data.facilitator = true;
-            break;
-          default:
-            break;
-        }
-        await axios.put(`${process.env.REACT_APP_SEND_EVAL}`, data, {
+        res = await axios.put(`${process.env.REACT_APP_SEND_EVAL}`, data, {
           headers: {
             Authorization: token,
           },
         });
       }
-      loadData();
-      sessionStorage.setItem("productSelected", JSON.stringify(productTemp));
-      setProduct(productTemp);
+      if (res.data.statusCode === 200) {
+        const { newStatus, newOrderStatus } = JSON.parse(res.data.body);
+        if (newOrderStatus) productTemp.status = newOrderStatus[orderId];
+        productTemp[`${concept}_status`] = newStatus;
+        await loadData();
+        if (message) setMessage(message);
+        sessionStorage.setItem("productSelected", JSON.stringify(productTemp));
+        setProduct(productTemp);
+      }
     } catch (error) {
       console.log(error);
     }
@@ -942,12 +908,12 @@ export const RetailerProductEdition = ({
         },
       ],
       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,
       },
@@ -1082,6 +1048,66 @@ export const RetailerProductEdition = ({
     setSaving(loading);
   }, [loading]);
 
+  const validateAll = async (result) => {
+    try {
+      setLoading(true);
+      const evaluationArray = [];
+      const sendAll = [];
+      const conceptArray = ["description", "datasheet", "images"];
+
+      servicesData?.forEach((ret) => {
+        let data = {
+          articleId: product.article.id_article,
+          orderId: product.id_order ?? product.orderId,
+          concept: ret.service,
+          result: result,
+          evalStatus: product[`${ret.service}_status`],
+          retailerId: ret.id_retailer,
+        };
+        evaluationArray.push(
+          axios.put(`${process.env.REACT_APP_EVALUATION_ENDPOINT}`, data, {
+            headers: {
+              Authorization: token,
+            },
+          })
+        );
+      });
+
+      await Promise.all(evaluationArray);
+
+      conceptArray?.forEach((concept) => {
+        let data = {
+          articleId: product.article.id_article,
+          orderId: product.id_order ?? product.orderId,
+          concept,
+          evalStatus: product[`${concept}_status`],
+        };
+        sendAll.push(
+          axios.put(`${process.env.REACT_APP_SEND_EVAL}`, data, {
+            headers: {
+              Authorization: token,
+            },
+          })
+        );
+      });
+      await Promise.all(sendAll);
+      const productTemp = product;
+      productTemp.status = `${result}A`;
+      productTemp.datasheet_status =
+        productTemp.datasheet_status === "NA" ? "NA" : `${result}A`;
+      productTemp.description_status =
+        productTemp.description_status === "NA" ? "NA" : `${result}A`;
+      productTemp.images_status =
+        productTemp.images_status === "NA" ? "NA" : `${result}A`;
+      sessionStorage.setItem("productSelected", JSON.stringify(productTemp));
+      setProduct(productTemp);
+
+      await loadData();
+    } catch (error) {
+      console.log(error);
+    }
+  };
+
   return (
     <Container headerTop={headerTop}>
       <HeaderTop setHeaderTop={setHeaderTop} />
@@ -1151,9 +1177,50 @@ export const RetailerProductEdition = ({
                 />,
               ]);
             }}
+            showApproveRejectAll={
+              isAuditor &&
+              servicesData.every((serv) =>
+                ["RA", "AA", "AP", "ACA", "AC"].includes(serv.status)
+              ) &&
+              approveRejectButtons() &&
+              (auditorAssigned() || userAssigned())
+            }
             showValidationButtons={
               approveRejectButtons() && (auditorAssigned() || userAssigned())
             }
+            approveAll={() => validateAll("A")}
+            rejectAll={() => {
+              validateAll("R");
+              setMessage("Rechazado");
+              setComponentsArray([
+                <img src={errorModal} />,
+                <ScreenHeader
+                  text={"Agrega tu comentarios para enviar el rechazo"}
+                  headerType={"input-name-header"}
+                  color={"white"}
+                />,
+                <TagAndInput
+                  label={"Caja de Comentario"}
+                  inputType={"textarea"}
+                  inputId={"modal-commentary-box"}
+                  index={0}
+                  color={"white"}
+                />,
+                <Button
+                  buttonType={"general-default-button"}
+                  label={"Enviar comentario"}
+                  onClick={(e) =>
+                    createComment(
+                      e,
+                      document.querySelector(
+                        "#modal-commentary-box .ql-container .ql-editor > p"
+                      ).innerHTML,
+                      activeTab
+                    )
+                  }
+                />,
+              ]);
+            }}
           />
           <FullTabsMenu
             tabsSections={tabsSections}
@@ -1306,16 +1373,21 @@ export const RetailerProductEdition = ({
                     />
                   </div>
                 )}
-                <Button
-                  buttonType={
-                    evaluationFinished(user.id_role, activeTab, statusArray) &&
-                    requiredNull[activeTab] === 0
-                      ? "general-green-button"
-                      : "general-button-disabled"
-                  }
-                  label={"Enviar evaluación"}
-                  onClick={() => sendToFacilitator()}
-                />
+                {[7, 8].includes(user.id_role) && (
+                  <Button
+                    buttonType={
+                      evaluationFinished(
+                        user.id_role,
+                        activeTab,
+                        statusArray
+                      ) && requiredNull[activeTab] === 0
+                        ? "general-green-button"
+                        : "general-button-disabled"
+                    }
+                    label={"Enviar evaluación"}
+                    onClick={() => sendToFacilitator()}
+                  />
+                )}
               </div>
             )}
         </div>
@@ -1349,4 +1421,4 @@ export const RetailerProductEdition = ({
       )}
     </Container>
   );
-};
+};

package/src/global-files/data.js

@@ -195,18 +195,19 @@ export const fetchUsers = async (auth) => {
 export const getNewStatus = (statusArray) => {
   let lookupString = "";
   statusArray.forEach((element) => (lookupString += element + "/"));
-  if (lookupString.includes("RF")) return "RF";
+  if (lookupString.includes("RC")) return "RC";
   if (lookupString.includes("RA")) return "RA";
   if (lookupString.includes("RP")) return "RP";
-  if (lookupString.includes("RC")) return "RC";
-  if (lookupString.includes("UNASSIGNED")) return "IN_PROGRESS";
-  if (lookupString.includes("IN_PROGRESS")) return "IN_PROGRESS";
-  if (lookupString.includes("QF")) return "QF";
-  if (lookupString.includes("AF")) return "AF";
+  if (lookupString.includes("RCA")) return "RCA";
+  if (lookupString.includes("UNASSIGNED")) return "CA";
+  if (lookupString.includes("CA")) return "CA";
+  if (lookupString.includes("IE")) return "IE";
+  if (lookupString.includes("AC")) return "AC";
   if (lookupString.includes("AA")) return "AA";
   if (lookupString.includes("AP")) return "AP";
-  if (lookupString.includes("AC")) return "AC";
-  if (lookupString.includes("RECEIVED")) return "RECEIVED";
+  if (lookupString.includes("ACA")) return "ACA";
+  if (lookupString.includes("R")) return "R";
   if (lookupString.includes("NA")) return "NA";
-  return new Error("Status not found");
+  console.log("Status not found");
+  return "NA";
 };