contentoh-components-library 21.4.82 → 21.4.83

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

@@ -224,7 +224,6 @@ export const RetailerProductEdition = ({
   const [auditDescriptions, setAuditDescriptions] = useState([]);
   const [auditImages, setAuditImages] = useState([]);
   const [compare, setCompare] = useState(false);
-  const [observation,setObservation] = useState();
   const [valRejAll, setValRejAll] = useState(false);
 
   const [desc, setDesc] = useState([]);
@@ -284,20 +283,7 @@ export const RetailerProductEdition = ({
       getServices();
       setImages({ action: "init", init: services[2] });
       if (services[2]?.values?.length > 0) setActiveImage(0);
-      const data = [
-        {
-          id_article: product.article.id_article,
-          id_category: product.article.id_category,
-          version: product.version,
-          id_retailer_array: (
-            product.retailersAvailable ?? product.retailers
-          ).map(({ id }) => id),
-        },
-      ];
-      const headers = { Authorization: token };
-      getPercentage({ data, headers }).then((res) => {
-        setPercentages(res[0]);
-      });
+      getPercentage({ data: [product] }).then((res) => setPercentages(res[0]));
       setLoading(false);
     } catch (error) {
       console.log(error);
@@ -453,7 +439,7 @@ export const RetailerProductEdition = ({
   }, [percentages]);
 
   useEffect(() => {
-    //getInputsData(services, activeRetailer, setDatasheets, setDescriptions);
+    getInputsData(services, activeRetailer, setDatasheets, setDescriptions);
     auditableVersion && loadAuditableData();
     setActivePercentage(Math.round(activeRetailer?.percentage, 0));
     activeRetailer?.id &&
@@ -834,6 +820,84 @@ export const RetailerProductEdition = ({
     }
   };
 
+  // const sendToFacilitator = async (result) => {
+  //   setLoading(true);
+  //   try {
+  //     let concept = getConcept(activeTab);
+
+  //     const productTemp = { ...product };
+  //     const evalStatus = retailerStatus;
+  //     const articleId = product.article.id_article;
+  //     const orderId = product.orderId;
+
+  //     // const body = {
+  //     //   orderArticleRetailers: [
+  //     //     { orderId, articleId, retailersIds: [activeRetailer.id] },
+  //     //   ],
+  //     //   isAproved: false,
+  //     //   service: concept,
+  //     // };
+
+  //     const body = {
+  //       articleId: product.article.id_article,
+  //       orderId: product.orderId,
+  //       concept: concept,
+  //       result: result,
+  //       evalStatus: evalStatus,
+  //       retailerId: activeRetailer.id,
+  //     };
+
+  //     let res;
+  //     let message;
+  //     if (result) {
+  //       body.isAproved = result === "A";
+  //       res = await axios.put(
+  //         `${process.env.REACT_APP_EVALUATION_ENDPOINT}`,
+  //         body,
+  //         {
+  //           headers: {
+  //             Authorization: token,
+  //           },
+  //         }
+  //       );
+  //       console.log(JSON.parse(res.data.body), "res");
+  //       getServices();
+  //     } else {
+  //       const specialistDone = ["RC", "RA", "CA"].includes(evalStatus);
+
+  //       if (specialistDone) {
+  //         message = `${activeTab} enviada a facilitador`;
+  //         getSectionIcon();
+  //       } else if (["IE", "AC", "RP", "RCA"].includes(evalStatus)) {
+  //         message = "Evaluación enviada";
+  //         getSectionIcon();
+  //       }
+  //       res = await axios.put(
+  //         `${process.env.REACT_APP_EVALUATION_ENDPOINT}`,
+  //         body,
+  //         {
+  //           headers: {
+  //             Authorization: token,
+  //           },
+  //         }
+  //       );
+  //     }
+  //     if (res.data.statusCode === 200) {
+  //       const response = JSON.parse(res.data.body)?.successfulData;
+  //       const statusObject =
+  //         response[`${orderId}-${articleId}-${activeRetailer.id}`];
+  //       productTemp.status = statusObject["generalStatus"];
+  //       productTemp[`${concept}_status`] = statusObject[`${concept}Status`];
+  //       await loadData();
+  //       if (message) setMessage(message);
+  //       sessionStorage.setItem("productSelected", JSON.stringify(productTemp));
+  //       setProduct(productTemp);
+  //     }
+  //   } catch (error) {
+  //     console.log(error);
+  //   }
+  //   setLoading(false);
+  // };
   const sendToFacilitator = async (result) => {
     setLoading(true);
     try {
@@ -1223,6 +1287,70 @@ export const RetailerProductEdition = ({
     setSaving(loading);
   }, [loading]);
 
+  // const validateAll = async (result) => {
+  //   try {
+  //     setLoading(true);
+  //     const evaluationArray = [];
+  //     let conceptArray = ["description", "datasheet", "images"];
+  //     switch (user.id_role) {
+  //       case 4:
+  //         conceptArray = ["description", "datasheet"];
+  //         break;
+  //       case 5:
+  //         conceptArray = ["images"];
+  //         break;
+
+  //       default:
+  //         conceptArray = ["description", "datasheet", "images"];
+  //         break;
+  //     }
+
+  //     const isAproved = result === "A";
+  //     const retailersIds = [];
+  //     servicesData?.forEach((ret) => {
+  //       if (!retailersIds.includes(ret.id_retailer))
+  //         retailersIds.push(ret.id_retailer);
+  //     });
+  //     const body = {
+  //       orderArticleRetailers: [
+  //         {
+  //           orderId: product.id_order ?? product.orderId,
+  //           articleId: product.article.id_article,
+  //           retailersIds,
+  //         },
+  //       ],
+  //       isAproved,
+  //     };
+  //     conceptArray.forEach((concept) => {
+  //       body.service = concept;
+  //       evaluationArray.push(
+  //         axios.put(`${process.env.REACT_APP_EVALUATION_ENDPOINT}`, body, {
+  //           headers: {
+  //             Authorization: token,
+  //           },
+  //         })
+  //       );
+  //     });
+
+  //     await Promise.all(evaluationArray);
+
+  //     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);
+  //   }
+  // };
+
   const validateAll = async (result) => {
     try {
       setLoading(true);
@@ -1282,21 +1410,6 @@ export const RetailerProductEdition = ({
     }
   };
 
-  const getObservation = async () => {
-    const response = await axios.get(
-      `${process.env.REACT_APP_READ_OBSERVATION}?articleId=${product.article.id_article}&orderId=${product?.orderId}`,
-      {
-        headers: {
-          Authorization: sessionStorage.getItem("jwt"),
-        },
-      }
-    );
-    const parseData = JSON.parse(response.data.body).data[0];
-    setObservation( parseData.observations);
-  };
-  useEffect(() => {
-    getObservation();
-  }, []);
   return (
     <Container headerTop={headerTop}>
       <HeaderTop
@@ -1339,7 +1452,6 @@ export const RetailerProductEdition = ({
         <div className="product-information">
           <FullProductNameHeader
             headerData={product}
-            productObservation= {observation}
             percent={activePercentage}
             activeRetailer={activeRetailer}
             servicesData={servicesData}

package/src/global-files/data.js

@@ -88,17 +88,43 @@ export const getImage = (imageGeneral, width = 250, height = 250) => {
 
 export const getPercentage = async (params = {}) => {
   const func = async () => {
-    const headers = {
-      Authorization:
-        params?.headers?.Authorization ?? sessionStorage.getItem("jwt"),
-    };
+    const dataToSend = [];
+    const arrayRetailers = [];
+    let retailers =
+      params.data[0].retailers || params.data[0].retailersAvailable;
+    params.data.forEach((product, i) => {
+      dataToSend.push(
+        product.article
+          ? {
+              id_article: product.article.id_article,
+              id_category: product.article.id_category,
+              version: product.version,
+            }
+          : {
+              id_article: product.id_article,
+              id_category: product.id_category,
+              version: product.version,
+            }
+      );
+      retailers.forEach((retailer) => {
+        arrayRetailers.push(retailer.id);
+      });
+      dataToSend[i].id_retailer_array = arrayRetailers;
+    });
+
     return await axios
       .post(
         process.env.REACT_APP_VALID_EXPORT_ENDPOINT,
-        { data: params.data },
-        { headers }
+        { data: dataToSend },
+        {
+          headers: {
+            Authorization: sessionStorage.getItem("jwt"),
+          },
+        }
       )
-      .then((response) => [response.data])
+      .then((response) => {
+        return [response.data];
+      })
       .catch((err) => console.log(err, "Errror"));
   };
 

package/src/components/atoms/ObservationFlag/ObservationFlag.stories.js

@@ -1,20 +0,0 @@
-import { ObservationFlag } from "./index";
-
-export default {
-  title: "Components/atoms/ObservationFlag",
-  component: ObservationFlag,
-  argTypes: {
-    observation: {
-      options: ["no priority", "low", "medium", "high"],
-      control: { type: "select" },
-    },
-  },
-};
-
-const Template = (args) => <ObservationFlag {...args} />;
-
-export const PriorityFlagDefault = Template.bind({});
-
-PriorityFlagDefault.args = {
-  observation: "no observation",
-};

package/src/components/atoms/ObservationFlag/index.js

@@ -1,33 +0,0 @@
-import { Container } from "./styles";
-import { Tooltip } from "../Tooltip";
-import without from "../../../assets/images/flags/noPriority.svg";
-import high from "../../../assets/images/flags/highPriority.svg";
-import medium from "../../../assets/images/flags/mediumPriority.svg";
-import low from "../../../assets/images/flags/lowPriority.svg";
-
-export const ObservationFlag = ({ observation,contentObservation }) => {
-  const PriorityFlags = {
-    ["none"]: without,
-    ["low"]: low,
-    ["medium"]: medium,
-    ["high"]: high,
-  };
-  return (
-    <Tooltip
-    componentTooltip={
-      <>
-        <p>
-          <b>Observaciones del producto</b>
-        </p>
-        <p>{contentObservation} </p>
-      </>
-    }
-    children={
-      <Container>
-      <img src={PriorityFlags[observation]} alt={observation} />
-    </Container>
-    }
-    classNameTooltip={"container-tooltip"}
-    />
-  );
-};

package/src/components/atoms/ObservationFlag/styles.js

@@ -1,3 +0,0 @@
-import styled from "styled-components";
-
-export const Container = styled.div``;