contentoh-components-library 21.4.133 → 21.4.134

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

@@ -7,10 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.InputGroup = void 0;
 
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-
-var _objectSpread4 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 
 var _styles = require("./styles");
@@ -25,14 +21,6 @@ var _Box = require("../Box");
 
 var _react = require("react");
 
-var _acceptIcon = _interopRequireDefault(require("../../../assets/images/generalButton/acceptIcon.svg"));
-
-var _rejectIcon = _interopRequireDefault(require("../../../assets/images/generalButton/rejectIcon.svg"));
-
-var _Tooltip = require("../../atoms/Tooltip");
-
-var _system = require("@mui/system");
-
 var _jsxRuntime = require("react/jsx-runtime");
 
 var InputGroup = function InputGroup(_ref) {
@@ -57,62 +45,7 @@ var InputGroup = function InputGroup(_ref) {
       _ref$groupData = _ref.groupData,
       groupData = _ref$groupData === void 0 ? [] : _ref$groupData,
       setUpdatedBoxData = _ref.setUpdatedBoxData,
-      activeRetailer = _ref.activeRetailer,
-      updateApprovedInputs = _ref.updateApprovedInputs;
-
-  var InputReviewSection = function InputReviewSection(_ref2) {
-    var inputId = _ref2.inputId,
-        isApproved = _ref2.isApproved,
-        comment = _ref2.comment,
-        handleImgClick = _ref2.handleImgClick,
-        changeImageBtn = _ref2.changeImageBtn,
-        showDivState = _ref2.showDivState,
-        imageStates = _ref2.imageStates;
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      style: {
-        "margin-top": "10px"
-      },
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.Tooltip, {
-        componentTooltip: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("b", {
-              children: "Comentarios:"
-            })
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-            children: comment
-          })]
-        }),
-        children: !isApproved && /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-          src: imageStates[inputId] ? _acceptIcon.default : _rejectIcon.default,
-          alt: "botón rechazar",
-          style: {
-            cursor: "pointer"
-          },
-          onClick: function onClick() {
-            return handleImgClick(inputId);
-          }
-        }),
-        classNameTooltip: "container-tooltip"
-      }), showDivState[inputId] && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "btnReviewState",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
-            id: "aceptbtn",
-            onClick: function onClick() {
-              return changeImageBtn(inputId, "validate");
-            },
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-              src: _acceptIcon.default,
-              alt: "acept button",
-              style: {
-                cursor: "pointer"
-              }
-            }), "Validar"]
-          })
-        })
-      })]
-    });
-  };
+      activeRetailer = _ref.activeRetailer;
 
   var inputTypeValue = function inputTypeValue(type) {
     switch (type) {
@@ -132,29 +65,6 @@ var InputGroup = function InputGroup(_ref) {
       showBox = _useState2[0],
       setShowBox = _useState2[1];
 
-  var _useState3 = (0, _react.useState)({}),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      showDivStates = _useState4[0],
-      setShowDivStates = _useState4[1];
-
-  var _useState5 = (0, _react.useState)({}),
-      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      imageStates = _useState6[0],
-      setImageStates = _useState6[1];
-
-  var handleImgClick = function handleImgClick(inputId) {
-    setShowDivStates(function (prevStates) {
-      return (0, _objectSpread4.default)((0, _objectSpread4.default)({}, prevStates), {}, (0, _defineProperty2.default)({}, inputId, !prevStates[inputId]));
-    });
-  };
-
-  var changeImageBtn = function changeImageBtn(inputId, action) {
-    setImageStates(function (prevStates) {
-      return (0, _objectSpread4.default)((0, _objectSpread4.default)({}, prevStates), {}, (0, _defineProperty2.default)({}, inputId, action === "validate"));
-    });
-    updateApprovedInputs(inputId);
-  };
-
   var isEquals = function isEquals(dataInputsVal, auditInputsVal) {
     var result = dataInputsVal === auditInputsVal;
     return result;
@@ -172,7 +82,16 @@ var InputGroup = function InputGroup(_ref) {
         setShowBox(false);
       }
     }
-  }, [activeRetailer, inputGroup.groupId]);
+  }, [activeRetailer, inputGroup.groupId]); // useEffect(() => {
+  //   if (showBox) {
+  //     // Realiza la acción que deseas cuando showBox es true
+  //     console.log("showBox es true");
+  //   } else {
+  //     // Realiza la acción que deseas cuando showBox es false
+  //     console.log("showBox es false");
+  //   }
+  // }, [showBox]);
+
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [inputGroup.groupId === "16" && (activeRetailer === null || activeRetailer === void 0 ? void 0 : (_activeRetailer$retai3 = activeRetailer.retailer) === null || _activeRetailer$retai3 === void 0 ? void 0 : _activeRetailer$retai3.id) === 68 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
       className: activeSection === "Ficha técnica" ? "datasheets-layout" : "descriptions-layout",
@@ -189,65 +108,46 @@ 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, _auditInputs$input, _dataInputs$input7, _dataInputs$input8, _dataInputs$input9, _dataInputs$input10, _dataInputs$input11, _dataInputs$input12, _auditInputGroup$inpu, _auditInputGroup$inpu2;
 
-          return activeSection === "Ficha técnica" ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TagAndInput.TagAndInput, {
+          return activeSection === "Ficha técnica" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+            children: /*#__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: false,
+              inputId: (_dataInputs$input3 = dataInputs[input]) === null || _dataInputs$input3 === void 0 ? void 0 : _dataInputs$input3.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$input4 = dataInputs[input]) === null || _dataInputs$input4 === void 0 ? void 0 : _dataInputs$input4.type),
+              label: ((_dataInputs$input5 = dataInputs[input]) === null || _dataInputs$input5 === void 0 ? void 0 : _dataInputs$input5.name) + ((_dataInputs$input6 = dataInputs[input]) !== null && _dataInputs$input6 !== void 0 && _dataInputs$input6.required ? "*" : ""),
+              value: compare ? (_auditInputs$input = auditInputs[input]) === null || _auditInputs$input === void 0 ? void 0 : _auditInputs$input.value : (_dataInputs$input7 = dataInputs[input]) === null || _dataInputs$input7 === void 0 ? void 0 : _dataInputs$input7.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$input8 = dataInputs[input]) === null || _dataInputs$input8 === void 0 ? void 0 : _dataInputs$input8.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$input9 = dataInputs[input]) !== null && _dataInputs$input9 !== void 0 && _dataInputs$input9.max_chars ? (_dataInputs$input10 = dataInputs[input]) === null || _dataInputs$input10 === void 0 ? void 0 : _dataInputs$input10.max_chars : 999,
+              optionList: (_dataInputs$input11 = dataInputs[input]) === null || _dataInputs$input11 === void 0 ? void 0 : _dataInputs$input11.option_list,
+              description: (_dataInputs$input12 = dataInputs[input]) === null || _dataInputs$input12 === void 0 ? void 0 : _dataInputs$input12.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,
-              handleImgClick: handleImgClick,
-              changeImageBtn: changeImageBtn,
-              showDivState: showDivStates,
-              imageStates: imageStates
-            })]
-          }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-            children: [(input === null || input === void 0 ? void 0 : input.isApproved) === false && /*#__PURE__*/(0, _jsxRuntime.jsx)(InputReviewSection, {
-              inputId: input === null || input === void 0 ? void 0 : input.id,
-              isApproved: input === null || input === void 0 ? void 0 : input.isApproved,
-              comment: input === null || input === void 0 ? void 0 : input.comment,
-              handleImgClick: handleImgClick,
-              changeImageBtn: changeImageBtn,
-              showDivState: showDivStates,
-              imageStates: imageStates
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TagAndInput.TagAndInput, {
-              inputId: input.id,
-              index: index,
-              inputType: "textarea",
-              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,
-              maxChar: input.max_chars,
-              inputPlaceHolder: input === null || input === void 0 ? void 0 : input.placeholder,
-              updatedDescriptions: updatedDescriptions,
-              setUpdatedDescriptions: setUpdatedDescriptions,
-              articleId: articleId,
-              version: version,
-              dinamicHeight: dinamicHeight,
-              description: input === null || input === void 0 ? void 0 : input.description,
-              showTooltip: true,
-              auditClass: compare && !isEquals(input === null || input === void 0 ? void 0 : input.value, auditInputGroup === null || auditInputGroup === void 0 ? void 0 : (_auditInputGroup$inpu2 = auditInputGroup.inputs[index]) === null || _auditInputGroup$inpu2 === void 0 ? void 0 : _auditInputGroup$inpu2.value) ? "audit-class" : ""
-            }, index + "-" + (input === null || input === void 0 ? void 0 : input.value) + "-" + compare)]
-          });
+            }, 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)
+          }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_TagAndInput.TagAndInput, {
+            inputId: input.id,
+            index: index,
+            inputType: "textarea",
+            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,
+            maxChar: input.max_chars,
+            inputPlaceHolder: input === null || input === void 0 ? void 0 : input.placeholder,
+            updatedDescriptions: updatedDescriptions,
+            setUpdatedDescriptions: setUpdatedDescriptions,
+            articleId: articleId,
+            version: version,
+            dinamicHeight: dinamicHeight,
+            description: input === null || input === void 0 ? void 0 : input.description,
+            showTooltip: true,
+            auditClass: compare && !isEquals(input === null || input === void 0 ? void 0 : input.value, auditInputGroup === null || auditInputGroup === void 0 ? void 0 : (_auditInputGroup$inpu2 = auditInputGroup.inputs[index]) === null || _auditInputGroup$inpu2 === void 0 ? void 0 : _auditInputGroup$inpu2.value) ? "audit-class" : ""
+          }, index + "-" + (input === null || input === void 0 ? void 0 : input.value) + "-" + compare);
         })
       })]
     }), inputGroup.groupId === "16" && (activeRetailer === null || activeRetailer === void 0 ? void 0 : (_activeRetailer$retai4 = activeRetailer.retailer) === null || _activeRetailer$retai4 === void 0 ? void 0 : _activeRetailer$retai4.id) === 74 && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
