contentoh-components-library 21.0.6 → 21.0.9

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

@@ -123,7 +123,7 @@ var myBucket = new _awsSdk.default.S3({
 });
 
 var RetailerProductEdition = function RetailerProductEdition(_ref) {
-  var _productSelected$reta, _product$services5, _product$services6, _datasheets$, _datasheets$$data, _product$services7, _product$article4, _product$services8;
+  var _productSelected$reta, _product$services5, _product$services6, _datasheets$, _datasheets$$data, _product$services7, _product$article6, _product$services8;
 
   var tabsSections = _ref.tabsSections,
       _ref$productSelected = _ref.productSelected,
@@ -284,7 +284,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
       message = _useState34[0],
       setMessage = _useState34[1];
 
-  var _useState35 = (0, _react.useState)({}),
+  var _useState35 = (0, _react.useState)(JSON.parse(sessionStorage.getItem("productSelected")) ? JSON.parse(sessionStorage.getItem("productSelected")) : productSelected),
       _useState36 = (0, _slicedToArray2.default)(_useState35, 2),
       product = _useState36[0],
       setProduct = _useState36[1];
@@ -382,7 +382,6 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
                 init: services[2]
               });
               if (((_services$ = services[2]) === null || _services$ === void 0 ? void 0 : (_services$$values = _services$.values) === null || _services$$values === void 0 ? void 0 : _services$$values.length) > 0) setActiveImage(0);
-              setProduct(productSelected);
               (0, _data2.getPercentage)({
                 data: [productSelected]
               }).then(function (res) {
@@ -390,7 +389,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
               });
               setLoading(false);
 
-            case 10:
+            case 9:
             case "end":
               return _context2.stop();
           }
