contentoh-components-library 21.5.82 → 21.5.84

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

@@ -7,6 +7,8 @@ exports.getTextSimilarityPercentage = getTextSimilarityPercentage;
 
 //Calcula el porcentaje de similitud entre la descripción generada por IA y la versión editada por el usuario.
 function getTextSimilarityPercentage(originalText, candidateText) {
+  if (!originalText || !candidateText) return;
+
   var normalize = function normalize(text) {
     return text.trim().toLowerCase().replace(/\s+/g, ' ');
   };

package/dist/components/atoms/GeneralInput/index.js

@@ -7,8 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.GeneralInput = void 0;
 
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/typeof"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 
 var _react = require("react");
@@ -110,7 +108,7 @@ var GeneralInput = function GeneralInput(_ref) {
       aiSuggestionAccepted = _useState6[0],
       setAiSuggestionAccepted = _useState6[1];
 
-  var _useState7 = (0, _react.useState)(textValue),
+  var _useState7 = (0, _react.useState)(inputValue),
       _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
       valueAccepted = _useState8[0],
       setValueAccepted = _useState8[1];
@@ -119,8 +117,8 @@ var GeneralInput = function GeneralInput(_ref) {
     setTextValue({
       value: generalValue
     });
-    var similarity = (0, _compareStrings.getTextSimilarityPercentage)(valueAccepted, inputValue);
-    var generatedWithAi = isAiAccepted || aiGenerated && similarity >= 50;
+    var similarity = (0, _compareStrings.getTextSimilarityPercentage)(valueAccepted, generalValue);
+    var generatedWithAi = (isAiAccepted || aiGenerated) && similarity >= 50;
 
     if (updatedDatasheets || updatedDescriptions || inputType === "textarea") {
       var dataSave = (updatedDatasheets === null || updatedDatasheets === void 0 ? void 0 : updatedDatasheets.slice()) || [];
@@ -188,10 +186,8 @@ var GeneralInput = function GeneralInput(_ref) {
   (0, _react.useEffect)(function () {
     var _suggestions$inputId;
 
-    if (Object.keys(suggestions).length === 0) return; // Si ya existe una sugerencia actual generada, mantenla en su posicion
-
-    if (currentSuggestion !== null && currentSuggestion !== void 0 && currentSuggestion[inputId]) return; // Si no hay una sugerencia actual generada, seteamos la primera nueva sugerencia como default
-
+    if (Object.keys(suggestions).length === 0) return;
+    if (currentSuggestion !== null && currentSuggestion !== void 0 && currentSuggestion[inputId]) return;
     var firstSuggestion = suggestions === null || suggestions === void 0 ? void 0 : (_suggestions$inputId = suggestions[inputId]) === null || _suggestions$inputId === void 0 ? void 0 : _suggestions$inputId[0];
     if (!firstSuggestion) return;
     setCurrentSuggestionValue({
@@ -200,11 +196,14 @@ var GeneralInput = function GeneralInput(_ref) {
       value: firstSuggestion === null || firstSuggestion === void 0 ? void 0 : firstSuggestion.value
     });
   }, [suggestions]);
+  (0, _react.useEffect)(function () {
+    if (!isAiActive) return;
+    setAiSuggestionAccepted(false);
+  }, [isAiActive]);
   (0, _react.useEffect)(function () {
     if (!isAiActive && !aiSuggestionAccepted) {
-      var restoredValue = (0, _typeof2.default)(valueAccepted) === 'object' ? valueAccepted.value : valueAccepted;
       setTextValue({
-        value: restoredValue
+        value: valueAccepted
       });
     }
   }, [suggestions, isAiActive]);
@@ -228,9 +227,7 @@ var GeneralInput = function GeneralInput(_ref) {
 
   var handleAcceptSuggestion = function handleAcceptSuggestion(suggestionValue) {
     if (!suggestionValue) return;
-    setValueAccepted({
-      value: suggestionValue
-    });
+    setValueAccepted(suggestionValue);
     setAiSuggestionAccepted(true);
     setIsAiActive(false);
     updateParentData(suggestionValue, true);

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

@@ -335,33 +335,34 @@ var TagAndInput = function TagAndInput(_ref) {
     onChange && onChange(boxOnboardingList);
   }, [boxOnboardingList]);
   (0, _react.useEffect)(function () {
-    if (Array.isArray(updatedDescriptions)) {
-      var currentDescriptionUpdate = updatedDescriptions.find(function (description) {
-        return (description === null || description === void 0 ? void 0 : description.attributeId) === inputId;
-      });
-      var calculatedIsAiGenerated = currentDescriptionUpdate ? !!currentDescriptionUpdate.aiSuggestionAccepted : aiGenerated;
-      setInputsGeneratedWithAi(function (prev) {
-        return (0, _objectSpread6.default)((0, _objectSpread6.default)({}, prev), {}, (0, _defineProperty2.default)({}, "".concat(inputId, "-").concat(inputType, "-").concat(version), {
-          inputType: inputType,
-          inputId: inputId,
-          version: version,
-          isAiGenerated: calculatedIsAiGenerated,
-          label: label
-        }));
-      });
+    var currentDescriptionUpdate = Array.isArray(updatedDescriptions) ? updatedDescriptions.find(function (desc) {
+      return (desc === null || desc === void 0 ? void 0 : desc.attributeId) === inputId;
+    }) : null;
+    var currentDatasheetUpdate = Array.isArray(updatedDatasheets) ? updatedDatasheets.find(function (data) {
+      return (data === null || data === void 0 ? void 0 : data.attributeId) === inputId;
+    }) : null;
+    var calculatedIsAiGenerated = aiGenerated;
+
+    if (currentDescriptionUpdate) {
+      calculatedIsAiGenerated = currentDescriptionUpdate.aiSuggestionAccepted;
+    } else if (currentDatasheetUpdate) {
+      calculatedIsAiGenerated = currentDatasheetUpdate.aiSuggestionAccepted;
     }
 
-    if (Array.isArray(updatedDatasheets) && updatedDatasheets.length > 0) {
-      console.log({
-        isAiGenerated: isAiGenerated,
-        updatedDatasheets: updatedDatasheets
-      });
-    }
+    setInputsGeneratedWithAi(function (prev) {
+      return (0, _objectSpread6.default)((0, _objectSpread6.default)({}, prev), {}, (0, _defineProperty2.default)({}, "".concat(inputId, "-").concat(inputType, "-").concat(version !== null && version !== void 0 ? version : label), {
+        inputType: inputType,
+        inputId: inputId,
+        version: version,
+        isAiGenerated: !!calculatedIsAiGenerated,
+        label: label
+      }));
+    });
   }, [updatedDescriptions, updatedDatasheets, aiGenerated, inputId]);
   (0, _react.useEffect)(function () {
     var _inputsGeneratedWithA;
 
-    setIsAiGenerated(!!((_inputsGeneratedWithA = inputsGeneratedWithAi["".concat(inputId, "-").concat(inputType, "-").concat(version)]) !== null && _inputsGeneratedWithA !== void 0 && _inputsGeneratedWithA.isAiGenerated));
+    setIsAiGenerated(!!((_inputsGeneratedWithA = inputsGeneratedWithAi["".concat(inputId, "-").concat(inputType, "-").concat(version !== null && version !== void 0 ? version : label)]) !== null && _inputsGeneratedWithA !== void 0 && _inputsGeneratedWithA.isAiGenerated));
   }, [inputsGeneratedWithAi]);
   (0, _react.useEffect)(function () {
     setInputsUsingAi(function (prev) {

package/dist/contexts/AiProductEdition.js

@@ -184,7 +184,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, _JSON$parse$data, _JSON$parse, upc, productName, retailer, category, 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, upc, productName, retailer, category, version, payload, _yield$axios$post, data, results, _error$message;
 
       return _regenerator.default.wrap(function _callee2$(_context2) {
         while (1) {
@@ -226,15 +226,16 @@ var AiProductEditionProvider = function AiProductEditionProvider(_ref) {
 
             case 10:
               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 || !versionId || !descriptionId && !attributeId)) {
-                _context2.next = 13;
+              if (!(!upc || !description || !productName || !category || !retailer || !articleId || !version || !descriptionId && !attributeId)) {
+                _context2.next = 14;
                 break;
               }
 
               throw new Error("Faltan parámetros obligatorios para generar sugerencias de IA");
 
-            case 13:
+            case 14:
               payload = {
                 upc: upc,
                 attributeTitle: inputName,
@@ -248,24 +249,21 @@ var AiProductEditionProvider = function AiProductEditionProvider(_ref) {
                 maxChar: maxChar,
                 articleId: articleId,
                 retailerId: activeRetailer === null || activeRetailer === void 0 ? void 0 : activeRetailer.id_retailer,
-                versionId: versionId,
+                versionId: version,
                 descriptionId: descriptionId,
                 attributeId: attributeId
               };
-              _context2.next = 16;
+              _context2.next = 17;
               return _axios.default.post(process.env.REACT_APP_GENERATE_AI_ATTRIBUTES, payload, {
                 headers: {
                   Authorization: token
                 }
               });
 
-            case 16:
+            case 17:
               _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 = 22;
@@ -321,7 +319,9 @@ var AiProductEditionProvider = function AiProductEditionProvider(_ref) {
     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;
+    var aiServiceAvailable = datasheetRequiredPercent >= 100 && imagesRequiredPercent >= 100 && [1, 4, 6, 7].some(function (allowed) {
+      return allowed = user === null || user === void 0 ? void 0 : user.id_role;
+    });
     setIsAiAvailable(aiServiceAvailable);
     setProduct({
       upc: upc,

package/package.json

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

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

@@ -3,6 +3,8 @@
 
 export function getTextSimilarityPercentage(originalText, candidateText) {
 
+  if(!originalText || !candidateText) return;
+
   const normalize = (text) => {
     return text
     .trim()

package/src/components/atoms/GeneralInput/index.js

@@ -66,14 +66,15 @@ export const GeneralInput = ({
   const [requiredEmpty, setRequiredEmpty] = useState(false);
 
   const [aiSuggestionAccepted, setAiSuggestionAccepted] = useState(false);
-  const [valueAccepted, setValueAccepted] = useState(textValue);
+  const [valueAccepted, setValueAccepted] = useState(inputValue);
 
   const updateParentData = (generalValue, isAiAccepted) => {
+
     setTextValue({ value: generalValue });
 
-    const similarity = getTextSimilarityPercentage(valueAccepted, inputValue);
+    const similarity = getTextSimilarityPercentage(valueAccepted, generalValue);
 
-    const generatedWithAi = (isAiAccepted) || aiGenerated && similarity >= 50;
+    const generatedWithAi = (isAiAccepted || aiGenerated) && similarity >= 50;
 
     if (updatedDatasheets || updatedDescriptions || inputType === "textarea") {
       let dataSave = updatedDatasheets?.slice() || [];
@@ -107,6 +108,7 @@ export const GeneralInput = ({
           });
         }
       }
+
       setUpdatedDatasheets(dataSave);
     }
   };
@@ -139,10 +141,8 @@ export const GeneralInput = ({
 
     if(Object.keys(suggestions).length === 0) return;
 
-    // Si ya existe una sugerencia actual generada, mantenla en su posicion
     if(currentSuggestion?.[inputId]) return
 
-    // Si no hay una sugerencia actual generada, seteamos la primera nueva sugerencia como default
 
     const firstSuggestion = suggestions?.[inputId]?.[0];
 
@@ -156,10 +156,14 @@ export const GeneralInput = ({
 
   }, [suggestions]);
 
-useEffect(() => {
+  useEffect(() => {
+    if(!isAiActive) return;
+    setAiSuggestionAccepted(false);
+  }, [isAiActive]);
+
+  useEffect(() => {
     if(!isAiActive && !aiSuggestionAccepted) {
-      const restoredValue = typeof valueAccepted === 'object' ? valueAccepted.value : valueAccepted;
-      setTextValue({ value: restoredValue });
+      setTextValue({ value: valueAccepted });
     }
   }, [suggestions, isAiActive]);
 
@@ -184,7 +188,7 @@ useEffect(() => {
   const handleAcceptSuggestion = (suggestionValue) => {
     if(!suggestionValue) return;
 
-    setValueAccepted({ value: suggestionValue });
+    setValueAccepted(suggestionValue);
     setAiSuggestionAccepted(true);
     setIsAiActive(false);
 

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

@@ -235,39 +235,38 @@ export const TagAndInput = ({
 
   useEffect(() => {
 
-    if(Array.isArray(updatedDescriptions)) {
+    const currentDescriptionUpdate = Array.isArray(updatedDescriptions)
+      ? updatedDescriptions.find(desc => desc?.attributeId === inputId)
+      : null;
 
-      const currentDescriptionUpdate = updatedDescriptions.find(
-        description => description?.attributeId === inputId
-      );
-
-      const calculatedIsAiGenerated = currentDescriptionUpdate
-        ? !!currentDescriptionUpdate.aiSuggestionAccepted
-        : aiGenerated;
+    const currentDatasheetUpdate = Array.isArray(updatedDatasheets)
+      ? updatedDatasheets.find(data => data?.attributeId === inputId)
+      : null;
 
-      setInputsGeneratedWithAi(prev => ({
-        ...prev,
-        [`${inputId}-${inputType}-${version}`]: {
-          inputType,
-          inputId,
-          version,
-          isAiGenerated: calculatedIsAiGenerated,
-          label
-        }
-      }))
+    let calculatedIsAiGenerated = aiGenerated;
 
+    if (currentDescriptionUpdate) {
+      calculatedIsAiGenerated = currentDescriptionUpdate.aiSuggestionAccepted;
+    } else if (currentDatasheetUpdate) {
+      calculatedIsAiGenerated = currentDatasheetUpdate.aiSuggestionAccepted;
     }
 
-    if(Array.isArray(updatedDatasheets) && updatedDatasheets.length > 0) {
-      console.log({isAiGenerated, updatedDatasheets});
-    }
+    setInputsGeneratedWithAi(prev => ({
+      ...prev,
+      [`${inputId}-${inputType}-${version ?? label}`]: {
+        inputType,
+        inputId,
+        version,
+        isAiGenerated: !!calculatedIsAiGenerated,
+        label
+      }
+    }));
 
   }, [updatedDescriptions, updatedDatasheets, aiGenerated, inputId]);
 
-
   useEffect(() => {
 
-    setIsAiGenerated(!!inputsGeneratedWithAi[`${inputId}-${inputType}-${version}`]?.isAiGenerated);
+    setIsAiGenerated(!!inputsGeneratedWithAi[`${inputId}-${inputType}-${version ?? label}`]?.isAiGenerated);
 
   }, [inputsGeneratedWithAi]);
 

package/src/contexts/AiProductEdition.jsx

@@ -135,7 +135,9 @@ export const AiProductEditionProvider = ({
         category
       } = product;
 
-      if (!upc || !description || !productName || !category || !retailer || !articleId || !versionId || (!descriptionId && !attributeId))
+      const version = state?.product?.version;
+
+      if (!upc || !description || !productName || !category || !retailer || !articleId || !version || (!descriptionId && !attributeId))
         throw new Error("Faltan parámetros obligatorios para generar sugerencias de IA");
 
       const payload = {
@@ -152,7 +154,7 @@ export const AiProductEditionProvider = ({
 
         articleId,
         retailerId: activeRetailer?.id_retailer,
-        versionId,
+        versionId: version,
         descriptionId,
         attributeId
       }
@@ -165,8 +167,6 @@ export const AiProductEditionProvider = ({
 
       const results = JSON.parse(data?.body)?.data ?? [];
 
-      console.log({results});
-
       if(!results)
         throw new Error("No se encontraron resultados");
 
@@ -216,7 +216,7 @@ export const AiProductEditionProvider = ({
       required: imagesRequiredPercent,
     } = currentRetailerPercentages?.images;
 
-    const aiServiceAvailable = (datasheetRequiredPercent >= 100) && (imagesRequiredPercent >= 100) && user?.id_role === 7;
+    const aiServiceAvailable = (datasheetRequiredPercent >= 100) && (imagesRequiredPercent >= 100) && [1,4,6,7].some(allowed => allowed = user?.id_role);
 
     setIsAiAvailable(aiServiceAvailable);