contentoh-components-library 21.5.92 → 21.5.93

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

@@ -17,25 +17,9 @@ var _react = require("react");
 
 var _styles = require("./styles");
 
-var _iaIcon = _interopRequireDefault(require("../../../assets/images/Icons/ia-icon.png"));
-
-var _arrow = _interopRequireDefault(require("../../../assets/images/Icons/arrow.png"));
-
-var _loading = _interopRequireDefault(require("../../../assets/images/Icons/loading.svg"));
-
-var _cancel = _interopRequireDefault(require("../../../assets/images/Icons/cancel.png"));
-
-var _reload = _interopRequireDefault(require("../../../assets/images/Icons/reload.png"));
-
-var _AiProductEdition = require("../../../contexts/AiProductEdition");
-
-var _compareStrings = require("../../../ai/utils/compare-strings");
-
 var _jsxRuntime = require("react/jsx-runtime");
 
 var InputFormatter = function InputFormatter(_ref) {
-  var _currentSuggestion$in, _currentSuggestion$in2, _currentSuggestion$in3, _suggestions$inputId, _currentSuggestion$in4, _suggestions$inputId2;
-
   var _ref$mainValue = _ref.mainValue,
       mainValue = _ref$mainValue === void 0 ? "" : _ref$mainValue,
       inputId = _ref.inputId,
@@ -44,69 +28,35 @@ var InputFormatter = function InputFormatter(_ref) {
       setUpdatedDescriptions = _ref.setUpdatedDescriptions,
       isRequired = _ref.isRequired,
       maxChar = _ref.maxChar,
-      disabled = _ref.disabled,
-      _ref$hasAiGeneration = _ref.hasAiGeneration,
-      hasAiGeneration = _ref$hasAiGeneration === void 0 ? false : _ref$hasAiGeneration,
-      _ref$isAiGenerationLo = _ref.isAiGenerationLoading,
-      isAiGenerationLoading = _ref$isAiGenerationLo === void 0 ? false : _ref$isAiGenerationLo,
-      _ref$isAiRegeneration = _ref.isAiRegenerationLoading,
-      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,
-      handlerAiGeneration = _ref$handlerAiGenerat === void 0 ? function () {} : _ref$handlerAiGenerat,
-      _ref$handlerRegenerat = _ref.handlerRegenerateSuggestions,
-      handlerRegenerateSuggestions = _ref$handlerRegenerat === void 0 ? function () {} : _ref$handlerRegenerat,
-      _ref$handleChangeSugg = _ref.handleChangeSuggestion,
-      handleChangeSuggestion = _ref$handleChangeSugg === void 0 ? function () {} : _ref$handleChangeSugg;
+      disabled = _ref.disabled;
 
-  var _useAiProductEdition = (0, _AiProductEdition.useAiProductEdition)(),
-      suggestions = _useAiProductEdition.suggestions,
-      currentSuggestion = _useAiProductEdition.currentSuggestion;
-
-  var _useState = (0, _react.useState)(false),
+  var _useState = (0, _react.useState)(mainValue),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      aiSuggestionAccepted = _useState2[0],
-      setAiSuggestionAccepted = _useState2[1];
+      inputValue = _useState2[0],
+      setInputValue = _useState2[1];
 
-  var _useState3 = (0, _react.useState)(mainValue),
+  var _useState3 = (0, _react.useState)(false),
       _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      valueAccepted = _useState4[0],
-      setValueAccepted = _useState4[1];
+      selection = _useState4[0],
+      setSelection = _useState4[1];
 
-  var _useState5 = (0, _react.useState)(mainValue),
-      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      inputValue = _useState6[0],
-      setInputValue = _useState6[1];
-
-  var _useState7 = (0, _react.useState)(false),
-      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-      selection = _useState8[0],
-      setSelection = _useState8[1];
-
-  var _useState9 = (0, _react.useState)({
+  var _useState5 = (0, _react.useState)({
     left: 0,
     top: 0
   }),
-      _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
-      position = _useState10[0],
-      setPosition = _useState10[1];
+      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+      position = _useState6[0],
+      setPosition = _useState6[1];
 
-  var _useState11 = (0, _react.useState)(0),
-      _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
-      charsCounter = _useState12[0],
-      setCharsCounter = _useState12[1];
+  var _useState7 = (0, _react.useState)(0),
+      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+      charsCounter = _useState8[0],
+      setCharsCounter = _useState8[1];
 
-  var _useState13 = (0, _react.useState)({}),
-      _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
-      quillState = _useState14[0],
-      setQuillState = _useState14[1];
+  var _useState9 = (0, _react.useState)({}),
+      _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
+      quillState = _useState10[0],
+      setQuillState = _useState10[1];
 
   var maxLength = maxChar ? maxChar : 999;
 
@@ -147,50 +97,37 @@ var InputFormatter = function InputFormatter(_ref) {
 
     setCharsCounter(h.getLength() - 1);
     value = valueFormater(value);
-    updateParentDescriptions(value, aiSuggestionAccepted);
-  };
 
-  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 (updatedDescriptions) {
+      var idInput = inputId;
+      var dataSave = updatedDescriptions === null || updatedDescriptions === void 0 ? void 0 : updatedDescriptions.slice();
 
-    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 (finalValue !== mainValue) {
-          dataSave[index].value = finalValue;
-          dataSave[index].aiSuggestionAccepted = generatedWithAi;
+        if (index !== -1) {
+          if (value !== mainValue) dataSave[index].value = value;else dataSave.splice(index, 1);
         } else {
-          dataSave.splice(index, 1);
+          dataSave.push({
+            articleId: articleId,
+            attributeId: idInput,
+            value: value
+          });
         }
       } else {
-        if (finalValue !== mainValue) {
+        if (value !== mainValue) {
           dataSave.push({
             articleId: articleId,
             attributeId: idInput,
-            value: finalValue,
-            aiSuggestionAccepted: generatedWithAi
+            value: value
           });
         }
       }
-    } else {
-      if (finalValue !== mainValue) {
-        dataSave.push({
-          articleId: articleId,
-          attributeId: idInput,
-          value: finalValue,
-          aiSuggestionAccepted: generatedWithAi
-        });
-      }
-    }
 
-    setUpdatedDescriptions(dataSave);
+      setUpdatedDescriptions(dataSave);
+    }
   };
 
   var getSelection = function getSelection(range, a, b) {
@@ -205,135 +142,43 @@ var InputFormatter = function InputFormatter(_ref) {
       });
       setSelection((selected === null || selected === void 0 ? void 0 : selected.length) > 0);
     }
-  }; //AI Generation
-
-
-  var handleAcceptSuggestion = function handleAcceptSuggestion(suggestionValue) {
-    if (!suggestionValue) return;
-    setInputValue(suggestionValue);
-    setValueAccepted(suggestionValue);
-    setAiSuggestionAccepted(true);
-    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 () {
-    // Comprueba cuando la función de IA se cierra y no se acepto una sugerencia
-    // Devuelve el valor inicial
-    if (!isAiActive && !aiSuggestionAccepted) return setInputValue(valueAccepted);
-  }, [suggestions, isAiActive]);
-  (0, _react.useEffect)(function () {
-    if (!isAiActive) return; // Comprueba si la sugerencia fue aceptada
-
-    setAiSuggestionAccepted(false);
-  }, [isAiActive]); //End Ai Generation
-
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
     isRequired: isRequired && (inputValue.replace(/<.*?>/gm, "").length === 0 || !inputValue),
     selection: selection,
     position: position,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.InputContainer, {
-      className: hasAiGeneration ? "ai-generation" : "",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactQuill.default, {
-        id: inputId + "",
-        ref: function ref(el) {
-          return setQuill(el);
-        },
-        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: false
-        },
-        onKeyPress: function onKeyPress(e) {
-          if (charsCounter >= maxLength && e.key !== "Backspace") {
-            e.preventDefault();
-          }
-        },
-        onKeyDown: function onKeyDown(e) {
-          var keysArray = ["Backspace", "Meta", "ArrowLeft", "ArrowRight", "ArrowUp", "ArrowDown"];
-
-          if (charsCounter >= maxLength && keysArray.every(function (key) {
-            return e.key !== key;
-          })) {
-            e.preventDefault();
-          }
-        },
-        onChange: function onChange(valueInput, user, range, h) {
-          return _onChange(valueInput, h);
-        },
-        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" : '', " ").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" : "",
-          src: isAiGenerationLoading ? _loading.default : isAiActive ? _cancel.default : _iaIcon.default
-        })
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.BottomContainer, {
-      className: isAiActive ? "with-ai" : "",
-      children: [isAiActive && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: "ai-options",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.OptionsContainer, {
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: "arrow ".concat((currentSuggestion === null || currentSuggestion === void 0 ? void 0 : (_currentSuggestion$in2 = currentSuggestion[inputId]) === null || _currentSuggestion$in2 === void 0 ? void 0 : _currentSuggestion$in2.index) === 0 && "disabled"),
-            onClick: function onClick() {
-              handleChangeSuggestion({
-                action: "prev"
-              });
-            },
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-              src: _arrow.default,
-              alt: ""
-            })
-          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
-            children: [(currentSuggestion === null || currentSuggestion === void 0 ? void 0 : (_currentSuggestion$in3 = currentSuggestion[inputId]) === null || _currentSuggestion$in3 === void 0 ? void 0 : _currentSuggestion$in3.index) + 1 || 1, "/", suggestions === null || suggestions === void 0 ? void 0 : (_suggestions$inputId = suggestions[inputId]) === null || _suggestions$inputId === void 0 ? void 0 : _suggestions$inputId.length]
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: "arrow right ".concat((currentSuggestion === null || currentSuggestion === void 0 ? void 0 : (_currentSuggestion$in4 = currentSuggestion[inputId]) === null || _currentSuggestion$in4 === void 0 ? void 0 : _currentSuggestion$in4.index) === (suggestions === null || suggestions === void 0 ? void 0 : (_suggestions$inputId2 = suggestions[inputId]) === null || _suggestions$inputId2 === void 0 ? void 0 : _suggestions$inputId2.length) - 1 && "disabled"),
-            onClick: function onClick() {},
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-              onClick: function onClick() {
-                handleChangeSuggestion({
-                  action: "next"
-                });
-              },
-              src: _arrow.default,
-              alt: "ai icon"
-            })
-          })]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.ButtonsContainer, {
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: "reload-suggestions ".concat(isAiRegenerationLoading && "loading"),
-            onClick: function onClick() {
-              handlerRegenerateSuggestions({
-                type: "description"
-              });
-            },
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-              className: "",
-              src: isAiRegenerationLoading ? _loading.default : _reload.default
-            })
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: "accept-suggestion",
-            onClick: function onClick() {
-              var _currentSuggestion$in5;
-
-              handleAcceptSuggestion(currentSuggestion === null || currentSuggestion === void 0 ? void 0 : (_currentSuggestion$in5 = currentSuggestion[inputId]) === null || _currentSuggestion$in5 === void 0 ? void 0 : _currentSuggestion$in5.value);
-            },
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-              children: "Aceptar sugerencia"
-            })
-          })]
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
-        className: "description-limit",
-        children: [charsCounter, "/", maxLength]
-      })]
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactQuill.default, {
+      id: inputId + "",
+      ref: function ref(el) {
+        return setQuill(el);
+      },
+      defaultValue: getValue(inputValue),
+      readOnly: disabled,
+      modules: {
+        toolbar: ["bold"]
+      },
+      onKeyPress: function onKeyPress(e) {
+        if (charsCounter >= maxLength && e.key !== "Backspace") {
+          e.preventDefault();
+        }
+      },
+      onKeyDown: function onKeyDown(e) {
+        var keysArray = ["Backspace", "Meta", "ArrowLeft", "ArrowRight", "ArrowUp", "ArrowDown"];
+
+        if (charsCounter >= maxLength && keysArray.every(function (key) {
+          return e.key !== key;
+        })) {
+          e.preventDefault();
+        }
+      },
+      onChange: function onChange(valueInput, user, range, h) {
+        return _onChange(valueInput, h);
+      },
+      onChangeSelection: getSelection
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
+      className: "description-limit",
+      children: [charsCounter, "/", maxLength]
     })]
   });
 };

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

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.OptionsContainer = exports.InputContainer = exports.Container = exports.ButtonsContainer = exports.BottomContainer = void 0;
+exports.Container = void 0;
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
 
