contentoh-components-library 21.1.10 → 21.1.13

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

@@ -167,24 +167,28 @@ export const RetailerProductEdition = ({
   }, [checkAll]);
 
   const loadData = async () => {
-    const services = await getRetailerServices(
-      product?.article?.id_article,
-      parseInt(product?.article?.id_category),
-      product?.version
-    );
-    //Converts the data inside the datasheets object to array
-    setServices(services);
-    getServices();
-
-    //setActiveRetailer(product?.retailers[0]);
-    setImages({
-      action: "init",
-      init: services[2],
-    });
-    if (services[2]?.values?.length > 0) setActiveImage(0);
+    try {
+      const services = await getRetailerServices(
+        product?.article?.id_article,
+        parseInt(product?.article?.id_category),
+        product?.version
+      );
+      //Converts the data inside the datasheets object to array
+      setServices(services);
+      getServices();
+
+      //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));
-    setLoading(false);
+      getPercentage({ data: [product] }).then((res) => setPercentages(res));
+      setLoading(false);
+    } catch (error) {
+      console.log(error);
+    }
   };
 
   const getServices = async () => {
@@ -194,6 +198,12 @@ export const RetailerProductEdition = ({
       }&orderId=${product?.article?.id_order || product.orderId}&end=true`
     );
     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];
+    !activeRetailer.id && setActiveRetailer(active ? active : retailers[0]);
     setServicesData(parsedResponse);
   };
 
@@ -236,16 +246,6 @@ export const RetailerProductEdition = ({
 
   useEffect(async () => {
     loadData();
-    // getPercentage({ data: [product] }).then((res) =>
-    //   setPercentages(res)
-    // );
-    setActiveRetailer((current) =>
-      current.id
-        ? current
-        : product.retailers
-        ? product.retailers[0]
-        : product.retailersAvailable[0]
-    );
     getComments();
     setUserGroups(await fetchUsers(token));
     let arr = [];
@@ -353,7 +353,7 @@ export const RetailerProductEdition = ({
   }, [activeRetailer, services]);
 
   const thumbs = () => {
-    const imageInputs = socketType.slice();
+    const imageInputs = socketType?.slice();
     const imageType = images?.imageType?.map((e) => ({
       value: e?.id,
       name: e?.name,
@@ -777,7 +777,8 @@ export const RetailerProductEdition = ({
     }
 
     return (
-      product.article[`id_${concept}_${rol}`] === user.id_user && validUser
+      user.id_role === 1 ||
+      (product.article[`id_${concept}_${rol}`] === user.id_user && validUser)
     );
   };
 
@@ -817,75 +818,81 @@ export const RetailerProductEdition = ({
   };
 
   const getRequired = (services) => {
-    const objetcTemp = {};
-    const datasheetServicesArray = Object.values(services[0]);
-    const dsInputs = datasheetServicesArray.pop();
-    const descriptionsServicesArray = services[1];
-
-    let dsInputsRequired = [];
-    let desInputsRequired = 0;
-    datasheetServicesArray.forEach((datasheet) => {
-      const [requested] = servicesData.filter(
-        (srv) =>
-          srv.id_retailer === datasheet.retailer.id &&
-          srv.service === getConcept(activeTab)
-      );
-      requested &&
-        Object.values(datasheet?.data).forEach((dataGroup) =>
-          dsInputsRequired.push(
-            ...dataGroup.inputs.filter(
-              (input) =>
-                dsInputs[input].required &&
-                (dsInputs[input].value === undefined || !dsInputs[input].value)
-            )
-          )
+    try {
+      const objetcTemp = {};
+      const datasheetServicesArray = Object.values(services[0]);
+      const dsInputs = datasheetServicesArray.pop();
+      const descriptionsServicesArray = services[1];
+
+      let dsInputsRequired = [];
+      let desInputsRequired = 0;
+      datasheetServicesArray?.forEach((datasheet) => {
+        const [requested] = servicesData?.filter(
+          (srv) =>
+            srv.id_retailer === datasheet.retailer.id &&
+            srv.service === getConcept(activeTab)
         );
-    });
+        requested &&
+          datasheet?.data &&
+          Object.values(datasheet?.data).forEach((dataGroup) =>
+            dsInputsRequired.push(
+              ...dataGroup.inputs.filter(
+                (input) =>
+                  dsInputs[input].required &&
+                  (dsInputs[input].value === undefined ||
+                    !dsInputs[input].value)
+              )
+            )
+          );
+      });
 
-    objetcTemp["Ficha técnica"] = dsInputsRequired.length;
+      objetcTemp["Ficha técnica"] = dsInputsRequired.length;
 
-    descriptionsServicesArray.forEach((description) => {
-      const [requested] = servicesData.filter(
-        (srv) =>
-          srv.id_retailer === description.id &&
-          srv.service === getConcept(activeTab)
-      );
-      requested &&
-        description.inputs.forEach(
-          (input) =>
-            input.required &&
-            (!input.value ||
-              input.value.replace(/(<\/?p>)|(<\/?strong>)|(<br>)/gm, "") ===
-                "") &&
-            desInputsRequired++
+      descriptionsServicesArray.forEach((description) => {
+        const [requested] = servicesData.filter(
+          (srv) =>
+            srv.id_retailer === description.id &&
+            srv.service === getConcept(activeTab)
         );
-    });
+        requested &&
+          description.inputs.forEach(
+            (input) =>
+              input.required &&
+              (!input.value ||
+                input.value.replace(/(<\/?p>)|(<\/?strong>)|(<br>)/gm, "") ===
+                  "") &&
+              desInputsRequired++
+          );
+      });
 
-    objetcTemp["Descripción"] = desInputsRequired;
+      objetcTemp["Descripción"] = desInputsRequired;
 
-    const retailersRequested = [];
-    services[2]?.retailerMandatories?.forEach((retMan) =>
-      retMan.forEach((rm) => retailersRequested.push(rm))
-    );
-    const requiredImages = services[2]?.inputs?.filter(
-      (e) =>
-        e.required === 1 &&
-        retailersRequested.filter(
-          (ret) =>
-            ret.id_image === e.id &&
-            servicesData.filter((srv) => srv.id_retailer === ret.id_retailer)
-              .length > 0
-        ).length > 0
-    );
+      const retailersRequested = [];
+      services[2]?.retailerMandatories?.forEach((retMan) =>
+        retMan.forEach((rm) => retailersRequested.push(rm))
+      );
+      const requiredImages = services[2]?.inputs?.filter(
+        (e) =>
+          e.required === 1 &&
+          retailersRequested.filter(
+            (ret) =>
+              ret.id_image === e.id &&
+              servicesData.filter((srv) => srv.id_retailer === ret.id_retailer)
+                .length > 0
+          ).length > 0
+      );
 
-    let requiredCounter = 0;
-    requiredImages?.forEach(
-      (req) =>
-        services[2].values.filter((img) => img.image_id === req.id).length ===
-          0 && requiredCounter++
-    );
-    objetcTemp["Imágenes"] = requiredCounter;
-    setRequiredNull(objetcTemp);
+      let requiredCounter = 0;
+      requiredImages?.forEach(
+        (req) =>
+          services[2].values.filter((img) => img.image_id === req.id).length ===
+            0 && requiredCounter++
+      );
+      objetcTemp["Imágenes"] = requiredCounter;
+      setRequiredNull(objetcTemp);
+    } catch (error) {
+      console.log(error);
+    }
   };
 
   useEffect(() => {
@@ -943,76 +950,6 @@ export const RetailerProductEdition = ({
     sessionStorage.setItem("productSelected", JSON.stringify(productTemp));
   };
 
-  const evaluationComplete = () => {
-    let concept = "";
-    switch (activeTab) {
-      case "Ficha técnica":
-        concept = "datasheet";
-        break;
-      case "Imágenes":
-        concept = "images";
-        break;
-      case "Descripción":
-        concept = "description";
-        break;
-    }
-
-    let serv = servicesData.filter((item) => item.service === concept);
-    let approved = "";
-    let rejected = "";
-    if (
-      product.status === "IN_PROGRESS" ||
-      product.status === "QF" ||
-      product.status === "RF"
-    ) {
-      approved = "AF";
-      rejected = "RF";
-      if (product.status === "IN_PROGRESS" || product.status === "QF") {
-        return (
-          serv.filter(
-            (item) =>
-              item.status === approved ||
-              item.status === rejected ||
-              item.status === "AA" ||
-              item.status === "IN_PROGRESS" ||
-              item.status === "AP"
-          ).length === serv.length
-        );
-      }
-    } else if (
-      product.status === "AF" ||
-      product.status === "RA" ||
-      product.status === "RP"
-    ) {
-      approved = "AA";
-      rejected = "RA";
-
-      if (product.status === "RP" || product.status === "AF") {
-        return (
-          serv.filter(
-            (item) =>
-              item.status === approved ||
-              item.status === rejected ||
-              item.status === "AP"
-          ).length === serv.length
-        );
-      }
-    } else if (product.status === "RC") {
-      approved = "AP";
-      rejected = "RA";
-      return (
-        serv.filter(
-          (item) => item.status === approved || item.status === rejected
-        ).length === serv.length
-      );
-    }
-    return (
-      serv.filter(
-        (item) => item.status === approved || item.status === rejected
-      ).length === serv.length
-    );
-  };
-
   const downloadImages = () => {
     selectedImages.forEach((e) => {
       if (e.id) {
@@ -1103,26 +1040,6 @@ export const RetailerProductEdition = ({
     }
   };
 
-  const specialistValid = (tab) => {
-    let concept = "";
-    switch (tab) {
-      case "Ficha técnica":
-        concept = "datasheet";
-        break;
-      case "Imágenes":
-        concept = "images";
-        break;
-      case "Descripción":
-        concept = "description";
-        break;
-    }
-    return (
-      product[`${concept}_status`] === "IN_PROGRESS" ||
-      product[`${concept}_status`] === "RF" ||
-      product[`${concept}_status`] === "RA"
-    );
-  };
-
   const getRetailerStatus = (servicesData, tab) => {
     const arr = servicesData?.slice();
     let concept = getConcept(tab);
@@ -1172,6 +1089,7 @@ export const RetailerProductEdition = ({
             onClickSave={() =>
               product?.services?.images === 1 && updateImages()
             }
+            showSaveButton={userAssigned()}
           />
         </div>
         <div className="product-information">