contentoh-components-library 21.5.10 → 21.5.11

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

@@ -189,31 +189,31 @@ var InputGroup = function InputGroup(_ref) {
       }), /*#__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) {
-          var _dataInputs$input, _dataInputs$input2, _dataInputs$input3, _dataInputs$input4, _dataInputs$input5, _dataInputs$input6, _dataInputs$input7, _auditInputs$input, _dataInputs$input8, _dataInputs$input9, _dataInputs$input10, _dataInputs$input11, _dataInputs$input12, _dataInputs$input13, _dataInputs$input14, _dataInputs$input15, _dataInputs$input16, _dataInputs$input17, _auditInputGroup$inpu, _auditInputGroup$inpu2;
+          var _dataInputs$input, _dataInputs$input2, _dataInputs$input3, _dataInputs$input4, _dataInputs$input5, _dataInputs$input6, _dataInputs$input7, _dataInputs$input8, _dataInputs$input9, _dataInputs$input10, _auditInputs$input, _dataInputs$input11, _dataInputs$input12, _dataInputs$input13, _dataInputs$input14, _dataInputs$input15, _dataInputs$input16, _dataInputs$input17, _dataInputs$input18, _dataInputs$input19, _dataInputs$input20, _auditInputGroup$inpu, _auditInputGroup$inpu2;
 
           return activeSection === "Ficha técnica" ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TagAndInput.TagAndInput, {
+            children: [(((_dataInputs$input = dataInputs[input]) === null || _dataInputs$input === void 0 ? void 0 : _dataInputs$input.id) != 6700 && ((_dataInputs$input2 = dataInputs[input]) === null || _dataInputs$input2 === void 0 ? void 0 : _dataInputs$input2.id) != 6701 || ((_dataInputs$input3 = dataInputs[input]) === null || _dataInputs$input3 === void 0 ? void 0 : _dataInputs$input3.isApproved) != undefined) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_TagAndInput.TagAndInput, {
               //disabled={input === 40001}
-              disabled: (_dataInputs$input3 = dataInputs[input]) === null || _dataInputs$input3 === void 0 ? void 0 : _dataInputs$input3.isApproved,
-              inputId: (_dataInputs$input4 = dataInputs[input]) === null || _dataInputs$input4 === void 0 ? void 0 : _dataInputs$input4.id,
+              disabled: (_dataInputs$input6 = dataInputs[input]) === null || _dataInputs$input6 === void 0 ? void 0 : _dataInputs$input6.isApproved,
+              inputId: (_dataInputs$input7 = dataInputs[input]) === null || _dataInputs$input7 === void 0 ? void 0 : _dataInputs$input7.id,
               version: version,
-              inputType: inputTypeValue((_dataInputs$input5 = dataInputs[input]) === null || _dataInputs$input5 === void 0 ? void 0 : _dataInputs$input5.type),
-              label: ((_dataInputs$input6 = dataInputs[input]) === null || _dataInputs$input6 === void 0 ? void 0 : _dataInputs$input6.name) + ((_dataInputs$input7 = dataInputs[input]) !== null && _dataInputs$input7 !== void 0 && _dataInputs$input7.required ? "*" : ""),
-              value: compare ? (_auditInputs$input = auditInputs[input]) === null || _auditInputs$input === void 0 ? void 0 : _auditInputs$input.value : (_dataInputs$input8 = dataInputs[input]) === null || _dataInputs$input8 === void 0 ? void 0 : _dataInputs$input8.value,
+              inputType: inputTypeValue((_dataInputs$input8 = dataInputs[input]) === null || _dataInputs$input8 === void 0 ? void 0 : _dataInputs$input8.type),
+              label: ((_dataInputs$input9 = dataInputs[input]) === null || _dataInputs$input9 === void 0 ? void 0 : _dataInputs$input9.name) + ((_dataInputs$input10 = dataInputs[input]) !== null && _dataInputs$input10 !== void 0 && _dataInputs$input10.required ? "*" : ""),
+              value: compare ? (_auditInputs$input = auditInputs[input]) === null || _auditInputs$input === void 0 ? void 0 : _auditInputs$input.value : (_dataInputs$input11 = dataInputs[input]) === null || _dataInputs$input11 === void 0 ? void 0 : _dataInputs$input11.value,
               inputPlaceHolder: input === null || input === void 0 ? void 0 : input.placeholder,
               articleId: articleId,
-              isRequired: (_dataInputs$input9 = dataInputs[input]) === null || _dataInputs$input9 === void 0 ? void 0 : _dataInputs$input9.required,
+              isRequired: (_dataInputs$input12 = dataInputs[input]) === null || _dataInputs$input12 === void 0 ? void 0 : _dataInputs$input12.required,
               updatedDatasheets: updatedDatasheets,
               setUpdatedDatasheets: setUpdatedDatasheets,
-              maxChar: (_dataInputs$input10 = dataInputs[input]) !== null && _dataInputs$input10 !== void 0 && _dataInputs$input10.max_chars ? (_dataInputs$input11 = dataInputs[input]) === null || _dataInputs$input11 === void 0 ? void 0 : _dataInputs$input11.max_chars : 999,
-              optionList: (_dataInputs$input12 = dataInputs[input]) === null || _dataInputs$input12 === void 0 ? void 0 : _dataInputs$input12.option_list,
-              description: (_dataInputs$input13 = dataInputs[input]) === null || _dataInputs$input13 === void 0 ? void 0 : _dataInputs$input13.description,
+              maxChar: (_dataInputs$input13 = dataInputs[input]) !== null && _dataInputs$input13 !== void 0 && _dataInputs$input13.max_chars ? (_dataInputs$input14 = dataInputs[input]) === null || _dataInputs$input14 === void 0 ? void 0 : _dataInputs$input14.max_chars : 999,
+              optionList: (_dataInputs$input15 = dataInputs[input]) === null || _dataInputs$input15 === void 0 ? void 0 : _dataInputs$input15.option_list,
+              description: (_dataInputs$input16 = dataInputs[input]) === null || _dataInputs$input16 === void 0 ? void 0 : _dataInputs$input16.description,
               showTooltip: true,
               auditClass: compare && !isEquals(dataInputs[input].value, auditInputs[input].value) ? "audit-class" : ""
-            }, index + "-" + ((_dataInputs$input = dataInputs[input]) === null || _dataInputs$input === void 0 ? void 0 : _dataInputs$input.value) + "-" + ((_dataInputs$input2 = dataInputs[input]) === null || _dataInputs$input2 === void 0 ? void 0 : _dataInputs$input2.id) + "-" + compare), ((_dataInputs$input14 = dataInputs[input]) === null || _dataInputs$input14 === void 0 ? void 0 : _dataInputs$input14.isApproved) === false && /*#__PURE__*/(0, _jsxRuntime.jsx)(InputReviewSection, {
-              inputId: (_dataInputs$input15 = dataInputs[input]) === null || _dataInputs$input15 === void 0 ? void 0 : _dataInputs$input15.id,
-              isApproved: (_dataInputs$input16 = dataInputs[input]) === null || _dataInputs$input16 === void 0 ? void 0 : _dataInputs$input16.isApproved,
-              comment: (_dataInputs$input17 = dataInputs[input]) === null || _dataInputs$input17 === void 0 ? void 0 : _dataInputs$input17.comment,
+            }, index + "-" + ((_dataInputs$input4 = dataInputs[input]) === null || _dataInputs$input4 === void 0 ? void 0 : _dataInputs$input4.value) + "-" + ((_dataInputs$input5 = dataInputs[input]) === null || _dataInputs$input5 === void 0 ? void 0 : _dataInputs$input5.id) + "-" + compare), ((_dataInputs$input17 = dataInputs[input]) === null || _dataInputs$input17 === void 0 ? void 0 : _dataInputs$input17.isApproved) === false && /*#__PURE__*/(0, _jsxRuntime.jsx)(InputReviewSection, {
+              inputId: (_dataInputs$input18 = dataInputs[input]) === null || _dataInputs$input18 === void 0 ? void 0 : _dataInputs$input18.id,
+              isApproved: (_dataInputs$input19 = dataInputs[input]) === null || _dataInputs$input19 === void 0 ? void 0 : _dataInputs$input19.isApproved,
+              comment: (_dataInputs$input20 = dataInputs[input]) === null || _dataInputs$input20 === void 0 ? void 0 : _dataInputs$input20.comment,
               handleImgClick: handleImgClick,
               changeImageBtn: changeImageBtn,
               showDivState: showDivStates,
@@ -235,7 +235,7 @@ var InputGroup = function InputGroup(_ref) {
               label: (input === null || input === void 0 ? void 0 : input.name) + (input.required ? "*" : ""),
               value: compare ? auditInputGroup === null || auditInputGroup === void 0 ? void 0 : (_auditInputGroup$inpu = auditInputGroup.inputs[index]) === null || _auditInputGroup$inpu === void 0 ? void 0 : _auditInputGroup$inpu.value : input === null || input === void 0 ? void 0 : input.value,
               isRequired: input.required,
-              disabled: input === null || input === void 0 ? void 0 : input.isApproved,
+              disabled: input.id === 44186 || input.id === 44187 ? false : input === null || input === void 0 ? void 0 : input.isApproved,
               maxChar: input.max_chars,
               inputPlaceHolder: input === null || input === void 0 ? void 0 : input.placeholder,
               updatedDescriptions: updatedDescriptions,
@@ -258,34 +258,34 @@ var InputGroup = function InputGroup(_ref) {
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "inputs-container",
         children: inputGroup === null || inputGroup === void 0 ? void 0 : (_inputGroup$inputs2 = inputGroup.inputs) === null || _inputGroup$inputs2 === void 0 ? void 0 : _inputGroup$inputs2.map(function (input, index) {
-          var _dataInputs$input18, _dataInputs$input19, _dataInputs$input20, _dataInputs$input21, _dataInputs$input22, _dataInputs$input23, _dataInputs$input24, _auditInputs$input2, _dataInputs$input25, _dataInputs$input26, _dataInputs$input27, _dataInputs$input28, _dataInputs$input29, _dataInputs$input30, _dataInputs$input31, _dataInputs$input32, _dataInputs$input33, _dataInputs$input34, _auditInputGroup$inpu3, _auditInputGroup$inpu4;
+          var _dataInputs$input21, _dataInputs$input22, _dataInputs$input23, _dataInputs$input24, _dataInputs$input25, _dataInputs$input26, _dataInputs$input27, _auditInputs$input2, _dataInputs$input28, _dataInputs$input29, _dataInputs$input30, _dataInputs$input31, _dataInputs$input32, _dataInputs$input33, _dataInputs$input34, _dataInputs$input35, _dataInputs$input36, _dataInputs$input37, _auditInputGroup$inpu3, _auditInputGroup$inpu4;
 
           return activeSection === "Ficha técnica" ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
             children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TagAndInput.TagAndInput, {
               //disabled={input === 40001}
-              disabled: (_dataInputs$input20 = dataInputs[input]) === null || _dataInputs$input20 === void 0 ? void 0 : _dataInputs$input20.isApproved,
-              inputId: (_dataInputs$input21 = dataInputs[input]) === null || _dataInputs$input21 === void 0 ? void 0 : _dataInputs$input21.id,
+              disabled: (_dataInputs$input23 = dataInputs[input]) === null || _dataInputs$input23 === void 0 ? void 0 : _dataInputs$input23.isApproved,
+              inputId: (_dataInputs$input24 = dataInputs[input]) === null || _dataInputs$input24 === void 0 ? void 0 : _dataInputs$input24.id,
               version: version,
-              inputType: inputTypeValue((_dataInputs$input22 = dataInputs[input]) === null || _dataInputs$input22 === void 0 ? void 0 : _dataInputs$input22.type),
-              label: ((_dataInputs$input23 = dataInputs[input]) === null || _dataInputs$input23 === void 0 ? void 0 : _dataInputs$input23.name) + ((_dataInputs$input24 = dataInputs[input]) !== null && _dataInputs$input24 !== void 0 && _dataInputs$input24.required ? "*" : ""),
-              value: compare ? (_auditInputs$input2 = auditInputs[input]) === null || _auditInputs$input2 === void 0 ? void 0 : _auditInputs$input2.value : (_dataInputs$input25 = dataInputs[input]) === null || _dataInputs$input25 === void 0 ? void 0 : _dataInputs$input25.value,
+              inputType: inputTypeValue((_dataInputs$input25 = dataInputs[input]) === null || _dataInputs$input25 === void 0 ? void 0 : _dataInputs$input25.type),
+              label: ((_dataInputs$input26 = dataInputs[input]) === null || _dataInputs$input26 === void 0 ? void 0 : _dataInputs$input26.name) + ((_dataInputs$input27 = dataInputs[input]) !== null && _dataInputs$input27 !== void 0 && _dataInputs$input27.required ? "*" : ""),
+              value: compare ? (_auditInputs$input2 = auditInputs[input]) === null || _auditInputs$input2 === void 0 ? void 0 : _auditInputs$input2.value : (_dataInputs$input28 = dataInputs[input]) === null || _dataInputs$input28 === void 0 ? void 0 : _dataInputs$input28.value,
               inputPlaceHolder: input === null || input === void 0 ? void 0 : input.placeholder,
               articleId: articleId,
-              isRequired: (_dataInputs$input26 = dataInputs[input]) === null || _dataInputs$input26 === void 0 ? void 0 : _dataInputs$input26.required,
+              isRequired: (_dataInputs$input29 = dataInputs[input]) === null || _dataInputs$input29 === void 0 ? void 0 : _dataInputs$input29.required,
               updatedDatasheets: updatedDatasheets,
               setUpdatedDatasheets: setUpdatedDatasheets,
-              maxChar: (_dataInputs$input27 = dataInputs[input]) !== null && _dataInputs$input27 !== void 0 && _dataInputs$input27.max_chars ? (_dataInputs$input28 = dataInputs[input]) === null || _dataInputs$input28 === void 0 ? void 0 : _dataInputs$input28.max_chars : 999,
-              optionList: (_dataInputs$input29 = dataInputs[input]) === null || _dataInputs$input29 === void 0 ? void 0 : _dataInputs$input29.option_list,
-              description: (_dataInputs$input30 = dataInputs[input]) === null || _dataInputs$input30 === void 0 ? void 0 : _dataInputs$input30.description,
+              maxChar: (_dataInputs$input30 = dataInputs[input]) !== null && _dataInputs$input30 !== void 0 && _dataInputs$input30.max_chars ? (_dataInputs$input31 = dataInputs[input]) === null || _dataInputs$input31 === void 0 ? void 0 : _dataInputs$input31.max_chars : 999,
+              optionList: (_dataInputs$input32 = dataInputs[input]) === null || _dataInputs$input32 === void 0 ? void 0 : _dataInputs$input32.option_list,
+              description: (_dataInputs$input33 = dataInputs[input]) === null || _dataInputs$input33 === void 0 ? void 0 : _dataInputs$input33.description,
               showTooltip: true,
               inputGroup: inputGroup,
               dataInputs: dataInputs,
               onChange: setUpdatedBoxData,
               auditClass: compare && !isEquals(dataInputs[input].value, auditInputs[input].value) ? "audit-class" : ""
-            }, index + "-" + ((_dataInputs$input18 = dataInputs[input]) === null || _dataInputs$input18 === void 0 ? void 0 : _dataInputs$input18.value) + "-" + ((_dataInputs$input19 = dataInputs[input]) === null || _dataInputs$input19 === void 0 ? void 0 : _dataInputs$input19.id) + "-" + compare), ((_dataInputs$input31 = dataInputs[input]) === null || _dataInputs$input31 === void 0 ? void 0 : _dataInputs$input31.isApproved) === false && /*#__PURE__*/(0, _jsxRuntime.jsx)(InputReviewSection, {
-              inputId: (_dataInputs$input32 = dataInputs[input]) === null || _dataInputs$input32 === void 0 ? void 0 : _dataInputs$input32.id,
-              isApproved: (_dataInputs$input33 = dataInputs[input]) === null || _dataInputs$input33 === void 0 ? void 0 : _dataInputs$input33.isApproved,
-              comment: (_dataInputs$input34 = dataInputs[input]) === null || _dataInputs$input34 === void 0 ? void 0 : _dataInputs$input34.comment,
+            }, index + "-" + ((_dataInputs$input21 = dataInputs[input]) === null || _dataInputs$input21 === void 0 ? void 0 : _dataInputs$input21.value) + "-" + ((_dataInputs$input22 = dataInputs[input]) === null || _dataInputs$input22 === void 0 ? void 0 : _dataInputs$input22.id) + "-" + compare), ((_dataInputs$input34 = dataInputs[input]) === null || _dataInputs$input34 === void 0 ? void 0 : _dataInputs$input34.isApproved) === false && /*#__PURE__*/(0, _jsxRuntime.jsx)(InputReviewSection, {
+              inputId: (_dataInputs$input35 = dataInputs[input]) === null || _dataInputs$input35 === void 0 ? void 0 : _dataInputs$input35.id,
+              isApproved: (_dataInputs$input36 = dataInputs[input]) === null || _dataInputs$input36 === void 0 ? void 0 : _dataInputs$input36.isApproved,
+              comment: (_dataInputs$input37 = dataInputs[input]) === null || _dataInputs$input37 === void 0 ? void 0 : _dataInputs$input37.comment,
               handleImgClick: handleImgClick,
               changeImageBtn: changeImageBtn,
               showDivState: showDivStates,

package/dist/components/organisms/Table/styles.js

@@ -15,7 +15,7 @@ var _styledComponents = _interopRequireWildcard(require("styled-components"));
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  background: #fff;\n  box-sizing: border-box;\n  height: 100%;\n  overflow-x: auto;\n  width: 100%;\n  margin-right: 30px;\n  .checkbox_fixed {\n    left: 0px;\n    position: sticky;\n    z-index: 5;\n  }\n\n  .custom-table {\n    border-collapse: collapse;\n    box-sizing: border-box;\n    width: 100%;\n    & > thead {\n      top: 0;\n      height: 45px;\n      position: sticky;\n      z-index: 10;\n      & > tr {\n        background-color: #f7f7fc;\n        border-radius: 5px 5px 0px 0px;\n        height: 45px;\n      }\n    }\n    & > tbody > tr {\n      height: 70px;\n      &:last-child {\n        border-radius: 0px 0px 5px 5px;\n      }\n    }\n  }\n\n  .custom-table th,\n  .custom-table td {\n    padding: 8px;\n    border: 0;\n  }\n\n  .custom-table th {\n    border-radius: 5px 0 0 5px;\n    border: 0;\n    color: var(--black-main, #262626);\n    font-family: Roboto;\n    font-size: 12px;\n    font-style: normal;\n    font-weight: 500;\n    line-height: normal;\n    text-align: left;\n  }\n\n  .custom-table tr {\n    background: var(--white-main, #fff);\n    border-bottom: 1px solid var(--grey-light, #f0f0f0);\n    border-left: 1px solid var(--grey-light, #f0f0f0);\n    border-right: 1px solid var(--grey-light, #f0f0f0);\n    & > td {\n      color: var(--grey-main, #707070);\n      font-family: Roboto;\n      font-size: 12px;\n      font-style: normal;\n      font-weight: 400;\n      line-height: normal;\n      gap:5px;\n    }\n    display: flex;\n    align-items: center;\n    ", "\n  }\n"])), function (_ref) {
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  background: #fff;\n  box-sizing: border-box;\n  height: 100%;\n  overflow-x: auto;\n  width: 100%;\n  margin-right: 30px;\n  .checkbox_fixed {\n    left: 0px;\n    position: sticky;\n    z-index: 5;\n  }\n\n  .custom-table {\n    border-collapse: collapse;\n    box-sizing: border-box;\n    width: 100%;\n    & > thead {\n      top: 0;\n      height: 45px;\n      position: sticky;\n      z-index: 2;\n      & > tr {\n        background-color: #f7f7fc;\n        border-radius: 5px 5px 0px 0px;\n        height: 45px;\n      }\n    }\n    & > tbody > tr {\n      height: 70px;\n      &:last-child {\n        border-radius: 0px 0px 5px 5px;\n      }\n    }\n  }\n\n  .custom-table th,\n  .custom-table td {\n    padding: 8px;\n    border: 0;\n  }\n\n  .custom-table th {\n    border-radius: 5px 0 0 5px;\n    border: 0;\n    color: var(--black-main, #262626);\n    font-family: Roboto;\n    font-size: 12px;\n    font-style: normal;\n    font-weight: 500;\n    line-height: normal;\n    text-align: left;\n  }\n\n  .custom-table tr {\n    background: var(--white-main, #fff);\n    border-bottom: 1px solid var(--grey-light, #f0f0f0);\n    border-left: 1px solid var(--grey-light, #f0f0f0);\n    border-right: 1px solid var(--grey-light, #f0f0f0);\n    & > td {\n      color: var(--grey-main, #707070);\n      font-family: Roboto;\n      font-size: 12px;\n      font-style: normal;\n      font-weight: 400;\n      line-height: normal;\n      gap:5px;\n    }\n    display: flex;\n    align-items: center;\n    ", "\n  }\n"])), function (_ref) {
   var withCheckbox = _ref.withCheckbox;
   return withCheckbox && "padding-left: 10px;";
 });

package/dist/components/pages/MultipleEdition/saveData.js

@@ -5,8 +5,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = saveData;
 exports.deleteImage = deleteImage;
+exports.saveData = saveData;
 
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 
@@ -43,15 +43,15 @@ function saveData(_x) {
 
 function _saveData() {
   _saveData = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(params) {
-    var section, data, token, callbackToInitData, setModal;
+    var section, data, token;
     return _regenerator.default.wrap(function _callee$(_context) {
       while (1) {
         switch (_context.prev = _context.next) {
           case 0:
-            section = params.section, data = params.data, token = params.token, callbackToInitData = params.callbackToInitData, setModal = params.setModal;
+            section = params.section, data = params.data, token = params.token;
 
             if (!(section === "images")) {
-              _context.next = 7;
+              _context.next = 5;
               break;
             }
 
@@ -60,25 +60,14 @@ function _saveData() {
 
           case 4:
             if (!_context.sent) {
-              _context.next = 7;
+              _context.next = 5;
               break;
             }
 
-            callbackToInitData();
-            setModal({
-              type: "saved successfully",
-              functions: {
-                setModal: setModal
-              },
-              payload: {
-                service: "imágenes"
-              }
-            }); // aquí va modal de que todo salío bien y actualiza la data
-
-          case 7:
-            return _context.abrupt("return", false);
+          case 5:
+            return _context.abrupt("return", true);
 
-          case 8:
+          case 6:
           case "end":
             return _context.stop();
         }
@@ -103,6 +92,7 @@ function _saveImagesData() {
             articles.data.forEach(function (article) {
               var images = article.images,
                   version = article.version;
+              console.log(images);
               var imagesToAdd = Object.values(images).filter(function (f) {
                 return f.value && !f.value.src.startsWith("id-");
               });

package/dist/components/pages/MultipleEdition/styles.js

@@ -15,7 +15,7 @@ var _variables = require("../../../global-files/variables");
 
 var _templateObject;
 
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: grid;\n  grid-template-columns: 75% 25%;\n  grid-template-rows: 75px 1fr;\n  grid-template-areas:\n    \"tabs action_buttons\"\n    \"table table\";\n  margin: 0 30px;\n  body{\n    font-family: Roboto;\n  }\n\n  .tabs {\n    grid-area: tabs;\n    display: flex;\n    align-items: center;\n    gap: 0 10px;\n  }\n  .action_buttons {\n    grid-area: action_buttons;\n    display: flex;\n    align-items: center;\n    justify-content: end;\n    gap: 0 10px;\n    & > * {\n      cursor: pointer;\n    }\n  }\n  .table {\n    grid-area: table;\n    background: red;\n    height: 100%;\n    font-family: Raleway;\n  }\n  \n  .buttons-container{\n    display: flex;\n    flex-direction: column;\n    background: white;\n    width: max-content;\n    padding: 8px;\n    border: 1px solid ", ";\n    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);\n    border-radius: 3px;\n    position: absolute;\n    top: 0;\n    left: 50px;\n    z-index: 100;\n  }\n\n  .validation-button{\n    width: 30px;\n    height: 20px;\n    display: flex;\n    align-items: center;\n    border: none;\n    cursor: pointer;\n    color: black;\n    font-weight: 400;\n    font-size: 13px;\n    line-height: 18px;\n    background-color: white;\n\n    img {\n      & + p {\n        margin-left: 7px;\n      }\n    }\n\n    &:hover {\n      border-radius: 10px;\n    }\n  }\n\n  .validation-option {\n    display: flex;\n    width: 82px;\n    height: 20px;\n    align-items: center;\n    border: none;\n    cursor: pointer;\n    color: black;\n    font-weight: 400;\n    font-size: 13px;\n    line-height: 18px;\n    background-color: white;\n    left: 7px;\n\n    img {\n      & + p {\n        margin-left: 7px;\n      }\n    }\n\n    &:hover {\n      border-radius: 10px;\n    }\n\n    & + * {\n      margin-top: 8px;\n    }\n  }\n\n  td{\n    margin:0;\n  }\n  \n  textarea {\n    width: 100%;\n    border: 1px solid\n      ", ";\n\n    font-family: ", ";\n    color: ", ";\n    font-weight: normal;\n    font-size: 12px;\n    line-height: 15px;\n    padding: 10px;\n    outline: none;\n    border-radius: 5px;\n    resize: none;\n\n    &:focus {\n      border: 1px solid ", ";\n    }\n  }\n\n  .general-input {\n    width: 100%;\n    height:27px;\n    max-height:100px;\n  }\n\n  .select-edition-multiple {\n    padding: 5px 10px;\n    border-radius: 5px;\n    gap: 10px;\n    border:1px solid ", ";\n    border-width: 1px 2px 1px 1px;\n    outline: none;\n    border-image: initial;\n    width: 100%;\n    min-height:27px;\n    cursor: pointer;\n    color: ", ";\n    font-size: 12px;\n    line-height: 21px;\n    overflow:hidden; \n    white-space:nowrap; \n    text-overflow:ellipsis;\n    :focus{\n      border:1px solid ", ";\n    }\n  }\n\n  .tooltip {\n    position: relative;\n    display: inline-block;\n  }\n  \n  .tooltiptext {\n    visibility: hidden;\n    width: 200px;\n    background-color: #ffffff;\n    color: #000000;\n    text-align: center;\n    border-radius: 6px;\n    position: absolute;\n    z-index: 6 important!;\n    bottom: 100%;\n    left: 20%;\n    margin-left: -80px;\n    opacity: 0;\n    transition: opacity 0.3s;\n    box-shadow: 0px 2px 4px 0px #00000040;\n    font-family: Roboto;\n    font-size: 12px;\n    padding: 10px;\n    text-align: justify;\n  }\n  \n\n  \n  .tooltip:hover .tooltiptext {\n    visibility: visible;\n    opacity: 1;\n  }\n"])), _variables.GlobalColors.s3, function (_ref) {
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: grid;\n  grid-template-columns: 75% 25%;\n  grid-template-rows: 75px 1fr;\n  grid-template-areas:\n    \"tabs action_buttons\"\n    \"table table\";\n  margin: 0 30px;\n  body{\n    font-family: Roboto;\n  }\n\n  .tabs {\n    grid-area: tabs;\n    display: flex;\n    align-items: center;\n    gap: 0 10px;\n  }\n  .action_buttons {\n    grid-area: action_buttons;\n    display: flex;\n    align-items: center;\n    justify-content: end;\n    gap: 0 10px;\n    & > * {\n      cursor: pointer;\n    }\n  }\n  .table {\n    grid-area: table;\n    background: red;\n    height: 100%;\n    font-family: Raleway;\n  }\n  \n  .buttons-container{\n    display: flex;\n    flex-direction: column;\n    background: white;\n    width: max-content;\n    padding: 8px;\n    border: 1px solid ", ";\n    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);\n    border-radius: 3px;\n    position: absolute;\n    top: 0;\n    left: 50px;\n    z-index: 100;\n  }\n\n  .validation-button{\n    width: 30px;\n    height: 20px;\n    display: flex;\n    align-items: center;\n    border: none;\n    cursor: pointer;\n    color: black;\n    font-weight: 400;\n    font-size: 13px;\n    line-height: 18px;\n    background-color: white;\n    margin-right:5px;\n    img {\n      & + p {\n        margin-left: 7px;\n      }\n    }\n\n    &:hover {\n      border-radius: 10px;\n    }\n  }\n\n  .validation-option {\n    display: flex;\n    width: 82px;\n    height: 20px;\n    align-items: center;\n    border: none;\n    cursor: pointer;\n    color: black;\n    font-weight: 400;\n    font-size: 13px;\n    line-height: 18px;\n    background-color: white;\n    left: 7px;\n\n    img {\n      & + p {\n        margin-left: 7px;\n      }\n    }\n\n    &:hover {\n      border-radius: 10px;\n    }\n\n    & + * {\n      margin-top: 8px;\n    }\n  }\n\n  td{\n    margin:0;\n    background: #ffffff !important;\n  }\n\n  th{\n    border-radius: 0 0 0 0 !important;\n    padding: 15px !important;\n  }\n  \n  textarea {\n    width: 100%;\n    border: 1px solid\n      ", ";\n\n    font-family: ", ";\n    color: ", ";\n    font-weight: normal;\n    font-size: 12px;\n    line-height: 15px;\n    padding: 10px;\n    outline: none;\n    border-radius: 5px;\n    resize: none;\n\n    &:focus {\n      border: 1px solid ", ";\n    }\n  }\n\n  .general-input {\n    width: 100%;\n    height:27px;\n    max-height:100px;\n  }\n\n  .select-edition-multiple {\n    padding: 5px 10px;\n    border-radius: 5px;\n    gap: 10px;\n    border:1px solid ", ";\n    border-width: 1px 2px 1px 1px;\n    outline: none;\n    border-image: initial;\n    width: 100%;\n    min-height:27px;\n    cursor: pointer;\n    color: ", ";\n    font-size: 12px;\n    line-height: 21px;\n    overflow:hidden; \n    white-space:nowrap; \n    text-overflow:ellipsis;\n    :focus{\n      border:1px solid ", ";\n    }\n  }\n\n  .tooltip {\n    position: relative;\n    display: inline-block;\n  }\n  \n  .tooltiptext {\n    visibility: hidden;\n    width: 200px;\n    background-color: #ffffff;\n    color: #000000;\n    text-align: center;\n    border-radius: 6px;\n    position: absolute;\n    z-index: 6 important!;\n    bottom: 100%;\n    left: 20%;\n    margin-left: -80px;\n    opacity: 0;\n    transition: opacity 0.3s;\n    box-shadow: 0px 2px 4px 0px #00000040;\n    font-family: Roboto;\n    font-size: 12px;\n    padding: 10px;\n    text-align: justify;\n  }\n  \n\n  \n  .tooltip:hover .tooltiptext {\n    visibility: visible;\n    opacity: 1;\n  }\n"])), _variables.GlobalColors.s3, function (_ref) {
   var isRequired = _ref.isRequired;
   return isRequired ? "red" : "".concat(_variables.GlobalColors.s2);
 }, _variables.FontFamily.AvenirNext, _variables.GlobalColors.deep_gray, _variables.GlobalColors.magenta_s2, _variables.GlobalColors.gray_light, _variables.GlobalColors.deep_gray, _variables.GlobalColors.magenta_s2);

package/dist/components/pages/MultipleEdition/utils.js

@@ -52,6 +52,10 @@ var _iconsMaterial = require("@mui/icons-material");
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _nullIcon = _interopRequireDefault(require("../../../assets/images/generalButton/nullIcon.svg"));
+
+var _Tooltip = require("../../atoms/Tooltip");
+
 var _jsxRuntime = require("react/jsx-runtime");
 
 // variables
@@ -150,7 +154,8 @@ function dataReducer(state, action) {
 
     var _action$payload = action.payload,
         articleId = _action$payload.articleId,
-        imageId = _action$payload.imageId;
+        imageId = _action$payload.imageId,
+        token = _action$payload.token;
     var newImageData = state.images.data.slice();
     var articleIndex = newImageData.findIndex(function (f) {
       return f.id === articleId;
@@ -159,6 +164,14 @@ function dataReducer(state, action) {
     newImageData[articleIndex].images[imageId].value = (0, _objectSpread3.default)((0, _objectSpread3.default)({}, action.payload), {}, {
       id: id
     });
+    var data = newImageData;
+    (0, _saveData.saveData)({
+      section: "images",
+      data: {
+        data: data
+      },
+      token: token
+    });
     return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, state), {}, {
       images: (0, _objectSpread3.default)((0, _objectSpread3.default)({}, state.images), {}, {
         data: newImageData
@@ -172,7 +185,7 @@ function dataReducer(state, action) {
     var _action$payload2 = action.payload,
         _articleId = _action$payload2.articleId,
         _imageId = _action$payload2.imageId,
-        token = _action$payload2.token;
+        _token = _action$payload2.token;
 
     var _newImageData = state.images.data.slice();
 
@@ -183,14 +196,13 @@ function dataReducer(state, action) {
     var _id = (_newImageData$_articl = _newImageData[_articleIndex]) === null || _newImageData$_articl === void 0 ? void 0 : (_newImageData$_articl2 = _newImageData$_articl.images[_imageId]) === null || _newImageData$_articl2 === void 0 ? void 0 : (_newImageData$_articl3 = _newImageData$_articl2.value) === null || _newImageData$_articl3 === void 0 ? void 0 : _newImageData$_articl3.id;
 
     (_newImageData$_articl4 = _newImageData[_articleIndex]) === null || _newImageData$_articl4 === void 0 ? true : (_newImageData$_articl5 = _newImageData$_articl4.images[_imageId]) === null || _newImageData$_articl5 === void 0 ? true : delete _newImageData$_articl5.value;
-    console.log(_newImageData[_articleIndex]);
-    var data = {
+    var _data = {
       articleId: _articleId,
       deleteImages: [{
         id: _id
       }]
     };
-    (0, _saveData.deleteImage)(data, _newImageData[_articleIndex].version, token);
+    (0, _saveData.deleteImage)(_data, _newImageData[_articleIndex].version, _token);
     return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, state), {}, {
       images: (0, _objectSpread3.default)((0, _objectSpread3.default)({}, state.images), {}, {
         data: _newImageData
@@ -274,6 +286,13 @@ function setDataColumns(section, dataService, token, setModalFromTable, setDataS
     display: "flex",
     justifyContent: "center"
   };
+  var styleApprovalAttributes = {
+    textAlign: "center",
+    display: "flex",
+    justifyContent: "center",
+    border: "1px solid #ECDD1D",
+    background: "#ECDD1D"
+  };
   var retailersAdded = {
     id: [],
     attr: []
@@ -323,17 +342,15 @@ function setDataColumns(section, dataService, token, setModalFromTable, setDataS
             });
           }
         });
-        var saveAvailable = imagesReviewed.filter(function (e) {
-          return e.articleId === item.id;
-        }).every(function (e) {
-          return e.isReviewed === true;
-        });
-
-        if (imagesReviewed.filter(function (e) {
-          return e.articleId === item.id;
-        }).length == 0) {
-          saveAvailable = false;
-        }
+        var saveAvailable = true;
+        /**var saveAvailable = imagesReviewed
+        .filter((e) => e.articleId === item.id)
+        .every((e) => e.isReviewed === true);
+        if (
+        imagesReviewed.filter((e) => e.articleId === item.id).length == 0
+        ) {
+        saveAvailable = false;
+        }**/
 
         currentData["retailer".concat(ret.id, "-save")] = /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
           onClick: function onClick() {
@@ -393,62 +410,7 @@ function setDataColumns(section, dataService, token, setModalFromTable, setDataS
             return e.articleId === item.id && e.imageId === imageId && e.versionId === item.version;
           });
           currentData["img".concat(imageId)] = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
-              onClick: function onClick() {
-                setShowValidationPanel(true);
-                setAttributeSelected({
-                  articleId: item.id,
-                  attributeId: imageId,
-                  versionId: item.version
-                });
-              },
-              className: "validation-button",
-              children: [imagesReviewed[index].isReviewed && imagesReviewed[index].isApproved && /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-                id: "button_" + item.id + "_" + imageId + "_" + item.version,
-                src: _acceptIcon.default,
-                alt: "accept button"
-              }), " ", imagesReviewed[index].isReviewed && !imagesReviewed[index].isApproved && /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-                id: "button_" + item.id + "_" + imageId + "_" + item.version,
-                src: _rejectIcon.default,
-                alt: "reject button"
-              }), " ", !imagesReviewed[index].isReviewed && /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-                id: "button_" + item.id + "_" + imageId + "_" + item.version,
-                src: _rejectIcon.default,
-                alt: "reject button"
-              })]
-            }), " ", showValidationPanel && attributeSelected.articleId === item.id && attributeSelected.attributeId === imageId && attributeSelected.versionId === item.version && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-              className: "buttons-container",
-              style: {
-                left: "70px"
-              },
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
-                onClick: function onClick() {
-                  imagesReviewed[index].isApproved = true;
-                  imagesReviewed[index].isReviewed = true; //document.getElementById(item.id+'_'+des.attributeId+'_'+item.version).style.borderColor="#71DE56";
-
-                  setShowValidationPanel(false);
-                },
-                className: "validation-option",
-                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-                  src: _acceptIcon.default,
-                  alt: "accept button"
-                }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-                  children: " Validar "
-                }), " "]
-              }), " ", /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
-                onClick: function onClick() {
-                  setShowValidationPanel(false);
-                  setShowRejectModal(true);
-                },
-                className: "validation-option",
-                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-                  src: _rejectIcon.default,
-                  alt: "reject button"
-                }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-                  children: " Rechazar "
-                }), " "]
-              }), " "]
-            }), " ", comment && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            children: [comment && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
               class: "tooltip",
               children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageVisor.ImageVisor, (0, _objectSpread3.default)({}, props)), /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
                 class: "tooltiptext",