@@ -258,68 +158,49 @@ 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$input13, _dataInputs$input14, _dataInputs$input15, _dataInputs$input16, _dataInputs$input17, _dataInputs$input18, _auditInputs$input2, _dataInputs$input19, _dataInputs$input20, _dataInputs$input21, _dataInputs$input22, _dataInputs$input23, _dataInputs$input24, _auditInputGroup$inpu3, _auditInputGroup$inpu4;
 
-          return activeSection === "Ficha técnica" ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TagAndInput.TagAndInput, {
+          return activeSection === "Ficha técnica" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_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: false,
+              inputId: (_dataInputs$input15 = dataInputs[input]) === null || _dataInputs$input15 === void 0 ? void 0 : _dataInputs$input15.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$input16 = dataInputs[input]) === null || _dataInputs$input16 === void 0 ? void 0 : _dataInputs$input16.type),
+              label: ((_dataInputs$input17 = dataInputs[input]) === null || _dataInputs$input17 === void 0 ? void 0 : _dataInputs$input17.name) + ((_dataInputs$input18 = dataInputs[input]) !== null && _dataInputs$input18 !== void 0 && _dataInputs$input18.required ? "*" : ""),
+              value: compare ? (_auditInputs$input2 = auditInputs[input]) === null || _auditInputs$input2 === void 0 ? void 0 : _auditInputs$input2.value : (_dataInputs$input19 = dataInputs[input]) === null || _dataInputs$input19 === void 0 ? void 0 : _dataInputs$input19.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$input20 = dataInputs[input]) === null || _dataInputs$input20 === void 0 ? void 0 : _dataInputs$input20.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$input21 = dataInputs[input]) !== null && _dataInputs$input21 !== void 0 && _dataInputs$input21.max_chars ? (_dataInputs$input22 = dataInputs[input]) === null || _dataInputs$input22 === void 0 ? void 0 : _dataInputs$input22.max_chars : 999,
+              optionList: (_dataInputs$input23 = dataInputs[input]) === null || _dataInputs$input23 === void 0 ? void 0 : _dataInputs$input23.option_list,
+              description: (_dataInputs$input24 = dataInputs[input]) === null || _dataInputs$input24 === void 0 ? void 0 : _dataInputs$input24.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,
-              handleImgClick: handleImgClick,
-              changeImageBtn: changeImageBtn,
-              showDivState: showDivStates,
-              imageStates: imageStates
-            })]
-          }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-            children: [(input === null || input === void 0 ? void 0 : input.isApproved) === false && /*#__PURE__*/(0, _jsxRuntime.jsx)(InputReviewSection, {
-              inputId: input === null || input === void 0 ? void 0 : input.id,
-              isApproved: input === null || input === void 0 ? void 0 : input.isApproved,
-              comment: input === null || input === void 0 ? void 0 : input.comment,
-              handleImgClick: handleImgClick,
-              changeImageBtn: changeImageBtn,
-              showDivState: showDivStates,
-              imageStates: imageStates
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TagAndInput.TagAndInput, {
-              inputId: input.id,
-              index: index,
-              disabled: input === null || input === void 0 ? void 0 : input.isApproved,
-              inputType: "textarea",
-              label: (input === null || input === void 0 ? void 0 : input.name) + (input.required ? "*" : ""),
-              value: compare ? auditInputGroup === null || auditInputGroup === void 0 ? void 0 : (_auditInputGroup$inpu3 = auditInputGroup.inputs[index]) === null || _auditInputGroup$inpu3 === void 0 ? void 0 : _auditInputGroup$inpu3.value : input === null || input === void 0 ? void 0 : input.value,
-              isRequired: input.required,
-              maxChar: input.max_chars,
-              inputPlaceHolder: input === null || input === void 0 ? void 0 : input.placeholder,
-              updatedDescriptions: updatedDescriptions,
-              setUpdatedDescriptions: setUpdatedDescriptions,
-              articleId: articleId,
-              version: version,
-              dinamicHeight: dinamicHeight,
-              description: input === null || input === void 0 ? void 0 : input.description,
-              showTooltip: true,
-              auditClass: compare && !isEquals(input === null || input === void 0 ? void 0 : input.value, auditInputGroup === null || auditInputGroup === void 0 ? void 0 : (_auditInputGroup$inpu4 = auditInputGroup.inputs[index]) === null || _auditInputGroup$inpu4 === void 0 ? void 0 : _auditInputGroup$inpu4.value) ? "audit-class" : ""
-            }, index + "-" + (input === null || input === void 0 ? void 0 : input.value) + "-" + compare)]
-          });
+            }, index + "-" + ((_dataInputs$input13 = dataInputs[input]) === null || _dataInputs$input13 === void 0 ? void 0 : _dataInputs$input13.value) + "-" + ((_dataInputs$input14 = dataInputs[input]) === null || _dataInputs$input14 === void 0 ? void 0 : _dataInputs$input14.id) + "-" + compare)
+          }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_TagAndInput.TagAndInput, {
+            inputId: input.id,
+            index: index,
+            inputType: "textarea",
+            label: (input === null || input === void 0 ? void 0 : input.name) + (input.required ? "*" : ""),
+            value: compare ? auditInputGroup === null || auditInputGroup === void 0 ? void 0 : (_auditInputGroup$inpu3 = auditInputGroup.inputs[index]) === null || _auditInputGroup$inpu3 === void 0 ? void 0 : _auditInputGroup$inpu3.value : input === null || input === void 0 ? void 0 : input.value,
+            isRequired: input.required,
+            maxChar: input.max_chars,
+            inputPlaceHolder: input === null || input === void 0 ? void 0 : input.placeholder,
+            updatedDescriptions: updatedDescriptions,
+            setUpdatedDescriptions: setUpdatedDescriptions,
+            articleId: articleId,
+            version: version,
+            dinamicHeight: dinamicHeight,
+            description: input === null || input === void 0 ? void 0 : input.description,
+            showTooltip: true,
+            auditClass: compare && !isEquals(input === null || input === void 0 ? void 0 : input.value, auditInputGroup === null || auditInputGroup === void 0 ? void 0 : (_auditInputGroup$inpu4 = auditInputGroup.inputs[index]) === null || _auditInputGroup$inpu4 === void 0 ? void 0 : _auditInputGroup$inpu4.value) ? "audit-class" : ""
+          }, index + "-" + (input === null || input === void 0 ? void 0 : input.value) + "-" + compare);
         })
       })]
     })]

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

