contentoh-components-library 21.5.79 → 21.5.81

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

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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) {
+  var normalize = function normalize(text) {
+    return text.trim().toLowerCase().replace(/\s+/g, ' ');
+  };
+
+  var source = normalize(originalText);
+  var target = normalize(candidateText);
+  if (source === target) return 100;
+  if (source.length === 0 || target.length === 0) return 0;
+  var sourceLength = source.length;
+  var targetLength = target.length;
+  var distanceMatrix = Array(targetLength + 1).fill(null).map(function () {
+    return [];
+  });
+
+  for (var i = 0; i <= sourceLength; i++) {
+    distanceMatrix[0][i] = i;
+  }
+
+  for (var j = 0; j <= targetLength; j++) {
+    distanceMatrix[j][0] = j;
+  }
+
+  for (var _j = 1; _j <= targetLength; _j++) {
+    for (var _i = 1; _i <= sourceLength; _i++) {
+      var 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);
+    }
+  }
+
+  var editDistance = distanceMatrix[targetLength][sourceLength];
+  var maxLength = Math.max(sourceLength, targetLength);
+  var similarityScore = 1 - editDistance / maxLength;
+  return similarityScore * 100;
+}

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

@@ -7,6 +7,8 @@ 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");
@@ -31,6 +33,8 @@ var _AiProductEdition = require("../../../contexts/AiProductEdition");
 
 var _styles2 = require("../InputFormatter/styles");
 
