contentoh-components-library 21.4.48 → 21.4.50

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

@@ -28,11 +28,10 @@ var BoxAttribute = function BoxAttribute(props) {
       className = props.className,
       text = props.text,
       borderType = props.borderType,
-      isEditEnabled = props.isEditEnabled,
-      titletool = props.titletool,
-      texttool = props.texttool,
       atributos = props.atributos,
-      setAtributos = props.setAtributos;
+      setAtributos = props.setAtributos,
+      required = props.required,
+      description = props.description;
 
   var handleInputChange = function handleInputChange(event) {
     var _event$target = event.target,
@@ -46,7 +45,8 @@ var BoxAttribute = function BoxAttribute(props) {
   var formattedData = Object.keys(atributos).reduce(function (result, id) {
     result["box".concat(id)] = atributos[id];
     return result;
-  }, {}); //escucha los cambios
+  }, {});
+  console.log("description", description); //escucha los cambios
   // console.log(formattedData);
   // console.log("atributos id", atributos[props.id]);
 
@@ -56,14 +56,11 @@ var BoxAttribute = function BoxAttribute(props) {
       className: className,
       borderType: borderType,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.Tooltip, {
-        componentTooltip: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("b", {
-              children: titletool
-            })
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-            children: texttool
-          })]
+        componentTooltip: /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+            className: "tooltip-content",
+            children: description
+          })
         }),
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
           className: "",
@@ -74,18 +71,12 @@ var BoxAttribute = function BoxAttribute(props) {
           })
         }),
         classNameTooltip: "container-tooltip"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        children: text
-      }), isEditEnabled ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, {
-        hiddenLabel: true,
-        name: props.id,
-        value: atributos[props.id],
-        onChange: handleInputChange,
-        className: "caja-borde",
-        variant: "outlined",
-        size: "small",
-        type: "number"
-      }, props.id) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+        children: [text, /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: required ? 'required-text' : '',
+          children: required ? '*' : ''
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, {
         hiddenLabel: true,
         name: props.id,
         value: atributos[props.id],
@@ -94,7 +85,7 @@ var BoxAttribute = function BoxAttribute(props) {
         variant: "outlined",
         size: "small",
         type: "number",
-        disabled: true
+        required: required
       }, props.id)]
     }, key)
   });

package/dist/components/molecules/BoxAttribute/styles.js

@@ -15,9 +15,11 @@ var _variables = require("../../../global-files/variables");
 
 var _templateObject;
 
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: center;\n  gap:4px;\n  #atr-alto {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n  .caja-borde {\n    font-family: ", ", sans-serif;\n    font-size: 12px;\n    line-height: 1.2;\n    border-radius: ", ";\n  }\n  span {\n    font-family: ", ", sans-serif;\n    font-size: 12px;\n    line-height: 1.2;\n    font-weight: 600;\n  }\n  .icon {\n    width: 8px;\n    height: 8px;\n  }\n"])), _variables.FontFamily.RobotoMedium, function (_ref) {
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: center;\n  gap:4px;\n  #atr-alto {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n  .caja-borde {\n    font-family: ", ", sans-serif;\n    font-size: 12px;\n    line-height: 1.2;\n    border-radius: ", ";\n  }\n  span {\n    font-family: ", ", sans-serif;\n    font-size: 12px;\n    line-height: 1.2;\n    font-weight: 600;\n  }\n  .icon {\n    width: 8px;\n    height: 8px;\n  }\n  .required-text {\n    color: red;\n  }\n\n  .container-tooltip{\n    background-color: ", ";\n    width: fit-content;\n    height: 27px;\n    padding: 4px;\n    border-radius: 15px;\n    font-family: ", ";\n    font-weight: 600;\n    font-size: 14px;\n    line-height: 19px;\n    color: ", ";\n  }\n  \n"])), _variables.FontFamily.RobotoMedium, function (_ref) {
   var borderType = _ref.borderType;
   return (borderType === null || borderType === void 0 ? void 0 : borderType.toLowerCase()) === "rectangle" ? "5px" : (borderType === null || borderType === void 0 ? void 0 : borderType.toLowerCase()) === "circle" ? "50%" : "none";
-}, _variables.FontFamily.RobotoMedium);
+}, _variables.FontFamily.RobotoMedium, _variables.GlobalColors.s3, _variables.FontFamily.AvenirNext, function (backgroundColor) {
+  return backgroundColor === "s2" || backgroundColor === "s1" ? _variables.GlobalColors.s4 : _variables.GlobalColors.white;
+});
 
 exports.Container = Container;

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