@@ -506,13 +468,19 @@ function setDataColumns(section, dataService, token, setModalFromTable, setDataS
             var articleAttributes = attributesReviewed.filter(function (e) {
               return e.articleId === item.id && e.versionId === item.version;
             });
+            var value;
             articleAttributes.forEach(function (articleAttribute) {
-              var value = document.getElementById(articleAttribute.articleId + "_" + articleAttribute.attributeId + "_" + articleAttribute.versionId).value;
+              if (articleAttribute.attributeId == 6700 || articleAttribute.attributeId == 6701) {
+                value = document.getElementById(articleAttribute.articleId + "_" + articleAttribute.attributeId + "_" + articleAttribute.versionId).checked;
+              } else {
+                value = document.getElementById(articleAttribute.articleId + "_" + articleAttribute.attributeId + "_" + articleAttribute.versionId).value;
+              }
+
               articlesAtributesUpdateBody.push({
                 articleId: articleAttribute.articleId,
                 versionId: articleAttribute.versionId,
                 attributeId: articleAttribute.attributeId,
-                value: value ? value : "",
+                value: value != undefined ? value : "",
                 isApproved: articleAttribute.isApproved,
                 comment: articleAttribute.comment
               });
@@ -536,7 +504,7 @@ function setDataColumns(section, dataService, token, setModalFromTable, setDataS
               Header: rules[attributeId].name,
               accessor: "".concat(attributeId + "-" + ret.id),
               width: "200px",
-              style: styleData,
+              style: attributeId == 6700 || attributeId == 6701 ? styleApprovalAttributes : styleData,
               description: rules[attributeId].description
             });
           }
@@ -582,7 +550,7 @@ function setDataColumns(section, dataService, token, setModalFromTable, setDataS
           var inputComponent;
 
           if (des.option_list.length > 0) {
-            inputComponent = /*#__PURE__*/(0, _jsxRuntime.jsx)("select", {
+            inputComponent = /*#__PURE__*/(0, _jsxRuntime.jsxs)("select", {
               id: item.id + "_" + rules[des.attributeId].attributeId + "_" + item.version,
               name: item.id + "-" + rules[des.attributeId].attributeId + "-" + item.version,
               className: "select-edition-multiple",
@@ -590,12 +558,17 @@ function setDataColumns(section, dataService, token, setModalFromTable, setDataS
               onChange: function onChange(e) {
                 handleChangeOptions(des.attributeId, e.target.value);
               },
-              children: des.option_list.map(function (option, index) {
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
+                value: "",
+                selected: true,
+                disabled: true,
+                children: "Selecciona una opci\xF3n"
+              }), des.option_list.map(function (option, index) {
                 return /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
                   value: option,
                   children: option
                 }, index);
-              })
+              })]
             });
           } else {
             inputComponent = /*#__PURE__*/(0, _jsxRuntime.jsx)(_TagAndInput.TagAndInput, (0, _objectSpread3.default)({}, props));
@@ -629,16 +602,32 @@ function setDataColumns(section, dataService, token, setModalFromTable, setDataS
                 id: "button_" + item.id + "_" + des.attributeId + "_" + item.version,
                 src: _acceptIcon.default,
                 alt: "accept button"
-              }), " ", attributesReviewed[index].isReviewed && !attributesReviewed[index].isApproved && /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-                id: "button_" + item.id + "_" + des.attributeId + "_" + item.version,
-                src: _rejectIcon.default,
-                alt: "reject button"
-              }), " ", typeof des.isApproved === "undefined" && !attributesReviewed[index].isReviewed && /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-                id: "button_" + item.id + "_" + des.attributeId + "_" + item.version,
-                src: _rejectIcon.default,
-                alt: "reject button"
+              }), attributesReviewed[index].isReviewed && !attributesReviewed[index].isApproved &&
+              /*#__PURE__*/
+
+              /**<Tooltip position="topCenter" componentTooltip={<span>Debes aprobar o rechazar para continuar</span>}>**/
+              (0, _jsxRuntime.jsx)("div", {
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+                  id: "button_" + item.id + "_" + des.attributeId + "_" + item.version,
+                  src: _rejectIcon.default,
+                  alt: "reject icon"
+                })
+              })
+              /*</Tooltip>*/
+              , typeof des.isApproved === "undefined" && !attributesReviewed[index].isReviewed && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.Tooltip, {
+                position: "topCenter",
+                componentTooltip: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+                  children: "Debes aprobar o rechazar para continuar"
+                }),
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+                    id: "button_" + item.id + "_" + des.attributeId + "_" + item.version,
+                    src: _nullIcon.default,
+                    alt: "null button"
+                  })
+                })
               })]
