contentoh-components-library 21.4.45 → 21.4.47

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (34) hide show
  1. package/dist/components/molecules/BoxAttribute/index.js +2 -2
  2. package/dist/components/organisms/Box/index.js +44 -7
  3. package/dist/components/organisms/BoxOnboarding/index.js +37 -48
  4. package/dist/components/organisms/InputGroup/index.js +17 -19
  5. package/dist/components/pages/ProviderProductEdition/index.js +36 -16
  6. package/package.json +1 -1
  7. package/src/components/molecules/BoxAttribute/index.js +2 -2
  8. package/src/components/organisms/Box/index.js +1 -3
  9. package/src/components/organisms/BoxOnboarding/index.js +17 -12
  10. package/src/components/organisms/InputGroup/index.js +2 -2
  11. package/src/components/pages/ProviderProductEdition/index.js +25 -3
  12. package/src/components/pages/ProviderProductEdition/out.json +0 -0
  13. package/src/components/pages/ProviderProductEdition/out2.json +0 -0
  14. package/dist/assets/images/Icons/delete.svg +0 -8
  15. package/dist/assets/images/Icons/edit.svg +0 -3
  16. package/dist/components/molecules/ButtonsAssignation/ButtonsAssignation.stories.js +0 -34
  17. package/dist/components/molecules/ButtonsAssignation/index.js +0 -142
  18. package/dist/components/molecules/ButtonsAssignation/styles.js +0 -20
  19. package/dist/components/molecules/ButtonsEdition/ButtonsEdition.stories.js +0 -34
  20. package/dist/components/molecules/ButtonsEdition/index.js +0 -182
  21. package/dist/components/molecules/ButtonsEdition/styles.js +0 -24
  22. package/dist/components/molecules/ProductSkuStatus/ProductSkuStatus.stories.js +0 -64
  23. package/dist/components/molecules/ProductSkuStatus/index.js +0 -36
  24. package/dist/components/molecules/ProductSkuStatus/styles.js +0 -18
  25. package/dist/components/molecules/Validation/Validation.stories.js +0 -28
  26. package/dist/components/molecules/Validation/index.js +0 -77
  27. package/dist/components/molecules/Validation/styles.js +0 -18
  28. package/dist/components/organisms/BarButtons/BarButtons.stories.js +0 -30
  29. package/dist/components/organisms/BarButtons/index.js +0 -61
  30. package/dist/components/organisms/BarButtons/styles.js +0 -18
  31. package/dist/components/pages/ProviderProductEdition1/ProviderProductEdition.stories.js +0 -222
  32. package/dist/components/pages/ProviderProductEdition1/index.js +0 -2339
  33. package/dist/components/pages/ProviderProductEdition1/styles.js +0 -23
  34. package/src/components/organisms/BoxOnboarding/out.json +0 -1
@@ -47,9 +47,9 @@ var BoxAttribute = function BoxAttribute(props) {
47
47
  result["box".concat(id)] = atributos[id];
48
48
  return result;
49
49
  }, {}); //escucha los cambios
50
+ // console.log(formattedData);
51
+ // console.log("atributos id", atributos[props.id]);
50
52
 
51
- console.log(formattedData);
52
- console.log("atributos id", atributos[props.id]);
53
53
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
54
54
  children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
55
55
  id: id,
@@ -28,7 +28,9 @@ var _BoxButtons = require("../../molecules/BoxButtons");
28
28
  var _jsxRuntime = require("react/jsx-runtime");
29
29
 