@@ -15,6 +15,6 @@ var _variables = require("../../../global-files/variables");
 
 var _templateObject;
 
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  border: 1px solid ", ";\n  border-radius: 6px;\n  padding: 10px;\n  width: 100%;\n\n  .retailer-name-header {\n    & + * {\n      margin-top: 10px;\n    }\n  }\n  &.datasheets-layout {\n    padding-right: 0;\n\n    .inputs-container {\n      display: flex;\n      flex-wrap: wrap;\n      width: 100%;\n      gap: 5px;\n\n      .input-container {\n        flex: 1 1 20%;\n        min-width: 227px;\n        display: flex;\n        flex-direction: column;\n      }\n    }\n  }\n\n  & + * {\n    margin-top: 15px;\n  }\n\n  .btnReviewState {\n    display: \"flex\";\n    flex-direction: \"column\";\n    border: 1px solid lightgray;\n    border-radius: 3px;\n    z-index: 1000;\n    /* position: absolute; */\n  }\n\n  .btnReviewState button {\n    border: none;\n    background: white;\n    border-radius: 3px;\n  }\n  .btnReviewState button:hover {\n    background: lightgray;\n  }\n  /* #divBtnsReviewdown {\n    border-left: 1px solid black;\n    border-right: 1px solid black;\n    border-bottom: 1px solid black;\n  }\n  #aceptbtn {\n    background: white;\n    border: none;\n  }\n  #rejectbtn {\n    background: white;\n    border: none;\n  } */\n"])), _variables.GlobalColors.s2);
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  border: 1px solid ", ";\n  border-radius: 6px;\n  padding: 10px;\n  width: 100%;\n\n  .retailer-name-header {\n    & + * {\n      margin-top: 10px;\n    }\n  }\n  &.datasheets-layout {\n    padding-right: 0;\n\n    .inputs-container {\n      display: flex;\n      flex-wrap: wrap;\n      width: 100%;\n      gap: 5px;\n\n      .input-container {\n        flex: 1 1 20%;\n        min-width: 227px;\n        display: flex;\n        flex-direction: column;\n      }\n    }\n  }\n\n  & + * {\n    margin-top: 15px;\n  }\n"])), _variables.GlobalColors.s2);
 
 exports.Container = Container;