@@ -16,23 +16,10 @@ var BoxButtons = function BoxButtons(_ref) {
       onAdd = _ref.onAdd,
       onDelete = _ref.onDelete,
       isTheFirstBox = _ref.isTheFirstBox,
-      onToggleEdit = _ref.onToggleEdit,
-      isEditEnabled = _ref.isEditEnabled,
       index = _ref.index;
-  console.log("index", index);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
     index: index,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Button, {
-      variant: "outlined",
-      className: "button-circle",
-      onClick: onToggleEdit,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ContainerIcon, {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-          className: "iconos-out ".concat(isEditEnabled ? "iconos-grises" : ""),
-          children: "edit"
-        })
-      })
-    }), !isTheFirstBox && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Button, {
+    children: [!isTheFirstBox && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Button, {
       variant: "outlined",
       className: "button-circle",
       onClick: onDelete,

package/dist/components/organisms/Box/index.js

@@ -126,7 +126,6 @@ var Box = function Box(_ref) {
               inputs: inputGroup.inputs,
               isEditEnabled: isEditEnabled,
               onChange: function onChange(e) {
-                console.log("e in Box", e);
                 setBoxOnboardingList(function (prev) {
                   return prev.map(function (box, i) {
                     if (i != index) {

package/dist/components/organisms/BoxOnboarding/index.js

@@ -23,7 +23,6 @@ var _jsxRuntime = require("react/jsx-runtime");
 
 var BoxOnboarding = /*#__PURE__*/(0, _react.memo)(function (_ref) {
   var panelColor = _ref.panelColor,
-      isEditEnabled = _ref.isEditEnabled,
       index = _ref.index,
       onChange = _ref.onChange,
       data = _ref.data,
@@ -33,9 +32,7 @@ var BoxOnboarding = /*#__PURE__*/(0, _react.memo)(function (_ref) {
   var _useState = (0, _react.useState)({}),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
       atributos = _useState2[0],
-      setAtributos = _useState2[1]; // console.log("input",inputs);
-  //console.log("atributossss BO",atributos)
-
+      setAtributos = _useState2[1];
 
   var _useState3 = (0, _react.useState)(true),
       _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
@@ -43,7 +40,6 @@ var BoxOnboarding = /*#__PURE__*/(0, _react.memo)(function (_ref) {
       setIsLoading = _useState4[1];
 
   (0, _react.useEffect)(function () {
-    console.log("atributos use", atributos);
     onChange && onChange(atributos);
   }, [atributos]);
   (0, _react.useEffect)(function () {
@@ -62,15 +58,15 @@ var BoxOnboarding = /*#__PURE__*/(0, _react.memo)(function (_ref) {
         fontFamily: _variables.FontFamily.Raleway,
         children: ["Caja ", index + 1]
       }), inputs.map(function (attrId) {
-        var _dataInputs$attrId;
+        var _dataInputs$attrId, _dataInputs$attrId2, _dataInputs$attrId3;
 
-        console.log("data inputsss name:", atributos);
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_BoxAttribute.BoxAttribute, {
           id: attrId,
           borderType: "rectangle",
           className: "caja",
           text: (_dataInputs$attrId = dataInputs[attrId]) === null || _dataInputs$attrId === void 0 ? void 0 : _dataInputs$attrId.name,
-          isEditEnabled: isEditEnabled,
+          required: (_dataInputs$attrId2 = dataInputs[attrId]) === null || _dataInputs$attrId2 === void 0 ? void 0 : _dataInputs$attrId2.required,
+          description: (_dataInputs$attrId3 = dataInputs[attrId]) === null || _dataInputs$attrId3 === void 0 ? void 0 : _dataInputs$attrId3.description,
           atributos: atributos,
           setAtributos: setAtributos
         }, attrId);

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

@@ -43,8 +43,6 @@ var InputGroup = function InputGroup(_ref) {
       isShowbox = _ref.isShowbox,
       setUpdatedBoxData = _ref.setUpdatedBoxData;
 
-  // console.log("groupData: ", typeof groupData);
-  // console.log("groupData: ", groupData);
   var inputTypeValue = function inputTypeValue(type) {
     switch (type) {
       case "Booleano":
@@ -75,7 +73,6 @@ var InputGroup = function InputGroup(_ref) {
 
   var isEquals = function isEquals(dataInputsVal, auditInputsVal) {
     var result = dataInputsVal === auditInputsVal;
-    console.log("Input Val", dataInputsVal);
     return result;
   };
 
@@ -84,7 +81,7 @@ var InputGroup = function InputGroup(_ref) {
       className: activeSection === "Ficha técnica" ? "datasheets-layout" : "descriptions-layout",
       children: [(inputGroup === null || inputGroup === void 0 ? void 0 : inputGroup.dataGroup) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
         headerType: "retailer-name-header",
-        text: "".concat(inputGroup.groupId, " - ").concat(inputGroup === null || inputGroup === void 0 ? void 0 : inputGroup.dataGroup)
+        text: "".concat(inputGroup === null || inputGroup === void 0 ? void 0 : inputGroup.dataGroup)
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "inputs-container",
         children: inputGroup === null || inputGroup === void 0 ? void 0 : (_inputGroup$inputs = inputGroup.inputs) === null || _inputGroup$inputs === void 0 ? void 0 : _inputGroup$inputs.map(function (input, index) {

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

@@ -1090,7 +1090,6 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
 
       if ((_services$0$activeRet = services[0][activeRetailer.id]) !== null && _services$0$activeRet !== void 0 && _services$0$activeRet.data) services[0][activeRetailer.id].data = Object.values(services[0][activeRetailer.id].data);
       setActivePercentage(Math.round(activeRetailer === null || activeRetailer === void 0 ? void 0 : activeRetailer.percentage, 0));
-      console.log("loadInputs: ", services[0]);
       var datagroups = services[0][activeRetailer.id];
       var inputs = (_services$2 = services[0]) === null || _services$2 === void 0 ? void 0 : _services$2.inputs;
 
@@ -1219,76 +1218,73 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
 
   var saveDatasheets = /*#__PURE__*/function () {
     var _ref10 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee12() {
-      var inputs, dataObject, res;
+      var parseBoxData, dataObject, res;
       return _regenerator.default.wrap(function _callee12$(_context12) {
         while (1) {
           switch (_context12.prev = _context12.next) {
             case 0:
-              inputs = function () {
-                var fields = {};
-                var keyCount = 1;
-                boxData.map(function (e) {
-                  return (0, _objectSpread3.default)({}, e.value);
-                }).forEach(function (item, k) {
-                  for (var key in item) {
-                    if (!fields[key]) {
-                      fields[key] = {};
-                    }
-
-                    fields[key].box = fields[key].box || {};
-                    fields[key].box[k + 1] = item[key];
-                  }
+              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
+                  });
                 });
-                return fields;
-              }();
-
-              setLoading(true);
+              });
               dataObject = {
                 articleId: product === null || product === void 0 ? void 0 : product.id_article,
                 articleData: updatedDatasheets,
-                inputs: inputs
+                boxData: parseBoxData
               };
-              console.log("boxData guardado", dataObject);
               if (product !== null && product !== void 0 && product.orderId) dataObject["orderId"] = product === null || product === void 0 ? void 0 : product.orderId;
-              _context12.prev = 5;
-              _context12.next = 8;
+              _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 8:
+            case 7:
               res = _context12.sent;
 
               if (!(res.data.statusCode === 200)) {
-                _context12.next = 14;
+                _context12.next = 13;
                 break;
               }
 
               setUpdatedDatasheets([]);
               setMessage("Fichas técnicas guardadas");
-              _context12.next = 14;
+              _context12.next = 13;
               return loadData();
 
-            case 14:
-              _context12.next = 19;
+            case 13:
+              _context12.next = 18;
               break;
 
-            case 16:
-              _context12.prev = 16;
-              _context12.t0 = _context12["catch"](5);
+            case 15:
+              _context12.prev = 15;
+              _context12.t0 = _context12["catch"](4);
               console.log(_context12.t0);
 
-            case 19:
+            case 18:
               console.log(dataObject);
 
-            case 20:
+            case 19:
             case "end":
               return _context12.stop();
           }
         }
-      }, _callee12, null, [[5, 16]]);
+      }, _callee12, null, [[4, 15]]);
     }));
 
     return function saveDatasheets() {
@@ -1487,7 +1483,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
   };
 
   var createComment = /*#__PURE__*/function () {
-    var _ref13 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee15() {
+    var _ref15 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee15() {
       var messages,
           retailerId,
           data,
@@ -1522,7 +1518,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
     }));
 
     return function createComment() {
-      return _ref13.apply(this, arguments);
+      return _ref15.apply(this, arguments);
     };
   }();
 
@@ -1531,7 +1527,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) {
@@ -1559,12 +1555,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) {
@@ -1621,7 +1617,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
     }));
 
     return function setAssignation(_x4, _x5) {
-      return _ref15.apply(this, arguments);
+      return _ref17.apply(this, arguments);
     };
   }();
 
@@ -1705,7 +1701,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, body, _JSON$parse, response, newStatuses, statusObject, orderStatus, serviceStatus, newProductEdit, showSurveyByProvider, showSurveyByRetailer, _JSON$parse2, _response, _statusObject, retailerStatusCopy, status;
@@ -1817,12 +1813,12 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
     }));
 
     return function sendEvaluation(_x6) {
-      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, isAproved, retailersIds, body, userType, productTemp, status, retailerStatusCopy;
 
       return _regenerator.default.wrap(function _callee19$(_context19) {
@@ -1908,12 +1904,12 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
     }));
 
     return function validateAll(_x7) {
-      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) {
@@ -1955,7 +1951,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
     }));
 
     return function evaluationToRetailer(_x8) {
-      return _ref18.apply(this, arguments);
+      return _ref20.apply(this, arguments);
     };
   }();
 
@@ -2231,7 +2227,6 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
                   isShowbox: true,
                   groupData: services[0][activeRetailer.id].data,
                   setUpdatedBoxData: function setUpdatedBoxData(e) {
-                    console.log("UNO", e);
                     setBoxData(e);
                   },
                   index: index //enableActions={enableActions(product.version_status)} ADD THIS VALIDATION

package/package.json

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

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

@@ -11,11 +11,10 @@ export const BoxAttribute = (props) => {
     className,
     text,
     borderType,
-    isEditEnabled,
-    titletool,
-    texttool,
     atributos,
     setAtributos,
+    required,
+    description,
   } = props;
   const handleInputChange = (event) => {
     const { name, value } = event.target;
@@ -29,6 +28,7 @@ export const BoxAttribute = (props) => {
     result[`box${id}`] = atributos[id];
     return result;
   }, {});
+  console.log("description",description)
   //escucha los cambios
   // console.log(formattedData);
   // console.log("atributos id", atributos[props.id]);
@@ -43,10 +43,7 @@ export const BoxAttribute = (props) => {
         <Tooltip
           componentTooltip={
             <>
-              <p>
-                <b>{titletool}</b>
-              </p>
-              <p>{texttool}</p>
+              <p className="tooltip-content">{description}</p>
             </>
           }
           children={
@@ -56,8 +53,7 @@ export const BoxAttribute = (props) => {
           }
           classNameTooltip={"container-tooltip"}
         />
-        <span>{text}</span>
-        {isEditEnabled ? (
+        <span>{text}<span className={required ? 'required-text' : ''}>{required ? '*' : ''}</span></span>
           <TextField
             hiddenLabel
             key={props.id}
@@ -68,21 +64,8 @@ export const BoxAttribute = (props) => {
             variant="outlined"
             size="small"
             type="number"
+            required={required}
           />
-        ) : (
-          <TextField
-            hiddenLabel
-            key={props.id}
-            name={props.id}
-            value={atributos[props.id]}
-            onChange={handleInputChange}
-            className="caja-borde"
-            variant="outlined"
-            size="small"
-            type="number"
-            disabled
-          />
-        )}
       </Container>
     </>
   );

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

@@ -32,4 +32,24 @@ export const Container = styled.div`
     width: 8px;
     height: 8px;
   }
+  .required-text {
+    color: red;
+  }
+
+  .container-tooltip{
+    background-color: ${GlobalColors.s3};
+    width: fit-content;
+    height: 27px;
+    padding: 4px;
+    border-radius: 15px;
+    font-family: ${FontFamily.AvenirNext};
+    font-weight: 600;
+    font-size: 14px;
+    line-height: 19px;
+    color: ${(backgroundColor) =>
+      backgroundColor === "s2" || backgroundColor === "s1"
+        ? GlobalColors.s4
+        : GlobalColors.white};
+  }
+  
 `;

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

@@ -1,15 +1,14 @@
 import { Container, ContainerIcon } from "./styles";
 import { Button } from "@mui/material";
 
-export const BoxButtons = ({ showAdd, onAdd, onDelete, isTheFirstBox, onToggleEdit, isEditEnabled, index  }) => {
-  console.log("index",index)
+export const BoxButtons = ({ showAdd, onAdd, onDelete, isTheFirstBox, index  }) => {
   return (
       <Container index={index}>
-        <Button variant="outlined" className="button-circle" onClick={onToggleEdit}>
+        {/* <Button variant="outlined" className="button-circle" onClick={onToggleEdit}>
           <ContainerIcon>
             <span className={`iconos-out ${isEditEnabled ? "iconos-grises" : ""}`}>edit</span>
           </ContainerIcon>
-        </Button>
+        </Button> */}
         {!isTheFirstBox && (
           <Button
             variant="outlined"

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

@@ -83,7 +83,6 @@ export const Box = ({ onChange, dataInputs, inputGroup }) => {
                 inputs={inputGroup.inputs}
                 isEditEnabled={isEditEnabled}
                 onChange={(e) => {
-                  console.log("e in Box",e);
                   setBoxOnboardingList((prev) => {
                     return prev.map((box, i) => {
                       if (i != index) {

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

@@ -7,7 +7,6 @@ import { isEqual } from "lodash";
 export const BoxOnboarding = memo(
   ({
     panelColor,
-    isEditEnabled,
     index,
     onChange,
     data,
@@ -15,12 +14,9 @@ export const BoxOnboarding = memo(
     inputs,
   }) => {
     const [atributos, setAtributos] = useState({});
-    // console.log("input",inputs);
-    //console.log("atributossss BO",atributos)
     const [isLoading, setIsLoading] = useState(true);
 
     useEffect(() => {
-      console.log("atributos use", atributos)
       onChange && onChange(atributos);
     }, [atributos]);
     
@@ -41,7 +37,6 @@ export const BoxOnboarding = memo(
         <div id="contenedor-caja">
           <p fontFamily={FontFamily.Raleway}>Caja {index + 1}</p>
           {inputs.map((attrId) => {
-            console.log("data inputsss name:",atributos)
             return (
               <BoxAttribute
                 id={attrId}
@@ -49,7 +44,8 @@ export const BoxOnboarding = memo(
                 borderType="rectangle"
                 className="caja"
                 text={dataInputs[attrId]?.name}
-                isEditEnabled={isEditEnabled}
+                required={dataInputs[attrId]?.required}
+                description={dataInputs[attrId]?.description}
                 atributos={atributos}
                 setAtributos={setAtributos}
               />

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

@@ -23,8 +23,6 @@ export const InputGroup = ({
   isShowbox,
   setUpdatedBoxData
 }) => {
-  // console.log("groupData: ", typeof groupData);
-  // console.log("groupData: ", groupData);
   const inputTypeValue = (type) => {
     switch (type) {
       case "Booleano":
@@ -50,7 +48,6 @@ export const InputGroup = ({
 
   const isEquals = (dataInputsVal, auditInputsVal) => {
     const result = dataInputsVal === auditInputsVal;
-    console.log("Input Val",dataInputsVal)
     return result;
   };
   return inputGroup.groupId !== "16" ? (
@@ -65,7 +62,7 @@ export const InputGroup = ({
         {inputGroup?.dataGroup && (
           <ScreenHeader
             headerType={"retailer-name-header"}
-            text={`${inputGroup.groupId} - ${inputGroup?.dataGroup}`}
+            text={`${inputGroup?.dataGroup}`}
           />
         )}
         <div className="inputs-container">

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

@@ -598,7 +598,6 @@ export const ProviderProductEdition = ({
         );
       setActivePercentage(Math.round(activeRetailer?.percentage, 0));
 
-      console.log("loadInputs: ", services[0]);
       const datagroups = services[0][activeRetailer.id];
       const inputs = services[0]?.inputs;
       const descriptions = services[1]?.filter(
@@ -682,35 +681,27 @@ export const ProviderProductEdition = ({
   };
 
   const saveDatasheets = async () => {
-    const inputs = (() => {
+    const parseBoxData = [];
+    Object.entries(boxData).forEach(([, box], index) => {
+      const { value } = box;
+      const attributesIds = Object.keys(value);
+      attributesIds.forEach((attributeId) => {
+        const boxId = index + 1;
+        const valueOfAtribute = value[attributeId];
+        parseBoxData.push({
+          attributeId,
+          value: valueOfAtribute,
+          boxId,
+        })
+      });
+    });
 
-      let fields = {}
-      let keyCount = 1;
-  
-      boxData.map(e=>({
-          ...e.value,
-      })).forEach((item, k) => {
-  
-          for (const key in item) {
-              if (!fields[key]) {
-                  fields[key] = {};
-              }
-              fields[key].box = fields[key].box || {};
-              fields[key].box[k+1] = item[key];
-          }
-  
-      })
-  
-      return fields
-  
-  })()
-    setLoading(true);
     const dataObject = {
       articleId: product?.id_article,
       articleData: updatedDatasheets,
-      inputs
-    };
-    console.log("boxData guardado", dataObject);
+      boxData: parseBoxData,
+    };   
+    
     if (product?.orderId) dataObject["orderId"] = product?.orderId;
     try {
       const res = await axios.put(
@@ -1495,7 +1486,6 @@ export const ProviderProductEdition = ({
                           isShowbox={true}
                           groupData={services[0][activeRetailer.id].data}
                           setUpdatedBoxData={(e) => {
-                            console.log("UNO",e);
                             setBoxData(e);
                           }}
                           index={index}