30
30
  var Box = function Box(_ref) {
31
- var onChange = _ref.onChange;
31
+ var onChange = _ref.onChange,
32
+ dataInputs = _ref.dataInputs,
33
+ inputGroup = _ref.inputGroup;
32
34
 
33
35
  var _useState = (0, _react.useState)(true),
34
36
  _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -48,9 +50,41 @@ var Box = function Box(_ref) {
48
50
  boxOnboardingList = _useState6[0],
49
51
  setBoxOnboardingList = _useState6[1];
50
52
 
53
+ (0, _react.useEffect)(function () {
54
+ console.log("dataInputs:", dataInputs);
55
+ console.log("inputGroup:", inputGroup);
56
+ var temp = {};
57
+ var maxBoxId = 0;
58
+ inputGroup.inputs.forEach(function (attrId) {
59
+ if (!dataInputs[attrId].box) return;
60
+ Object.entries(dataInputs[attrId].box).forEach(function (_ref2) {
61
+ var _ref3 = (0, _slicedToArray2.default)(_ref2, 2),
62
+ boxId = _ref3[0],
63
+ value = _ref3[1];
64
+
65
+ if (boxId > maxBoxId) maxBoxId = boxId;
66
+ if (!temp[boxId]) temp[boxId] = {};
67
+ temp[boxId][attrId] = value;
68
+ });
69
+ });
70
+ var tempList = Object.values(temp);
71
+
72
+ if (tempList.length > 0) {
73
+ setBoxOnboardingList(tempList.map(function (value, index) {
74
+ return index === tempList.length - 1 ? {
75
+ showAdd: true,
76
+ value: value
77
+ } : {
78
+ value: value
79
+ };
80
+ }));
81
+ }
82
+ }, []);
83
+
51
84
  var handleAddBoxOnboarding = function handleAddBoxOnboarding() {
52
85
  var newBoxOnboarding = {
53
- showAdd: false
86
+ showAdd: false,
87
+ value: {}
54
88
  };
55
89
  setBoxOnboardingList([].concat((0, _toConsumableArray2.default)(boxOnboardingList), [newBoxOnboarding]));
56
90
  };
@@ -71,15 +105,13 @@ var Box = function Box(_ref) {
71
105
 
72
106
  (0, _react.useEffect)(function () {
73
107
  onChange && onChange(boxOnboardingList);
74
- }, [boxOnboardingList]); // console.log(atributos)
75
-
76
- console.log("onboardinglist", boxOnboardingList);
108
+ }, [boxOnboardingList]);
77
109
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
78
110
  fontFamily: _variables.FontFamily.Raleway,
79
111
  color: _variables.GlobalColors.original_magenta,
80
112
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h1", {
81
113
  fontFamily: _variables.FontFamily.Raleway,
82
- children: "Cajas"
114
+ children: inputGroup.dataGroup
83
115
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
84
116
  className: "container-box",
85
117
  children: boxOnboardingList.map(function (boxOnboarding, index) {
@@ -89,8 +121,12 @@ var Box = function Box(_ref) {
89
121
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_BoxOnboarding.BoxOnboarding, {
90
122
  index: index,
91
123
  showAdd: boxOnboarding.showAdd,
124
+ data: boxOnboarding.value,
125
+ dataInputs: dataInputs,
126
+ inputs: inputGroup.inputs,
92
127
  isEditEnabled: isEditEnabled,
93
128
  onChange: function onChange(e) {
129
+ console.log("e in Box", e);
94
130
  setBoxOnboardingList(function (prev) {
95
131
  return prev.map(function (box, i) {
96
132
  if (i != index) {
@@ -104,6 +140,7 @@ var Box = function Box(_ref) {
104
140
  });
105
141
  }
106
142
  }, index), /*#__PURE__*/(0, _jsxRuntime.jsx)(_BoxButtons.BoxButtons, {
143
+ index: index,
107
144
  showAdd: boxOnboarding.showAdd,
108
145
  onAdd: handleAddBoxOnboarding,
109
146
  onDelete: function onDelete() {
@@ -112,7 +149,7 @@ var Box = function Box(_ref) {
112
149
  isDeleteDisabled: isDeleteDisabled,
113
150
  onToggleEdit: handleToggleEdit,
114
151
  isEditEnabled: isEditEnabled
115
- })]
152
+ }, index)]
116
153
  })
117
154
  });
118
155
  })
@@ -17,32 +17,41 @@ var _BoxAttribute = require("../../molecules/BoxAttribute");
17
17
 
18
18
  var _react = require("react");
19
19
 
20
+ var _lodash = require("lodash");
21
+
20
22
  var _jsxRuntime = require("react/jsx-runtime");
21
23
 
