contentoh-components-library 21.5.86 → 21.5.88

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

@@ -18,79 +18,139 @@ RetailerProductEditionDefault.args = {
   token:
     "eyJraWQiOiJEV3owZnNieXg2MXNFcVduN3RCXC81bVhod3ZNbFZIOTgwUnZcL3RjT0lKdEk9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI4ZDAxMDIxNC01YmZhLTQzYzMtOTZmYi1jNTU2ZGMwNTc3NGIiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfbFN6UVo0WjdSIiwiY29nbml0bzp1c2VybmFtZSI6IjhkMDEwMjE0LTViZmEtNDNjMy05NmZiLWM1NTZkYzA1Nzc0YiIsImF1ZCI6IjUyZDlza2tkY2c4cWpwODhvb2sxdXNlNm1rIiwiZXZlbnRfaWQiOiI1MDgwMTVmMy1mZGVkLTQ2ODUtYTIxNy1mYzgyMTg0ZWRmNGMiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTc2ODI1MzE3NywibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTc2ODI1Njc3NywiaWF0IjoxNzY4MjUzMTc3LCJlbWFpbCI6ImthcmFmZTMyMThAbW9tMmtpZC5jb20ifQ.QiZiscuTvrur0g328Zmh2bI-kZyg7YO_T5jT63096JNuSxGnX9wpK87cVTV1dED4ruD-2NMsgLShUIMcklAg17FL6i5_vCuB1dSIDY0LaybvSpriFJaVVdMUIMGFi_1Q7bI9qqyXYkevcf-HO33vVPdU-_-4-u8YRd-QganUk35vPYPh9vFJWbC0Qtvv25ZR4L2xuRIXx4e7StlTvZXysnYL8A84jkK1zn6d77V-9GqQQW8exO6sBW7R6cGt55vnF80NIfG_9lAqCK0PcZH4o50aqrAVhtfV5edlEmXBHeGK5R3Sz5iTeKb51QF3TWVFZCYGvQJ7FShulUWHcm3X2Q",
   productSelected: {
-    "articleId": 145186,
+    "articleId": 145199,
     "services": {
         "datasheets": 1,
         "descriptions": 1,
-        "images": 1
+        "images": 0
     },
-    "orderId": 10449,
+    "orderId": 10457,
     "city": "CDMX, México",
     "status": "AS",
-    "datasheet_status": "AC",
+    "datasheet_status": "AS",
     "prio": "none",
     "version": 3,
     "description_status": "AS",
-    "images_status": "AC",
+    "images_status": "NS",
     "statusByRetailer": [
         {
-            "status": "AC",
+            "status": "AS",
+            "service": "datasheet",
+            "retailer_id": 9,
+            "task_user_group_id": 2
+        },
+        {
+            "status": "AS",
+            "service": "description",
+            "retailer_id": 9,
+            "task_user_group_id": 2
+        },
+        {
+            "status": "AS",
+            "service": "datasheet",
+            "retailer_id": 19,
+            "task_user_group_id": 2
+        },
+        {
+            "status": "AS",
+            "service": "description",
+            "retailer_id": 19,
+            "task_user_group_id": 2
+        },
+        {
+            "status": "AS",
             "service": "datasheet",
-            "retailer_id": 70,
-            "task_user_group_id": 4
+            "retailer_id": 24,
+            "task_user_group_id": 2
         },
         {
             "status": "AS",
             "service": "description",
-            "retailer_id": 70,
+            "retailer_id": 24,
+            "task_user_group_id": 2
+        },
+        {
+            "status": "AS",
+            "service": "datasheet",
+            "retailer_id": 1011,
             "task_user_group_id": 2
         },
         {
-            "status": "AC",
-            "service": "images",
-            "retailer_id": 70,
-            "task_user_group_id": 4
+            "status": "AS",
+            "service": "description",
+            "retailer_id": 1011,
+            "task_user_group_id": 2
         }
     ],
     "article": {
-        "id_article": 145186,
-        "id_category": "4007",
+        "id_article": 145199,
+        "id_category": "10001",
         "brand": null,
-        "name": "Mayonesa",
-        "upc": "098928",
-        "sku": "899",
-        "timestamp": "2026-04-23T16:02:14.000Z",
+        "name": "Serna Status Bug 4",
+        "upc": "14615181351",
+        "sku": "156845131",
+        "timestamp": "2026-05-05T15:08:54.000Z",
         "active": 1,
         "company_id": 291,
         "company_name": "LATAM LOGISTICS",
         "country": "México",
-        "id_order": 10449,
+        "id_order": 10457,
         "id_datasheet_especialist": 426,
         "id_datasheet_facilitator": null,
         "id_description_especialist": 426,
         "id_description_facilitator": null,
-        "id_images_especialist": 427,
+        "id_images_especialist": null,
         "id_images_facilitator": null,
         "id_auditor": 425,
         "id_recepcionist": null,
-        "category": "Abarrotes Procesados|Abarrotes Básicos y Procesados|Abarrotes Básicos y Procesados",
+        "category": "Departamento Hanseatik|Categoría Hanseatik|Subcategoría Hanseatik",
         "categoryRetailer": [
             {
-                "id_category": 4007,
-                "id_retailer": 70,
-                "category_name": "Abarrotes Procesados|Abarrotes Básicos y Procesados|Abarrotes Básicos y Procesados",
-                "retailer_name": "Bodega Aurrera"
+                "id_category": 3432,
+                "id_retailer": 24,
+                "category_name": "Bebés Alsuper|Bebés|Bebés",
+                "retailer_name": "Alsuper"
+            },
+            {
+                "id_category": 3579,
+                "id_retailer": 1011,
+                "category_name": "Categoría Genérica Farmatodo|Categoría Genérica|Categoría Genérica",
+                "retailer_name": "Farmatodo"
+            },
+            {
+                "id_category": 6795,
+                "id_retailer": 19,
+                "category_name": "Categoría Generica Costco|Categoría Generica|Categoría Generica",
+                "retailer_name": "Costco"
+            },
+            {
+                "id_category": 10001,
+                "id_retailer": 9,
+                "category_name": "Departamento Hanseatik|Categoría Hanseatik|Subcategoría Hanseatik",
+                "retailer_name": "Amazon"
             }
         ]
     },
     "retailers": [
         {
-            "id": 70,
-            "name": "Bodega Aurrera"
+            "id": 9,
+            "name": "Amazon"
+        },
+        {
+            "id": 19,
+            "name": "Costco"
+        },
+        {
+            "id": 24,
+            "name": "Alsuper"
+        },
+        {
+            "id": 1011,
+            "name": "Farmatodo"
         }
     ],
     "country": "México",
-    "upc": "098928"
+    "upc": "14615181351"
 },
 
 // location: {
@@ -103,41 +163,41 @@ RetailerProductEditionDefault.args = {
 
 // EDICION IMAGENES
 
-user: {
-    "id_user": 427,
-    "name": "Especialista Edición",
-    "last_name": null,
-    "email": "kikije1467@mtlcz.com",
-    "position": "Tester",
-    "telephone": null,
-    "country": null,
-    "id_company": 254,
-    "id_cognito": "c7e5a6a4-2b3f-4d54-af98-9e09a4cbc01e",
-    "birth_Date": null,
-    "about_me": null,
-    "zip_code": null,
-    "address": null,
-    "job": null,
-    "id_stripe": null,
-    "id_role": 8,
-    "active": 1,
-    "is_retailer": 0,
-    "email_notify": null,
-    "is_user_tech": null,
-    "is_onboarding": 0,
-    "membership": {
-        "id": 750,
-        "start_date": "2022-01-07T21:32:54.000Z",
-        "end_date": "2023-01-07T21:32:54.000Z",
-        "planID": 6,
-        "plan": "prod_KvGd6YSTJyR3AP",
-        "name": "Plan Small",
-        "user_limit": "10",
-        "products_limit": "1000",
-        "type": "Enterprise"
-    },
-    "src": "https://content-management-profile-prod.s3.amazonaws.com/id-427/427.png?1775592220312"
-},
+// user: {
+//     "id_user": 427,
+//     "name": "Especialista Edición",
+//     "last_name": null,
+//     "email": "kikije1467@mtlcz.com",
+//     "position": "Tester",
+//     "telephone": null,
+//     "country": null,
+//     "id_company": 254,
+//     "id_cognito": "c7e5a6a4-2b3f-4d54-af98-9e09a4cbc01e",
+//     "birth_Date": null,
+//     "about_me": null,
+//     "zip_code": null,
+//     "address": null,
+//     "job": null,
+//     "id_stripe": null,
+//     "id_role": 8,
+//     "active": 1,
+//     "is_retailer": 0,
+//     "email_notify": null,
+//     "is_user_tech": null,
+//     "is_onboarding": 0,
+//     "membership": {
+//         "id": 750,
+//         "start_date": "2022-01-07T21:32:54.000Z",
+//         "end_date": "2023-01-07T21:32:54.000Z",
+//         "planID": 6,
+//         "plan": "prod_KvGd6YSTJyR3AP",
+//         "name": "Plan Small",
+//         "user_limit": "10",
+//         "products_limit": "1000",
+//         "type": "Enterprise"
+//     },
+//     "src": "https://content-management-profile-prod.s3.amazonaws.com/id-427/427.png?1775592220312"
+// },
 
 //TEXTOS
 
@@ -178,39 +238,39 @@ user: {
 //     "src": "https://content-management-profile.s3.amazonaws.com/id-442/442.png?1760636567736"
 // },
 
-// user: {
-//     id_user: 426,
-//     name: "Especialista Textos",
-//     last_name: null,
-//     email: "karafe3218@mom2kid.com",
-//     position: "Tester",
-//     telephone: null,
-//     country: null,
-//     id_company: 254,
-//     id_cognito: "8d010214-5bfa-43c3-96fb-c556dc05774b",
-//     birth_Date: null,
-//     about_me: null,
-//     zip_code: null,
-//     address: null,
-//     job: null,
-//     id_stripe: null,
-//     id_role: 7,
-//     active: 1,
-//     is_retailer: 0,
-//     email_notify: null,
-//     is_user_tech: null,
-//     is_onboarding: 0,
-//     membership: {
-//     id: 750,
-//     start_date: "2022-01-07T21:32:54.000Z",
-//     end_date: "2023-01-07T21:32:54.000Z",
-//     planID: 6,
-//     plan: "prod_KvGd6YSTJyR3AP",
-//     name: "Plan Small",
-//     user_limit: "10",
-//     products_limit: "1000",
-//     type: "Enterprise",
-//     },
-//     src: "https://content-management-profile-prod.s3.amazonaws.com/id-426/426.png?1768253179478",
-// },
+user: {
+    id_user: 426,
+    name: "Especialista Textos",
+    last_name: null,
+    email: "karafe3218@mom2kid.com",
+    position: "Tester",
+    telephone: null,
+    country: null,
+    id_company: 254,
+    id_cognito: "8d010214-5bfa-43c3-96fb-c556dc05774b",
+    birth_Date: null,
+    about_me: null,
+    zip_code: null,
+    address: null,
+    job: null,
+    id_stripe: null,
+    id_role: 7,
+    active: 1,
+    is_retailer: 0,
+    email_notify: null,
+    is_user_tech: null,
+    is_onboarding: 0,
+    membership: {
+    id: 750,
+    start_date: "2022-01-07T21:32:54.000Z",
+    end_date: "2023-01-07T21:32:54.000Z",
+    planID: 6,
+    plan: "prod_KvGd6YSTJyR3AP",
+    name: "Plan Small",
+    user_limit: "10",
+    products_limit: "1000",
+    type: "Enterprise",
+    },
+    src: "https://content-management-profile-prod.s3.amazonaws.com/id-426/426.png?1768253179478",
+},
 };

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

@@ -44,19 +44,19 @@ export const productReducer = (state, action) => {
               (status) =>
                 status?.service === "description" &&
                 status?.retailer_id === state?.active_retailer?.id_retailer,
-            ).status || "NS",
+            )?.status || "NS",
           datasheet_status:
             action.payload.find(
               (status) =>
                 status?.service === "datasheet" &&
                 status?.retailer_id === state?.active_retailer?.id_retailer,
-            ).status || "NS",
+            )?.status || "NS",
           images_status:
             action.payload.find(
               (status) =>
                 status?.service === "images" &&
                 status?.retailer_id === state?.active_retailer?.id_retailer,
-            ).status || "NS",
+            )?.status || "NS",
           statusByRetailer: action.payload,
         },
       };
