contentoh-components-library 21.5.78 → 21.5.81

package/src/components/pages/RetailerProductEdition/context/provider-product-edition.context.jsx

@@ -12,7 +12,6 @@ import { v4 as uuidv4 } from "uuid";
 import successIcon from "../../../../assets/images/genericModal/genericModalCheck.svg";
 import errorIcon from "../../../../assets/images/genericModal/errorModal.svg";
 import { getConceptByTab } from "../utils";
-import { getImage } from "../../../../global-files/data";
 
 const S3_BUCKET = process.env.REACT_APP_IMAGES_BUCKET;
 const REGION = "us-east-1";
@@ -44,6 +43,8 @@ export const ProviderProductEditionProvider = ({ children }) => {
       articleData: state.updated_descriptions_inputs,
     };
 
+    // console.log({dataObject});
+
     if (state.product?.id_order) {
       dataObject.orderId = state.product?.id_order;
     }
@@ -96,46 +97,6 @@ export const ProviderProductEditionProvider = ({ children }) => {
           }
         });
 
-        const body = JSON.parse(res.data.body);
-        const newStatus = body?.newStatus;
-
-        if (newStatus) {
-          const productFromLocalStorage = JSON.parse(
-            sessionStorage.getItem("productSelected"),
-          );
-
-          const updatedProduct = {
-            ...(productFromLocalStorage || state.product),
-            description_status: newStatus,
-            statusByRetailer: (
-              productFromLocalStorage?.statusByRetailer ||
-              state.product?.statusByRetailer ||
-              []
-            ).map((retailerStatus) =>
-              retailerStatus.service === "description"
-                ? { ...retailerStatus, status: newStatus }
-                : retailerStatus,
-            ),
-          };
-
-          sessionStorage.setItem(
-            "productSelected",
-            JSON.stringify(updatedProduct),
-          );
-
-          dispatch({ type: "UPDATE_DESCRIPTION_STATUS", payload: newStatus });
-
-          dispatch({
-            type: "SET_SERVICES_DATA",
-            payload: (state.services_data || []).map((srv) =>
-              srv.service === "description" &&
-              srv.id_retailer === state.active_retailer?.id_retailer
-                ? { ...srv, status: newStatus }
-                : srv,
-            ),
-          });
-        }
-
         dispatch({
           type: "SET_MISSING_REQUIRED_FIELDS",
           payload: {
@@ -236,46 +197,6 @@ export const ProviderProductEditionProvider = ({ children }) => {
           }
         });
 
-        const body = JSON.parse(res.data.body);
-        const newStatus = body?.newStatus;
-
-        if (newStatus) {
-          const productFromLocalStorage = JSON.parse(
-            sessionStorage.getItem("productSelected"),
-          );
-
-          const updatedProduct = {
-            ...(productFromLocalStorage || state.product),
-            datasheet_status: newStatus,
-            statusByRetailer: (
-              productFromLocalStorage?.statusByRetailer ||
-              state.product?.statusByRetailer ||
-              []
-            ).map((retailerStatus) =>
-              retailerStatus.service === "datasheet"
-                ? { ...retailerStatus, status: newStatus }
-                : retailerStatus,
-            ),
-          };
-
-          sessionStorage.setItem(
-            "productSelected",
-            JSON.stringify(updatedProduct),
-          );
-
-          dispatch({ type: "UPDATE_DATASHEET_STATUS", payload: newStatus });
-
-          dispatch({
-            type: "SET_SERVICES_DATA",
-            payload: (state.services_data || []).map((srv) =>
-              srv.service === "datasheet" &&
-              srv.id_retailer === state.active_retailer?.id_retailer
-                ? { ...srv, status: newStatus }
-                : srv,
-            ),
-          });
-        }
-
         dispatch({
           type: "SET_MISSING_REQUIRED_FIELDS",
           payload: {
@@ -343,7 +264,7 @@ export const ProviderProductEditionProvider = ({ children }) => {
       data?.articleData?.every((e) => e?.image_id) &&
       data?.updateImages?.every((e) => e?.image_id);
 
-    console.log({ data });
+    // console.log({ data });
 
     if (valid) {
       dispatch({ type: "SET_SAVING", payload: true });
@@ -400,100 +321,6 @@ export const ProviderProductEditionProvider = ({ children }) => {
             type: "SET_UPDATED_IMAGES_VALUES",
             payload: [],
           });
-
-          const imageBody = JSON.parse(res.data.body);
-          const newStatus = imageBody?.newStatus;
-
-          if (newStatus) {
-            const productFromLocalStorage = JSON.parse(
-              sessionStorage.getItem("productSelected"),
-            );
-
-            const updatedProduct = {
-              ...(productFromLocalStorage || state.product),
-              images_status: newStatus,
-              statusByRetailer: (
-                productFromLocalStorage?.statusByRetailer ||
-                state.product?.statusByRetailer ||
-                []
-              ).map((retailerStatus) =>
-                retailerStatus.service === "images"
-                  ? { ...retailerStatus, status: newStatus }
-                  : retailerStatus,
-              ),
-            };
-
-            sessionStorage.setItem(
-              "productSelected",
-              JSON.stringify(updatedProduct),
-            );
-
-            dispatch({ type: "UPDATE_IMAGES_STATUS", payload: newStatus });
-
-            dispatch({
-              type: "SET_SERVICES_DATA",
-              payload: (state.services_data || []).map((srv) =>
-                srv.service === "images" &&
-                srv.id_retailer === state.active_retailer?.id_retailer
-                  ? { ...srv, status: newStatus }
-                  : srv,
-              ),
-            });
-          }
-
-          // Refrescar images_values con datos reales del backend
-          try {
-            const { id_article, version } = state.product;
-            const { category, id_category, id_retailer } = state.active_retailer;
-            const imagesRes = await axios.post(
-              `${process.env.REACT_APP_ARTICLE_DATA_IMAGES_ENDPOINT}?articleId=${id_article}&version=${version}`,
-              { category, retailersList: [id_retailer] },
-              { headers: { Authorization: token } },
-            );
-            const freshImages = JSON.parse(imagesRes.data.body).data;
-            freshImages.values = freshImages?.values?.map((value) => {
-              value.name = freshImages.inputs.find((e) => e.id === value.image_id)?.name;
-              return getImage(value);
-            });
-
-            const orderMap = freshImages.inputsByRetailer
-              .flat()
-              .reduce((acc, item) => {
-                acc[item.id_image] = item.order;
-                return acc;
-              }, {});
-
-            const orderedValues = [...freshImages.values].sort((a, b) => {
-              const orderA = orderMap[a.image_id] ?? Number.MAX_SAFE_INTEGER;
-              const orderB = orderMap[b.image_id] ?? Number.MAX_SAFE_INTEGER;
-              return orderA - orderB;
-            });
-
-            const filteredValues = freshImages.values.filter((value) =>
-              freshImages.inputsByRetailer.some((retailerInput) =>
-                retailerInput.some(
-                  (input) =>
-                    input.id_retailer === id_retailer &&
-                    input.id_image === value.image_id,
-                ),
-              ),
-            );
-
-            dispatch({
-              type: "SET_IMAGES_VALUES",
-              payload: { ...freshImages, values: filteredValues },
-            });
-            dispatch({
-              type: "SET_SERVICES",
-              payload: {
-                ...state.services,
-                images: { ...freshImages, values: orderedValues },
-              },
-            });
-          } catch (refreshError) {
-            console.log("Error al refrescar images_values:", refreshError);
-          }
-
           // Mostrar modal de éxito
           dispatch({
             type: "SET_MODAL",
@@ -581,46 +408,6 @@ export const ProviderProductEditionProvider = ({ children }) => {
           payload: [],
         });
 
-        const attrBody = JSON.parse(res.data.body);
-        const newStatus = attrBody?.newStatus;
-
-        if (newStatus) {
-          const productFromLocalStorage = JSON.parse(
-            sessionStorage.getItem("productSelected"),
-          );
-
-          const updatedProduct = {
-            ...(productFromLocalStorage || state.product),
-            images_status: newStatus,
-            statusByRetailer: (
-              productFromLocalStorage?.statusByRetailer ||
-              state.product?.statusByRetailer ||
-              []
-            ).map((retailerStatus) =>
-              retailerStatus.service === "images"
-                ? { ...retailerStatus, status: newStatus }
-                : retailerStatus,
-            ),
-          };
-
-          sessionStorage.setItem(
-            "productSelected",
-            JSON.stringify(updatedProduct),
-          );
-
-          dispatch({ type: "UPDATE_IMAGES_STATUS", payload: newStatus });
-
-          dispatch({
-            type: "SET_SERVICES_DATA",
-            payload: (state.services_data || []).map((srv) =>
-              srv.service === "images" &&
-              srv.id_retailer === state.active_retailer?.id_retailer
-                ? { ...srv, status: newStatus }
-                : srv,
-            ),
-          });
-        }
-
         dispatch({
           type: "SET_MODAL",
           payload: {
@@ -786,8 +573,3 @@ export const useProviderProductEdition = () => {
 
   return context;
 };
-
-/* 
-src: "https://d24s337exbt5zr.cloudfront.net/eyJidWNrZXQiOiJjb250ZW50LW1hbmFnZW1lbnQtaW1hZ2VzLXByb2QiLCJrZXkiOiJpZC0xNDQ3MTEvMy8xLTRjZGVjNTZkLTVjYWMtNGY3NC04ZWM0LWZmMmRmOTFjZDdiOS5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjEwMDAsImhlaWdodCI6MTAwMCwiZml0IjoiY29udGFpbiIsImJhY2tncm91bmQiOnsiciI6MjU1LCJnIjoyNTUsImIiOjI1NSwiYWxwaGEiOjF9fX19"
-srcDB: "id-144711/3/1-4cdec56d-5cac-4f74-8ec4-ff2df91cd7b9.jpg"
-*/

package/src/components/pages/RetailerProductEdition/context/reducers/product.js

@@ -9,9 +9,7 @@ export const PRODUCT_ACTIONS = {
   SET_SERVICES: "SET_SERVICES",
   SET_SERVICES_DATA: "SET_SERVICES_DATA",
   SET_PRODUCT_VERSION: "SET_PRODUCT_VERSION",
-  UPDATE_DESCRIPTION_STATUS: "UPDATE_DESCRIPTION_STATUS",
-  UPDATE_DATASHEET_STATUS: "UPDATE_DATASHEET_STATUS",
-  UPDATE_IMAGES_STATUS: "UPDATE_IMAGES_STATUS",
+  SET_PERCENTAGES: "SET_PERCENTAGES",
 };
 
 export const productReducer = (state, action) => {
@@ -47,48 +45,10 @@ export const productReducer = (state, action) => {
       };
     }
 
-    case PRODUCT_ACTIONS.UPDATE_DESCRIPTION_STATUS: {
+    case PRODUCT_ACTIONS.SET_PERCENTAGES: {
       return {
         ...state,
-        product: {
-          ...state.product,
-          statusByRetailer: (state.product?.statusByRetailer || []).map(
-            (retailerStatus) =>
-              retailerStatus.service === "description"
-                ? { ...retailerStatus, status: action.payload }
-                : retailerStatus,
-          ),
-        },
-      };
-    }
-
-    case PRODUCT_ACTIONS.UPDATE_DATASHEET_STATUS: {
-      return {
-        ...state,
-        product: {
-          ...state.product,
-          statusByRetailer: (state.product?.statusByRetailer || []).map(
-            (retailerStatus) =>
-              retailerStatus.service === "datasheet"
-                ? { ...retailerStatus, status: action.payload }
-                : retailerStatus,
-          ),
-        },
-      };
-    }
-
-    case PRODUCT_ACTIONS.UPDATE_IMAGES_STATUS: {
-      return {
-        ...state,
-        product: {
-          ...state.product,
-          statusByRetailer: (state.product?.statusByRetailer || []).map(
-            (retailerStatus) =>
-              retailerStatus.service === "images"
-                ? { ...retailerStatus, status: action.payload }
-                : retailerStatus,
-          ),
-        },
+        product: { ...state.product, percentages: action.payload },
       };
     }
 

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

@@ -284,9 +284,10 @@ const RetailerProductEditionView = ({
     }
   }, [auditableVersion]);
 
-  const loadData = async () => {
+  const loadData = async (enableLoading = true) => {
     try {
-      dispatch({ type: "SET_LOADING", payload: true });
+
+      if(enableLoading) dispatch({ type: "SET_LOADING", payload: true });
 
       const { id_article, version, id_order } = state.product;
       const { category, id_category, id_retailer } = state.active_retailer;
@@ -466,7 +467,7 @@ const RetailerProductEditionView = ({
     if (state.active_retailer) {
       loadData();
     }
-  }, [state.active_retailer, state.product]);
+  }, [state.active_retailer]);
 
   const handleOnChangeCurrentImage = (index) => {
     if (typeof index === "number") {
@@ -595,21 +596,26 @@ const RetailerProductEditionView = ({
     }
   };
 
-  const handleOnClickSave = () => {
+  const handleOnClickSave = async () => {
     if (state.saving) return;
+
+    
+
     switch (state.active_tab) {
       case "Descripción":
-        saveDescriptions(token);
+        await saveDescriptions(token);
         break;
       case "Ficha técnica":
-        saveDatasheets(token);
+        await saveDatasheets(token);
         break;
       case "Imágenes":
-        updateImages(token);
+        await updateImages(token);
         break;
       default:
         break;
     }
+
+    await loadData(false);
   };
 
   const handleOnSetUpdatedDescriptions = (items) => {
@@ -684,10 +690,7 @@ const RetailerProductEditionView = ({
     const articleId = state.product.id_article;
     const orderId = state.product.id_order ?? state.product.orderId;
     const sectionStatusKey = `${concept}_status`;
-    const evalStatus =
-      getStatusByCurrentServiceAndRetailer() ||
-      state.product[sectionStatusKey] ||
-      "NA";
+    const evalStatus = state.product[sectionStatusKey];
     const retailerId = state.active_retailer?.id_retailer;
 
     let data = { articleId, orderId, concept, evalStatus, retailerId };
@@ -1129,11 +1132,10 @@ const RetailerProductEditionView = ({
 
   return (
     <AiProductEditionProvider
-      activeRetailer={state.active_retailer}
-      isCreatorsEdition={false}
-      productSelected={state.product}
+      isCreatorsEdition={true}
+      user={user}
+      token={token}
     >
-      \{" "}
       <Container headerTop={headerTop}>
         {showRejectModal && (
           <Modal