22
- var BoxOnboarding = function BoxOnboarding(_ref) {
24
+ var BoxOnboarding = /*#__PURE__*/(0, _react.memo)(function (_ref) {
23
25
  var panelColor = _ref.panelColor,
24
26
  isEditEnabled = _ref.isEditEnabled,
25
27
  index = _ref.index,
26
- onChange = _ref.onChange;
28
+ onChange = _ref.onChange,
29
+ data = _ref.data,
30
+ dataInputs = _ref.dataInputs,
31
+ inputs = _ref.inputs;
27
32
 
28
- var _useState = (0, _react.useState)(true),
33
+ var _useState = (0, _react.useState)({}),
29
34
  _useState2 = (0, _slicedToArray2.default)(_useState, 2),
30
- boxAttributesActive = _useState2[0],
31
- setBoxAttributesActive = _useState2[1];
35
+ atributos = _useState2[0],
36
+ setAtributos = _useState2[1]; // console.log("input",inputs);
37
+ //console.log("atributossss BO",atributos)
38
+
32
39
 
33
- var _useState3 = (0, _react.useState)({
34
- largo: '',
35
- alto: '',
36
- ancho: '',
37
- peso: ''
38
- }),
40
+ var _useState3 = (0, _react.useState)(true),
39
41
  _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
40
- atributos = _useState4[0],
41
- setAtributos = _useState4[1];
42
+ isLoading = _useState4[0],
43
+ setIsLoading = _useState4[1];
42
44
 
43
45
  (0, _react.useEffect)(function () {
46
+ console.log("atributos use", atributos);
44
47
  onChange && onChange(atributos);
45
48
  }, [atributos]);
49
+ (0, _react.useEffect)(function () {
50
+ if (isLoading && Object.keys(data).length > 0) {
51
+ setAtributos(data);
52
+ setIsLoading(false);
53
+ }
54
+ }, [data]);
46
55
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
47
56
  panelColor: panelColor,
48
57
  fontFamily: _variables.FontFamily.Raleway,
@@ -51,42 +60,22 @@ var BoxOnboarding = function BoxOnboarding(_ref) {
51
60
  id: "contenedor-caja",
52
61
  children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
53
62
  fontFamily: _variables.FontFamily.Raleway,
54
- children: ["Caja ", index + 1, ", chica"]
55
- }), boxAttributesActive && /*#__PURE__*/(0, _jsxRuntime.jsx)(_BoxAttribute.BoxAttribute, {
56
- id: "largo",
57
- borderType: "rectangle",
58
- className: "caja",
59
- text: "Largo",
60
- isEditEnabled: isEditEnabled,
61
- atributos: atributos.largo,
62
- setAtributos: setAtributos
63
- }), boxAttributesActive && /*#__PURE__*/(0, _jsxRuntime.jsx)(_BoxAttribute.BoxAttribute, {
64
- id: "alto",
65
- borderType: "rectangle",
66
- className: "caja",
67
- text: "Alto",
68
- isEditEnabled: isEditEnabled,
69
- atributos: atributos.alto,
70
- setAtributos: setAtributos
71
- }), boxAttributesActive && /*#__PURE__*/(0, _jsxRuntime.jsx)(_BoxAttribute.BoxAttribute, {
72
- id: "ancho",
73
- borderType: "rectangle",
74
- className: "caja",
75
- text: "Ancho",
76
- isEditEnabled: isEditEnabled,
77
- atributos: atributos.ancho,
78
- setAtributos: setAtributos
79
- }), boxAttributesActive && /*#__PURE__*/(0, _jsxRuntime.jsx)(_BoxAttribute.BoxAttribute, {
80
- id: "peso",
81
- borderType: "rectangle",
82
- className: "caja",
83
- text: "Peso",
84
- isEditEnabled: isEditEnabled,
85
- atributos: atributos.peso,
86
- setAtributos: setAtributos
63
+ children: ["Caja ", index + 1]
64
+ }), inputs.map(function (attrId) {
65
+ var _dataInputs$attrId;
66
+
67
+ console.log("data inputsss name:", atributos);
68
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_BoxAttribute.BoxAttribute, {
69
+ id: attrId,
70
+ borderType: "rectangle",
71
+ className: "caja",
72
+ text: (_dataInputs$attrId = dataInputs[attrId]) === null || _dataInputs$attrId === void 0 ? void 0 : _dataInputs$attrId.name,
73
+ isEditEnabled: isEditEnabled,
74
+ atributos: atributos,
75
+ setAtributos: setAtributos
76
+ }, attrId);
87
77
  })]
