contentoh-components-library 21.4.61 → 21.4.62

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

@@ -264,6 +264,11 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
       showModal = _useState14[0],
       setShowModal = _useState14[1];
 
+  var _useState15 = (0, _react.useState)(),
+      _useState16 = (0, _slicedToArray2.default)(_useState15, 2),
+      boxData = _useState16[0],
+      setBoxData = _useState16[1];
+
   var _useDropzone = (0, _reactDropzone.useDropzone)({
     accept: "image/*",
     noKeyboard: true,
@@ -326,141 +331,141 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
       getRootProps = _useDropzone.getRootProps,
       getInputProps = _useDropzone.getInputProps;
 
-  var _useState15 = (0, _react.useState)([]),
-      _useState16 = (0, _slicedToArray2.default)(_useState15, 2),
-      updatedDatasheets = _useState16[0],
-      setUpdatedDatasheets = _useState16[1];
-
   var _useState17 = (0, _react.useState)([]),
       _useState18 = (0, _slicedToArray2.default)(_useState17, 2),
-      updatedDescriptions = _useState18[0],
-      setUpdatedDescriptions = _useState18[1];
+      updatedDatasheets = _useState18[0],
+      setUpdatedDatasheets = _useState18[1];
 
-  var _useState19 = (0, _react.useState)(false),
+  var _useState19 = (0, _react.useState)([]),
       _useState20 = (0, _slicedToArray2.default)(_useState19, 2),
-      imagesUploaded = _useState20[0],
-      setImagesUploaded = _useState20[1];
+      updatedDescriptions = _useState20[0],
+      setUpdatedDescriptions = _useState20[1];
 
-  var _useState21 = (0, _react.useState)(),
+  var _useState21 = (0, _react.useState)(false),
       _useState22 = (0, _slicedToArray2.default)(_useState21, 2),
-      dataImages = _useState22[0],
-      setDataImages = _useState22[1];
+      imagesUploaded = _useState22[0],
+      setImagesUploaded = _useState22[1];
 
-  var _useState23 = (0, _react.useState)(product !== null && product !== void 0 && product.retailers ? new Array(product === null || product === void 0 ? void 0 : (_product$retailers = product.retailers) === null || _product$retailers === void 0 ? void 0 : _product$retailers.length).fill({
+  var _useState23 = (0, _react.useState)(),
+      _useState24 = (0, _slicedToArray2.default)(_useState23, 2),
+      dataImages = _useState24[0],
+      setDataImages = _useState24[1];
+
+  var _useState25 = (0, _react.useState)(product !== null && product !== void 0 && product.retailers ? new Array(product === null || product === void 0 ? void 0 : (_product$retailers = product.retailers) === null || _product$retailers === void 0 ? void 0 : _product$retailers.length).fill({
     percentage: 0
   }) : new Array(product === null || product === void 0 ? void 0 : (_product$retailersAva = product.retailersAvailable) === null || _product$retailersAva === void 0 ? void 0 : _product$retailersAva.length).fill({
     percentage: 0
   })),
-      _useState24 = (0, _slicedToArray2.default)(_useState23, 2),
-      percentages = _useState24[0],
-      setPercentages = _useState24[1];
-
-  var _useState25 = (0, _react.useState)(0),
       _useState26 = (0, _slicedToArray2.default)(_useState25, 2),
-      activePercentage = _useState26[0],
-      setActivePercentage = _useState26[1];
+      percentages = _useState26[0],
+      setPercentages = _useState26[1];
 
-  var _useState27 = (0, _react.useState)({}),
+  var _useState27 = (0, _react.useState)(0),
       _useState28 = (0, _slicedToArray2.default)(_useState27, 2),
-      activeRetailer = _useState28[0],
-      setActiveRetailer = _useState28[1];
+      activePercentage = _useState28[0],
+      setActivePercentage = _useState28[1];
 
-  var _useState29 = (0, _react.useState)([]),
+  var _useState29 = (0, _react.useState)({}),
       _useState30 = (0, _slicedToArray2.default)(_useState29, 2),
-      services = _useState30[0],
-      setServices = _useState30[1];
+      activeRetailer = _useState30[0],
+      setActiveRetailer = _useState30[1];
 
   var _useState31 = (0, _react.useState)([]),
       _useState32 = (0, _slicedToArray2.default)(_useState31, 2),
-      servicesData = _useState32[0],
-      setServicesData = _useState32[1];
+      services = _useState32[0],
+      setServices = _useState32[1];
 
-  var _useState33 = (0, _react.useState)(""),
+  var _useState33 = (0, _react.useState)([]),
       _useState34 = (0, _slicedToArray2.default)(_useState33, 2),
-      message = _useState34[0],
-      setMessage = _useState34[1];
+      servicesData = _useState34[0],
+      setServicesData = _useState34[1];
 
-  var _useState35 = (0, _react.useState)(JSON.parse(sessionStorage.getItem("productSelected")) ? JSON.parse(sessionStorage.getItem("productSelected")) : productSelected),
+  var _useState35 = (0, _react.useState)(""),
       _useState36 = (0, _slicedToArray2.default)(_useState35, 2),
-      product = _useState36[0],
-      setProduct = _useState36[1];
+      message = _useState36[0],
+      setMessage = _useState36[1];
 
-  var _useState37 = (0, _react.useState)(JSON.parse(sessionStorage.getItem("productEdit")) ? JSON.parse(sessionStorage.getItem("productEdit")) : productToEdit),
+  var _useState37 = (0, _react.useState)(JSON.parse(sessionStorage.getItem("productSelected")) ? JSON.parse(sessionStorage.getItem("productSelected")) : productSelected),
       _useState38 = (0, _slicedToArray2.default)(_useState37, 2),
-      productEdit = _useState38[0],
-      setProductEdit = _useState38[1];
+      product = _useState38[0],
+      setProduct = _useState38[1];
 
-  var _useState39 = (0, _react.useState)(product === null || product === void 0 ? void 0 : product.version),
+  var _useState39 = (0, _react.useState)(JSON.parse(sessionStorage.getItem("productEdit")) ? JSON.parse(sessionStorage.getItem("productEdit")) : productToEdit),
       _useState40 = (0, _slicedToArray2.default)(_useState39, 2),
-      version = _useState40[0],
-      setVersion = _useState40[1];
+      productEdit = _useState40[0],
+      setProductEdit = _useState40[1];
 
-  var _useState41 = (0, _react.useState)({}),
-      _useState42 = (0, _slicedToArray2.default)(_useState41, 1),
-      comments = _useState42[0];
+  var _useState41 = (0, _react.useState)(product === null || product === void 0 ? void 0 : product.version),
+      _useState42 = (0, _slicedToArray2.default)(_useState41, 2),
+      version = _useState42[0],
+      setVersion = _useState42[1];
 
-  var _useState43 = (0, _react.useState)(""),
-      _useState44 = (0, _slicedToArray2.default)(_useState43, 2),
-      comment = _useState44[0],
-      setComment = _useState44[1];
+  var _useState43 = (0, _react.useState)({}),
+      _useState44 = (0, _slicedToArray2.default)(_useState43, 1),
+      comments = _useState44[0];
 
-  var _useState45 = (0, _react.useState)(false),
+  var _useState45 = (0, _react.useState)(""),
       _useState46 = (0, _slicedToArray2.default)(_useState45, 2),
-      crossComment = _useState46[0],
-      setCrossComment = _useState46[1];
+      comment = _useState46[0],
+      setComment = _useState46[1];
 
-  var _useState47 = (0, _react.useState)([]),
+  var _useState47 = (0, _react.useState)(false),
       _useState48 = (0, _slicedToArray2.default)(_useState47, 2),
-      userGroups = _useState48[0],
-      setUserGroups = _useState48[1];
+      crossComment = _useState48[0],
+      setCrossComment = _useState48[1];
 
-  var _useState49 = (0, _react.useState)({}),
+  var _useState49 = (0, _react.useState)([]),
       _useState50 = (0, _slicedToArray2.default)(_useState49, 2),
-      assig = _useState50[0],
-      setAssig = _useState50[1];
+      userGroups = _useState50[0],
+      setUserGroups = _useState50[1];
 
-  var _useState51 = (0, _react.useState)([]),
+  var _useState51 = (0, _react.useState)({}),
       _useState52 = (0, _slicedToArray2.default)(_useState51, 2),
-      selectedImages = _useState52[0],
-      setSelectedImages = _useState52[1];
+      assig = _useState52[0],
+      setAssig = _useState52[1];
 
   var _useState53 = (0, _react.useState)([]),
       _useState54 = (0, _slicedToArray2.default)(_useState53, 2),
-      componentsArray = _useState54[0],
-      setComponentsArray = _useState54[1];
+      selectedImages = _useState54[0],
+      setSelectedImages = _useState54[1];
 
-  var _useState55 = (0, _react.useState)(false),
+  var _useState55 = (0, _react.useState)([]),
       _useState56 = (0, _slicedToArray2.default)(_useState55, 2),
-      checkAll = _useState56[0],
-      setCheckAll = _useState56[1];
-
-  var isRetailer = user === null || user === void 0 ? void 0 : user.is_retailer;
+      componentsArray = _useState56[0],
+      setComponentsArray = _useState56[1];
 
-  var _useState57 = (0, _react.useState)(true),
+  var _useState57 = (0, _react.useState)(false),
       _useState58 = (0, _slicedToArray2.default)(_useState57, 2),
-      loading = _useState58[0],
-      setLoading = _useState58[1];
+      checkAll = _useState58[0],
+      setCheckAll = _useState58[1];
 
-  var _useState59 = (0, _react.useState)(false),
+  var isRetailer = user === null || user === void 0 ? void 0 : user.is_retailer;
+
+  var _useState59 = (0, _react.useState)(true),
       _useState60 = (0, _slicedToArray2.default)(_useState59, 2),
-      validatedAll = _useState60[0],
-      setValidatedAll = _useState60[1];
+      loading = _useState60[0],
+      setLoading = _useState60[1];
+
+  var _useState61 = (0, _react.useState)(false),
+      _useState62 = (0, _slicedToArray2.default)(_useState61, 2),
+      validatedAll = _useState62[0],
+      setValidatedAll = _useState62[1];
 
-  var _useState61 = (0, _react.useState)({
+  var _useState63 = (0, _react.useState)({
     "Ficha técnica": null,
     Descripción: null,
     Imágenes: null
   }),
-      _useState62 = (0, _slicedToArray2.default)(_useState61, 2),
-      origin = _useState62[0],
-      setOrigin = _useState62[1];
-
-  var _useState63 = (0, _react.useState)(false),
       _useState64 = (0, _slicedToArray2.default)(_useState63, 2),
-      inCart = _useState64[0],
-      setInCart = _useState64[1];
+      origin = _useState64[0],
+      setOrigin = _useState64[1];
 
-  var _useState65 = (0, _react.useState)({
+  var _useState65 = (0, _react.useState)(false),
+      _useState66 = (0, _slicedToArray2.default)(_useState65, 2),
+      inCart = _useState66[0],
+      setInCart = _useState66[1];
+
+  var _useState67 = (0, _react.useState)({
     message: "¿Estás seguro de continuar?",
     detail: " ".concat(user.is_retailer ? "Asegurate de haber revisado las tres secciones" : "Envíar el producto a la cadena"),
     button1: {
@@ -475,34 +480,34 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
     },
     img: _defaultProfileImage.default
   }),
-      _useState66 = (0, _slicedToArray2.default)(_useState65, 2),
-      dataGenericModal = _useState66[0],
-      setDataGenericModal = _useState66[1];
-
-  var _useState67 = (0, _react.useState)(null),
       _useState68 = (0, _slicedToArray2.default)(_useState67, 2),
-      socketType = _useState68[0],
-      setSocketType = _useState68[1];
+      dataGenericModal = _useState68[0],
+      setDataGenericModal = _useState68[1];
 
-  var _useState69 = (0, _react.useState)(loading),
+  var _useState69 = (0, _react.useState)(null),
       _useState70 = (0, _slicedToArray2.default)(_useState69, 2),
-      saving = _useState70[0],
-      setSaving = _useState70[1];
+      socketType = _useState70[0],
+      setSocketType = _useState70[1];
 
-  var _useState71 = (0, _react.useState)(product.statusByRetailer),
+  var _useState71 = (0, _react.useState)(loading),
       _useState72 = (0, _slicedToArray2.default)(_useState71, 2),
-      retailerStatus = _useState72[0],
-      setRetailerStatus = _useState72[1];
+      saving = _useState72[0],
+      setSaving = _useState72[1];
+
+  var _useState73 = (0, _react.useState)(product.statusByRetailer),
+      _useState74 = (0, _slicedToArray2.default)(_useState73, 2),
+      retailerStatus = _useState74[0],
+      setRetailerStatus = _useState74[1];
 
   var _useCloseModal = (0, _customHooks.useCloseModal)("version-selector"),
       _useCloseModal2 = (0, _slicedToArray2.default)(_useCloseModal, 2),
       showVersionSelector = _useCloseModal2[0],
       setShowVersionSelector = _useCloseModal2[1];
 
-  var _useState73 = (0, _react.useState)(),
-      _useState74 = (0, _slicedToArray2.default)(_useState73, 2),
-      globalModal = _useState74[0],
-      setGlobalModal = _useState74[1];
+  var _useState75 = (0, _react.useState)(),
+      _useState76 = (0, _slicedToArray2.default)(_useState75, 2),
+      globalModal = _useState76[0],
+      setGlobalModal = _useState76[1];
 
   var updateAuditStatus = /*#__PURE__*/function () {
     var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(status) {
@@ -1224,53 +1229,74 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
 
   var saveDatasheets = /*#__PURE__*/function () {
     var _ref10 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee12() {
-      var dataObject, res;
+      var parseBoxData, dataObject, res;
       return _regenerator.default.wrap(function _callee12$(_context12) {
         while (1) {
           switch (_context12.prev = _context12.next) {
             case 0:
-              setLoading(true);
-              dataObject = {
+              parseBoxData = [];
+              Object.entries(boxData).forEach(function (_ref11, index) {
+                var _ref12 = (0, _slicedToArray2.default)(_ref11, 2),
+                    box = _ref12[1];
+
+                var value = box.value;
+                var attributesIds = Object.keys(value);
+                attributesIds.forEach(function (attributeId) {
+                  var boxId = index + 1;
+                  var valueOfAtribute = value[attributeId];
+                  parseBoxData.push({
+                    attributeId: attributeId,
+                    value: valueOfAtribute,
+                    boxId: boxId
+                  });
+                });
+              });
+              dataObject = (0, _objectSpread3.default)({
                 articleId: product === null || product === void 0 ? void 0 : product.id_article,
                 articleData: updatedDatasheets
-              };
+              }, parseBoxData.length > 0 && {
+                boxData: parseBoxData
+              });
               if (product !== null && product !== void 0 && product.orderId) dataObject["orderId"] = product === null || product === void 0 ? void 0 : product.orderId;
-              _context12.prev = 3;
-              _context12.next = 6;
+              _context12.prev = 4;
+              _context12.next = 7;
               return _axios.default.put("".concat(process.env.REACT_APP_ARTICLE_DATA_ENDPOINT, "?datasheet=true&version=").concat(version), dataObject, {
                 headers: {
                   Authorization: token
                 }
               });
 
-            case 6:
+            case 7:
               res = _context12.sent;
 
               if (!(res.data.statusCode === 200)) {
-                _context12.next = 12;
+                _context12.next = 13;
                 break;
               }
 
               setUpdatedDatasheets([]);
               setMessage("Fichas técnicas guardadas");
-              _context12.next = 12;
+              _context12.next = 13;
               return loadData();
 
-            case 12:
-              _context12.next = 17;
+            case 13:
+              _context12.next = 18;
               break;
 
-            case 14:
-              _context12.prev = 14;
-              _context12.t0 = _context12["catch"](3);
+            case 15:
+              _context12.prev = 15;
+              _context12.t0 = _context12["catch"](4);
               console.log(_context12.t0);
 
-            case 17:
+            case 18:
+              console.log(dataObject);
+
+            case 19:
             case "end":
               return _context12.stop();
           }
         }
-      }, _callee12, null, [[3, 14]]);
+      }, _callee12, null, [[4, 15]]);
     }));
 
     return function saveDatasheets() {
@@ -1469,7 +1495,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
   };
 
   var createComment = /*#__PURE__*/function () {
-    var _ref13 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee15(e, body, tab) {
+    var _ref15 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee15(e, body, tab) {
       var concept, data;
       return _regenerator.default.wrap(function _callee15$(_context15) {
         while (1) {
@@ -1516,7 +1542,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
     }));
 
     return function createComment(_x4, _x5, _x6) {
-      return _ref13.apply(this, arguments);
+      return _ref15.apply(this, arguments);
     };
   }();
 
@@ -1525,7 +1551,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
   }, [activeTab]);
 
   var commentRevised = /*#__PURE__*/function () {
-    var _ref14 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee16() {
+    var _ref16 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee16() {
       var data;
       return _regenerator.default.wrap(function _callee16$(_context16) {
         while (1) {
@@ -1553,12 +1579,12 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
     }));
 
     return function commentRevised() {
-      return _ref14.apply(this, arguments);
+      return _ref16.apply(this, arguments);
     };
   }();
 
   var setAssignation = /*#__PURE__*/function () {
-    var _ref15 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee17(assignationType, assignationId) {
+    var _ref17 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee17(assignationType, assignationId) {
       var concept, productTemp, data;
       return _regenerator.default.wrap(function _callee17$(_context17) {
         while (1) {
@@ -1615,7 +1641,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
     }));
 
     return function setAssignation(_x7, _x8) {
-      return _ref15.apply(this, arguments);
+      return _ref17.apply(this, arguments);
     };
   }();
 
@@ -1699,7 +1725,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
   };
 
   var sendEvaluation = /*#__PURE__*/function () {
-    var _ref16 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee18(result) {
+    var _ref18 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee18(result) {
       var _productTemp$id_order2;
 
       var concept, productTemp, articleId, orderId, sectionStatusKey, evalStatus, data, retailerId, res, newStatuses, orderStatus, serviceStatus, newProductEdit, showSurveyByProvider, showSurveyByRetailer, _JSON$parse, newArticleStatus, newServiceStatus, newStatus, retailerStatusCopy, status;
@@ -1804,12 +1830,12 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
     }));
 
     return function sendEvaluation(_x9) {
-      return _ref16.apply(this, arguments);
+      return _ref18.apply(this, arguments);
     };
   }();
 
   var validateAll = /*#__PURE__*/function () {
-    var _ref17 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee19(result) {
+    var _ref19 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee19(result) {
       var _product$id_order2, evaluationArray, conceptArray, dataGeneral, userType, productTemp, status, retailerStatusCopy;
 
       return _regenerator.default.wrap(function _callee19$(_context19) {
@@ -1895,12 +1921,12 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
     }));
 
     return function validateAll(_x10) {
-      return _ref17.apply(this, arguments);
+      return _ref19.apply(this, arguments);
     };
   }();
 
   var evaluationToRetailer = /*#__PURE__*/function () {
-    var _ref18 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee20(result) {
+    var _ref20 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee20(result) {
       var data, prod, statusComplete;
       return _regenerator.default.wrap(function _callee20$(_context20) {
         while (1) {
@@ -1942,7 +1968,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
     }));
 
     return function evaluationToRetailer(_x11) {
-      return _ref18.apply(this, arguments);
+      return _ref20.apply(this, arguments);
     };
   }();
 
@@ -2206,17 +2232,26 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
               setSelectedImages: setSelectedImages,
               checkAll: checkAll,
               setCheckAll: setCheckAll
-            }), activeTab === "Ficha técnica" && ((product === null || product === void 0 ? void 0 : product.datasheet_status) !== "NS" ? (_datasheets$ = datasheets[0]) === null || _datasheets$ === void 0 ? void 0 : (_datasheets$$data = _datasheets$.data) === null || _datasheets$$data === void 0 ? void 0 : _datasheets$$data.map(function (dataGroup, index) {
-              return /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputGroup.InputGroup, {
-                articleId: product.id_article,
-                version: version,
-                activeSection: activeTab,
-                inputGroup: dataGroup,
-                dataInputs: datasheets[1],
-                updatedDatasheets: updatedDatasheets,
-                setUpdatedDatasheets: setUpdatedDatasheets //enableActions={enableActions(product.version_status)} ADD THIS VALIDATION
-
-              }, index + "-" + activeRetailer.name);
+            }), activeTab === "Ficha técnica" && ((product === null || product === void 0 ? void 0 : product.datasheet_status) !== "NS" ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              children: (_datasheets$ = datasheets[0]) === null || _datasheets$ === void 0 ? void 0 : (_datasheets$$data = _datasheets$.data) === null || _datasheets$$data === void 0 ? void 0 : _datasheets$$data.map(function (dataGroup, index) {
+                return /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputGroup.InputGroup, {
+                  articleId: product.id_article,
+                  version: version,
+                  activeSection: activeTab,
+                  inputGroup: dataGroup,
+                  dataInputs: datasheets[1],
+                  updatedDatasheets: updatedDatasheets,
+                  setUpdatedDatasheets: setUpdatedDatasheets,
+                  isShowbox: true,
+                  activeRetailer: services[0][activeRetailer.id],
+                  groupData: services[0][activeRetailer.id].data,
+                  setUpdatedBoxData: function setUpdatedBoxData(e) {
+                    setBoxData(e);
+                  },
+                  index: index //enableActions={enableActions(product.version_status)} ADD THIS VALIDATION
+
+                }, index + "-" + activeRetailer.name);
+              })
             }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
               text: "No cuentas con este servicio",
               headerType: "input-name-header"

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

@@ -516,7 +516,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
               }
 
               _context2.next = 3;
-              return (0, _data.getRetailerServices)(product === null || product === void 0 ? void 0 : (_product$article = product.article) === null || _product$article === void 0 ? void 0 : _product$article.id_article, product === null || product === void 0 ? void 0 : (_product$article2 = product.article) === null || _product$article2 === void 0 ? void 0 : _product$article2.category, parseInt(product === null || product === void 0 ? void 0 : (_product$article3 = product.article) === null || _product$article3 === void 0 ? void 0 : _product$article3.id_category), auditableVersion.version);
+              return (0, _data.getRetailerServices)(product === null || product === void 0 ? void 0 : (_product$article = product.article) === null || _product$article === void 0 ? void 0 : _product$article.id_article, product === null || product === void 0 ? void 0 : (_product$article2 = product.article) === null || _product$article2 === void 0 ? void 0 : _product$article2.category, parseInt(product === null || product === void 0 ? void 0 : (_product$article3 = product.article) === null || _product$article3 === void 0 ? void 0 : _product$article3.id_category), auditableVersion.version, token);
 
             case 3:
               _auditServices = _context2.sent;
@@ -556,7 +556,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
             case 0:
               _context3.prev = 0;
               _context3.next = 3;
-              return (0, _data.getRetailerServices)(product === null || product === void 0 ? void 0 : (_product$article4 = product.article) === null || _product$article4 === void 0 ? void 0 : _product$article4.id_article, product === null || product === void 0 ? void 0 : (_product$article5 = product.article) === null || _product$article5 === void 0 ? void 0 : _product$article5.category, parseInt(product === null || product === void 0 ? void 0 : (_product$article6 = product.article) === null || _product$article6 === void 0 ? void 0 : _product$article6.id_category), version);
+              return (0, _data.getRetailerServices)(product === null || product === void 0 ? void 0 : (_product$article4 = product.article) === null || _product$article4 === void 0 ? void 0 : _product$article4.id_article, product === null || product === void 0 ? void 0 : (_product$article5 = product.article) === null || _product$article5 === void 0 ? void 0 : _product$article5.category, parseInt(product === null || product === void 0 ? void 0 : (_product$article6 = product.article) === null || _product$article6 === void 0 ? void 0 : _product$article6.id_category), version, token);
 
             case 3:
               _services = _context3.sent;

package/package.json

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

package/src/assets/images/Icons/info.svg

@@ -0,0 +1,8 @@
+<svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_37_379" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="8" height="8">
+<rect width="8" height="8" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_37_379)">
+<path d="M3.63807 5.98825H4.40893V3.62867H3.63807V5.98825ZM3.99596 3.07403C4.124 3.07403 4.2311 3.03169 4.31727 2.947C4.40345 2.86232 4.44653 2.75738 4.44653 2.6322C4.44653 2.49463 4.40331 2.38347 4.31685 2.29871C4.2304 2.21394 4.12327 2.17156 3.99547 2.17156C3.86061 2.17156 3.75166 2.21394 3.66863 2.29871C3.58559 2.38347 3.54407 2.49307 3.54407 2.6275C3.54407 2.7566 3.58737 2.8633 3.67398 2.94759C3.7606 3.03188 3.86792 3.07403 3.99596 3.07403ZM3.9991 8C3.44212 8 2.92156 7.89633 2.43741 7.68899C1.95324 7.48165 1.52964 7.19646 1.16659 6.83341C0.803541 6.47036 0.518349 6.04696 0.311013 5.5632C0.103671 5.07943 0 4.5588 0 4.0013C0 3.44379 0.103671 2.92273 0.311013 2.4381C0.518349 1.95348 0.803049 1.53104 1.16511 1.1708C1.52718 0.810554 1.95032 0.525358 2.43455 0.315215C2.91877 0.105072 3.43989 0 3.99792 0C4.55595 0 5.07764 0.10483 5.56301 0.314491C6.04837 0.524146 6.47094 0.80868 6.83072 1.16809C7.1905 1.52751 7.47533 1.95015 7.6852 2.43603C7.89507 2.92191 8 3.44396 8 4.0022C8 4.56004 7.89493 5.08098 7.68479 5.56504C7.47464 6.04909 7.18945 6.47169 6.8292 6.83282C6.46896 7.19395 6.04646 7.47876 5.56169 7.68726C5.07694 7.89575 4.55607 8 3.9991 8ZM4 7.11633C4.86173 7.11633 5.59499 6.81435 6.19977 6.21037C6.80454 5.60639 7.10693 4.8696 7.10693 4C7.10693 3.13827 6.80513 2.40501 6.20153 1.80024C5.59793 1.19546 4.86095 0.893067 3.9906 0.893067C3.12887 0.893067 2.39561 1.19487 1.79083 1.79847C1.18606 2.40207 0.883666 3.13905 0.883666 4.0094C0.883666 4.87113 1.18565 5.60439 1.78963 6.20917C2.39361 6.81394 3.1304 7.11633 4 7.11633Z" fill="#ECDD1D"/>
+</g>
+</svg>

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

@@ -20,4 +20,4 @@ export const Container = styled.div`
   & + * {
     margin-left: 10px;
   }
-`;
+`;

package/src/components/molecules/BoxAttribute/BoxAttribute.stories.js

@@ -0,0 +1,16 @@
+import { BoxAttribute } from "./index";
+
+export default {
+  title: "Components/molecules/BoxAttribute",
+  component: BoxAttribute,
+};
+
+const Template = (args) => <BoxAttribute {...args} />;
+
+export const BoxAttributeDefault = Template.bind({});
+
+BoxAttributeDefault.args = {
+    text:"texto prueba",
+    titletool:"Porcentaje de requeridos",
+    texttool:"Este porcentaje indica la completitud de los atributos requeridos para todos los servicios.",
+};

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

@@ -0,0 +1,71 @@
+import { Container } from "./styles";
+import IconInfo from "../../../assets/images/Icons/info.svg";
+import TextField from "@mui/material/TextField";
+import Tooltip, { tooltipClasses } from '@mui/material/Tooltip';
+import { styled } from '@mui/material/styles';
+import { FontFamily, GlobalColors } from "../../../global-files/variables";
+
+export const BoxAttribute = (props) => {
+  const {
+    id,
+    key,
+    className,
+    text,
+    borderType,
+    atributos,
+    setAtributos,
+    required,
+    description,
+  } = props;
+  const handleInputChange = (event) => {
+    const { name, value } = event.target;
+    setAtributos((prevAtributos) => ({
+      ...prevAtributos,
+      [name]: value,
+    }));
+  };
+  const LightTooltip = styled(({ className, ...props }) => (
+    <Tooltip {...props} classes={{ popper: className }} />
+  ))(({ theme }) => ({
+    [`& .${tooltipClasses.tooltip}`]: {
+      backgroundColor: GlobalColors.white,
+      color: 'rgba(0, 0, 0, 0.87)',
+      boxShadow: theme.shadows[1],
+      fontSize: 11,
+      fontFamily: `${FontFamily.Roboto}, sans-serif`,
+    },
+  }));
+  return (
+    <>
+       <Container
+        id={id}
+        key={key}
+        className={className}
+        borderType={borderType}
+      >
+        <LightTooltip title={
+              <div className="container-tooltip">
+                <p className="container-tooltip">{description}</p>
+              </div>
+            }>
+              <Container className="">
+                <img className="icon" src={IconInfo} alt="iconInfo" />
+              </Container>
+        </LightTooltip>
+        <span>{text}<span className={required ? 'required-text' : ''}>{required ? '*' : ''}</span></span>
+          <TextField
+            hiddenLabel
+            key={props.id}
+            name={props.id}
+            value={atributos[props.id]}
+            onChange={handleInputChange}
+            className="caja-borde"
+            variant="outlined"
+            size="small"
+            type="number"
+            required={required}
+          />
+      </Container>
+    </>
+  );
+};