contentoh-components-library 21.5.91 → 21.5.93

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

@@ -42,7 +42,6 @@ import errorIcon from "../../../assets/images/genericModal/errorModal.svg";
 import warningIcon from "../../../assets/images/genericModal/genericModalWarning.svg";
 
 import { Container } from "./styles";
-import { AiProductEditionProvider } from "../../../contexts/AiProductEdition";
 
 const ProviderProductEditionView = ({
   tabsSections,
@@ -149,13 +148,30 @@ const ProviderProductEditionView = ({
 
         const productNormalized = normalizeProduct(product);
 
+        console.log({ productNormalized });
+
         dispatch({
           type: "SET_PRODUCT",
           payload: productNormalized,
         });
         dispatch({
           type: "SET_ACTIVE_RETAILER",
-          payload: productNormalized.categoryRetailer[0],
+          payload: productNormalized.categoryRetailerInOrder[0],
+        });
+        const firstRetailerStatus =
+          productNormalized.statusByRetailer[
+            productNormalized.categoryRetailerInOrder[0].id_retailer
+          ];
+        const initialTab = firstRetailerStatus.description
+          ? "Descripción"
+          : firstRetailerStatus.datasheet
+          ? "Ficha técnica"
+          : firstRetailerStatus.images
+          ? "Imágenes"
+          : "Imágenes";
+        dispatch({
+          type: "SET_ACTIVE_TAB",
+          payload: initialTab,
         });
       } catch (error) {
         console.log("Error setting product data: ", error);
@@ -200,7 +216,7 @@ const ProviderProductEditionView = ({
             id_category,
             version,
             token,
-            id_retailer
+            id_retailer,
           ),
           getPercentage({ data, headers }),
           getServicesData({
@@ -247,7 +263,7 @@ const ProviderProductEditionView = ({
         dispatch({
           type: "SET_ACTIVE_PERCENTAGES",
           payload: percentages.find(
-            ({ id_retailer: rId }) => rId === id_retailer
+            ({ id_retailer: rId }) => rId === id_retailer,
           ),
         });
       } catch (error) {
@@ -267,46 +283,51 @@ const ProviderProductEditionView = ({
     console.log("Actualizar inputs del retailer activo");
     const updateInputsActiveRetailer = () => {
       if (!state.services) return;
+      if (state.services.datasheets) {
+        const retailerDatasheets =
+          state.services.datasheets[state.active_retailer.id_retailer];
 
-      const retailerDatasheets =
-        state.services.datasheets[state.active_retailer.id_retailer];
-
-      const datasheetsActiveRetailer = {
-        ...retailerDatasheets,
-        data: Object.values(retailerDatasheets.data),
-      };
+        const datasheetsActiveRetailer = {
+          ...retailerDatasheets,
+          data: Object.values(retailerDatasheets.data),
+        };
 
-      const descriptionsActiveRetailer = state.services.descriptions.filter(
-        (item) => item.id === state.active_retailer.id_retailer
-      );
+        dispatch({
+          type: "SET_DATASHEETS_INPUTS",
+          payload: [datasheetsActiveRetailer, state.services.datasheets.inputs],
+        });
+      }
 
-      const filteredValues = state.services.images.values.filter((value) => {
-        return state.services.images.inputsByRetailer.some((retailerInput) =>
-          retailerInput.some(
-            (input) =>
-              input.id_retailer === state.active_retailer.id_retailer &&
-              input.id_image === value.image_id
-          )
+      if (state.services.descriptions) {
+        const descriptionsActiveRetailer = state.services.descriptions.filter(
+          (item) => item.id === state.active_retailer.id_retailer,
         );
-      });
 
-      dispatch({
-        type: "SET_DATASHEETS_INPUTS",
-        payload: [datasheetsActiveRetailer, state.services.datasheets.inputs],
-      });
+        dispatch({
+          type: "SET_DESCRIPTIONS_INPUTS",
+          payload: descriptionsActiveRetailer,
+        });
+      }
 
-      dispatch({
-        type: "SET_DESCRIPTIONS_INPUTS",
-        payload: descriptionsActiveRetailer,
-      });
+      if (state.services.images) {
+        const filteredValues = state.services.images.values.filter((value) => {
+          return state.services.images.inputsByRetailer.some((retailerInput) =>
+            retailerInput.some(
+              (input) =>
+                input.id_retailer === state.active_retailer.id_retailer &&
+                input.id_image === value.image_id,
+            ),
+          );
+        });
 
-      dispatch({
-        type: "SET_IMAGES_VALUES",
-        payload: {
-          ...state.services.images,
-          values: filteredValues,
-        },
-      });
+        dispatch({
+          type: "SET_IMAGES_VALUES",
+          payload: {
+            ...state.services.images,
+            values: filteredValues,
+          },
+        });
+      }
     };
 
     updateInputsActiveRetailer();
@@ -378,7 +399,7 @@ const ProviderProductEditionView = ({
       name: e?.name,
       required: e?.required,
       active: state.images_values?.values?.some(
-        (value) => value?.image_id === e?.id
+        (value) => value?.image_id === e?.id,
       ),
     }));
     const imageType = state.images_values?.imageType?.map((e) => ({
@@ -389,7 +410,7 @@ const ProviderProductEditionView = ({
       (e) => ({
         value: e?.id,
         name: e?.name,
-      })
+      }),
     );
 
     return state.images_values?.values?.map((image, index) => (
@@ -644,7 +665,7 @@ const ProviderProductEditionView = ({
             headers: {
               Authorization: token,
             },
-          }
+          },
         );
 
         const newStatuses = JSON.parse(res.data.body);
@@ -892,7 +913,7 @@ const ProviderProductEditionView = ({
             headers: {
               Authorization: token,
             },
-          })
+          }),
         );
       });
 
@@ -937,7 +958,7 @@ const ProviderProductEditionView = ({
           ArticleId: updatedProduct.id_article,
           idCategory: updatedProduct.id_category,
           product: updatedProduct,
-        })
+        }),
       );
 
       // Mostrar modal de éxito
@@ -1004,6 +1025,7 @@ const ProviderProductEditionView = ({
 
   return (
     <Container headerTop={headerTop}>
+      {/* <button onClick={() => console.log(state)}>log</button> */}
       {showVersionSelector && (
         <VersionSelector
           modalId={"version-selector"}
@@ -1099,7 +1121,7 @@ const ProviderProductEditionView = ({
               size={12}
               onClick={async () => {
                 const elements = document.querySelectorAll(
-                  "#modal-message-box .ql-container .ql-editor > p"
+                  "#modal-message-box .ql-container .ql-editor > p",
                 );
 
                 if (!elements || elements.length === 0) {
@@ -1114,7 +1136,7 @@ const ProviderProductEditionView = ({
 
                 if (isMessageEmpty) {
                   const container = document.querySelector(
-                    ".container-customComponent"
+                    ".container-customComponent",
                   );
                   const existingAlert = container.querySelector(".alert-error");
 
@@ -1146,7 +1168,7 @@ const ProviderProductEditionView = ({
                   .join("")
                   .replace(/<br\s*\/?>/gi, "\n");
 
-                await createComment(fullMessage, token);
+                await createComment(fullMessage);
 
                 rejectAll
                   ? handleOnEvaluateAll("R")
@@ -1309,7 +1331,7 @@ const ProviderProductEditionView = ({
                                 handleOnUpdateApprovedInputs // No se usa?
                               }
                             />
-                          )
+                          ),
                         )}
                       </>
                     ) : (
@@ -1413,11 +1435,7 @@ const ProviderProductEditionView = ({
 export const ProviderProductEdition = (props) => {
   return (
     <ProviderProductEditionProvider>
-      <AiProductEditionProvider
-        isCreatorsEdition={false}
-      >
-        <ProviderProductEditionView {...props} />
-      </AiProductEditionProvider>
+      <ProviderProductEditionView {...props} />
     </ProviderProductEditionProvider>
   );
 };

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

@@ -9,7 +9,6 @@ export const normalizeProduct = (product) => {
     ? categoryRetailer.map((rel) => ({
         id_retailer: rel.id_retailer || rel.retailer_id,
         retailer: rel.retailer_name || rel.retailerName,
-        name: rel.retailer_name || rel.retailerName,
         id_category: rel.id_category,
         category: rel.category_name || rel.categoryName,
         image: `https://content-management-images.s3.amazonaws.com/retailers/${
@@ -54,7 +53,8 @@ export const normalizeProduct = (product) => {
     id_datasheet_especialist: article.id_datasheet_especialist || 0,
     id_datasheet_facilitator: article.id_datasheet_facilitator || null,
     id_description_especialist: article.id_description_especialist || 0,
-    id_description_facilitator: article.id_description_facilitator || null,
+    id_description_facilitator:
+      article.id_description_facilitator || null,
     id_images_especialist: article.id_images_especialist || 0,
     id_images_facilitator: article.id_images_facilitator || null,
     id_auditor: article.id_auditor || 0,