88
78
  })
89
79
  });
90
- };
91
-
80
+ }, _lodash.isEqual);
92
81
  exports.BoxOnboarding = BoxOnboarding;
@@ -1,14 +1,10 @@
1
1
  "use strict";
2
2
 
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
-
5
3
  Object.defineProperty(exports, "__esModule", {
6
4
  value: true
7
5
  });
8
6
  exports.InputGroup = void 0;
9
7
 
10
- var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/typeof"));
11
-
12
8
  var _styles = require("./styles");
13
9
 
14
10
  var _ScreenHeader = require("../../atoms/ScreenHeader");
@@ -45,11 +41,10 @@ var InputGroup = function InputGroup(_ref) {
45
41
  _ref$groupData = _ref.groupData,
46
42
  groupData = _ref$groupData === void 0 ? [] : _ref$groupData,
47
43
  isShowbox = _ref.isShowbox,
48
- index = _ref.index,
49
44
  setUpdatedBoxData = _ref.setUpdatedBoxData;
50
- console.log('groupData: ', (0, _typeof2.default)(groupData));
51
- console.log('groupData: ', groupData);
52
45
 
46
+ // console.log("groupData: ", typeof groupData);
47
+ // console.log("groupData: ", groupData);
53
48
  var inputTypeValue = function inputTypeValue(type) {
54
49
  switch (type) {
55
50
  case "Booleano":
@@ -66,13 +61,13 @@ var InputGroup = function InputGroup(_ref) {
66
61
  var isOnboarding = function isOnboarding() {
67
62
  var contentBoxAttribute = groupData.find(function (_ref2) {
68
63
  var dataGroup = _ref2.dataGroup;
69
- return dataGroup === 'Caja';
64
+ return dataGroup === "Caja";
70
65
  });
71
66
 
72
67
  if (contentBoxAttribute) {
73
- console.log('content box attribute');
68
+ console.log("content box attribute");
74
69
  } else {
75
- console.log('dont content box attribute');
70
+ console.log("dont content box attribute");
76
71
  }
77
72
 
78
73
  return contentBoxAttribute;
@@ -80,15 +75,16 @@ var InputGroup = function InputGroup(_ref) {
80
75
 
81
76
  var isEquals = function isEquals(dataInputsVal, auditInputsVal) {
82
77
  var result = dataInputsVal === auditInputsVal;
78
+ console.log("Input Val", dataInputsVal);
83
79
  return result;
84
80
  };
85
81
 
86
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
87
- children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
82
+ return inputGroup.groupId !== "16" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
83
+ children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
88
84
  className: activeSection === "Ficha técnica" ? "datasheets-layout" : "descriptions-layout",
89
85
  children: [(inputGroup === null || inputGroup === void 0 ? void 0 : inputGroup.dataGroup) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
90
86
  headerType: "retailer-name-header",
91
- text: inputGroup === null || inputGroup === void 0 ? void 0 : inputGroup.dataGroup
87
+ text: "".concat(inputGroup.groupId, " - ").concat(inputGroup === null || inputGroup === void 0 ? void 0 : inputGroup.dataGroup)
92
88
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
93
89
  className: "inputs-container",
94
90
  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) {
@@ -134,12 +130,14 @@ var InputGroup = function InputGroup(_ref) {
134
130
  }, index + "-" + (input === null || input === void 0 ? void 0 : input.value) + "-" + compare);
135
131
  })
136
132
  })]
137
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
138
- className: activeSection === "Ficha técnica" ? "datasheets-layout" : "descriptions-layout",
139
- children: isShowbox && isOnboarding && index == 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.Box, {
140
- onChange: setUpdatedBoxData
141
- })
142
- })]
133
+ })
134
+ }) : isShowbox && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
135
+ className: activeSection === "Ficha técnica" ? "datasheets-layout" : "descriptions-layout",
136
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.Box, {
137
+ inputGroup: inputGroup,
138
+ dataInputs: dataInputs,
139
+ onChange: setUpdatedBoxData
140
+ })
143
141
  });
144
142
  };
145
143
 
@@ -1219,58 +1219,77 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
1219
1219
 
