contentoh-components-library 21.5.78 → 21.5.81

package/dist/contexts/AiProductEdition.js

@@ -21,19 +21,10 @@ var _react = require("react");
 
 var _axios = _interopRequireDefault(require("axios"));
 
-var _attributeSchema = _interopRequireDefault(require("../ai/schemas/attribute.schema.js"));
-
-var _descriptionSchema = _interopRequireDefault(require("../ai/schemas/description.schema.js"));
-
-var _genai = require("@google/genai");
-
-var _description = require("../ai/prompts/description.prompt");
-
-var _attribute = require("../ai/prompts/attribute.prompt");
+var _providerProductEditionContext = require("../components/pages/RetailerProductEdition/context/provider-product-edition.context.jsx");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-var GeminiApiKey = process.env.REACT_APP_GEMINI_API_KEY;
 var AiProductEdition = /*#__PURE__*/(0, _react.createContext)();
 exports.AiProductEdition = AiProductEdition;
 
@@ -46,38 +37,64 @@ var useAiProductEdition = function useAiProductEdition() {
 exports.useAiProductEdition = useAiProductEdition;
 
 var AiProductEditionProvider = function AiProductEditionProvider(_ref) {
+  var _state$datasheets_inp;
+
   var children = _ref.children,
       _ref$isCreatorsEditio = _ref.isCreatorsEdition,
-      isCreatorsEdition = _ref$isCreatorsEditio === void 0 ? true : _ref$isCreatorsEditio,
-      _ref$productSelected = _ref.productSelected,
-      productSelected = _ref$productSelected === void 0 ? null : _ref$productSelected,
-      activeRetailer = _ref.activeRetailer;
+      isCreatorsEdition = _ref$isCreatorsEditio === void 0 ? false : _ref$isCreatorsEditio,
+      _ref$user = _ref.user,
+      user = _ref$user === void 0 ? {} : _ref$user,
+      _ref$token = _ref.token,
+      token = _ref$token === void 0 ? "" : _ref$token;
   var isCreators = isCreatorsEdition;
 
+  var _useProviderProductEd = (0, _providerProductEditionContext.useProviderProductEdition)(),
+      state = _useProviderProductEd.state;
+
+  var productSelected = state.product;
+  var activeRetailer = state.active_retailer;
+  var datasheetInputs = (_state$datasheets_inp = state.datasheets_inputs) === null || _state$datasheets_inp === void 0 ? void 0 : _state$datasheets_inp[1];
+  var imagesData = state.images_values;
+
   var _useState = (0, _react.useState)(null),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
       product = _useState2[0],
       setProduct = _useState2[1];
 
-  var _useState3 = (0, _react.useState)({}),
+  var _useState3 = (0, _react.useState)([]),
       _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      suggestions = _useState4[0],
-      setSuggestions = _useState4[1];
+      parsedDatasheet = _useState4[0],
+      setParsedDatasheet = _useState4[1];
 
-  var _useState5 = (0, _react.useState)({}),
+  var _useState5 = (0, _react.useState)([]),
       _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      currentSuggestion = _useState6[0],
-      setCurrentSuggestion = _useState6[1];
-
-  var ai = new _genai.GoogleGenAI({
-    apiKey: GeminiApiKey
-  });
-
-  var delay = function delay(ms) {
-    return new Promise(function (resolve) {
-      return setTimeout(resolve, ms);
-    });
-  };
+      parsedImages = _useState6[0],
+      setParsedImages = _useState6[1];
+
+  var _useState7 = (0, _react.useState)({}),
+      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+      suggestions = _useState8[0],
+      setSuggestions = _useState8[1];
+
+  var _useState9 = (0, _react.useState)({}),
+      _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
+      currentSuggestion = _useState10[0],
+      setCurrentSuggestion = _useState10[1];
+
+  var _useState11 = (0, _react.useState)(false),
+      _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
+      isAiAvailable = _useState12[0],
+      setIsAiAvailable = _useState12[1];
+
+  var _useState13 = (0, _react.useState)({}),
+      _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
+      inputsGeneratedWithAi = _useState14[0],
+      setInputsGeneratedWithAi = _useState14[1];
+
+  var _useState15 = (0, _react.useState)({}),
+      _useState16 = (0, _slicedToArray2.default)(_useState15, 2),
+      inputsUsingAi = _useState16[0],
+      setInputsUsingAi = _useState16[1];
 
   function setCurrentSuggestionValue(_ref2) {
     var inputId = _ref2.inputId,
@@ -101,14 +118,14 @@ var AiProductEditionProvider = function AiProductEditionProvider(_ref) {
 
   function _regenerateProductSuggestions() {
     _regenerateProductSuggestions = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(_ref3) {
-      var inputId, inputName, currentValue, description, maxChar, type, newSuggestions;
+      var inputName, currentValue, description, maxChar, type, articleId, versionId, descriptionId, attributeId, newSuggestions;
       return _regenerator.default.wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
-              inputId = _ref3.inputId, inputName = _ref3.inputName, currentValue = _ref3.currentValue, description = _ref3.description, maxChar = _ref3.maxChar, type = _ref3.type;
+              inputName = _ref3.inputName, currentValue = _ref3.currentValue, description = _ref3.description, maxChar = _ref3.maxChar, type = _ref3.type, articleId = _ref3.articleId, versionId = _ref3.versionId, descriptionId = _ref3.descriptionId, attributeId = _ref3.attributeId;
 
-              if (!(!inputId || !description || !maxChar || !type)) {
+              if (!(!description || !maxChar || !type)) {
                 _context.next = 3;
                 break;
               }
@@ -122,7 +139,11 @@ var AiProductEditionProvider = function AiProductEditionProvider(_ref) {
                 currentValue: currentValue,
                 description: description,
                 maxChar: maxChar,
-                type: type
+                type: type,
+                articleId: articleId,
+                versionId: versionId,
+                descriptionId: descriptionId,
+                attributeId: attributeId
               });
 
             case 5:
@@ -158,175 +179,125 @@ var AiProductEditionProvider = function AiProductEditionProvider(_ref) {
 
   function generateProductSuggestions(_x2) {
     return _generateProductSuggestions.apply(this, arguments);
-  }
+  } // Verificamos si los servicios de ficha técnica e imágenes estan completos
+
 
   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, upc, productName, retailer, category, prompt, schema, response, normalizedResponse, results, _error$message;
+      var _ref4$inputName, inputName, _ref4$currentValue, currentValue, _ref4$description, description, _ref4$maxChar, maxChar, _ref4$type, type, articleId, versionId, descriptionId, attributeId, _JSON$parse$data, _JSON$parse, upc, productName, retailer, category, payload, _yield$axios$post, data, results, _error$message;
 
       return _regenerator.default.wrap(function _callee2$(_context2) {
         while (1) {
           switch (_context2.prev = _context2.next) {
             case 0:
-              _ref4$inputName = _ref4.inputName, inputName = _ref4$inputName === void 0 ? "" : _ref4$inputName, _ref4$currentValue = _ref4.currentValue, currentValue = _ref4$currentValue === void 0 ? "" : _ref4$currentValue, _ref4$description = _ref4.description, description = _ref4$description === void 0 ? "" : _ref4$description, _ref4$maxChar = _ref4.maxChar, maxChar = _ref4$maxChar === void 0 ? 100 : _ref4$maxChar, _ref4$type = _ref4.type, type = _ref4$type === void 0 ? "description" : _ref4$type;
+              _ref4$inputName = _ref4.inputName, inputName = _ref4$inputName === void 0 ? "" : _ref4$inputName, _ref4$currentValue = _ref4.currentValue, currentValue = _ref4$currentValue === void 0 ? "" : _ref4$currentValue, _ref4$description = _ref4.description, description = _ref4$description === void 0 ? "" : _ref4$description, _ref4$maxChar = _ref4.maxChar, maxChar = _ref4$maxChar === void 0 ? 100 : _ref4$maxChar, _ref4$type = _ref4.type, type = _ref4$type === void 0 ? 'description' : _ref4$type, articleId = _ref4.articleId, versionId = _ref4.versionId, descriptionId = _ref4.descriptionId, attributeId = _ref4.attributeId;
               _context2.prev = 1;
 
-              if (product) {
+              if (isAiAvailable) {
                 _context2.next = 4;
                 break;
               }
 
-              throw new Error("El producto no está definido");
+              return _context2.abrupt("return");
 
             case 4:
-              console.log({
-                inputName: inputName,
-                currentValue: currentValue,
-                description: description,
-                maxChar: maxChar,
-                type: type
-              });
-              upc = product.upc, productName = product.productName, retailer = product.retailer, category = product.category;
+              if (product) {
+                _context2.next = 6;
+                break;
+              }
 
-              if (!(!upc || !description || !productName || !category || !retailer)) {
+              throw new Error("El producto no está definido");
+
+            case 6:
+              if (!(!Array.isArray(parsedDatasheet) || parsedDatasheet.length === 0)) {
                 _context2.next = 8;
                 break;
               }
 
-              throw new Error("Faltan parámetros obligatorios para generar sugerencias de IA");
+              throw new Error("No es encontró la ficha técnica");
 
             case 8:
-              prompt = type === "description" ? (0, _description.generateDescriptionPrompt)({
-                upc: upc,
-                inputName: inputName,
-                description: description,
-                name: productName,
-                category: category,
-                currentValue: currentValue,
-                retailer: retailer,
-                maxChar: maxChar
-              }) : (0, _attribute.generateAttributePrompt)({
+              if (!(!Array.isArray(parsedImages) || parsedImages.length === 0)) {
+                _context2.next = 10;
+                break;
+              }
+
+              throw new Error("No se encontraron imágenes para la cadena seleccionada");
+
+            case 10:
+              upc = product.upc, productName = product.productName, retailer = product.retailer, category = product.category;
+
+              if (!(!upc || !description || !productName || !category || !retailer || !articleId || !versionId || !descriptionId && !attributeId)) {
+                _context2.next = 13;
+                break;
+              }
+
+              throw new Error("Faltan parámetros obligatorios para generar sugerencias de IA");
+
+            case 13:
+              payload = {
                 upc: upc,
-                inputName: inputName,
-                description: description,
-                name: productName,
-                category: category,
+                attributeTitle: inputName,
+                attributeDescription: description,
+                productName: productName,
                 currentValue: currentValue,
-                retailer: retailer,
-                maxChar: maxChar
-              });
-              schema = type === "description" ? _descriptionSchema.default : _attributeSchema.default;
-              _context2.next = 12;
-              return generateContentWithRetry({
-                model: "gemini-2.5-flash",
-                contents: [{
-                  role: "user",
-                  parts: [{
-                    text: prompt
-                  }]
-                }],
-                config: {
-                  responseMimeType: "application/json",
-                  responseSchema: schema,
-                  temperature: 0.1
+                categoryName: category,
+                retailerName: retailer,
+                datasheet: parsedDatasheet,
+                images: parsedImages,
+                maxChar: maxChar,
+                articleId: articleId,
+                retailerId: activeRetailer === null || activeRetailer === void 0 ? void 0 : activeRetailer.id_retailer,
+                versionId: versionId,
+                descriptionId: descriptionId,
+                attributeId: attributeId
+              };
+              _context2.next = 16;
+              return _axios.default.post(process.env.REACT_APP_GENERATE_AI_ATTRIBUTES, payload, {
+                headers: {
+                  Authorization: token
                 }
               });
 
-            case 12:
-              response = _context2.sent;
-              normalizedResponse = JSON.parse(response.text);
-              results = normalizedResponse === null || normalizedResponse === void 0 ? void 0 : normalizedResponse["results"];
+            case 16:
+              _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 : [];
+              console.log({
+                results: results
+              });
 
               if (results) {
-                _context2.next = 17;
+                _context2.next = 22;
                 break;
               }
 
               throw new Error("No se encontraron resultados");
 
-            case 17:
+            case 22:
               return _context2.abrupt("return", results);
 
-            case 20:
-              _context2.prev = 20;
+            case 25:
+              _context2.prev = 25;
               _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 24:
+            case 29:
             case "end":
               return _context2.stop();
           }
         }
-      }, _callee2, null, [[1, 20]]);
+      }, _callee2, null, [[1, 25]]);
     }));
     return _generateProductSuggestions.apply(this, arguments);
   }
 
-  function generateContentWithRetry(_x3) {
-    return _generateContentWithRetry.apply(this, arguments);
-  }
-
-  function _generateContentWithRetry() {
-    _generateContentWithRetry = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(modelParams) {
-      var retries,
-          backoff,
-          failoverModel,
-          model,
-          _error$message2,
-          isOverloaded,
-          _args3 = arguments;
-
-      return _regenerator.default.wrap(function _callee3$(_context3) {
-        while (1) {
-          switch (_context3.prev = _context3.next) {
-            case 0:
-              retries = _args3.length > 1 && _args3[1] !== undefined ? _args3[1] : 5;
-              backoff = _args3.length > 2 && _args3[2] !== undefined ? _args3[2] : 1000;
-              _context3.prev = 2;
-              failoverModel = "gemini-2.5-flash";
-              model = retries > 3 ? "gemini-2.5-flash-lite" : failoverModel;
-              _context3.next = 7;
-              return ai.models.generateContent((0, _objectSpread3.default)((0, _objectSpread3.default)({}, modelParams), {}, {
-                model: model
-              }));
-
-            case 7:
-              return _context3.abrupt("return", _context3.sent);
-
-            case 10:
-              _context3.prev = 10;
-              _context3.t0 = _context3["catch"](2);
-              isOverloaded = _context3.t0.status === 503 || ((_error$message2 = _context3.t0.message) === null || _error$message2 === void 0 ? void 0 : _error$message2.includes("overloaded"));
-
-              if (!(retries > 0 && isOverloaded)) {
-                _context3.next = 18;
-                break;
-              }
-
-              console.warn("\u26A0\uFE0F Modelo saturado (503). Reintentando en ".concat(backoff, "ms... (Quedan ").concat(retries, " intentos)"));
-              _context3.next = 17;
-              return delay(backoff);
-
-            case 17:
-              return _context3.abrupt("return", generateContentWithRetry(modelParams, retries - 1, backoff * 2));
-
-            case 18:
-              throw _context3.t0;
-
-            case 19:
-            case "end":
-              return _context3.stop();
-          }
-        }
-      }, _callee3, null, [[2, 10]]);
-    }));
-    return _generateContentWithRetry.apply(this, arguments);
-  }
-
   (0, _react.useEffect)(function () {
+    var _productSelected$perc;
+
     if (!productSelected) return;
     var productName = productSelected.name,
         upc = productSelected.upc,
@@ -337,23 +308,76 @@ var AiProductEditionProvider = function AiProductEditionProvider(_ref) {
     });
     if (!currentCategory) return console.log("Error: No se encontro la categoría");
     var retailer = currentCategory.retailer,
-        category = currentCategory.category;
+        category = currentCategory.category; //Checamos si el servicio de ficha técnica e imagenes esta completo
+
+    var currentRetailerPercentages = productSelected === null || productSelected === void 0 ? void 0 : (_productSelected$perc = productSelected.percentages) === null || _productSelected$perc === void 0 ? void 0 : _productSelected$perc.find(function (retailer) {
+      return (retailer === null || retailer === void 0 ? void 0 : retailer.id_retailer) === (activeRetailer === null || activeRetailer === void 0 ? void 0 : activeRetailer.id_retailer);
+    });
+    if (!currentRetailerPercentages) return console.log("Error: No hay porcentajes disponibles");
+
+    var _currentRetailerPerce = currentRetailerPercentages === null || currentRetailerPercentages === void 0 ? void 0 : currentRetailerPercentages.datasheet,
+        datasheetRequiredPercent = _currentRetailerPerce.required;
+
+    var _currentRetailerPerce2 = currentRetailerPercentages === null || currentRetailerPercentages === void 0 ? void 0 : currentRetailerPercentages.images,
+        imagesRequiredPercent = _currentRetailerPerce2.required;
+
+    var aiServiceAvailable = datasheetRequiredPercent >= 100 && imagesRequiredPercent >= 100 && (user === null || user === void 0 ? void 0 : user.id_role) === 7;
+    setIsAiAvailable(aiServiceAvailable);
     setProduct({
       upc: upc,
       productName: productName,
       retailer: retailer,
       category: category
     });
-  }, [productSelected]);
+  }, [productSelected]); // Inicializamos la ficha técnica con el objetivo de posteriormente pasarlo a la generación con IA
+
+  (0, _react.useEffect)(function () {
+    if (!datasheetInputs) return;
+    var datasheetToArray = Object.values(datasheetInputs);
+    var normalizedDatasheet = datasheetToArray.map(function (attribute) {
+      return {
+        description: attribute === null || attribute === void 0 ? void 0 : attribute.description,
+        name: attribute === null || attribute === void 0 ? void 0 : attribute.name,
+        type: attribute === null || attribute === void 0 ? void 0 : attribute.type,
+        value: attribute === null || attribute === void 0 ? void 0 : attribute.value
+      };
+    });
+    setParsedDatasheet(normalizedDatasheet);
+  }, [datasheetInputs]); // Inicializamos las imágenes con el objetivo de posteriormente pasarlo a la generación con IA
+
+  (0, _react.useEffect)(function () {
+    var _imagesData$inputsByR, _imagesData$inputsByR2;
+
+    var currentRetailerImageInputs = imagesData === null || imagesData === void 0 ? void 0 : (_imagesData$inputsByR = imagesData.inputsByRetailer) === null || _imagesData$inputsByR === void 0 ? void 0 : (_imagesData$inputsByR2 = _imagesData$inputsByR[0]) === null || _imagesData$inputsByR2 === void 0 ? void 0 : _imagesData$inputsByR2.filter(function (input) {
+      return (input === null || input === void 0 ? void 0 : input.id_retailer) === (activeRetailer === null || activeRetailer === void 0 ? void 0 : activeRetailer.id_retailer);
+    });
+    if (!Array.isArray(currentRetailerImageInputs) || currentRetailerImageInputs.length === 0) return console.log('No existen imágenes para la cadena seleccionada');
+    var allProductImages = imagesData === null || imagesData === void 0 ? void 0 : imagesData.values;
+    if (!Array.isArray(allProductImages) || allProductImages.length === 0) return console.log("No existen imágenes para el producto"); //Obtenemos las imágenes para el retailer seleccionado
+
+    var currentParsedImages = allProductImages.filter(function (image) {
+      var imageId = image === null || image === void 0 ? void 0 : image.image_id;
+      var foundedImage = currentRetailerImageInputs.some(function (retailerImage) {
+        return (retailerImage === null || retailerImage === void 0 ? void 0 : retailerImage.id_image) === imageId;
+      });
+      return foundedImage;
+    });
+    setParsedImages(currentParsedImages);
+  }, [imagesData]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(AiProductEdition.Provider, {
     value: {
       isCreators: isCreators,
       suggestions: suggestions,
       currentSuggestion: currentSuggestion,
-      generateProductSuggestions: generateProductSuggestions,
-      regenerateProductSuggestions: regenerateProductSuggestions,
+      isAiAvailable: isAiAvailable,
+      inputsGeneratedWithAi: inputsGeneratedWithAi,
+      inputsUsingAi: inputsUsingAi,
+      setInputsUsingAi: setInputsUsingAi,
+      setInputsGeneratedWithAi: setInputsGeneratedWithAi,
       setSuggestions: setSuggestions,
       setCurrentSuggestionValue: setCurrentSuggestionValue,
+      generateProductSuggestions: generateProductSuggestions,
+      regenerateProductSuggestions: regenerateProductSuggestions,
       clearCurrentSuggestions: clearCurrentSuggestions
     },
     children: children

package/package.json

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

package/src/ai/utils/compare-strings.js

@@ -0,0 +1,43 @@
+
+//Calcula el porcentaje de similitud entre la descripción generada por IA y la versión editada por el usuario.
+
+export function getTextSimilarityPercentage(originalText, candidateText) {
+
+  const normalize = (text) => {
+    return text
+    .trim()
+    .toLowerCase()
+    .replace(/\s+/g, ' ');
+  };
+
+  const source = normalize(originalText);
+  const target = normalize(candidateText);
+
+  if (source === target) return 100;
+  if (source.length === 0 || target.length === 0) return 0;
+
+  const sourceLength = source.length;
+  const targetLength = target.length;
+  const distanceMatrix = Array(targetLength + 1).fill(null).map(() => []);
+
+  for (let i = 0; i <= sourceLength; i++) distanceMatrix[0][i] = i;
+  for (let j = 0; j <= targetLength; j++) distanceMatrix[j][0] = j;
+
+  for (let j = 1; j <= targetLength; j++) {
+    for (let i = 1; i <= sourceLength; i++) {
+      const substitutionCost = (source[i - 1] === target[j - 1]) ? 0 : 1;
+
+      distanceMatrix[j][i] = Math.min(
+        distanceMatrix[j - 1][i] + 1,
+        distanceMatrix[j][i - 1] + 1,
+        distanceMatrix[j - 1][i - 1] + substitutionCost
+      );
+    }
+  }
+
+  const editDistance = distanceMatrix[targetLength][sourceLength];
+  const maxLength = Math.max(sourceLength, targetLength);
+  const similarityScore = 1 - (editDistance / maxLength);
+
+  return similarityScore * 100;
+}