+var _compareStrings = require("../../../ai/utils/compare-strings");
+
 var _jsxRuntime = require("react/jsx-runtime");
 
 var GeneralInput = function GeneralInput(_ref) {
@@ -71,6 +75,10 @@ var GeneralInput = function GeneralInput(_ref) {
       isAiRegenerationLoading = _ref$isAiRegeneration === void 0 ? false : _ref$isAiRegeneration,
       _ref$isAiActive = _ref.isAiActive,
       isAiActive = _ref$isAiActive === void 0 ? false : _ref$isAiActive,
+      _ref$isAiAvailable = _ref.isAiAvailable,
+      isAiAvailable = _ref$isAiAvailable === void 0 ? false : _ref$isAiAvailable,
+      _ref$aiGenerated = _ref.aiGenerated,
+      aiGenerated = _ref$aiGenerated === void 0 ? false : _ref$aiGenerated,
       _ref$setIsAiActive = _ref.setIsAiActive,
       setIsAiActive = _ref$setIsAiActive === void 0 ? function () {} : _ref$setIsAiActive,
       _ref$handlerAiGenerat = _ref.handlerAiGeneration,
@@ -107,28 +115,15 @@ var GeneralInput = function GeneralInput(_ref) {
       valueAccepted = _useState8[0],
       setValueAccepted = _useState8[1];
 
-  var onHandleChange = function onHandleChange(evt) {
-    if (validateInput) {
-      setTextValue({
-        value: validateInput(evt, position, inputsArray)
-      });
-    } else if (updatedDatasheets || updatedDescriptions || inputType === "textarea") {
-      var generalValue;
-
-      if ((optionList === null || optionList === void 0 ? void 0 : optionList.length) > 0) {
-        var valueSelected = evt.target.value;
-        generalValue = valueSelected;
-        setTextValue({
-          value: generalValue
-        });
-      } else {
-        generalValue = inputType === "checkbox" ? evt.target.checked : evt.target.value;
-        setTextValue({
-          value: generalValue
-        });
-      }
+  var updateParentData = function updateParentData(generalValue, isAiAccepted) {
+    setTextValue({
+      value: generalValue
+    });
+    var similarity = (0, _compareStrings.getTextSimilarityPercentage)(valueAccepted, inputValue);
+    var generatedWithAi = isAiAccepted || aiGenerated && similarity >= 50;
 
-      var dataSave = updatedDatasheets === null || updatedDatasheets === void 0 ? void 0 : updatedDatasheets.slice();
+    if (updatedDatasheets || updatedDescriptions || inputType === "textarea") {
+      var dataSave = (updatedDatasheets === null || updatedDatasheets === void 0 ? void 0 : updatedDatasheets.slice()) || [];
 
       if ((dataSave === null || dataSave === void 0 ? void 0 : dataSave.length) > 0) {
         var index = dataSave.findIndex(function (e) {
@@ -136,25 +131,52 @@ var GeneralInput = function GeneralInput(_ref) {
         });
 
         if (index !== -1) {
-          if (generalValue !== inputValue) dataSave[index].value = generalValue;else dataSave.splice(index, 1);
+          if (generalValue !== inputValue) {
+            dataSave[index].value = generalValue;
+            dataSave[index].aiSuggestionAccepted = generatedWithAi;
+          } else {
+            dataSave.splice(index, 1);
+          }
         } else {
-          dataSave.push({
-            articleId: articleId,
-            attributeId: inputId,
-            value: generalValue
-          });
+          if (generalValue !== inputValue) {
+            dataSave.push({
+              articleId: articleId,
+              attributeId: inputId,
+              value: generalValue,
+              aiSuggestionAccepted: generatedWithAi
+            });
+          }
         }
       } else {
         if (generalValue !== inputValue) {
           dataSave.push({
             articleId: articleId,
             attributeId: inputId,
-            value: generalValue
+            value: generalValue,
+            aiSuggestionAccepted: generatedWithAi
           });
         }
       }
 
       setUpdatedDatasheets(dataSave);
+    }
+  };
+
+  var onHandleChange = function onHandleChange(evt) {
+    if (validateInput) {
+      setTextValue({
+        value: validateInput(evt, position, inputsArray)
+      });
+    } else if (updatedDatasheets || updatedDescriptions || inputType === "textarea") {
+      var generalValue;
+
+      if ((optionList === null || optionList === void 0 ? void 0 : optionList.length) > 0) {
+        generalValue = evt.target.value;
+      } else {
+        generalValue = inputType === "checkbox" ? evt.target.checked : evt.target.value;
+      }
+
+      updateParentData(generalValue, aiSuggestionAccepted);
     } else {
       setTextValue({
         value: evt.target.value
@@ -179,9 +201,12 @@ var GeneralInput = function GeneralInput(_ref) {
     });
   }, [suggestions]);
   (0, _react.useEffect)(function () {
-    // Comprueba cuando la función de IA se cierra y no se acepto una sugerencia
-    // Devuelve el valor inicial
-    if (!isAiActive && !aiSuggestionAccepted) return setTextValue(valueAccepted);
+    if (!isAiActive && !aiSuggestionAccepted) {
+      var restoredValue = (0, _typeof2.default)(valueAccepted) === 'object' ? valueAccepted.value : valueAccepted;
+      setTextValue({
+        value: restoredValue
+      });
+    }
   }, [suggestions, isAiActive]);
   (0, _react.useEffect)(function () {
     var _textValue$value;
@@ -203,12 +228,12 @@ var GeneralInput = function GeneralInput(_ref) {
 
   var handleAcceptSuggestion = function handleAcceptSuggestion(suggestionValue) {
     if (!suggestionValue) return;
-    setTextValue({
+    setValueAccepted({
       value: suggestionValue
     });
-    setValueAccepted(suggestionValue);
     setAiSuggestionAccepted(true);
     setIsAiActive(false);
+    updateParentData(suggestionValue, true);
   };
 
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
@@ -256,14 +281,15 @@ var GeneralInput = function GeneralInput(_ref) {
           onKeyDown: onKeyDown,
           onWheel: numberInputOnWheelPreventChange
         }), hasAiGeneration && isBenefitInput && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: "icon_container",
+          className: "icon_container ".concat(isAiAvailable ? "ai-available" : '', " ").concat(isAiActive ? 'ai-active' : ''),
+          title: !isAiAvailable ? 'Debes de completar ficha técnica e imágenes para desbloquear la generación con IA' : '',
           onClick: function onClick() {
             _handlerAiGeneration({
               type: "attribute"
             });
           },
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-            className: isAiGenerationLoading ? "loading" : "",
+            className: "".concat(isAiGenerationLoading ? 'loading' : ''),
             src: isAiGenerationLoading ? _loading.default : isAiActive ? _cancel.default : _iaIcon.default
           })
         })]
@@ -336,7 +362,9 @@ var GeneralInput = function GeneralInput(_ref) {
       maxChar: maxChar,
       isRequired: isRequired,
       disabled: disabled,
-      hasAiGeneration: hasAiGeneration,
+      hasAiGeneration: hasAiGeneration && inputId != 'commentary-box',
+      isAiAvailable: isAiAvailable,
+      aiGenerated: aiGenerated,
       handlerAiGeneration: function handlerAiGeneration() {
         _handlerAiGeneration({
           type: "description"

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

@@ -28,6 +28,6 @@ var Container = _styledComponents.default.div(_templateObject || (_templateObjec
 
 exports.Container = Container;
 
-var InputContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n\n  &.ai-generation {\n    position: relative;\n\n    cursor: pointer;\n\n    .ia-input {\n      padding-right: 2.5rem;\n    }\n\n    .icon_container {\n      position: absolute;\n      right: 10px;\n      top: 50%;\n      transform: translateY(-50%);\n      width: 20px;\n      height: 20px;\n      padding: 4px;\n\n      border-radius: 50%;\n      overflow: hidden;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      z-index: 1;\n\n      &::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n\n        background: linear-gradient(\n          120deg,\n          #ffffff 10%,\n          #ffe0f4 50%,\n          #ffffff 90%\n        );\n        background-size: 200% 200%;\n\n        animation: ai-shimmer 3s ease-in-out infinite alternate;\n        z-index: -1;\n      }\n\n      img {\n        width: 100%;\n        height: 100%;\n        object-fit: contain;\n        position: relative;\n        z-index: 2;\n      }\n\n      img.loading {\n        width: 20px;\n        height: 20px;\n      }\n\n    }\n  }\n\n  @keyframes ai-shimmer {\n    0% {\n      background-position: 0% 50%;\n    }\n    100% {\n      background-position: 100% 50%;\n    }\n  }\n\n"])));
+var InputContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n\n  &.ai-generation {\n    position: relative;\n\n    cursor: pointer;\n\n    .ia-input {\n      padding-right: 2.5rem;\n    }\n\n    .icon_container {\n      position: absolute;\n      right: 10px;\n      top: 50%;\n      transform: translateY(-50%);\n      width: 20px;\n      height: 20px;\n      padding: 4px;\n\n      border-radius: 50%;\n      overflow: hidden;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      z-index: 1;\n\n      &::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n\n        background: linear-gradient(\n          120deg,\n          #ffffff 10%,\n          #ffe0f4 50%,\n          #ffffff 90%\n        );\n        background-size: 200% 200%;\n\n        animation: ai-shimmer 3s ease-in-out infinite alternate;\n        z-index: -1;\n      }\n\n      &.ai-available::before{\n\n        background: gray;\n        background-size: 200% 200%;\n\n      }\n\n      img {\n        width: 100%;\n        height: 100%;\n        object-fit: contain;\n        position: relative;\n        z-index: 2;\n      }\n\n      img.loading {\n        width: 20px;\n        height: 20px;\n      }\n\n    }\n  }\n\n  @keyframes ai-shimmer {\n    0% {\n      background-position: 0% 50%;\n    }\n    100% {\n      background-position: 100% 50%;\n    }\n  }\n\n"])));
 
 exports.InputContainer = InputContainer;

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

@@ -29,6 +29,8 @@ var _reload = _interopRequireDefault(require("../../../assets/images/Icons/reloa
 
 var _AiProductEdition = require("../../../contexts/AiProductEdition");
 
+var _compareStrings = require("../../../ai/utils/compare-strings");
+
 var _jsxRuntime = require("react/jsx-runtime");
 
 var InputFormatter = function InputFormatter(_ref) {
@@ -51,6 +53,10 @@ var InputFormatter = function InputFormatter(_ref) {
       isAiRegenerationLoading = _ref$isAiRegeneration === void 0 ? false : _ref$isAiRegeneration,
       _ref$isAiActive = _ref.isAiActive,
       isAiActive = _ref$isAiActive === void 0 ? false : _ref$isAiActive,
+      _ref$isAiAvailable = _ref.isAiAvailable,
+      isAiAvailable = _ref$isAiAvailable === void 0 ? false : _ref$isAiAvailable,
+      _ref$aiGenerated = _ref.aiGenerated,
+      aiGenerated = _ref$aiGenerated === void 0 ? false : _ref$aiGenerated,
       _ref$setIsAiActive = _ref.setIsAiActive,
       setIsAiActive = _ref$setIsAiActive === void 0 ? function () {} : _ref$setIsAiActive,
       _ref$handlerAiGenerat = _ref.handlerAiGeneration,
@@ -141,37 +147,50 @@ var InputFormatter = function InputFormatter(_ref) {
 
     setCharsCounter(h.getLength() - 1);
     value = valueFormater(value);
+    updateParentDescriptions(value, aiSuggestionAccepted);
+  };
 
-    if (updatedDescriptions) {
-      var idInput = inputId;
-      var dataSave = updatedDescriptions === null || updatedDescriptions === void 0 ? void 0 : updatedDescriptions.slice();
+  var updateParentDescriptions = function updateParentDescriptions(finalValue, isAiAccepted) {
+    if (!updatedDescriptions) return;
+    var idInput = inputId;
+    var dataSave = updatedDescriptions === null || updatedDescriptions === void 0 ? void 0 : updatedDescriptions.slice();
+    var similarity = (0, _compareStrings.getTextSimilarityPercentage)(valueAccepted, inputValue);
+    var generatedWithAi = isAiAccepted || aiGenerated && similarity >= 50;
 
-      if ((dataSave === null || dataSave === void 0 ? void 0 : dataSave.length) > 0) {
-        var index = dataSave.findIndex(function (e) {
-          return e.attributeId === idInput;
-        });
+    if ((dataSave === null || dataSave === void 0 ? void 0 : dataSave.length) > 0) {
+      var index = dataSave.findIndex(function (e) {
+        return e.attributeId === idInput;
+      });
 
-        if (index !== -1) {
-          if (value !== mainValue) dataSave[index].value = value;else dataSave.splice(index, 1);
+      if (index !== -1) {
+        if (finalValue !== mainValue) {
+          dataSave[index].value = finalValue;
+          dataSave[index].aiSuggestionAccepted = generatedWithAi;
         } else {
-          dataSave.push({
-            articleId: articleId,
-            attributeId: idInput,
-            value: value
-          });
+          dataSave.splice(index, 1);
         }
       } else {
-        if (value !== mainValue) {
+        if (finalValue !== mainValue) {
           dataSave.push({
             articleId: articleId,
             attributeId: idInput,
-            value: value
+            value: finalValue,
+            aiSuggestionAccepted: generatedWithAi
           });
         }
       }
-
-      setUpdatedDescriptions(dataSave);
+    } else {
+      if (finalValue !== mainValue) {
+        dataSave.push({
+          articleId: articleId,
+          attributeId: idInput,
+          value: finalValue,
+          aiSuggestionAccepted: generatedWithAi
+        });
+      }
     }
+
+    setUpdatedDescriptions(dataSave);
   };
 
   var getSelection = function getSelection(range, a, b) {
@@ -194,7 +213,11 @@ var InputFormatter = function InputFormatter(_ref) {
     setInputValue(suggestionValue);
     setValueAccepted(suggestionValue);
     setAiSuggestionAccepted(true);
-    setIsAiActive(false);
+    setIsAiActive(false); // Formateamos el valor sugerido igual que en el onChange
+
+    var formattedSuggestion = valueFormater(suggestionValue); // Disparamos la actualización enviando "true" directamente
+
+    updateParentDescriptions(formattedSuggestion, true);
   };
 
   (0, _react.useEffect)(function () {
@@ -222,7 +245,7 @@ var InputFormatter = function InputFormatter(_ref) {
         value: isAiActive ? currentSuggestion === null || currentSuggestion === void 0 ? void 0 : (_currentSuggestion$in = currentSuggestion[inputId]) === null || _currentSuggestion$in === void 0 ? void 0 : _currentSuggestion$in.value : getValue(inputValue),
         readOnly: isAiActive || disabled,
         modules: {
-          toolbar: ["bold"]
+          toolbar: false
         },
         onKeyPress: function onKeyPress(e) {
           if (charsCounter >= maxLength && e.key !== "Backspace") {
@@ -244,7 +267,8 @@ var InputFormatter = function InputFormatter(_ref) {
         onChangeSelection: getSelection,
         className: "quill ".concat(hasAiGeneration && "has-ai", " ").concat(isAiActive && "ai-generation")
       }), hasAiGeneration && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "icon_container ".concat(isAiActive && "ai-active"),
+        className: "icon_container ".concat(isAiActive ? "ai-active" : '', " ").concat(isAiAvailable ? "ai-available" : ''),
+        title: !isAiAvailable ? 'Debes de completar ficha técnica e imágenes para desbloquear la generación con IA' : '',
         onClick: handlerAiGeneration,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
           className: isAiGenerationLoading ? "loading" : "",

package/dist/components/atoms/InputFormatter/styles.js

@@ -32,7 +32,7 @@ var Container = _styledComponents.default.div(_templateObject || (_templateObjec
 
 exports.Container = Container;
 
-var InputContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n\n  &.ai-generation {\n    position: relative;\n\n    cursor: pointer;\n\n    > input[type=text] {\n      padding-right: 2.5rem;\n    }\n\n    > input[type=text].ia-input {\n      background-color: rgba(59, 147, 224, 0.05);\n      border: 1px solid #3F8AED;\n    }\n\n    .icon_container {\n      position: absolute;\n      right: 10px;\n      top: 7px;\n      width: 22.5px;\n      height: 22.5px;\n      padding: 4px;\n\n      border-radius: 50%;\n      overflow: hidden;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      z-index: 1;\n\n      &.ai-active::before {\n        background: #FB4141;\n      }\n\n      &::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n\n        background: linear-gradient(\n          120deg,\n          #4285F4 20%,\n          #33A3C8 50%,\n          #4285F4 80%\n        );\n        background-size: 200% 200%;\n\n        animation: ai-shimmer 3s ease-in-out infinite alternate;\n        z-index: -1;\n      }\n\n      img {\n        width: 100%;\n        height: 100%;\n        object-fit: contain;\n        position: relative;\n        z-index: 2;\n        filter: invert(1) grayscale(1) brightness(2);\n      }\n\n      img.loading {\n        width: 22.5px;\n        height: 22.5px;\n      }\n\n    }\n  }\n\n  @keyframes ai-shimmer {\n    0% {\n      background-position: 0% 50%;\n    }\n    100% {\n      background-position: 100% 50%;\n    }\n  }\n\n"])));
+var InputContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n\n  &.ai-generation {\n\n    position: relative;\n\n    > input[type=text] {\n      padding-right: 2.5rem;\n    }\n\n    > input[type=text].ia-input {\n      background-color: rgba(59, 147, 224, 0.05);\n      border: 1px solid #3F8AED;\n    }\n\n    .icon_container {\n      position: absolute;\n      right: 10px;\n      top: 7px;\n      width: 22.5px;\n      height: 22.5px;\n      padding: 4px;\n\n      cursor: not-allowed;\n\n      border-radius: 50%;\n      overflow: hidden;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      z-index: 1;\n\n      &::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n\n        background: gray;\n        background-size: 200% 200%;\n\n        animation: ai-shimmer 3s ease-in-out infinite alternate;\n        z-index: -1;\n      }\n\n      &.ai-available {\n        cursor: pointer;\n      }\n\n      &.ai-available::before{\n        background: linear-gradient(\n          120deg,\n          #4285F4 20%,\n          #33A3C8 50%,\n          #4285F4 80%\n        );\n        background-size: 200% 200%;\n      }\n\n      &.ai-available::after {\n        content: \"\";\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        opacity: 0.75;\n\n        background: linear-gradient(\n          135deg,\n          rgba(255, 255, 255, 0) 0%,\n          rgba(255, 255, 255, 0) 40%,\n          rgba(255, 255, 255, 0.8) 50%,\n          rgba(255, 255, 255, 0) 60%,\n          rgba(255, 255, 255, 0) 100%\n        );\n\n        transform: scale(2) translate(-100%, -100%);\n        z-index: 3;\n\n        animation: ai-glint 3s infinite ease-in-out;\n      }\n\n      &.ai-available img.loading ~ ::after {\n        animation: none;\n        display: none;\n      }\n\n      &.ai-active::after {\n        animation: none;\n        display: none;\n      }\n\n      img {\n        width: 100%;\n        height: 100%;\n        object-fit: contain;\n        position: relative;\n        z-index: 2;\n        filter: invert(1) grayscale(1) brightness(2);\n      }\n\n      img.loading {\n        width: 22.5px;\n        height: 22.5px;\n      }\n\n      &.ai-active::before {\n        background: oklch(57.7% 0.245 27.325);\n      }\n\n\n    }\n  }\n\n  @keyframes ai-shimmer {\n    0% {\n      background-position: 0% 50%;\n    }\n    100% {\n      background-position: 100% 50%;\n    }\n  }\n\n  @keyframes ai-glint {\n    0% {\n      transform: scale(2) translate(-100%, -100%);\n    }\n    70%, 100% {\n      transform: scale(2) translate(100%, 100%);\n    }\n  }\n\n"])));
 
 exports.InputContainer = InputContainer;
 

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

@@ -39,6 +39,8 @@ var _FinancedCompanies = require("./FinancedCompanies");
 
 var _variables = require("../../../global-files/variables");
 
+var _AiProductEdition = require("../../../contexts/AiProductEdition");
+
 var _jsxRuntime = require("react/jsx-runtime");
 
 var StatusAsignationInfo = function StatusAsignationInfo(_ref) {
@@ -81,6 +83,9 @@ var StatusAsignationInfo = function StatusAsignationInfo(_ref) {
 
   var isFinanced = _FinancedCompanies.FinancedCompanies.includes(user === null || user === void 0 ? void 0 : user.id_company);
 
+  var _useAiProductEdition = (0, _AiProductEdition.useAiProductEdition)(),
+      inputsUsingAi = _useAiProductEdition.inputsUsingAi;
+
   var closeAsignations = function closeAsignations(e) {
     if (!e.target.closest("#default-id") && showAsignationPanel) {
       document.removeEventListener("click", closeAsignations, false);
@@ -126,7 +131,12 @@ var StatusAsignationInfo = function StatusAsignationInfo(_ref) {
       ovalForm: true
     }), showSaveButton && !isFinanced && /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
       buttonType: "circular-button save-button",
-      onClick: onClickSave
+      onClick: function onClick() {
+        if (Object.values(inputsUsingAi).some(function (input) {
+          return !!(input !== null && input !== void 0 && input.using);
+        })) return console.warn("Para guardar se debe de dejar de usar la generación con IA");
+        onClickSave();
+      }
     }), imagesSection && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "images-buttons",
       children: [showSaveButton && /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {

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

@@ -13,7 +13,7 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
 
-var _objectSpread4 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+var _objectSpread6 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
 
@@ -39,6 +39,8 @@ var _Tooltip = require("../../atoms/Tooltip");
 
 var _AiProductEdition = require("../../../contexts/AiProductEdition");
 
+var _iaIcon = _interopRequireDefault(require("../../../assets/images/Icons/ia-icon.png"));
+
 var _jsxRuntime = require("react/jsx-runtime");
 
 var TagAndInput = function TagAndInput(_ref) {
@@ -60,6 +62,7 @@ var TagAndInput = function TagAndInput(_ref) {
       inputRows = _ref.inputRows,
       maxChar = _ref.maxChar,
       required = _ref.required,
+      aiGenerated = _ref.aiGenerated,
       optionList = _ref.optionList,
       description = _ref.description,
       inputOnChange = _ref.inputOnChange,
@@ -85,7 +88,12 @@ var TagAndInput = function TagAndInput(_ref) {
       suggestions = _useAiProductEdition.suggestions,
       setSuggestions = _useAiProductEdition.setSuggestions,
       currentSuggestion = _useAiProductEdition.currentSuggestion,
-      setCurrentSuggestionValue = _useAiProductEdition.setCurrentSuggestionValue;
+      setCurrentSuggestionValue = _useAiProductEdition.setCurrentSuggestionValue,
+      isAiAvailable = _useAiProductEdition.isAiAvailable,
+      inputsGeneratedWithAi = _useAiProductEdition.inputsGeneratedWithAi,
+      setInputsGeneratedWithAi = _useAiProductEdition.setInputsGeneratedWithAi,
+      inputsUsingAi = _useAiProductEdition.inputsUsingAi,
+      setInputsUsingAi = _useAiProductEdition.setInputsUsingAi;
 
   var isBenefitInput = label === null || label === void 0 ? void 0 : label.toLowerCase().includes("beneficios");
 
@@ -104,6 +112,11 @@ var TagAndInput = function TagAndInput(_ref) {
       isAiRegenerationLoading = _useState8[0],
       setIsAiRegenerationLoading = _useState8[1];
 
+  var _useState9 = (0, _react.useState)(false),
+      _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
+      isAiGenerated = _useState10[0],
+      setIsAiGenerated = _useState10[1];
+
   function handlerAiGeneration(_x) {
     return _handlerAiGeneration.apply(this, arguments);
   }
@@ -117,7 +130,7 @@ var TagAndInput = function TagAndInput(_ref) {
             case 0:
               type = _ref2.type;
 
-              if (!isAiGenerationLoading) {
+              if (!(isAiGenerationLoading || !isAiAvailable)) {
                 _context.next = 3;
                 break;
               }
@@ -152,7 +165,12 @@ var TagAndInput = function TagAndInput(_ref) {
                 currentValue: value,
                 description: description,
                 maxChar: maxChar !== null && maxChar !== void 0 ? maxChar : 99,
-                type: type
+                type: type,
+                // Informacion del producto
+                articleId: articleId,
+                versionId: version,
+                descriptionId: !isBenefitInput ? inputId : null,
+                attributeId: isBenefitInput ? inputId : null
               });
 
             case 12:
@@ -169,7 +187,7 @@ var TagAndInput = function TagAndInput(_ref) {
 
             case 17:
               setSuggestions(function (prev) {
-                return (0, _objectSpread4.default)((0, _objectSpread4.default)({}, prev), {}, (0, _defineProperty2.default)({}, inputId, aiSuggestions));
+                return (0, _objectSpread6.default)((0, _objectSpread6.default)({}, prev), {}, (0, _defineProperty2.default)({}, inputId, aiSuggestions));
               });
               setIsAiActive(true);
               setIsAiGenerationLoading(false);
@@ -210,22 +228,37 @@ var TagAndInput = function TagAndInput(_ref) {
               currentSuggestions = suggestions === null || suggestions === void 0 ? void 0 : suggestions[inputId];
               _context2.next = 7;
               return regenerateProductSuggestions({
-                inputId: inputId,
                 inputName: label,
                 currentValue: value,
                 description: description,
-                maxChar: maxChar,
-                type: type
+                maxChar: maxChar !== null && maxChar !== void 0 ? maxChar : 99,
+                type: type,
+                //Información del producto
+                articleId: articleId,
+                versionId: version,
+                descriptionId: !isBenefitInput ? inputId : null,
+                attributeId: isBenefitInput ? inputId : null
               });
 
             case 7:
               aiSuggestions = _context2.sent;
+
+              if (!(!aiSuggestions && aiSuggestions.length === 0)) {
+                _context2.next = 12;
+                break;
+              }
+
+              console.log("Error: No se recibieron sugerencias de IA");
+              setIsAiRegenerationLoading(false);
+              return _context2.abrupt("return");
+
+            case 12:
               setSuggestions(function (prev) {
-                return (0, _objectSpread4.default)((0, _objectSpread4.default)({}, prev), {}, (0, _defineProperty2.default)({}, inputId, [].concat((0, _toConsumableArray2.default)(currentSuggestions), (0, _toConsumableArray2.default)(aiSuggestions))));
+                return (0, _objectSpread6.default)((0, _objectSpread6.default)({}, prev), {}, (0, _defineProperty2.default)({}, inputId, [].concat((0, _toConsumableArray2.default)(currentSuggestions), (0, _toConsumableArray2.default)(aiSuggestions))));
               });
               setIsAiRegenerationLoading(false);
 
-            case 10:
+            case 14:
             case "end":
               return _context2.stop();
           }
@@ -301,28 +334,74 @@ var TagAndInput = function TagAndInput(_ref) {
   (0, _react.useEffect)(function () {
     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
+        }));
+      });
+    }
+
+    if (Array.isArray(updatedDatasheets) && updatedDatasheets.length > 0) {
+      console.log({
+        isAiGenerated: isAiGenerated,
+        updatedDatasheets: updatedDatasheets
+      });
+    }
+  }, [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));
+  }, [inputsGeneratedWithAi]);
+  (0, _react.useEffect)(function () {
+    setInputsUsingAi(function (prev) {
+      return (0, _objectSpread6.default)((0, _objectSpread6.default)({}, prev), {}, (0, _defineProperty2.default)({}, "".concat(inputId, "-").concat(inputType, "-").concat(version), {
+        using: isAiActive
+      }));
+    });
+  }, [isAiActive]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
     inputType: inputType,
     className: "input-container",
     children: [(label === null || label === void 0 ? void 0 : label.length) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "title-container",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ScreenHeader, {
-        text: label,
-        headerType: "input-name-header",
-        color: color
-      }), description && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.Tooltip, {
-        componentTooltip: /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-            children: description
-          })
-        }),
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-          src: _infoIcon.default,
-          alt: "info icon",
-          className: 'icon_information'
-        }),
-        classNameTooltip: "container-tooltip"
-      })]
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "titles",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ScreenHeader, {
+          text: label,
+          headerType: "input-name-header",
+          color: color
+        }), description && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.Tooltip, {
+          componentTooltip: /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+              children: description
+            })
+          }),
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+            src: _infoIcon.default,
+            alt: "info icon",
+            className: 'icon_information'
+          }),
+          classNameTooltip: "container-tooltip"
+        })]
+      }), isCreators && isAiGenerated ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "ai-generated",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+          src: _iaIcon.default
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+          children: "Atributo generado con IA"
+        })]
+      }) : null]
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.GeneralInput, {
       inputId: inputId,
       inputType: inputType,
@@ -353,7 +432,9 @@ var TagAndInput = function TagAndInput(_ref) {
       isAiGenerationLoading: isAiGenerationLoading,
       isAiRegenerationLoading: isAiRegenerationLoading,
       isAiActive: isAiActive,
-      setIsAiActive: setIsAiActive // aiSuggestions={aiSuggestions}
+      setIsAiActive: setIsAiActive,
+      isAiAvailable: isAiAvailable,
+      aiGenerated: aiGenerated // aiSuggestions={aiSuggestions}
       ,
       handlerAiGeneration: handlerAiGeneration,
       handlerRegenerateSuggestions: handlerRegenerateSuggestions,
@@ -365,7 +446,7 @@ var TagAndInput = function TagAndInput(_ref) {
               return box;
             }
 
-            return (0, _objectSpread4.default)((0, _objectSpread4.default)({}, box), {}, {
+            return (0, _objectSpread6.default)((0, _objectSpread6.default)({}, box), {}, {
               value: e
             });
           });