1220
1220
  var saveDatasheets = /*#__PURE__*/function () {
1221
1221
  var _ref10 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee12() {
1222
- var dataObject, res;
1222
+ var inputs, dataObject, res;
1223
1223
  return _regenerator.default.wrap(function _callee12$(_context12) {
1224
1224
  while (1) {
1225
1225
  switch (_context12.prev = _context12.next) {
1226
1226
  case 0:
1227
+ inputs = function () {
1228
+ var fields = {};
1229
+ var keyCount = 1;
1230
+ boxData.map(function (e) {
1231
+ return (0, _objectSpread3.default)({}, e.value);
1232
+ }).forEach(function (item, k) {
1233
+ for (var key in item) {
1234
+ if (!fields[key]) {
1235
+ fields[key] = {};
1236
+ fields[key].box = {};
1237
+ }
1238
+
1239
+ fields[key].box[keyCount] = item[key];
1240
+ keyCount++;
1241
+ }
1242
+ });
1243
+ return fields;
1244
+ }();
1245
+
1227
1246
  setLoading(true);
1228
1247
  dataObject = {
1229
1248
  articleId: product === null || product === void 0 ? void 0 : product.id_article,
1230
1249
  articleData: updatedDatasheets,
1231
- boxData: boxData
1250
+ inputs: inputs
1232
1251
  };
1233
- console.log("boxData guardado", boxData);
1252
+ console.log("boxData guardado", dataObject);
1234
1253
  if (product !== null && product !== void 0 && product.orderId) dataObject["orderId"] = product === null || product === void 0 ? void 0 : product.orderId;
1235
- _context12.prev = 4;
1236
- _context12.next = 7;
1254
+ _context12.prev = 5;
1255
+ _context12.next = 8;
1237
1256
  return _axios.default.put("".concat(process.env.REACT_APP_ARTICLE_DATA_ENDPOINT, "?datasheet=true&version=").concat(version), dataObject, {
1238
1257
  headers: {
1239
1258
  Authorization: token
1240
1259
  }
1241
1260
  });
1242
1261
 
1243
- case 7:
1262
+ case 8:
1244
1263
  res = _context12.sent;
1245
1264
 
1246
1265
  if (!(res.data.statusCode === 200)) {
1247
- _context12.next = 13;
1266
+ _context12.next = 14;
1248
1267
  break;
1249
1268
  }
1250
1269
 
1251
1270
  setUpdatedDatasheets([]);
1252
1271
  setMessage("Fichas técnicas guardadas");
1253
- _context12.next = 13;
1272
+ _context12.next = 14;
1254
1273
  return loadData();
1255
1274
 
1256
- case 13:
1257
- _context12.next = 18;
1275
+ case 14:
1276
+ _context12.next = 19;
1258
1277
  break;
1259
1278
 
1260
- case 15:
1261
- _context12.prev = 15;
1262
- _context12.t0 = _context12["catch"](4);
1279
+ case 16:
1280
+ _context12.prev = 16;
1281
+ _context12.t0 = _context12["catch"](5);
1263
1282
  console.log(_context12.t0);
1264
1283
 
1265
- case 18:
1284
+ case 19:
1266
1285
  console.log(dataObject);
1267
1286
 
1268
- case 19:
1287
+ case 20:
1269
1288
  case "end":
1270
1289
  return _context12.stop();
1271
1290
  }
1272
1291
  }
1273
- }, _callee12, null, [[4, 15]]);
1292
+ }, _callee12, null, [[5, 16]]);
1274
1293
  }));
1275
1294
 