@@ -13,9 +13,9 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _variables = require("../../../global-files/variables");
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+var _templateObject;
 
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .quill {\n    background-color: ", ";\n    border: 1px solid\n      ", ";\n    position: relative;\n    border-radius: 5px;\n\n    &.has-ai {\n      .ql-container {\n        padding-right: 2.5rem;\n      }\n    }\n\n    &.ai-generation {\n\n      .ql-container {\n        border: 1px solid #3F8AED;\n        border-radius: 5px;\n        background-color: rgba(59, 147, 224, 0.05);\n        margin: 5px;\n        margin-right: 2.5rem;\n      }\n\n    }\n\n    .ql-toolbar {\n      background-color: ", ";\n      position: absolute;\n      z-index: 10;\n      border: 1px solid ", ";\n      width: 45px;\n      height: 45px;\n      border-radius: 4px;\n      visibility: ", ";\n      top: ", "px;\n      left: ", "px;\n    }\n\n    .ql-container {\n      border: none;\n      font-family: ", ";\n      color: ", ";\n      strong {\n        font-family: ", ";\n      }\n\n      .ql-editor{\n        padding: 8px 10px;\n      }\n    }\n  }\n  .description-limit {\n    font-size: 12px;\n    font-family: ", ";\n    color: ", ";\n    text-align: right;\n    margin-top: 5px;\n  }\n"])), _variables.GlobalColors.white, function (_ref) {
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .quill {\n    background-color: ", ";\n    border: 1px solid\n      ", ";\n    position: relative;\n    border-radius: 5px;\n\n    .ql-toolbar {\n      background-color: ", ";\n      position: absolute;\n      z-index: 10;\n      border: 1px solid ", ";\n      width: 45px;\n      height: 45px;\n      border-radius: 4px;\n      visibility: ", ";\n      top: ", "px;\n      left: ", "px;\n    }\n\n    .ql-container {\n      border: none;\n      font-family: ", ";\n      color: ", ";\n      strong {\n        font-family: ", ";\n      }\n\n      .ql-editor{\n        padding: 8px 10px;\n      }\n    }\n  }\n  .description-limit {\n    font-size: 12px;\n    font-family: ", ";\n    color: ", ";\n    text-align: right;\n    margin-top: 5px;\n  }\n"])), _variables.GlobalColors.white, function (_ref) {
   var focus = _ref.focus,
       isRequired = _ref.isRequired;
   return focus ? _variables.GlobalColors.magenta_s2 : isRequired ? "red" : _variables.GlobalColors.gray_light;
@@ -30,20 +30,4 @@ var Container = _styledComponents.default.div(_templateObject || (_templateObjec
   return position.left;
 }, _variables.FontFamily.AvenirNext, _variables.GlobalColors.deep_gray, _variables.FontFamily.Raleway_900, _variables.FontFamily.AvenirNext, _variables.GlobalColors.deep_gray);
 
-exports.Container = Container;
-
-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;
-
-var BottomContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n\n  display: flex;\n  align-items: center;\n  padding-top: 5px;\n  justify-content: flex-end;\n\n  &.with-ai {\n    justify-content: space-between;\n  }\n\n  > div.ai-options {\n    display: flex;\n    align-items: center;\n    gap: 0.25rem;\n  }\n\n"])));
-
-exports.BottomContainer = BottomContainer;
-
-var OptionsContainer = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n\n  display: flex;\n  align-items: center;\n  gap: 0.25rem;\n  user-select: none;\n\n  p {\n    font-size: 12px;\n    font-family: ", ";\n    color: ", ";\n    padding-top: 2px;\n  }\n\n  .arrow {\n    width: 20px;\n    height: 20px;\n    cursor: pointer;\n    padding: 2px;\n\n    border-radius: 5px;\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    &.disabled {\n      opacity: 0.5;\n      filter: grayscale(1);\n      cursor: not-allowed;\n    }\n\n    :hover {\n      background-color: rgba(59, 147, 224, 0.1);\n    }\n\n    &.right {\n      transform: rotate(180deg);\n    }\n\n    img {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n    }\n\n  }\n\n"])), _variables.FontFamily.AvenirNext, _variables.GlobalColors.deep_gray);
-
-exports.OptionsContainer = OptionsContainer;
-
-var ButtonsContainer = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n\n  .reload-suggestions {\n\n    width: 20px;\n    height: 20px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 5px;\n    padding: 4px;\n    cursor: pointer;\n\n    &.loading {\n\n      filter: grayscale(1);\n      opacity: 0.75;\n      cursor: not-allowed;\n\n      > img {\n        width: 20px;\n        height: 20px;\n      }\n\n    }\n\n    :hover {\n      background-color: rgba(59, 147, 224, 0.1);\n    }\n\n    > img {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n    }\n\n  }\n\n  .accept-suggestion {\n\n    text-align: center;\n    padding: 4px 5px;\n    cursor: pointer;\n    background-color: rgba(59, 147, 224, 0.05);\n\n    border-radius: 5px;\n\n    :hover {\n      background-color: rgba(59, 147, 224, 0.1);\n    }\n\n    > p {\n      font-size: 11px;\n    }\n  }\n\n"])));
-
-exports.ButtonsContainer = ButtonsContainer;
+exports.Container = Container;

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

@@ -39,8 +39,6 @@ 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) {
@@ -83,9 +81,6 @@ 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);
@@ -131,12 +126,7 @@ var StatusAsignationInfo = function StatusAsignationInfo(_ref) {
       ovalForm: true
     }), showSaveButton && !isFinanced && /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
       buttonType: "circular-button save-button",
-      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();
-      }
+      onClick: onClickSave
     }), imagesSection && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "images-buttons",
       children: [showSaveButton && /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {

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

@@ -40,6 +40,17 @@ var TabsMenu = function TabsMenu(_ref) {
       sections = _useState2[0],
       setSections = _useState2[1];
 
+  (0, _react.useEffect)(function () {
+    if (!activeTab) return;
+    setSections(function (prev) {
+      var updated = {};
+      Object.keys(prev).forEach(function (key) {
+        updated[key] = key === activeTab;
+      });
+      return updated;
+    });
+  }, [activeTab]);
+
   var _useState3 = (0, _react.useState)(false),
       _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
       modal = _useState4[0],
@@ -58,19 +69,7 @@ var TabsMenu = function TabsMenu(_ref) {
   var _useState9 = (0, _react.useState)(),
       _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
       objeto = _useState10[0],
-      setObjeto = _useState10[1]; // Sincronizar sections cuando activeTab cambia desde el exterior
-
-
-  (0, _react.useEffect)(function () {
-    if (activeTab && Object.keys(tabsSections).length > 0) {
-      var tempArray = {};
-      Object.keys(tabsSections).forEach(function (section) {
-        tempArray[section] = section === activeTab;
-      });
-      setSections(tempArray);
-      setImagesSection(activeTab === "Imágenes");
-    }
-  }, [activeTab, tabsSections]);
+      setObjeto = _useState10[1];
 
   var activeSection = function activeSection(key) {
     var array = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};