@@ -405,7 +404,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
 
   var getServices = /*#__PURE__*/function () {
     var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(tab) {
-      var _selected$article, _selected$article2, _servicesResponse$dat;
+      var _product$article, _product$article2, _servicesResponse$dat;
 
       var serviceActive, selected, servicesResponse, parsedResponse;
       return _regenerator.default.wrap(function _callee3$(_context3) {
@@ -432,7 +431,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
             case 10:
               selected = productSelected;
               _context3.next = 13;
-              return _axios.default.get("".concat(process.env.REACT_APP_SERVICES_ENDPOINT, "?articleId=").concat(selected === null || selected === void 0 ? void 0 : (_selected$article = selected.article) === null || _selected$article === void 0 ? void 0 : _selected$article.id_article, "&orderId=").concat(selected === null || selected === void 0 ? void 0 : (_selected$article2 = selected.article) === null || _selected$article2 === void 0 ? void 0 : _selected$article2.id_order, "&end=true"));
+              return _axios.default.get("".concat(process.env.REACT_APP_SERVICES_ENDPOINT, "?articleId=").concat(product === null || product === void 0 ? void 0 : (_product$article = product.article) === null || _product$article === void 0 ? void 0 : _product$article.id_article, "&orderId=").concat(product === null || product === void 0 ? void 0 : (_product$article2 = product.article) === null || _product$article2 === void 0 ? void 0 : _product$article2.id_order, "&end=true"));
 
             case 13:
               servicesResponse = _context3.sent;
@@ -746,7 +745,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
   }();
 
   var updateImages = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee8() {
-    var _images$values2, _product$article, _data$articleData, _data$articleData2, _data$updateImages;
+    var _images$values2, _product$article3, _data$articleData, _data$articleData2, _data$updateImages;
 
     var imagesList, imagesListTemp, duplicated, attrForImgs, data, valid, _data$updateImages2, _data$articleData3, _data$articleData4, _data$articleData5, promiseArray;
 
@@ -765,7 +764,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
             attrForImgs = Object.values(images === null || images === void 0 ? void 0 : images.attrForImgs);
             attrForImgs.pop();
             data = {
-              articleId: product === null || product === void 0 ? void 0 : (_product$article = product.article) === null || _product$article === void 0 ? void 0 : _product$article.id_article,
+              articleId: product === null || product === void 0 ? void 0 : (_product$article3 = product.article) === null || _product$article3 === void 0 ? void 0 : _product$article3.id_article,
               attrReqImgs: attrForImgs === null || attrForImgs === void 0 ? void 0 : attrForImgs.map(function (e) {
                 var _e$, _e$2;
 
@@ -930,7 +929,8 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
     }
 
     concept = action ? action : concept;
-    return productSelected["".concat(concept, "_status")] === "QF" && (user.id_role === 1 || user.id_role === 4 || user.id_role === 5) || productSelected["".concat(concept, "_status")] === "AF" && (user.id_role === 1 || user.id_role === 6) || productSelected["".concat(concept, "_status")] === "RP" && (user.id_role === 1 || user.id_role === 6);
+    return product["".concat(concept, "_status")] === "QF" && (user.id_role === 1 || user.id_role === 4 || user.id_role === 5) || product["".concat(concept, "_status")] === "AF" && ( //sessionStorage productSelected
+    user.id_role === 1 || user.id_role === 6) || product["".concat(concept, "_status")] === "RP" && (user.id_role === 1 || user.id_role === 6) || product["".concat(concept, "_status")] === "RC" && (user.id_role === 1 || user.id_role === 6);
   };
 
   var getSectionIcon = function getSectionIcon() {
@@ -954,7 +954,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
 
   var updateCompaniesList = function updateCompaniesList(status, result, retailerId, concept) {
     var serv = servicesData.slice();
-    var item = serv === null || serv === void 0 ? void 0 : serv.find(function (item) {
+    var item = serv.find(function (item) {
       return item.id_retailer === retailerId && item.service === concept;
     });
     var index = serv.indexOf(item);
@@ -1016,7 +1016,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
 
   var sendToFacilitator = /*#__PURE__*/function () {
     var _ref11 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee10(result) {
-      var concept, evalStatus, productTemp, specialistDone, data;
+      var concept, productTemp, evalStatus, specialistDone, data;
       return _regenerator.default.wrap(function _callee10$(_context10) {
         while (1) {
           switch (_context10.prev = _context10.next) {
@@ -1028,116 +1028,125 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
 
             case 4:
               concept = "description";
-              return _context10.abrupt("break", 11);
+              return _context10.abrupt("break", 10);
 
             case 6:
               concept = "datasheet";
-              return _context10.abrupt("break", 11);
+              return _context10.abrupt("break", 10);
 
             case 8:
               concept = "images";
-              return _context10.abrupt("break", 11);
+              return _context10.abrupt("break", 10);
 
             case 10:
-              return _context10.abrupt("break", 11);
-
-            case 11:
-              evalStatus = "";
-              productTemp = productSelected;
-              evalStatus = productSelected["".concat(concept, "_status")];
+              productTemp = (0, _objectSpread2.default)({}, product);
+              evalStatus = product["".concat(concept, "_status")];
               specialistDone = evalStatus === "RF" || evalStatus === "RA" || evalStatus === "IN_PROGRESS";
 
               if (specialistDone) {
                 setMessage("".concat(activeTab, " enviada a facilitador"));
                 getSectionIcon();
                 productTemp["".concat(concept, "_status")] = "QF";
-                evalStatus = "QF";
               } else if (evalStatus === "QF") {
                 setMessage("Evaluación enviada");
                 getSectionIcon();
                 productTemp["".concat(concept, "_status")] = "AF";
-                evalStatus = "AF";
               } else if (evalStatus === "AF") {
                 setMessage("Evaluación enviada");
                 getSectionIcon();
                 productTemp["".concat(concept, "_status")] = "AA";
-                evalStatus = "AA";
               } else if (evalStatus === "RP") {
                 setMessage("Evaluación enviada");
                 getSectionIcon();
                 productTemp["".concat(concept, "_status")] = "AA";
-                evalStatus = "AA";
+              } else if (evalStatus === "RC") {
+                setMessage("Evaluación enviada");
+                getSectionIcon();
+                productTemp["".concat(concept, "_status")] = "AP";
               }
 
               data = {};
 
               if (!result) {
-                _context10.next = 24;
+                _context10.next = 28;
                 break;
               }
 
               updateCompaniesList(evalStatus, result, activeRetailer.id, concept);
               data = {
-                articleId: productSelected.article.id_article,
-                orderId: productSelected.orderId,
+                articleId: product.article.id_article,
+                orderId: product.orderId,
                 concept: concept,
                 result: result,
                 evalStatus: evalStatus,
                 retailerId: activeRetailer.id
               };
-              _context10.next = 22;
+              _context10.prev = 18;
+              _context10.next = 21;
               return _axios.default.put("".concat(process.env.REACT_APP_EVALUATION_ENDPOINT), data, {
                 headers: {
                   Authorization: token
                 }
               });
 
-            case 22:
-              _context10.next = 36;
+            case 21:
+              _context10.next = 26;
               break;
 
-            case 24:
+            case 23:
+              _context10.prev = 23;
+              _context10.t1 = _context10["catch"](18);
+              console.log(_context10.t1);
+
+            case 26:
+              _context10.next = 42;
+              break;
+
+            case 28:
               if (specialistDone) {
-                updateCompaniesList(evalStatus, result, activeRetailer.id);
+                updateCompaniesList(evalStatus, result, activeRetailer.id, concept);
               }
 
               data = {
-                articleId: productSelected.article.id_article,
-                orderId: productSelected.orderId,
+                articleId: product.article.id_article,
+                orderId: product.orderId,
                 concept: concept,
                 evalStatus: evalStatus,
                 retailerId: activeRetailer.id
               };
-              _context10.t1 = user.id_role;
-              _context10.next = _context10.t1 === 7 ? 29 : _context10.t1 === 8 ? 29 : _context10.t1 === 4 ? 31 : _context10.t1 === 5 ? 31 : 33;
+              _context10.t2 = user.id_role;
+              _context10.next = _context10.t2 === 7 ? 33 : _context10.t2 === 8 ? 33 : _context10.t2 === 4 ? 35 : _context10.t2 === 5 ? 35 : 37;
               break;
 
-            case 29:
+            case 33:
               data.especialist = true;
-              return _context10.abrupt("break", 34);
+              return _context10.abrupt("break", 38);
 
-            case 31:
+            case 35:
               data.facilitator = true;
-              return _context10.abrupt("break", 34);
+              return _context10.abrupt("break", 38);
 
-            case 33:
-              return _context10.abrupt("break", 34);
+            case 37:
+              return _context10.abrupt("break", 38);
+
+            case 38:
+              console.log(data);
 
-            case 34:
               _axios.default.put("".concat(process.env.REACT_APP_SEND_EVAL), data, {
                 headers: {
                   Authorization: token
                 }
               });
 
+              sessionStorage.setItem("productSelected", JSON.stringify(productTemp));
               setProduct(productTemp); //setModalSent(true);
 
-            case 36:
+            case 42:
             case "end":
               return _context10.stop();
           }
         }
-      }, _callee10);
+      }, _callee10, null, [[18, 23]]);
     }));
 
     return function sendToFacilitator(_x3) {
@@ -1164,6 +1173,21 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
 
     var allowedRoles = [1, 4, 5, 6, 7, 8];
     var validUser = allowedRoles.indexOf(user === null || user === void 0 ? void 0 : user.id_role) !== -1;
+
+    if (!rol) {
+      switch (user.id_role) {
+        case 4:
+        case 5:
+          rol = "facilitator";
+          break;
+
+        case 7:
+        case 8:
+          rol = "especialist";
+          break;
+      }
+    }
+
     return productSelected.article["id_".concat(concept, "_").concat(rol)] === user.id_user && validUser;
   };
 
@@ -1173,7 +1197,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
 
   var createComment = /*#__PURE__*/function () {
     var _ref12 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee11(e, body, tab) {
-      var _product$article2;
+      var _product$article4;
 
       var concept, data;
       return _regenerator.default.wrap(function _callee11$(_context11) {
@@ -1199,7 +1223,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
 
             case 10:
               data = {
-                articleId: product === null || product === void 0 ? void 0 : (_product$article2 = product.article) === null || _product$article2 === void 0 ? void 0 : _product$article2.id_article,
+                articleId: product === null || product === void 0 ? void 0 : (_product$article4 = product.article) === null || _product$article4 === void 0 ? void 0 : _product$article4.id_article,
                 orderId: product === null || product === void 0 ? void 0 : product.orderId,
                 message: body,
                 concept: concept,
@@ -1232,7 +1256,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
   var getRequired = function getRequired(services) {
     var _services$4, _services$4$inputs;
 
-    var objetcTemp = requiredNull;
+    var objetcTemp = {};
     var datasheetServicesArray = Object.values(services[0]);
     var dsInputs = datasheetServicesArray.pop();
     var descriptionsServicesArray = services[1];
@@ -1241,7 +1265,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
     datasheetServicesArray.forEach(function (datasheet) {
       return Object.values(datasheet === null || datasheet === void 0 ? void 0 : datasheet.data).forEach(function (dataGroup) {
         return dsInputsRequired.push.apply(dsInputsRequired, (0, _toConsumableArray2.default)(dataGroup.inputs.filter(function (input) {
-          return dsInputs[input].required && !dsInputs[input].value;
+          return dsInputs[input].required && (dsInputs[input].value === undefined || !dsInputs[input].value);
         })));
       });
     });
@@ -1306,7 +1330,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
 
   var setAssignation = /*#__PURE__*/function () {
     var _ref14 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee13(assignationType, assignationId) {
-      var _product$article3;
+      var _product$article5;
 
       var concept, productTemp, data;
       return _regenerator.default.wrap(function _callee13$(_context13) {
@@ -1336,7 +1360,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
               data = (0, _defineProperty2.default)({
                 articleList: [{
                   orderId: product.orderId,
-                  articleId: product === null || product === void 0 ? void 0 : (_product$article3 = product.article) === null || _product$article3 === void 0 ? void 0 : _product$article3.id_article
+                  articleId: product === null || product === void 0 ? void 0 : (_product$article5 = product.article) === null || _product$article5 === void 0 ? void 0 : _product$article5.id_article
                 }],
                 concept: concept
               }, "".concat(assignationType, "Id"), assignationId);
@@ -1364,10 +1388,10 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
     };
   }();
 
-  var evaluationComplete = function evaluationComplete(tab) {
+  var evaluationComplete = function evaluationComplete() {
     var concept = "";
 
-    switch (tab) {
+    switch (activeTab) {
       case "Ficha técnica":
         concept = "datasheet";
         break;
@@ -1376,7 +1400,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
         concept = "images";
         break;
 
-      default:
+      case "Descripción":
         concept = "description";
         break;
     }
@@ -1470,6 +1494,26 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
     }
   };
 
+  var specialistValid = function specialistValid(tab) {
+    var concept = "";
+
+    switch (tab) {
+      case "Ficha técnica":
+        concept = "datasheet";
+        break;
+
+      case "Imágenes":
+        concept = "images";
+        break;
+
+      case "Descripción":
+        concept = "description";
+        break;
+    }
+
+    return product["".concat(concept, "_status")] === "IN_PROGRESS" || product["".concat(concept, "_status")] === "RF" || product["".concat(concept, "_status")] === "RA";
+  };
+
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
     headerTop: headerTop,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_HeaderTop.HeaderTop, {
@@ -1509,14 +1553,44 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
           sendToFacilitator: sendToFacilitator,
           auditorAssigned: auditorAssigned,
           userAssigned: function userAssigned() {
-            return _userAssigned(activeTab, "facilitator");
+            return _userAssigned(activeTab);
           }
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_FullTabsMenu.FullTabsMenu, {
           tabsSections: tabsSections,
-          status: {
-            Descripción: product === null || product === void 0 ? void 0 : product.description_status,
-            "Ficha técnica": product === null || product === void 0 ? void 0 : product.datasheet_status,
-            Imágenes: product === null || product === void 0 ? void 0 : product.images_status
+          status: //   {
+          //   Descripción: product?.description_status,
+          //   "Ficha técnica": product?.datasheet_status,
+          //   Imágenes: product?.images_status,
+          // }
+          function status() {
+            var _retailerService;
+
+            var concept = "";
+
+            switch (activeTab) {
+              case "Ficha técnica":
+                concept = "datasheet";
+                break;
+
+              case "Imágenes":
+                concept = "images";
+                break;
+
+              case "Descripción":
+                concept = "description";
+                break;
+            }
+
+            var retailerService = {};
+
+            var _servicesData$filter = servicesData.filter(function (service) {
+              return service.id_retailer === activeRetailer.id && service.service === concept;
+            });
+
+            var _servicesData$filter2 = (0, _slicedToArray2.default)(_servicesData$filter, 1);
+
+            retailerService = _servicesData$filter2[0];
+            return (_retailerService = retailerService) === null || _retailerService === void 0 ? void 0 : _retailerService.status;
           },
           activeTab: activeTab,
           setActiveTab: setActiveTab,
@@ -1571,7 +1645,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
               inputGroup: descriptions[0],
               updatedDescriptions: updatedDescriptions,
               setUpdatedDescriptions: setUpdatedDescriptions,
-              articleId: product === null || product === void 0 ? void 0 : (_product$article4 = product.article) === null || _product$article4 === void 0 ? void 0 : _product$article4.id_article,
+              articleId: product === null || product === void 0 ? void 0 : (_product$article6 = product.article) === null || _product$article6 === void 0 ? void 0 : _product$article6.id_article,
               version: version,
               dinamicHeight: true
             }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
@@ -1591,7 +1665,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
               headerType: "input-name-header"
             }))]
           })
-        }), (_userAssigned(activeTab, "especialist" || "facilitator") || auditorAssigned()) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        }), (_userAssigned(activeTab) || auditorAssigned()) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
           className: "commentary-box",
           children: [!comment ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
             className: "commentary",
@@ -1636,7 +1710,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
               }))
             })]
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
-            buttonType: !approveRejectButtons() || requiredNull[activeTab] !== 0 || !evaluationComplete(activeTab) ? "general-button-disabled" : "general-green-button",
+            buttonType: evaluationComplete() && requiredNull[activeTab] === 0 && approveRejectButtons() ? "general-green-button" : "general-button-disabled",
             label: "Enviar evaluación",
             onClick: function onClick() {
               return sendToFacilitator();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "contentoh-components-library",
-  "version": "21.0.6",
+  "version": "21.0.9",
   "dependencies": {
     "@babel/runtime": "^7.17.2",
     "@storybook/addon-postcss": "^2.0.0",

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

@@ -1,6 +1,7 @@
 import { useEffect, useState } from "react";
 import { Container } from "./styles";
 import { InputFormatter } from "../InputFormatter";
+import { CheckBox } from "../CheckBox";
 
 export const GeneralInput = ({
   inputType,
@@ -30,19 +31,23 @@ export const GeneralInput = ({
     if (validateInput) {
       setTextValue({ value: validateInput(evt, position, inputsArray) });
     } else {
-      setTextValue({ value: evt.target.value });
+      setTextValue({
+        value: inputType === "checkbox" ? evt.target.checked : evt.target.value,
+      });
       let dataSave = updatedDatasheets.slice();
       if (dataSave.length === 0)
         dataSave.push({
           articleId: articleId,
           versionId: version,
           attributeId: inputId,
-          value: evt.target.value,
+          value:
+            inputType === "checkbox" ? evt.target.checked : evt.target.value,
         });
       else if (dataSave.some((e) => e.attributeId === inputId)) {
         dataSave.forEach((e) => {
           if (e.attributeId === inputId) {
-            e.value = evt.target.value;
+            e.value =
+              inputType === "checkbox" ? evt.target.checked : evt.target.value;
           }
         });
       } else {
@@ -50,7 +55,8 @@ export const GeneralInput = ({
           articleId: articleId,
           versionId: version,
           attributeId: inputId,
-          value: evt.target.value,
+          value:
+            inputType === "checkbox" ? evt.target.checked : evt.target.value,
         });
       }
       setUpdatedDatasheets(dataSave);
@@ -58,12 +64,21 @@ export const GeneralInput = ({
   };
 
   useEffect(() => {
-    setRequiredEmpty(isRequired && textValue.value?.length === 0);
+    setRequiredEmpty(
+      isRequired &&
+        (textValue.value?.length === 0 || textValue.value === undefined)
+    );
   }, [textValue]);
 
   return (
     <Container isRequired={requiredEmpty}>
-      {inputType !== "textarea" ? (
+      {inputType === "checkbox" ? (
+        <CheckBox
+          id={inputId}
+          onChange={(e) => onHandleChange(e)}
+          defaultChecked={textValue.value === "true" ? true : false}
+        />
+      ) : inputType !== "textarea" ? (
         <input
           type={inputType}
           id={inputId}

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

@@ -4,11 +4,20 @@ import { FontFamily, GlobalColors } from "../../../global-files/variables";
 export const Container = styled.div`
   width: 100%;
 
+  > div {
+    label {
+      &:before {
+        outline: 1px solid ${({ isRequired }) => (isRequired ? "red" : "none")};
+      }
+    }
+  }
+
   input,
   textarea {
     width: 100%;
     border: 1px solid
       ${({ isRequired }) => (isRequired ? "red" : `${GlobalColors.s2}`)};
+
     font-family: ${FontFamily.AvenirNext};
     color: ${GlobalColors.s4};
     font-weight: normal;

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

@@ -39,13 +39,19 @@ export const InputFormatter = ({
 
   const onChange = (valueInput, delta, user, h) => {
     let value = "";
-    if (h.getLength() - 1 <= maxLength) {
-      setInputValue((val) => (val = valueInput.replace(/<\/?span.*?>/gm, "")));
-      value = valueInput;
-    } else {
-      quillState.deleteText(maxLength, quillState.getLength());
-      setInputValue((val) => (val = quillState.getText()));
-      value = quillState.getText();
+    try {
+      if (h.getLength() - 1 <= maxLength) {
+        setInputValue(
+          (val) => (val = valueInput.replace(/<\/?span.*?>/gm, ""))
+        );
+        value = valueInput;
+      } else {
+        quillState.deleteText(maxLength, quillState.getLength());
+        setInputValue((val) => (val = quillState.getText()));
+        value = quillState.getText();
+      }
+    } catch (error) {
+      console.log(error);
     }
     setCharsCounter(h.getLength() - 1);
     value = valueFormater(value);

package/src/components/atoms/Select/style.js

@@ -66,7 +66,6 @@ export const SelectCustom = styled.select`
     display: none;
   }
   option {
-    background-color: blue;
     &:disabled {
       color: #d4d1d7;
     }

package/src/components/organisms/FullTabsMenu/index.js

@@ -26,7 +26,7 @@ export const FullTabsMenu = ({
         setActiveTab={setActiveTab}
       />
       <StatusAsignationInfo
-        status={status[activeTab]}
+        status={status()}
         activeTab={activeTab}
         setImageLayout={setImageLayout}
         imagesSection={imagesSection}

package/src/components/organisms/InputGroup/index.js

@@ -42,7 +42,13 @@ export const InputGroup = ({
         {inputGroup?.inputs?.map((input, index) =>
           activeSection === "Ficha técnica" ? (
             <TagAndInput
-              key={index + "-" + dataInputs[input]?.value}
+              key={
+                index +
+                "-" +
+                dataInputs[input]?.value +
+                "-" +
+                dataInputs[input]?.id
+              }
               inputId={dataInputs[input]?.id}
               version={version}
               inputType={inputTypeValue(dataInputs[input]?.type)}