contentoh-components-library 21.5.86 → 21.5.88

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

@@ -985,7 +985,7 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
     var _ref10 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee7(result) {
       var _state$product$id_ord, _state$active_retaile3;
 
-      var concept, articleId, orderId, sectionStatusKey, evalStatus, retailerId, data, res, message, icon, activeTab, newStatuses, serviceStatus, updatedStatusByRetailer, updatedProduct, specialistDone, _objectSpread2, _JSON$parse2, newStatus, newOrderStatus, newArticleStatus, retailers, messageToChat, messageData, _updatedProduct, sessionProduct, _objectSpread3, productInSession, updatedProductInSession;
+      var concept, articleId, orderId, sectionStatusKey, evalStatus, retailerId, data, res, message, icon, activeTab, newStatuses, serviceStatus, updatedStatusByRetailer, updatedProduct, specialistDone, _objectSpread2, _state$services_data, _JSON$parse2, newStatus, newOrderStatus, newArticleStatus, _updatedProduct, updatedServicesData, sessionProduct, _objectSpread3, productInSession, updatedProductInSession;
 
       return _regenerator.default.wrap(function _callee7$(_context7) {
         while (1) {
@@ -1064,6 +1064,8 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
               break;
 
             case 26:
+              //Caso del botón "Enviar evaluación"
+              //Se construye el mensaje y se actualiza el estatus
               specialistDone = ["RC", "RA", "CA"].includes(evalStatus);
 
               if (specialistDone) {
@@ -1085,52 +1087,31 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
               res = _context7.sent;
 
             case 31:
-              if (!(res.data.statusCode === 200)) {
-                _context7.next = 43;
-                break;
-              }
-
-              _JSON$parse2 = JSON.parse(res.data.body), newStatus = _JSON$parse2.newStatus, newOrderStatus = _JSON$parse2.newOrderStatus, newArticleStatus = _JSON$parse2.newArticleStatus;
-              retailers = state.product.categoryRetailer.map(function (r) {
-                return {
-                  id: r.id_retailer,
-                  name: r.retailerName
-                };
-              });
-              messageToChat = (0, _utils.createMessage)(retailers, retailerId, evalStatus, newStatus, activeTab);
-              messageData = {
-                paramsBody: {
-                  id: articleId,
-                  version: state.product.version,
-                  items: [{
-                    type: "status",
-                    value: messageToChat
-                  }],
-                  retailerId: retailerId,
-                  status: state.product.status
-                },
-                paramsHeader: {
-                  Authorization: token
-                }
-              };
-              _context7.next = 38;
-              return (0, _utils.sendMessage)(messageData);
-
-            case 38:
-              _updatedProduct = (0, _objectSpread5.default)((0, _objectSpread5.default)({}, state.product), {}, (_objectSpread2 = {}, (0, _defineProperty2.default)(_objectSpread2, "".concat(concept, "_status"), newStatus), (0, _defineProperty2.default)(_objectSpread2, "statusByRetailer", state.product.statusByRetailer.map(function (item) {
-                if (item.retailer_id === retailerId && item.service === concept) {
-                  return (0, _objectSpread5.default)((0, _objectSpread5.default)({}, item), {}, {
-                    status: newStatus
-                  });
-                }
-
-                return item;
-              })), _objectSpread2));
-              sessionProduct = sessionStorage.getItem("productSelected");
-
-              if (sessionProduct) {
-                productInSession = JSON.parse(sessionProduct);
-                updatedProductInSession = (0, _objectSpread5.default)((0, _objectSpread5.default)({}, productInSession), {}, (_objectSpread3 = {}, (0, _defineProperty2.default)(_objectSpread3, "".concat(concept, "_status"), newStatus), (0, _defineProperty2.default)(_objectSpread3, "statusByRetailer", state.product.statusByRetailer.map(function (item) {
+              if (res.data.statusCode === 200) {
+                _JSON$parse2 = JSON.parse(res.data.body), newStatus = _JSON$parse2.newStatus, newOrderStatus = _JSON$parse2.newOrderStatus, newArticleStatus = _JSON$parse2.newArticleStatus; // 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);
+
+                _updatedProduct = (0, _objectSpread5.default)((0, _objectSpread5.default)({}, state.product), {}, (_objectSpread2 = {}, (0, _defineProperty2.default)(_objectSpread2, "".concat(concept, "_status"), newStatus), (0, _defineProperty2.default)(_objectSpread2, "statusByRetailer", state.product.statusByRetailer.map(function (item) {
                   if (item.retailer_id === retailerId && item.service === concept) {
                     return (0, _objectSpread5.default)((0, _objectSpread5.default)({}, item), {}, {
                       status: newStatus
@@ -1138,33 +1119,56 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
                   }
 
                   return item;
-                })), _objectSpread3));
-                sessionStorage.setItem("productSelected", JSON.stringify(updatedProductInSession));
-              }
+                })), _objectSpread2)); //Actualizamos el services_data en el servicio específico del retailer actual
+
+                updatedServicesData = (_state$services_data = state.services_data) === null || _state$services_data === void 0 ? void 0 : _state$services_data.map(function (service) {
+                  return (0, _objectSpread5.default)((0, _objectSpread5.default)({}, service), {}, {
+                    status: (service === null || service === void 0 ? void 0 : service.id_retailer) === retailerId && (service === null || service === void 0 ? void 0 : service.service) === concept ? newStatus : service === null || service === void 0 ? void 0 : service.status
+                  });
+                });
+                sessionProduct = sessionStorage.getItem("productSelected");
+
+                if (sessionProduct) {
+                  productInSession = JSON.parse(sessionProduct);
+                  updatedProductInSession = (0, _objectSpread5.default)((0, _objectSpread5.default)({}, productInSession), {}, (_objectSpread3 = {}, (0, _defineProperty2.default)(_objectSpread3, "".concat(concept, "_status"), newStatus), (0, _defineProperty2.default)(_objectSpread3, "statusByRetailer", state.product.statusByRetailer.map(function (item) {
+                    if (item.retailer_id === retailerId && item.service === concept) {
+                      return (0, _objectSpread5.default)((0, _objectSpread5.default)({}, item), {}, {
+                        status: newStatus
+                      });
+                    }
+
+                    return item;
+                  })), _objectSpread3));
+                  sessionStorage.setItem("productSelected", JSON.stringify(updatedProductInSession));
+                }
+
+                if (message) {
+                  dispatch({
+                    type: "SET_MODAL",
+                    payload: {
+                      show: true,
+                      title: "",
+                      message: message,
+                      image: _genericModalCheck.default
+                    }
+                  });
+                }
 
-              if (message) {
                 dispatch({
-                  type: "SET_MODAL",
-                  payload: {
-                    show: true,
-                    title: "",
-                    message: message,
-                    image: _genericModalCheck.default
-                  }
+                  type: "SET_PRODUCT",
+                  payload: _updatedProduct
+                });
+                dispatch({
+                  type: "SET_SERVICES_DATA",
+                  payload: updatedServicesData
                 });
               }
 
-              dispatch({
-                type: "SET_PRODUCT",
-                payload: _updatedProduct
-              });
-
-            case 43:
-              _context7.next = 49;
+              _context7.next = 38;
               break;
 
-            case 45:
-              _context7.prev = 45;
+            case 34:
+              _context7.prev = 34;
               _context7.t0 = _context7["catch"](11);
               console.error("Error sending evaluation:", _context7.t0);
               dispatch({
@@ -1177,20 +1181,20 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
                 }
               });
 
-            case 49:
-              _context7.prev = 49;
+            case 38:
+              _context7.prev = 38;
               dispatch({
                 type: "SET_SAVING",
                 payload: false
               });
-              return _context7.finish(49);
+              return _context7.finish(38);
 
-            case 52:
+            case 41:
             case "end":
               return _context7.stop();
           }
         }
-      }, _callee7, null, [[11, 45, 49, 52]]);
+      }, _callee7, null, [[11, 34, 38, 41]]);
     }));
 
     return function sendSingleEvaluation(_x2) {
@@ -1227,7 +1231,7 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
 
   var sendBulkEvaluation = /*#__PURE__*/function () {
     var _ref12 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee9(result) {
-      var _state$services_data, evaluationArray, conceptArray, status, updatedStatusByRetailer, updatedProduct, productInSession, updatedProductInSession;
+      var _state$services_data2, evaluationArray, conceptArray, status, updatedStatusByRetailer, updatedProduct, productInSession, updatedProductInSession;
 
       return _regenerator.default.wrap(function _callee9$(_context9) {
         while (1) {
@@ -1241,7 +1245,7 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
               evaluationArray = [];
               conceptArray = (0, _utils.getConceptsByRole)(user.id_role); // Crear todas las evaluaciones para cada servicio y retailer
 
-              (_state$services_data = state.services_data) === null || _state$services_data === void 0 ? void 0 : _state$services_data.forEach(function (ret) {
+              (_state$services_data2 = state.services_data) === null || _state$services_data2 === void 0 ? void 0 : _state$services_data2.forEach(function (ret) {
                 var service = ret.service,
                     id_retailer = ret.id_retailer,
                     status = ret.status;
@@ -1505,7 +1509,7 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
       case 4:
       case 5:
         var filteredSrv45 = servicesByTab === null || servicesByTab === void 0 ? void 0 : servicesByTab.filter(function (serv) {
-          return statusArray.includes(serv.status);
+          return statusArray.includes(serv === null || serv === void 0 ? void 0 : serv.status);
         });
         var condition45 = unvalidated && ["CA", "IE"].includes(product === null || product === void 0 ? void 0 : product.status) && (filteredSrv45 === null || filteredSrv45 === void 0 ? void 0 : filteredSrv45.length) === (servicesByTab === null || servicesByTab === void 0 ? void 0 : servicesByTab.length);
         return condition45;
@@ -1513,7 +1517,7 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
       case 6:
         var statusInArray = statusArray.includes(product === null || product === void 0 ? void 0 : product.status);
         var allSrvValid = (_srv = srv) === null || _srv === void 0 ? void 0 : _srv.every(function (serv) {
-          return ["RA", "AA", "AP", "ACA"].includes(serv.status);
+          return ["RA", "AA", "AP", "ACA"].includes(serv === null || serv === void 0 ? void 0 : serv.status);
         });
         var condition6 = statusInArray && allSrvValid && auditorUnvalidated;
         return condition6;

package/dist/contexts/AiProductEdition.js

@@ -96,6 +96,36 @@ var AiProductEditionProvider = function AiProductEditionProvider(_ref) {
       inputsUsingAi = _useState16[0],
       setInputsUsingAi = _useState16[1];
 
+  var MAX_CREDITS = 10;
+  var COOLDOWN_MS = 5 * 60 * 1000;
+  var RATE_LIMIT_KEY = "ai_generation_limit_data";
+
+  var checkAndManageRateLimit = function checkAndManageRateLimit(currentArticleId) {
+    var now = Date.now();
+    var storedData = localStorage.getItem(RATE_LIMIT_KEY);
+    var allRateData = storedData ? JSON.parse(storedData) : {};
+    var productTimestamps = allRateData[currentArticleId] || [];
+    productTimestamps = productTimestamps.filter(function (timestamp) {
+      return 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(_ref2) {
     var inputId = _ref2.inputId,
         index = _ref2.index,
@@ -149,25 +179,35 @@ var AiProductEditionProvider = function AiProductEditionProvider(_ref) {
             case 5:
               newSuggestions = _context.sent;
 
-              if (!(!Array.isArray(newSuggestions) || newSuggestions.length === 0)) {
+              if (!(newSuggestions !== null && newSuggestions !== void 0 && newSuggestions.error)) {
                 _context.next = 8;
                 break;
               }
 
-              return _context.abrupt("return", console.log("Error: No se obtuvieron nuevas sugerencias"));
+              return _context.abrupt("return", {
+                error: newSuggestions.error
+              });
 
             case 8:
-              if (newSuggestions) {
+              if (!(!Array.isArray(newSuggestions) || newSuggestions.length === 0)) {
                 _context.next = 10;
                 break;
               }
 
-              return _context.abrupt("return", console.log("Error: No exiten resultados nuevos"));
+              return _context.abrupt("return", console.log("Error: No se obtuvieron nuevas sugerencias"));
 
             case 10:
+              if (newSuggestions) {
+                _context.next = 12;
+                break;
+              }
+
+              return _context.abrupt("return", console.log("Error: No exiten resultados nuevos"));
+
+            case 12:
               return _context.abrupt("return", newSuggestions);
 
-            case 11:
+            case 13:
             case "end":
               return _context.stop();
           }
@@ -184,7 +224,7 @@ var AiProductEditionProvider = function AiProductEditionProvider(_ref) {
 
   function _generateProductSuggestions() {
     _generateProductSuggestions = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(_ref4) {
-      var _ref4$inputName, inputName, _ref4$currentValue, currentValue, _ref4$description, description, _ref4$maxChar, maxChar, _ref4$type, type, articleId, versionId, descriptionId, attributeId, _state$product, _JSON$parse$data, _JSON$parse, upc, productName, retailer, category, version, payload, _yield$axios$post, data, results, _error$message;
+      var _ref4$inputName, inputName, _ref4$currentValue, currentValue, _ref4$description, description, _ref4$maxChar, maxChar, _ref4$type, type, articleId, versionId, descriptionId, attributeId, _state$product, _JSON$parse$data, _JSON$parse, rateLimitStatus, upc, productName, retailer, category, version, payload, _yield$axios$post, data, results, _error$message;
 
       return _regenerator.default.wrap(function _callee2$(_context2) {
         while (1) {
@@ -201,41 +241,54 @@ var AiProductEditionProvider = function AiProductEditionProvider(_ref) {
               return _context2.abrupt("return");
 
             case 4:
+              rateLimitStatus = checkAndManageRateLimit(articleId);
+
+              if (rateLimitStatus.allowed) {
+                _context2.next = 7;
+                break;
+              }
+
+              return _context2.abrupt("return", {
+                error: rateLimitStatus.message,
+                isRateLimitInfo: true
+              });
+
+            case 7:
               if (product) {
-                _context2.next = 6;
+                _context2.next = 9;
                 break;
               }
 
               throw new Error("El producto no está definido");
 
-            case 6:
+            case 9:
               if (!(!Array.isArray(parsedDatasheet) || parsedDatasheet.length === 0)) {
-                _context2.next = 8;
+                _context2.next = 11;
                 break;
               }
 
               throw new Error("No es encontró la ficha técnica");
 
-            case 8:
+            case 11:
               if (!(!Array.isArray(parsedImages) || parsedImages.length === 0)) {
-                _context2.next = 10;
+                _context2.next = 13;
                 break;
               }
 
               throw new Error("No se encontraron imágenes para la cadena seleccionada");
 
-            case 10:
+            case 13:
               upc = product.upc, productName = product.productName, retailer = product.retailer, category = product.category;
               version = state === null || state === void 0 ? void 0 : (_state$product = state.product) === null || _state$product === void 0 ? void 0 : _state$product.version;
 
               if (!(!upc || !description || !productName || !category || !retailer || !articleId || !version || !descriptionId && !attributeId)) {
-                _context2.next = 14;
+                _context2.next = 17;
                 break;
               }
 
               throw new Error("Faltan parámetros obligatorios para generar sugerencias de IA");
 
-            case 14:
+            case 17:
               payload = {
                 upc: upc,
                 attributeTitle: inputName,
@@ -253,42 +306,42 @@ var AiProductEditionProvider = function AiProductEditionProvider(_ref) {
                 descriptionId: descriptionId,
                 attributeId: attributeId
               };
-              _context2.next = 17;
+              _context2.next = 20;
               return _axios.default.post(process.env.REACT_APP_GENERATE_AI_ATTRIBUTES, payload, {
                 headers: {
                   Authorization: token
                 }
               });
 
-            case 17:
+            case 20:
               _yield$axios$post = _context2.sent;
               data = _yield$axios$post.data;
               results = (_JSON$parse$data = (_JSON$parse = JSON.parse(data === null || data === void 0 ? void 0 : data.body)) === null || _JSON$parse === void 0 ? void 0 : _JSON$parse.data) !== null && _JSON$parse$data !== void 0 ? _JSON$parse$data : [];
 
               if (results) {
-                _context2.next = 22;
+                _context2.next = 25;
                 break;
               }
 
               throw new Error("No se encontraron resultados");
 
-            case 22:
+            case 25:
               return _context2.abrupt("return", results);
 
-            case 25:
-              _context2.prev = 25;
+            case 28:
+              _context2.prev = 28;
               _context2.t0 = _context2["catch"](1);
               console.log("Error generating AI suggestions:", _context2.t0);
               return _context2.abrupt("return", {
                 error: (_error$message = _context2.t0 === null || _context2.t0 === void 0 ? void 0 : _context2.t0.message) !== null && _error$message !== void 0 ? _error$message : "Error generating AI suggestions"
               });
 
-            case 29:
+            case 32:
             case "end":
               return _context2.stop();
           }
         }
-      }, _callee2, null, [[1, 25]]);
+      }, _callee2, null, [[1, 28]]);
     }));
     return _generateProductSuggestions.apply(this, arguments);
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "contentoh-components-library",
-  "version": "21.5.86",
+  "version": "21.5.88",
   "dependencies": {
     "@aws-amplify/auth": "^4.5.3",
     "@aws-amplify/datastore": "^3.11.0",

package/src/components/molecules/TagAndInput/index.js

@@ -71,6 +71,8 @@ export const TagAndInput = ({
   const [isAiRegenerationLoading, setIsAiRegenerationLoading] = useState(false);
   const [isAiGenerated, setIsAiGenerated] = useState(false);
 
+  const [errorMessage, setErrorMessage] = useState("");
+
   async function handlerAiGeneration({
     type
   }) {
@@ -88,6 +90,7 @@ export const TagAndInput = ({
     if(Array.isArray(currentSuggestions) && currentSuggestions.length > 0)
       return setIsAiActive(true);
 
+    setErrorMessage("");
     setIsAiGenerationLoading(true);
 
     const aiSuggestions = await generateProductSuggestions({
@@ -104,7 +107,15 @@ export const TagAndInput = ({
     });
 
     if(!aiSuggestions && aiSuggestions.length === 0) {
-      console.log("Error: No se recibieron sugerencias de IA");
+      const errorMsg = "Error: No se recibieron sugerencias de IA";
+      console.log(errorMsg);
+      setIsAiGenerationLoading(false);
+      return;
+    }
+
+    if(aiSuggestions?.error) {
+      console.log('Error: ', aiSuggestions.error);
+      setErrorMessage(aiSuggestions.error);
       setIsAiGenerationLoading(false);
       return;
     }
@@ -126,6 +137,7 @@ export const TagAndInput = ({
 
     if(isAiRegenerationLoading) return;
 
+    setErrorMessage("");
     setIsAiRegenerationLoading(true);
 
     const currentSuggestions = suggestions?.[inputId];
@@ -144,7 +156,18 @@ export const TagAndInput = ({
     });
 
     if(!aiSuggestions && aiSuggestions.length === 0) {
-      console.log("Error: No se recibieron sugerencias de IA");
+      const errorMsg = "Error: No se recibieron sugerencias de IA";
+      console.log(errorMsg);
+      setErrorMessage(errorMsg);
+      setIsAiRegenerationLoading(false);
+      return;
+    }
+
+    console.log({aiSuggestionsRenew: aiSuggestions})
+
+    if(aiSuggestions?.error) {
+      console.log('Error: ', aiSuggestions.error);
+      setErrorMessage(aiSuggestions.error);
       setIsAiRegenerationLoading(false);
       return;
     }
@@ -320,6 +343,13 @@ export const TagAndInput = ({
           }
         </div>
       )}
+      {errorMessage && (
+        <div
+          className="error-message-container"
+        >
+          <p>{errorMessage}</p>
+        </div>
+      )}
       <GeneralInput
         inputId={inputId}
         inputType={inputType}

package/src/components/molecules/TagAndInput/styles.js

@@ -75,4 +75,15 @@ export const Container = styled.div`
   & + * {
     margin-top: ${({ inputType }) => (inputType !== "textarea" ? 0 : 10)}px;
   }
+
+  .error-message-container {
+
+    font-family: "Raleway";
+    font-size: 12px;
+    font-weight: 500;
+    color: #E1251B;
+    margin-bottom: 8px;
+    margin-top: 0;
+
+  }
 `;