package/dist/components/organisms/Modal/Modal.stories.js

@@ -20,7 +20,7 @@ var _default = {
   component: _index.Modal,
   argTypes: {
     icon: {
-      options: [undefined, "error", "warning", "success", "successv2", "info"],
+      options: [undefined, "error", "warning", "success", "info"],
       control: {
         type: "select"
       }
@@ -39,7 +39,6 @@ modalDefault.args = {
   show: false,
   title: "Titulo del modal",
   icon: undefined,
-  image: undefined,
   message: "descripcion amplia sobre el componente \n\tmodal white para saber como se ven varias lineas\n\tde codigo"
 };
 var modalWithButtons = Template.bind({});

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

@@ -29,7 +29,6 @@ var Modal = function Modal(props) {
       title = props.title,
       message = props.message,
       icon = props.icon,
-      image = props.image,
       customComponent = props.customComponent,
       buttons = props.buttons,
       onClickModal = props.onClickModal,
@@ -38,8 +37,7 @@ var Modal = function Modal(props) {
     error: _freeSolidSvgIcons.faClose,
     warning: _freeSolidSvgIcons.faExclamationTriangle,
     info: _freeSolidSvgIcons.faExclamation,
-    success: _freeSolidSvgIcons.faCheck,
-    successv2: _freeSolidSvgIcons.faCheck
+    success: _freeSolidSvgIcons.faCheck
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Backdrop, {
     open: show,
@@ -47,7 +45,7 @@ var Modal = function Modal(props) {
     timeout: 400,
     style: {
       backgroundColor: "transparent",
-      zIndex: 10100
+      zIndex: 10
     },
     onClick: function onClick(event) {
       return onClickModal && onClickModal(event);
@@ -64,9 +62,6 @@ var Modal = function Modal(props) {
               className: "label-title",
               children: title.trim()
             })
-          }), image && /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-            src: image,
-            alt: "img modal"
           }), icons[icon === null || icon === void 0 ? void 0 : icon.toLowerCase()] && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomIcon.CustomIcon, {
             type: "white",
             className: "iconModal " + "iconModal-" + icon.toLowerCase(),

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

@@ -15,6 +15,6 @@ var _variables = require("../../../global-files/variables");
 
 var _templateObject;
 
-var ContainerModal = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n  display: grid;\n  place-items: center;\n  background-color: rgba(0, 0, 0, 0.4);\n\n  .contentModal {\n    width: fit-content;\n    max-width: 80%;\n    min-width: 80px;\n    height: fit-content;\n    max-height: 90%;\n    min-height: 120px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    background-color: white;\n    border-radius: 10px;\n    padding: 25px 25px 20px 25px;\n    box-shadow: 0px 2px 4px 0px #00000040;\n\n    header {\n      width: 100%;\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      justify-content: flex-start;\n      gap: 6px;\n\n      .label-title {\n        width: 100%;\n        text-align: center;\n        font-family: ", ", sans-serif;\n        font-size: 17px;\n        line-height: 1.2;\n        color: #262626;\n        white-space: pre-wrap;\n      }\n\n      & + * {\n        margin-top: 20px;\n      }\n    }\n\n    .iconModal {\n      width: 50px;\n      height: 50px;\n      font-size: 30px;\n      border-width: 4px;\n      margin-bottom: 20px;\n      overflow: hidden;\n\n      &.iconModal-error {\n        background-color: #953737;\n        border-color: #953737;\n        color: white;\n      }\n      &.iconModal-warning {\n        font-size: 27px;\n        padding-bottom: 8px;\n        color: #af9647;\n        border-color: #af9647;\n      }\n      &.iconModal-info {\n        border-color: #9e3e26;\n        color: #9e3e26;\n      }\n      &.iconModal-success {\n      }\n      &.iconModal-successv2{\n        border-color: #85BC5B;\n        color: #85BC5B;\n      }\n    }\n\n    .label-message {\n      width: 100%;\n      text-align: center;\n      font-family: ", ", sans-serif;\n      font-size: 13px;\n      color: #707070;\n      white-space: pre-wrap;\n    }\n\n    .container-customComponent {\n      width: 100%;\n      max-height: 50vh;\n      display: flex;\n      flex-direction: column;\n      margin-top: 20px;\n      padding: 0px 0px;\n      //border: 1px solid red;\n    }\n\n    .container-buttons {\n      width: 100%;\n      display: flex;\n      flex-direction: row;\n      justify-content: center;\n      gap: 12px;\n      margin-top: 20px;\n      //border: 1px solid red;\n    }\n  }\n"])), _variables.FontFamily.RobotoMedium, _variables.FontFamily.RobotoRegular);
+var ContainerModal = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n  display: grid;\n  place-items: center;\n  background-color: rgba(0, 0, 0, 0.4);\n\n  .contentModal {\n    width: fit-content;\n    max-width: 80%;\n    min-width: 80px;\n    height: fit-content;\n    max-height: 90%;\n    min-height: 120px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    background-color: white;\n    border-radius: 10px;\n    padding: 25px 25px 20px 25px;\n    box-shadow: 0px 2px 4px 0px #00000040;\n\n    header {\n      width: 100%;\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      justify-content: flex-start;\n      gap: 6px;\n      margin-bottom: 20px;\n\n      .label-title {\n        width: 100%;\n        text-align: center;\n        font-family: ", ", sans-serif;\n        font-size: 17px;\n        line-height: 1.2;\n        color: #262626;\n        white-space: pre-wrap;\n      }\n    }\n\n    .iconModal {\n      width: 50px;\n      height: 50px;\n      font-size: 30px;\n      border-width: 4px;\n      margin-bottom: 20px;\n      overflow: hidden;\n\n      &.iconModal-error {\n        background-color: #953737;\n        border-color: #953737;\n        color: white;\n      }\n      &.iconModal-warning {\n        font-size: 27px;\n        padding-bottom: 8px;\n        color: #af9647;\n        border-color: #af9647;\n      }\n      &.iconModal-info {\n        border-color: #9e3e26;\n        color: #9e3e26;\n      }\n      &.iconModal-success {\n      }\n    }\n\n    .label-message {\n      width: 100%;\n      text-align: center;\n      font-family: ", ", sans-serif;\n      font-size: 13px;\n      color: #707070;\n      white-space: pre-wrap;\n    }\n\n    .container-customComponent {\n      width: 100%;\n      max-height: 50vh;\n      display: flex;\n      flex-direction: column;\n      margin-top: 20px;\n      padding: 0px 0px;\n      //border: 1px solid red;\n    }\n\n    .container-buttons {\n      width: 100%;\n      display: flex;\n      flex-direction: row;\n      justify-content: center;\n      gap: 12px;\n      margin-top: 20px;\n      //border: 1px solid red;\n    }\n  }\n"])), _variables.FontFamily.RobotoMedium, _variables.FontFamily.RobotoRegular);
 
 exports.ContainerModal = ContainerModal;

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

@@ -21,16 +21,12 @@ var _CheckBox = require("../../atoms/CheckBox");
 
 var _styles = require("./styles");
 
-var _Tooltip = require("../../atoms/Tooltip");
-
 var _jsxRuntime = require("react/jsx-runtime");
 
 var Table = function Table(_ref) {
   var columns = _ref.columns,
       data = _ref.data,
-      withCheckbox = _ref.withCheckbox,
-      _ref$withTooltip = _ref.withTooltip,
-      withTooltip = _ref$withTooltip === void 0 ? false : _ref$withTooltip;
+      withCheckbox = _ref.withCheckbox;
 
   var _useState = (0, _react.useState)([]),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -77,17 +73,7 @@ var Table = function Table(_ref) {
             return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.TH, (0, _objectSpread2.default)((0, _objectSpread2.default)({
               withCheckbox: withCheckbox
             }, column), {}, {
-              children: column.description && withTooltip ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.Tooltip, {
-                componentTooltip: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-                  children: column.description
-                }),
-                position: "topCenter",
-                children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-                  children: column.Header
-                })
-              }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-                children: column.Header
-              })
+              children: column.Header
             }), "".concat(column.accessor).concat(i));
           })]
         })

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