-            }), " ", showValidationPanel && attributeSelected.articleId === item.id && attributeSelected.attributeId === des.attributeId && attributeSelected.versionId === item.version && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            }), showValidationPanel && attributeSelected.articleId === item.id && attributeSelected.attributeId === des.attributeId && attributeSelected.versionId === item.version && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
               className: "buttons-container",
               style: {
                 left: "35px"
@@ -707,17 +696,15 @@ function setDataColumns(section, dataService, token, setModalFromTable, setDataS
           });
         }
 
-        var saveAvailable = descriptionsReviewed.filter(function (e) {
-          return e.articleId === item.id;
-        }).every(function (e) {
-          return e.isReviewed === true;
-        });
-
-        if (descriptionsReviewed.filter(function (e) {
-          return e.articleId === item.id;
-        }).length == 0) {
-          saveAvailable = false;
-        }
+        var saveAvailable = true;
+        /**var saveAvailable = descriptionsReviewed
+        .filter((e) => e.articleId === item.id)
+        .every((e) => e.isReviewed === true);
+        if (
+        descriptionsReviewed.filter((e) => e.articleId === item.id).length == 0
+        ) {
+        saveAvailable = false;
+        }**/
 
         currentData["retailer".concat(ret.id)] = /*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
           children: [" ", ret.name, " "]
@@ -785,61 +772,7 @@ function setDataColumns(section, dataService, token, setModalFromTable, setDataS
             return e.articleId === item.id && e.attributeId === des.attributeId && e.versionId === item.version;
           });
           currentData["".concat(des.attributeId)] = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
-              onClick: function onClick() {
-                setShowValidationPanel(true);
-                setAttributeSelected({
-                  articleId: item.id,
-                  attributeId: des.attributeId,
-                  versionId: item.version
-                });
-              },
-              className: "validation-button",
-              children: [descriptionsReviewed[index].isReviewed && descriptionsReviewed[index].isApproved && /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-                id: "button_" + item.id + "_" + des.attributeId + "_" + item.version,
-                src: _acceptIcon.default,
-                alt: "accept button"
-              }), " ", descriptionsReviewed[index].isReviewed && !descriptionsReviewed[index].isApproved && /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-                id: "button_" + item.id + "_" + des.attributeId + "_" + item.version,
-                src: _rejectIcon.default,
-                alt: "reject button"
-              }), " ", typeof des.isApproved === "undefined" && !descriptionsReviewed[index].isReviewed && /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-                id: "button_" + item.id + "_" + des.attributeId + "_" + item.version,
-                src: _rejectIcon.default,
-                alt: "reject button"
-              })]
-            }), " ", showValidationPanel && attributeSelected.articleId === item.id && attributeSelected.attributeId === des.attributeId && attributeSelected.versionId === item.version && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-              className: "buttons-container",
-              style: {
-                left: "35px"
-              },
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
-                onClick: function onClick() {
-                  descriptionsReviewed[index].isApproved = true;
-                  descriptionsReviewed[index].isReviewed = true;
-                  setShowValidationPanel(false);
-                },
-                className: "validation-option",
-                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-                  src: _acceptIcon.default,
-                  alt: "accept button"
-                }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-                  children: " Validar "
-                }), " "]
-              }), " ", /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
-                onClick: function onClick() {
-                  setShowValidationPanel(false);
-                  setShowRejectModal(true);
-                },
-                className: "validation-option",
-                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-                  src: _rejectIcon.default,
-                  alt: "reject button"
-                }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-                  children: " Rechazar "
-                }), " "]
-              }), " "]
-            }), " ", des.comment && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            children: [des.comment && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
               class: "tooltip",
               children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("textarea", (0, _objectSpread3.default)({}, props)), /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
                 class: "tooltiptext",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "contentoh-components-library",
-  "version": "21.5.10",
+  "version": "21.5.11",
   "dependencies": {
     "@aws-amplify/auth": "^4.5.3",
     "@aws-amplify/datastore": "^3.11.0",
@@ -27,9 +27,12 @@
     "babel-preset-react-app": "^10.0.1",
     "caniuse-lite": "^1.0.30001472",
     "chart.js": "^3.7.1",
+    "contentoh-components-library": "^21.4.75",
     "draft-js": "^0.11.7",
     "file-saver": "^2.0.5",
+    "infinite-react-carousel": "^1.2.11",
     "js-base64": "^3.7.2",
+    "mapbox-gl": "^1.13.3",
     "moment": "^2.29.4",
     "prop-types": "^15.7.2",
     "react": "^17.0.2",

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

@@ -0,0 +1,8 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_343_348" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="14" height="14">
+<rect width="14" height="14" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_343_348)">
+<path d="M6.25 7.75H0V6.25H6.25V0H7.75V6.25H14V7.75H7.75V14H6.25V7.75Z" fill="#E33AA9"/>
+</g>
+</svg>

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

@@ -0,0 +1,9 @@
+<svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.5" y="0.5" width="33" height="33" rx="16.5" fill="white" stroke="#E33AA9"/>
+<mask id="mask0_387_1148" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="10" y="10" width="14" height="14">
+<rect x="10" y="10" width="14" height="14" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_387_1148)">
+<path d="M17.0833 24L12.15 20.3C12.025 20.2083 11.9271 20.0917 11.8563 19.95C11.7854 19.8083 11.75 19.6583 11.75 19.5V11C11.75 10.7333 11.85 10.5 12.05 10.3C12.25 10.1 12.4833 10 12.75 10H21.4167C21.6833 10 21.9167 10.1 22.1167 10.3C22.3167 10.5 22.4167 10.7333 22.4167 11V19.5C22.4167 19.6583 22.3813 19.8083 22.3104 19.95C22.2396 20.0917 22.1417 20.2083 22.0167 20.3L17.0833 24ZM17.0833 22.75L21.4167 19.4167V11H12.75V19.4167L17.0833 22.75ZM16.3833 18.6667L20.15 14.9L19.4333 14.2L16.3667 17.2667L14.7167 15.6167L14.0167 16.3167L16.3833 18.6667Z" fill="#E33AA9"/>
+</g>
+</svg>