@@ -110,5 +110,5 @@ function getMinorStatus(servicesStatus = []) {
     return currentObj.weight < minorObj.weight ? currentObj : minorObj;
   }, servicesStatus[0] || STATUS_DICTIONARY.NS);
 
-  return winner?.status || STATUS_DICTIONARY.NS.status;
+  return winner?.status || STATUS_DICTIONARY.NS?.status;
 }

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

@@ -696,9 +696,11 @@ const RetailerProductEditionView = ({
 
   const sendSingleEvaluation = async (result) => {
     if (state.saving) return;
+
     dispatch({ type: "SET_SAVING", payload: true });
 
     const concept = getConceptByTab(state.active_tab);
+
     const articleId = state.product.id_article;
     const orderId = state.product.id_order ?? state.product.orderId;
     const sectionStatusKey = `${concept}_status`;
@@ -713,6 +715,7 @@ const RetailerProductEditionView = ({
     const activeTab = state.active_tab;
 
     try {
+      //Esto solo se ejecutará cuando se aprueba o rechaza desde el modal superior derecho
       if (result) {
         data.result = result;
         data.retailerId = retailerId;
@@ -757,7 +760,10 @@ const RetailerProductEditionView = ({
             image: successIcon,
           },
         });
-      } else {
+      } else { //Caso del botón "Enviar evaluación"
+
+        //Se construye el mensaje y se actualiza el estatus
+
         const specialistDone = ["RC", "RA", "CA"].includes(evalStatus);
 
         if (specialistDone) {
@@ -772,39 +778,41 @@ const RetailerProductEditionView = ({
           message = "Evaluación enviada";
           icon = successIcon;
         }
+
         res = await axios.put(`${process.env.REACT_APP_SEND_EVAL}`, data, {
           headers: {
             Authorization: token,
           },
         });
       }
+
       if (res.data.statusCode === 200) {
-        const { newStatus, newOrderStatus, newArticleStatus } = JSON.parse(
-          res.data.body,
-        );
-        const retailers = state.product.categoryRetailer.map((r) => ({
-          id: r.id_retailer,
-          name: r.retailerName,
-        }));
-        const messageToChat = createMessage(
-          retailers,
-          retailerId,
-          evalStatus,
-          newStatus,
-          activeTab,
-        );
 
-        const messageData = {
-          paramsBody: {
-            id: articleId,
-            version: state.product.version,
-            items: [{ type: "status", value: messageToChat }],
-            retailerId: retailerId,
-            status: state.product.status,
-          },
-          paramsHeader: { Authorization: token },
-        };
-        await sendMessage(messageData);
+        const { newStatus, newOrderStatus, newArticleStatus } = JSON.parse( res.data.body );
+
+        // const retailers = state.product.categoryRetailer.map((r) => ({
+        //   id: r.id_retailer,
+        //   name: r.retailerName,
+        // }));
+        // const messageToChat = createMessage(
+        //   retailers,
+        //   retailerId,
+        //   evalStatus,
+        //   newStatus,
+        //   activeTab,
+        // );
+
+        // const messageData = {
+        //   paramsBody: {
+        //     id: articleId,
+        //     version: state.product.version,
+        //     items: [{ type: "status", value: messageToChat }],
+        //     retailerId: retailerId,
+        //     status: state.product.status,
+        //   },
+        //   paramsHeader: { Authorization: token },
+        // };
+        // await sendMessage(messageData);
 
         const updatedProduct = {
           ...state.product,
@@ -818,7 +826,15 @@ const RetailerProductEditionView = ({
           }),
         };
 
+        //Actualizamos el services_data en el servicio específico del retailer actual
+
+        const updatedServicesData = state.services_data?.map(service => ({
+          ...service,
+          status: service?.id_retailer === retailerId && service?.service === concept ? newStatus : service?.status
+        }));
+
         const sessionProduct = sessionStorage.getItem("productSelected");
+
         if (sessionProduct) {
           const productInSession = JSON.parse(sessionProduct);
           const updatedProductInSession = {
@@ -850,6 +866,7 @@ const RetailerProductEditionView = ({
         }
 
         dispatch({ type: "SET_PRODUCT", payload: updatedProduct });
+        dispatch({ type: "SET_SERVICES_DATA", payload: updatedServicesData });
       }
     } catch (error) {
       console.error("Error sending evaluation:", error);
@@ -1097,6 +1114,7 @@ const RetailerProductEditionView = ({
     switch (id_rol) {
       case 7:
       case 8:
+
         const conditionOne = statusArray.includes(statusByActiveService);
         const conditionTwo = statusArray.includes(product?.status);
         const conditionThree =
@@ -1105,10 +1123,11 @@ const RetailerProductEditionView = ({
           ).length === servicesByTab.length;
 
         return (conditionOne && conditionTwo) || conditionThree;
+
       case 4:
       case 5:
         const filteredSrv45 = servicesByTab?.filter((serv) =>
-          statusArray.includes(serv.status),
+          statusArray.includes(serv?.status),
         );
         const condition45 =
           unvalidated &&
@@ -1118,7 +1137,7 @@ const RetailerProductEditionView = ({
       case 6:
         const statusInArray = statusArray.includes(product?.status);
         const allSrvValid = srv?.every((serv) =>
-          ["RA", "AA", "AP", "ACA"].includes(serv.status),
+          ["RA", "AA", "AP", "ACA"].includes(serv?.status),
         );
         const condition6 = statusInArray && allSrvValid && auditorUnvalidated;
         return condition6;

package/src/contexts/AiProductEdition.jsx

@@ -45,7 +45,39 @@ export const AiProductEditionProvider = ({
   const [inputsGeneratedWithAi, setInputsGeneratedWithAi] = useState({});
   const [inputsUsingAi, setInputsUsingAi] = useState({});
 
+  const MAX_CREDITS = 10;
+  const COOLDOWN_MS = 5 * 60 * 1000;
+  const RATE_LIMIT_KEY = "ai_generation_limit_data";
 
+  const checkAndManageRateLimit = (currentArticleId) => {
+    const now = Date.now();
+    const storedData = localStorage.getItem(RATE_LIMIT_KEY);
+
+    let allRateData = storedData ? JSON.parse(storedData) : {};
+
+    let productTimestamps = allRateData[currentArticleId] || [];
+
+    productTimestamps = productTimestamps.filter(timestamp => (now - timestamp) < COOLDOWN_MS);
+
+    if (productTimestamps.length >= MAX_CREDITS) {
+
+      allRateData[currentArticleId] = productTimestamps;
+      localStorage.setItem(RATE_LIMIT_KEY, JSON.stringify(allRateData));
+
+      return {
+        allowed: false,
+        message: "Has alcanzado el limite de intentos frecuentes para este producto. Por favor, espera unos minutos."
+      };
+    }
+
+
+    productTimestamps.push(now);
+    allRateData[currentArticleId] = productTimestamps;
+
+    localStorage.setItem(RATE_LIMIT_KEY, JSON.stringify(allRateData));
+
+    return { allowed: true };
+  };
 
   function setCurrentSuggestionValue({
     inputId,
@@ -93,6 +125,10 @@ export const AiProductEditionProvider = ({
       attributeId
     });
 
+    if(newSuggestions?.error) return {
+      error: newSuggestions.error
+    }
+
     if(!Array.isArray(newSuggestions) || newSuggestions.length === 0)
       return console.log("Error: No se obtuvieron nuevas sugerencias");
 
@@ -119,6 +155,15 @@ export const AiProductEditionProvider = ({
 
       if(!isAiAvailable) return;
 
+      const rateLimitStatus = checkAndManageRateLimit(articleId);
+
+      if (!rateLimitStatus.allowed) {
+        return {
+          error: rateLimitStatus.message,
+          isRateLimitInfo: true
+        };
+      }
+
       if(!product)
         throw new Error("El producto no está definido");