@@ -15,40 +15,34 @@ 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: 5;\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    }\n    display: flex;\n    align-items: center;\n    ", "\n  }\n"])), function (_ref) {
   var withCheckbox = _ref.withCheckbox;
   return withCheckbox && "padding-left: 10px;";
 });
 
 exports.Container = Container;
 
-var TH = _styledComponents.default.th(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  background: inherit;\n  min-height: ", ";\n  min-width: ", ";\n  position: sticky;\n  left: ", ";\n  ", "\n"])), function (_ref2) {
+var TH = _styledComponents.default.th(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  background: inherit;\n  min-height: ", ";\n  min-width: ", ";\n  position: sticky;\n  left: 20px;\n  ", "\n"])), function (_ref2) {
   var height = _ref2.height;
   return height !== null && height !== void 0 ? height : "auto";
 }, function (_ref3) {
   var width = _ref3.width;
   return width !== null && width !== void 0 ? width : "auto";
 }, function (_ref4) {
-  var fixedToLeft = _ref4.fixedToLeft;
-  return fixedToLeft >= 0 ? "".concat(fixedToLeft, "px") : "20px";
-}, function (_ref5) {
-  var fixedToLeft = _ref5.fixedToLeft,
-      withCheckbox = _ref5.withCheckbox;
-  return fixedToLeft >= 0 && (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n      left: ", "px;\n      z-index: 10;\n    "])), withCheckbox ? 20 + fixedToLeft : fixedToLeft);
+  var fixedToLeft = _ref4.fixedToLeft,
+      withCheckbox = _ref4.withCheckbox;
+  return fixedToLeft >= 0 && (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n      left: ", "px;\n      z-index: 5;\n    "])), withCheckbox ? 20 + fixedToLeft : fixedToLeft);
 });
 
 exports.TH = TH;
 
-var TD = _styledComponents.default.td(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  align-items: center;\n  background: inherit;\n  box-sizing: border-box;\n  display: flex;\n  height: 100%;\n  min-width: ", ";\n  text-align: center;\n  vertical-align: middle;\n  z-index: 5;\n  position: sticky;\n  left: ", ";\n  .content {\n    white-space: nowrap;\n    overflow: hidden;\n    /* text-overflow: ellipsis; */\n  }\n  ", "\n"])), function (_ref6) {
-  var width = _ref6.width;
+var TD = _styledComponents.default.td(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  align-items: center;\n  background: inherit;\n  box-sizing: border-box;\n  display: flex;\n  height: 100%;\n  min-width: ", ";\n  text-align: center;\n  vertical-align: middle;\n  z-index: 5;\n  position: sticky;\n  left: 20px;\n  .content {\n    white-space: nowrap;\n    overflow: hidden;\n    /* text-overflow: ellipsis; */\n  }\n  ", "\n"])), function (_ref5) {
+  var width = _ref5.width;
   return width !== null && width !== void 0 ? width : "auto";
-}, function (_ref7) {
-  var fixedToLeft = _ref7.fixedToLeft;
-  return fixedToLeft >= 0 ? "".concat(fixedToLeft, "px") : "20px";
-}, function (_ref8) {
-  var fixedToLeft = _ref8.fixedToLeft,
-      withCheckbox = _ref8.withCheckbox;
-  return fixedToLeft >= 0 && (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n      left: ", "px;\n      z-index: 10;\n    "])), withCheckbox ? 20 + fixedToLeft : fixedToLeft);
+}, function (_ref6) {
+  var fixedToLeft = _ref6.fixedToLeft,
+      withCheckbox = _ref6.withCheckbox;
+  return fixedToLeft >= 0 && (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n      left: ", "px;\n      z-index: 5;\n    "])), withCheckbox ? 20 + fixedToLeft : fixedToLeft);
 });
 
 exports.TD = TD;

package/dist/components/pages/Dashboard/Dashboard.stories.js

@@ -27,54 +27,57 @@ var DashboardDeafult = Template.bind({});
 exports.DashboardDeafult = DashboardDeafult;
 DashboardDeafult.args = {
   user: {
-    id_user: 343,
-    name: "Jair",
-    last_name: "León",
-    email: "hleon@contentoh.com",
-    position: "Test States",
-    telephone: "+525555555555",
+    id_user: 37,
+    name: "José",
+    last_name: "Castañeda",
+    email: "ismael97lopez@gmail.com",
+    position: "Auditor",
+    telephone: "",
     country: "México",
-    id_company: 234,
-    id_cognito: "4512b5a5-366a-4bb5-916e-aafe05402992",
+    id_company: 2,
+    id_cognito: "9a213128-6482-4c16-a4b6-6e64f225b1bd",
     birth_Date: null,
     about_me: "",
     zip_code: "",
     address: "",
     job: "",
-    id_stripe: "cus_KuEt6R6vwmN09f",
-    id_role: 0,
+    id_stripe: "",
+    id_role: 6,
     active: 1,
     is_retailer: 0,
-    email_notify: 0,
-    is_user_tech: "ADMIN-AS",
+    email_notify: 1,
+    is_user_tech: null,
     membership: {
-      id: 139,
-      start_date: "2023-10-04T15:46:14.000Z",
-      end_date: "2024-10-04T08:46:09.000Z",
-      planID: 9,
-      plan: "prod_KtlkzZVGq6bRTO",
-      name: "Plan Enterprise Full",
-      user_limit: "30",
-      products_limit: "10000",
-      type: "Enterprise"
+      id: 2,
+      start_date: "2021-11-05T02:35:12.000Z",
+      end_date: "2022-11-05T02:34:49.000Z",
+      planID: 1,
+      plan: "prod_KtkvuFFLpOdP6e",
+      name: "Plan Free",
+      user_limit: "1",
+      products_limit: "3",
+      type: "PyMES"
     },
-    src: "https://content-management-profile.s3.amazonaws.com/id-343/343.png?1699640943284"
+    src: "https://content-management-profile.s3.amazonaws.com/id-37/37.png?1684953973972"
   },
   company: {
-    id_company: 234,
-    trade_name: "L'ORÉAL",
-    company_name: "L'ORÉAL",
+    id_company: 1,
+    trade_name: "GRUPO BRAHMA",
+    company_name: "GRUPO BRAHMA",
     rfc: "XAXX010101000",
     adress: "AA",
-    about_company: " ",
-    telephone: " ",
-    web_site: " ",
-    zip_code: " ",
+    about_company: "",
+    telephone: "",
+    web_site: "",
+    zip_code: "",
     email: null,
-    social_link: " ",
+    social_link: "",
     is_retailer: 0,
-    financedRetailers: [],
-    retailers: []
+    retailers: [{
+      id: null,
+      name: null,
+      country: null
+    }]
   },
-  jwt: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI0NTEyYjVhNS0zNjZhLTRiYjUtOTE2ZS1hYWZlMDU0MDI5OTIiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6IjQ1MTJiNWE1LTM2NmEtNGJiNS05MTZlLWFhZmUwNTQwMjk5MiIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiI4YTJhOTE3ZS0xZWU2LTQ5ODAtODZiZS0yZTEzMGI4ZTcyMmIiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY5OTY0MDk0MSwibmFtZSI6IkphaXIgTGXDs24iLCJwaG9uZV9udW1iZXIiOiIrNTI1NTU1NTU1NTU1IiwiZXhwIjoxNjk5NjQ0NTQxLCJpYXQiOjE2OTk2NDA5NDEsImVtYWlsIjoiaGxlb25AY29udGVudG9oLmNvbSJ9.YrLhtF5cee0S_iWX1gXBTJPxF8zls25SMK9GfCWoCpAabGRy9HtGSZ9KUuZlXICz13TTvgOfxFIv5duwS2vxYIlE1ZuLPHXSm2L4FuwJHcppedxssPNgfmxmVu-4B0SaMNWynjIWwbt_wumb2spwe3ONTcuRI-UgmJo_Rfa_cKUOiL-oNCQwkX6KhuWRGcfcpoUkfhi6tfOAgkA8VT5D8h-Dgawg5ibRnbjRMQejfNg1vVh_d2MpYhX9ve5SM9r1JdRCowgxMjb3ii6eXnng_UqjRdrB4008wkG8iZbz2C_NVJjJGrt1B454MZZmRvHbRogs-uu6U1JUsDW09qhcCg"
+  jwt: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJmNTkyN2Y4ZS1jYmY3LTQ5MjItOWUwOS1lNjllYzBiMjczMWEiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6ImY1OTI3ZjhlLWNiZjctNDkyMi05ZTA5LWU2OWVjMGIyNzMxYSIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiI3ZjNkZTM4Mi03NWE2LTRlNDAtYTI3NC00YmM5ODg2Nzk0YjYiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY4NDk1NTYzOCwibmFtZSI6IklzbWFlbCBMb3BleiIsInBob25lX251bWJlciI6Iis1MjMxMTEzNjYzMzYiLCJleHAiOjE2ODQ5NTkyMzcsImlhdCI6MTY4NDk1NTYzOCwiZW1haWwiOiJpbG9wZXpAY29udGVudG9oLmNvbSJ9.ALvhpSGVv34JV8vLSg0CznmsIzRMJ_BFcmDI4qYXzr0qwgLLihon0M0xmODMhIHKcZK4jODC01guliB6fTPoCb8kfPHrBgLnHMBU8PxU1Fcc2EqF5U8lh4fJK6Mc7kiJ4lCreKJL3kT_1ytC-7FdRAlhNXzuJW6aMQQ785ODQ8-1RtHKW6U_b9x88-WFxjltEKuw734LGBSkz9iKZSumNBJBP8HTMgwOgmRTJ6lR-hPsujvl7aF3maXhftpk2fI8S_FzjVRMsxY3T8hQHIXEYwQUv-fC5SPOgc8XDuAp18MKfi0qkU1EYHQahC0qZmvgVGWEDcu5D36Xj0as4iAiFQ"
 };