contentoh-components-library 21.4.57 → 21.4.59

package/dist/components/organisms/Chat/Footer/index.js

@@ -168,7 +168,7 @@ var Footer = function Footer(props) {
           switch (_context.prev = _context.next) {
             case 0:
               if (!createItemsChat) {
-                _context.next = 90;
+                _context.next = 88;
                 break;
               }
 
@@ -200,7 +200,7 @@ var Footer = function Footer(props) {
 
             case 12:
               if ((_step = _iterator.n()).done) {
-                _context.next = 41;
+                _context.next = 39;
                 break;
               }
 
@@ -228,7 +228,7 @@ var Footer = function Footer(props) {
 
               fileKey = "chat/";
               _context.t0 = chatType;
-              _context.next = _context.t0 === "merchant_product" ? 26 : _context.t0 === "order_product" ? 28 : _context.t0 === "ticket" ? 30 : _context.t0 === "product_status" ? 32 : 34;
+              _context.next = _context.t0 === "merchant_product" ? 26 : _context.t0 === "order_product" ? 28 : _context.t0 === "ticket" ? 30 : 32;
               break;
 
             case 26:
@@ -238,7 +238,7 @@ var Footer = function Footer(props) {
                 errorMessage = "El ID o la version del producto no es valido";
               }
 
-              return _context.abrupt("break", 35);
+              return _context.abrupt("break", 33);
 
             case 28:
               if ((0, _utils.isValidNaturalNumber)(dataChat === null || dataChat === void 0 ? void 0 : dataChat.id) && (0, _utils.isValidNaturalNumber)(dataChat === null || dataChat === void 0 ? void 0 : dataChat.version)) {
@@ -247,7 +247,7 @@ var Footer = function Footer(props) {
                 errorMessage = "El ID o la version del producto no es valido";
               }
 
-              return _context.abrupt("break", 35);
+              return _context.abrupt("break", 33);
 
             case 30:
               if ((0, _utils.isValidNaturalNumber)(dataChat === null || dataChat === void 0 ? void 0 : dataChat.id)) {
@@ -256,21 +256,12 @@ var Footer = function Footer(props) {
                 errorMessage = "El ID del ticket no es valido";
               }
 
-              return _context.abrupt("break", 35);
+              return _context.abrupt("break", 33);
 
             case 32:
-              if ((0, _utils.isValidNaturalNumber)(dataChat === null || dataChat === void 0 ? void 0 : dataChat.id) && (0, _utils.isValidNaturalNumber)(dataChat === null || dataChat === void 0 ? void 0 : dataChat.version) && (0, _utils.isValidNaturalNumber)(dataChat === null || dataChat === void 0 ? void 0 : dataChat.retailerId)) {
-                fileKey += "productStatus/".concat(dataChat.id, "-").concat(dataChat === null || dataChat === void 0 ? void 0 : dataChat.version, "-").concat(dataChat === null || dataChat === void 0 ? void 0 : dataChat.retailerId, "/");
-              } else {
-                errorMessage = "El ID del ticket no es valido";
-              }
-
-              return _context.abrupt("break", 35);
-
-            case 34:
               errorMessage = "El tipo de chat no se especifico de manera correcta";
 
-            case 35:
+            case 33:
               if (!errorMessage) {
                 today = new Date();
                 fileKey += "".concat((0, _uuid.v4)(), "-").concat(today.getTime(), ".").concat((0, _utils.getFileExtension)(file.name));
@@ -292,32 +283,32 @@ var Footer = function Footer(props) {
               };
               fileUploadRequests.push(myBucket.putObject(paramsCreate).promise());
 
-            case 39:
+            case 37:
               _context.next = 12;
               break;
 
-            case 41:
-              _context.next = 46;
+            case 39:
+              _context.next = 44;
               break;
 
-            case 43:
-              _context.prev = 43;
+            case 41:
+              _context.prev = 41;
               _context.t1 = _context["catch"](10);
 
               _iterator.e(_context.t1);
 
-            case 46:
-              _context.prev = 46;
+            case 44:
+              _context.prev = 44;
 
               _iterator.f();
 
-              return _context.finish(46);
+              return _context.finish(44);
 
-            case 49:
-              _context.next = 51;
+            case 47:
+              _context.next = 49;
               return Promise.allSettled(fileUploadRequests);
 
-            case 51:
+            case 49:
               responseAWS = _context.sent;
               responseAWS.forEach(function (responseFile, index) {
                 if (responseFile.status === "rejected") {
@@ -327,11 +318,11 @@ var Footer = function Footer(props) {
                   customFiles[index].uploaded = true;
                 }
               });
-              _context.next = 61;
+              _context.next = 59;
               break;
 
-            case 55:
-              _context.prev = 55;
+            case 53:
+              _context.prev = 53;
               _context.t2 = _context["catch"](7);
               console.log(_context.t2);
               disableSecondaryContainer(false);
@@ -343,21 +334,21 @@ var Footer = function Footer(props) {
               });
               return _context.abrupt("return");
 
-            case 61:
+            case 59:
               // obtener las keys de los files subidos
               items = [];
               index = 0;
 
-            case 63:
+            case 61:
               if (!(index < customFiles.length)) {
-                _context.next = 76;
+                _context.next = 74;
                 break;
               }
 
               _file = customFiles[index];
 
               if (!_file.uploaded) {
-                _context.next = 73;
+                _context.next = 71;
                 break;
               }
 
@@ -367,14 +358,14 @@ var Footer = function Footer(props) {
               }; // caso imagen -> obtener width y height
 
               if (!(_file.itemType === "img")) {
-                _context.next = 72;
+                _context.next = 70;
                 break;
               }
 
-              _context.next = 70;
+              _context.next = 68;
               return (0, _utils.getImageSize)(files[index]);
 
-            case 70:
+            case 68:
               imgSize = _context.sent;
 
               if (imgSize) {
@@ -382,31 +373,31 @@ var Footer = function Footer(props) {
                 valueItem.height = imgSize.height;
               }
 
-            case 72:
+            case 70:
               items.push({
                 type: _file.itemType,
                 value: JSON.stringify(valueItem)
               });
 
-            case 73:
+            case 71:
               index++;
-              _context.next = 63;
+              _context.next = 61;
               break;
 
-            case 76:
+            case 74:
               if (!items.length) {
-                _context.next = 84;
+                _context.next = 82;
                 break;
               }
 
-              _context.next = 79;
+              _context.next = 77;
               return createItemsChat(items);
 
-            case 79:
+            case 77:
               responseError = _context.sent;
 
               if (!responseError) {
-                _context.next = 84;
+                _context.next = 82;
                 break;
               }
 
@@ -419,7 +410,7 @@ var Footer = function Footer(props) {
               disableSecondaryContainer(false);
               return _context.abrupt("return");
 
-            case 84:
+            case 82:
               // obtener los errores de los files no subidos a AWS
               failedFiles = [];
               errorDetailFiles = "";
@@ -448,12 +439,12 @@ var Footer = function Footer(props) {
               disableSecondaryContainer(false);
               setFilesPreview(failedFiles);
 
-            case 90:
+            case 88:
             case "end":
               return _context.stop();
           }
         }
-      }, _callee, null, [[7, 55], [10, 43, 46, 49]]);
+      }, _callee, null, [[7, 53], [10, 41, 44, 47]]);
     }));
 
     return function sendFilesPreview() {

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

@@ -30,8 +30,7 @@ var _jsxRuntime = require("react/jsx-runtime");
 var Chat = function Chat(props) {
   var chatType = props.chatType,
       chatContainerType = props.chatContainerType,
-      _props$chatData = props.chatData,
-      chatData = _props$chatData === void 0 ? {} : _props$chatData,
+      chatData = props.chatData,
       classNameContainerFixed = props.classNameContainerFixed,
       _props$size = props.size,
       size = _props$size === void 0 ? 14 : _props$size;
@@ -47,8 +46,7 @@ var Chat = function Chat(props) {
       setData = _useState4[1];
 
   var _ref = chatData || {},
-      ticketCompany = _ref.ticketCompany,
-      retailerId = _ref.retailerId;
+      ticketCompany = _ref.ticketCompany;
 
   (0, _react.useEffect)(function () {
     switch (chatType) {
@@ -64,10 +62,6 @@ var Chat = function Chat(props) {
         validateChatTicket();
         break;
 
-      case "product_status":
-        validateProductStatus();
-        break;
-
       default:
         setData({
           code: 404,
@@ -77,41 +71,6 @@ var Chat = function Chat(props) {
     }
   }, [chatType]);
 
-  var validateProductStatus = function validateProductStatus() {
-    var userToken = chatData.userToken,
-        id = chatData.id,
-        version = chatData.version,
-        retailerId = chatData.retailerId,
-        status = chatData.status,
-        orderId = chatData.orderId;
-    if (!isValidGeneral(userToken, id)) return; // validar el ID de la cadena asociada al producto en la OT
-
-    if (!(0, _utils.isValidNaturalNumber)(retailerId)) {
-      setDataError("La cadena relacionada al producto no es válida");
-      return;
-    } // validar el ID de la version asociada al producto en la OT
-
-
-    if (!(0, _utils.isValidNaturalNumber)(version)) {
-      setDataError("La versión del producto no es válida");
-      return;
-    }
-
-    if (orderId && !(0, _utils.isValidNaturalNumber)(orderId)) {
-      setDataError("La orden del producto no es válida");
-      return;
-    }
-
-    setData({
-      userToken: userToken,
-      id: id,
-      version: version,
-      retailerId: retailerId,
-      orderId: orderId,
-      status: status
-    });
-  };
-
   var isValidGeneral = function isValidGeneral(userToken, id) {
     // validar token del user
     if ((0, _utils.isStringEmpty)(userToken)) {
@@ -258,9 +217,7 @@ var Chat = function Chat(props) {
         dataChat: data,
         showBtnClose: false,
         ticketCompany: ticketCompany,
-        activeRetailer: props.activeRetailer || {
-          id: retailerId
-        }
+        activeRetailer: props.activeRetailer
       })
     });
   } else {
@@ -292,9 +249,7 @@ var Chat = function Chat(props) {
             onClickBtnClose: function onClickBtnClose() {
               setShowPopUpChat(false);
             },
-            activeRetailer: props.activeRetailer || {
-              id: retailerId
-            }
+            activeRetailer: props.activeRetailer
           })
         })
       })]

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

@@ -16,7 +16,7 @@ var _variables = require("../../../global-files/variables");
 var _templateObject, _templateObject2, _templateObject3;
 
 // Container para chat fixed
-var ContainerFixed = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: auto;\n  max-width: 550px;\n  min-width: 325px;\n  height: 100%;\n  flex-grow: 2;\n  background-color: white;\n  border: 1px solid #f0f0f0;\n  z-index: 1000;\n  padding: 0px;\n  @media (max-width: 1024px) {\n    width: auto;\n    max-width: 100%;\n  }\n  @media (max-width: 600px) {\n    width: 90%;\n    min-width: 300px;\n  }\n"])));
+var ContainerFixed = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: auto;\n  max-width: 550px;\n  min-width: 325px;\n  height: 100%;\n  flex-grow: 2;\n  background-color: white;\n  border: 1px solid #f0f0f0;\n  z-index: 1000;\n  padding: 0px;\n  @media (max-width: 600px) {\n    width: 90%;\n    min-width: 300px;\n  }\n"])));
 
 exports.ContainerFixed = ContainerFixed;
 

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

@@ -43,7 +43,7 @@ var FullProductNameHeader = function FullProductNameHeader(_ref) {
 
   (0, _react.useEffect)(function () {
     var rtls = (headerData === null || headerData === void 0 ? void 0 : headerData.retailers) || (headerData === null || headerData === void 0 ? void 0 : headerData.retailersAvailable);
-    servicesData && (rtls === null || rtls === void 0 ? void 0 : rtls.forEach(function (rt) {
+    servicesData && rtls.forEach(function (rt) {
       var element = [];
       servicesData.forEach(function (sd) {
         if (sd.id_retailer === rt.id) {
@@ -52,7 +52,7 @@ var FullProductNameHeader = function FullProductNameHeader(_ref) {
 
         rt["services"] = element;
       });
-    }));
+    });
     setRetailers(rtls);
   }, [servicesData]);
 

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

@@ -1,30 +1,20 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.InputGroup = void 0;
 
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-
 var _styles = require("./styles");
 
 var _ScreenHeader = require("../../atoms/ScreenHeader");
 
 var _TagAndInput = require("../../molecules/TagAndInput");
 
-var _BoxOnboarding = require("../BoxOnboarding");
-
-var _Box = require("../Box");
-
-var _react = require("react");
-
 var _jsxRuntime = require("react/jsx-runtime");
 
 var InputGroup = function InputGroup(_ref) {
-  var _activeRetailer$retai3, _inputGroup$inputs, _activeRetailer$retai4, _inputGroup$inputs2;
+  var _inputGroup$inputs;
 
   var _ref$inputGroup = _ref.inputGroup,
       inputGroup = _ref$inputGroup === void 0 ? {} : _ref$inputGroup,
@@ -41,11 +31,7 @@ var InputGroup = function InputGroup(_ref) {
       articleId = _ref.articleId,
       version = _ref.version,
       dinamicHeight = _ref.dinamicHeight,
-      compare = _ref.compare,
-      _ref$groupData = _ref.groupData,
-      groupData = _ref$groupData === void 0 ? [] : _ref$groupData,
-      setUpdatedBoxData = _ref.setUpdatedBoxData,
-      activeRetailer = _ref.activeRetailer;
+      compare = _ref.compare;
 
   var inputTypeValue = function inputTypeValue(type) {
     switch (type) {
@@ -60,150 +46,58 @@ var InputGroup = function InputGroup(_ref) {
     }
   };
 
-  var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      showBox = _useState2[0],
-      setShowBox = _useState2[1];
-
   var isEquals = function isEquals(dataInputsVal, auditInputsVal) {
     var result = dataInputsVal === auditInputsVal;
     return result;
   };
 
-  (0, _react.useEffect)(function () {
-    var _activeRetailer$retai;
-
-    if (inputGroup.groupId === "16" && activeRetailer && activeRetailer !== null && activeRetailer !== void 0 && (_activeRetailer$retai = activeRetailer.retailer) !== null && _activeRetailer$retai !== void 0 && _activeRetailer$retai.id) {
-      var _activeRetailer$retai2;
-
-      if ((activeRetailer === null || activeRetailer === void 0 ? void 0 : (_activeRetailer$retai2 = activeRetailer.retailer) === null || _activeRetailer$retai2 === void 0 ? void 0 : _activeRetailer$retai2.id) === 68) {
-        setShowBox(true);
-      } else {
-        setShowBox(false);
-      }
-    }
-  }, [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]);
-
-  console.log("dataInputs", dataInputs);
-  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",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.Box, {
-        inputGroup: inputGroup,
-        dataInputs: dataInputs,
-        onChange: setUpdatedBoxData
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
+    className: activeSection === "Ficha técnica" ? "datasheets-layout" : "descriptions-layout",
+    children: [(inputGroup === null || inputGroup === void 0 ? void 0 : inputGroup.dataGroup) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
+      headerType: "retailer-name-header",
+      text: inputGroup === null || inputGroup === void 0 ? void 0 : inputGroup.dataGroup
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "inputs-container",
+      children: inputGroup === null || inputGroup === void 0 ? void 0 : (_inputGroup$inputs = inputGroup.inputs) === null || _inputGroup$inputs === void 0 ? void 0 : _inputGroup$inputs.map(function (input, index) {
+        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.jsx)(_TagAndInput.TagAndInput, {
+          //disabled={input === 40001}
+          disabled: false,
+          inputId: (_dataInputs$input3 = dataInputs[input]) === null || _dataInputs$input3 === void 0 ? void 0 : _dataInputs$input3.id,
+          version: version,
+          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$input8 = dataInputs[input]) === null || _dataInputs$input8 === void 0 ? void 0 : _dataInputs$input8.required,
+          updatedDatasheets: updatedDatasheets,
+          setUpdatedDatasheets: setUpdatedDatasheets,
+          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) : /*#__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" && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
-      className: activeSection === "Ficha técnica" ? "datasheets-layout" : "descriptions-layout",
-      children: [(inputGroup === null || inputGroup === void 0 ? void 0 : inputGroup.dataGroup) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
-        headerType: "retailer-name-header",
-        text: "".concat(inputGroup === null || inputGroup === void 0 ? void 0 : inputGroup.dataGroup)
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "inputs-container",
-        children: inputGroup === null || inputGroup === void 0 ? void 0 : (_inputGroup$inputs = inputGroup.inputs) === null || _inputGroup$inputs === void 0 ? void 0 : _inputGroup$inputs.map(function (input, index) {
-          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.jsx)(_jsxRuntime.Fragment, {
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TagAndInput.TagAndInput, {
-              //disabled={input === 40001}
-              disabled: false,
-              inputId: (_dataInputs$input3 = dataInputs[input]) === null || _dataInputs$input3 === void 0 ? void 0 : _dataInputs$input3.id,
-              version: version,
-              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$input8 = dataInputs[input]) === null || _dataInputs$input8 === void 0 ? void 0 : _dataInputs$input8.required,
-              updatedDatasheets: updatedDatasheets,
-              setUpdatedDatasheets: setUpdatedDatasheets,
-              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)
-          }) : /*#__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, {
-      className: activeSection === "Ficha técnica" ? "datasheets-layout" : "descriptions-layout",
-      children: [(inputGroup === null || inputGroup === void 0 ? void 0 : inputGroup.dataGroup) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
-        headerType: "retailer-name-header",
-        text: "".concat(inputGroup === null || inputGroup === void 0 ? void 0 : inputGroup.dataGroup)
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "inputs-container",
-        children: inputGroup === null || inputGroup === void 0 ? void 0 : (_inputGroup$inputs2 = inputGroup.inputs) === null || _inputGroup$inputs2 === void 0 ? void 0 : _inputGroup$inputs2.map(function (input, index) {
-          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.jsx)(_jsxRuntime.Fragment, {
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TagAndInput.TagAndInput, {
-              //disabled={input === 40001}
-              disabled: false,
-              inputId: (_dataInputs$input15 = dataInputs[input]) === null || _dataInputs$input15 === void 0 ? void 0 : _dataInputs$input15.id,
-              version: version,
-              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$input20 = dataInputs[input]) === null || _dataInputs$input20 === void 0 ? void 0 : _dataInputs$input20.required,
-              updatedDatasheets: updatedDatasheets,
-              setUpdatedDatasheets: setUpdatedDatasheets,
-              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$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/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    }\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;