contentoh-components-library 21.4.48 → 21.4.49

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

@@ -28,7 +28,6 @@ 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,
@@ -76,7 +75,7 @@ var BoxAttribute = function BoxAttribute(props) {
         classNameTooltip: "container-tooltip"
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
         children: text
-      }), isEditEnabled ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, {
         hiddenLabel: true,
         name: props.id,
         value: atributos[props.id],
@@ -85,16 +84,6 @@ var BoxAttribute = function BoxAttribute(props) {
         variant: "outlined",
         size: "small",
         type: "number"
-      }, props.id) : /*#__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",
-        disabled: true
       }, props.id)]
     }, key)
   });

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

@@ -22,17 +22,7 @@ var BoxButtons = function BoxButtons(_ref) {
   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

@@ -51,8 +51,8 @@ var Box = function Box(_ref) {
       setBoxOnboardingList = _useState6[1];
 
   (0, _react.useEffect)(function () {
-    console.log("dataInputs:", dataInputs);
-    console.log("inputGroup:", inputGroup);
+    // console.log("dataInputs:", dataInputs);
+    // console.log("inputGroup:", inputGroup);
     var temp = {};
     var maxBoxId = 0;
     inputGroup.inputs.forEach(function (attrId) {
@@ -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 () {
@@ -64,13 +60,11 @@ var BoxOnboarding = /*#__PURE__*/(0, _react.memo)(function (_ref) {
       }), inputs.map(function (attrId) {
         var _dataInputs$attrId;
 
-        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,
           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":

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

@@ -1219,76 +1219,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 +1484,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 +1519,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
     }));
 
     return function createComment() {
-      return _ref13.apply(this, arguments);
+      return _ref15.apply(this, arguments);
     };
   }();
 
@@ -1531,7 +1528,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 +1556,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 +1618,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
     }));
 
     return function setAssignation(_x4, _x5) {
-      return _ref15.apply(this, arguments);
+      return _ref17.apply(this, arguments);
     };
   }();
 
@@ -1705,7 +1702,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 +1814,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 +1905,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 +1952,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
     }));
 
     return function evaluationToRetailer(_x8) {
-      return _ref18.apply(this, arguments);
+      return _ref20.apply(this, arguments);
     };
   }();
 

package/package.json

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

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

@@ -11,7 +11,6 @@ export const BoxAttribute = (props) => {
     className,
     text,
     borderType,
-    isEditEnabled,
     titletool,
     texttool,
     atributos,
@@ -57,7 +56,6 @@ export const BoxAttribute = (props) => {
           classNameTooltip={"container-tooltip"}
         />
         <span>{text}</span>
-        {isEditEnabled ? (
           <TextField
             hiddenLabel
             key={props.id}
@@ -69,20 +67,6 @@ export const BoxAttribute = (props) => {
             size="small"
             type="number"
           />
-        ) : (
-          <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/BoxButtons/index.js

@@ -5,11 +5,11 @@ export const BoxButtons = ({ showAdd, onAdd, onDelete, isTheFirstBox, onToggleEd
   console.log("index",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

@@ -15,8 +15,8 @@ export const Box = ({ onChange, dataInputs, inputGroup }) => {
   ]);
 
   useEffect(() => {
-    console.log("dataInputs:", dataInputs);
-    console.log("inputGroup:", inputGroup);
+    // console.log("dataInputs:", dataInputs);
+    // console.log("inputGroup:", inputGroup);
     const temp = {};
     let maxBoxId = 0;
     inputGroup.inputs.forEach((attrId) => {
@@ -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,6 @@ export const BoxOnboarding = memo(
                 borderType="rectangle"
                 className="caja"
                 text={dataInputs[attrId]?.name}
-                isEditEnabled={isEditEnabled}
                 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":

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

@@ -682,35 +682,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(