1276
1295
  return function saveDatasheets() {
@@ -2213,6 +2232,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
2213
2232
  isShowbox: true,
2214
2233
  groupData: services[0][activeRetailer.id].data,
2215
2234
  setUpdatedBoxData: function setUpdatedBoxData(e) {
2235
+ console.log("UNO", e);
2216
2236
  setBoxData(e);
2217
2237
  },
2218
2238
  index: index //enableActions={enableActions(product.version_status)} ADD THIS VALIDATION
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "contentoh-components-library",
3
- "version": "21.4.45",
3
+ "version": "21.4.47",
4
4
  "dependencies": {
5
5
  "@aws-amplify/auth": "^4.5.3",
6
6
  "@aws-amplify/datastore": "^3.11.0",
@@ -30,8 +30,8 @@ export const BoxAttribute = (props) => {
30
30
  return result;
31
31
  }, {});
32
32
  //escucha los cambios
33
- console.log(formattedData);
34
- console.log("atributos id", atributos[props.id]);
33
+ // console.log(formattedData);
34
+ // console.log("atributos id", atributos[props.id]);
35
35
  return (
36
36
  <>
37
37
  <Container
@@ -3,7 +3,6 @@ import { Container } from "./styles";
3
3
  import { FontFamily, GlobalColors } from "../../../global-files/variables";
4
4
  import { BoxOnboarding } from "../BoxOnboarding";
5
5
  import { BoxButtons } from "../../molecules/BoxButtons";
6
- import { useEffect } from "react";
7
6
 
8
7
  export const Box = ({ onChange, dataInputs, inputGroup }) => {
9
8
  const [isDeleteDisabled, setIsDeleteDisabled] = useState(true);
@@ -84,11 +83,10 @@ export const Box = ({ onChange, dataInputs, inputGroup }) => {
84
83
  inputs={inputGroup.inputs}
85
84
  isEditEnabled={isEditEnabled}
86
85
  onChange={(e) => {
86
+ console.log("e in Box",e);
87
87
  setBoxOnboardingList((prev) => {
88
88
  return prev.map((box, i) => {
89
89
  if (i != index) {
90
- console.log("e in Box",e);
91
- console.log("box in box",box);
92
90
  return box;
93
91
  }
94
92
  return { ...box, value: e };
@@ -20,8 +20,10 @@ export const BoxOnboarding = memo(
20
20
  const [isLoading, setIsLoading] = useState(true);
21
21
 
22
22
  useEffect(() => {
23
+ console.log("atributos use", atributos)
23
24
  onChange && onChange(atributos);
24
25
  }, [atributos]);
26
+
25
27
 
26
28
  useEffect(() => {
27
29
  if (isLoading && Object.keys(data).length > 0) {
@@ -38,18 +40,21 @@ export const BoxOnboarding = memo(
38
40
  >
39
41
  <div id="contenedor-caja">
40
42
  <p fontFamily={FontFamily.Raleway}>Caja {index + 1}</p>
41
- {inputs.map((attrId) => (
42
- <BoxAttribute
43
- id={attrId}
44
- key={attrId}
45
- borderType="rectangle"
46
- className="caja"
47
- text={dataInputs[attrId]?.name}
48
- isEditEnabled={isEditEnabled}
49
- atributos={atributos}
50
- setAtributos={setAtributos}
51
- />
52
- ))}
43
+ {inputs.map((attrId) => {
44
+ console.log("data inputsss name:",atributos)
45
+ return (
46
+ <BoxAttribute
47
+ id={attrId}
48
+ key={attrId}
49
+ borderType="rectangle"
50
+ className="caja"
51
+ text={dataInputs[attrId]?.name}
52
+ isEditEnabled={isEditEnabled}
53
+ atributos={atributos}
54
+ setAtributos={setAtributos}
55
+ />
56
+ );
57
+ })}
53
58
 
54
59
  </div>
55
60
  </Container>
@@ -23,8 +23,8 @@ export const InputGroup = ({
23
23
  isShowbox,
24
24
  setUpdatedBoxData
25
25
  }) => {
26
- console.log("groupData: ", typeof groupData);
27
- console.log("groupData: ", groupData);
26
+ // console.log("groupData: ", typeof groupData);
27
+ // console.log("groupData: ", groupData);
28
28
  const inputTypeValue = (type) => {
29
29
  switch (type) {
30
30
  case "Booleano":
@@ -682,14 +682,35 @@ export const ProviderProductEdition = ({
682
682
  };
683
683
 
684
684
  const saveDatasheets = async () => {
685
+ const inputs = (() => {
686
+
687
+ let fields = {}
688
+ let keyCount = 1;
689
+ boxData.map(e => ({
690
+ ...e.value,
691
+ })).forEach((item, k) => {
692
+
693
+ for (const key in item) {
694
+ if (!fields[key]) {
695
+ fields[key] = {};
696
+ fields[key].box = {};
697
+ }
698
+ fields[key].box[keyCount] = item[key];
699
+ keyCount++;
700
+ }
685
701
 
702
+ })
703
+
704
+ return fields
705
+
706
+ })()
686
707
  setLoading(true);
687
708
  const dataObject = {
688
709
  articleId: product?.id_article,
689
710
  articleData: updatedDatasheets,
690
- boxData,
711
+ inputs
691
712
  };
692
- console.log("boxData guardado", boxData);
713
+ console.log("boxData guardado", dataObject);
693
714
  if (product?.orderId) dataObject["orderId"] = product?.orderId;
694
715
  try {
695
716
  const res = await axios.put(
@@ -835,6 +856,7 @@ export const ProviderProductEdition = ({
835
856
  return "images";
836
857
  }
837
858
  };
859
+
838
860
 
839
861
  const createComment = async (messages = [], retailerId) => {
840
862
  const data = {
@@ -1473,8 +1495,8 @@ export const ProviderProductEdition = ({
1473
1495
  isShowbox={true}
1474
1496
  groupData={services[0][activeRetailer.id].data}
1475
1497
  setUpdatedBoxData={(e) => {
1476
- setBoxData(e);
1477
1498
  console.log("UNO",e);
1499
+ setBoxData(e);
1478
1500
  }}
1479
1501
  index={index}
1480
1502
  //enableActions={enableActions(product.version_status)} ADD THIS VALIDATION
@@ -1,8 +0,0 @@
1
- <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <mask id="mask0_37_469" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="14" height="14">
3
- <rect width="14" height="14" fill="#D9D9D9"/>
4
- </mask>
5
- <g mask="url(#mask0_37_469)">
6
- <path d="M4.76875 10.5194L7 8.16667L9.25 10.5194L10.1313 9.58611L7.9 7.23333L10.1313 4.88056L9.25 3.94722L7 6.3L4.76875 3.94722L3.86875 4.88056L6.11875 7.23333L3.86875 9.58611L4.76875 10.5194ZM2.89375 14C2.59375 14 2.33125 13.8833 2.10625 13.65C1.88125 13.4167 1.76875 13.1444 1.76875 12.8333V1.75H1V0.583333H4.525V0H9.475V0.583333H13V1.75H12.2313V12.8333C12.2313 13.1444 12.1188 13.4167 11.8938 13.65C11.6688 13.8833 11.4062 14 11.1063 14H2.89375ZM11.1063 1.75H2.89375V12.8333H11.1063V1.75Z" fill="#B64545"/>
7
- </g>
8
- </svg>
@@ -1,3 +0,0 @@
1
- <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M1.14598 12.854H1.98636L10.4475 4.39291L9.60709 3.55252L1.14598 12.0136V12.854ZM12.8731 3.57162L10.4284 1.12688L11.2306 0.324693C11.447 0.108231 11.7144 0 12.0327 0C12.3511 0 12.6185 0.108231 12.8349 0.324693L13.6753 1.16507C13.8918 1.38154 14 1.64893 14 1.96726C14 2.28558 13.8918 2.55298 13.6753 2.76944L12.8731 3.57162ZM12.0709 4.37381L2.44475 14H0V11.5553L9.62619 1.92906L12.0709 4.37381Z" fill="#707070"/>
3
- </svg>
@@ -1,34 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports.default = exports.ButtonsAssignationDefault = void 0;
9
-
10
- var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
11
-
12
- var _index = require("./index");
13
-
14
- var _jsxRuntime = require("react/jsx-runtime");
15
-
16
- var _default = {
17
- title: "Components/molecules/ButtonsAssignation",
18
- component: _index.ButtonsAssignation
19
- };
20
- exports.default = _default;
21
-
22
- var Template = function Template(args) {
23
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ButtonsAssignation, (0, _objectSpread2.default)({}, args));
24
- };
25
-
26
- var ButtonsAssignationDefault = Template.bind({});
27
- exports.ButtonsAssignationDefault = ButtonsAssignationDefault;
28
- ButtonsAssignationDefault.args = {
29
- status: "AA",
30
- image: {
31
- src: "https://image.shutterstock.com/image-illustration/3d-render-generic-drug-pills-260nw-709112806.jpg"
32
- },
33
- imagesSection: true
34
- };