contentoh-components-library 21.4.61 → 21.4.62

package/dist/components/molecules/BoxAttribute/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: flex;\n  align-items: center;\n  gap:4px;\n  #atr-alto {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n  .caja-borde {\n    font-family: ", ", sans-serif;\n    font-size: 12px;\n    line-height: 1.2;\n    border-radius: ", ";\n  }\n  span {\n    font-family: ", ", sans-serif;\n    font-size: 12px;\n    line-height: 1.2;\n    font-weight: 600;\n  }\n  .icon {\n    width: 8px;\n    height: 8px;\n  }\n  .required-text {\n    color: red;\n  }\n\n\n  \n"])), _variables.FontFamily.RobotoMedium, function (_ref) {
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: center;\n  gap:4px;\n  #atr-alto {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n  .caja-borde {\n    font-family: ", ", sans-serif;\n    font-size: 12px;\n    line-height: 1.2;\n    border-radius: ", ";\n  }\n  span {\n    font-family: ", ", sans-serif;\n    font-size: 12px;\n    line-height: 1.2;\n    font-weight: 600;\n  }\n  .icon {\n    width: 8px;\n    height: 8px;\n  }\n  .required-text {\n    color: red;\n  }\n"])), _variables.FontFamily.RobotoMedium, function (_ref) {
   var borderType = _ref.borderType;
   return (borderType === null || borderType === void 0 ? void 0 : borderType.toLowerCase()) === "rectangle" ? "5px" : (borderType === null || borderType === void 0 ? void 0 : borderType.toLowerCase()) === "circle" ? "50%" : "none";
 }, _variables.FontFamily.RobotoMedium);

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

@@ -17,6 +17,7 @@ var BoxButtons = function BoxButtons(_ref) {
       onDelete = _ref.onDelete,
       isTheFirstBox = _ref.isTheFirstBox,
       index = _ref.index;
+  console.log("index", index);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
     index: index,
     children: [!isTheFirstBox && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Button, {

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

@@ -1,16 +1,24 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TagAndInput = void 0;
 
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
 var _styles = require("./styles");
 
 var _index = require("../../atoms/ScreenHeader/index");
 
 var _index2 = require("../../atoms/GeneralInput/index");
 
+var _react = require("react");
+
 var _jsxRuntime = require("react/jsx-runtime");
 
 var TagAndInput = function TagAndInput(_ref) {
@@ -39,11 +47,51 @@ var TagAndInput = function TagAndInput(_ref) {
       disabled = _ref.disabled,
       onKeyDown = _ref.onKeyDown,
       showTooltip = _ref.showTooltip,
-      auditClass = _ref.auditClass;
+      auditClass = _ref.auditClass,
+      onChange = _ref.onChange,
+      dataInputs = _ref.dataInputs,
+      inputGroup = _ref.inputGroup,
+      boxOnboardingData = _ref.boxOnboardingData;
+
+  var _useState = (0, _react.useState)(boxOnboardingData || []),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      boxOnboardingList = _useState2[0],
+      setBoxOnboardingList = _useState2[1];
+
+  (0, _react.useEffect)(function () {
+    var temp = {};
+    var maxBoxId = 0;
+    inputGroup === null || inputGroup === void 0 ? void 0 : inputGroup.inputs.forEach(function (attrId) {
+      if (!dataInputs[attrId].box) return;
+      Object.entries(dataInputs[attrId].box).forEach(function (_ref2) {
+        var _ref3 = (0, _slicedToArray2.default)(_ref2, 2),
+            boxId = _ref3[0],
+            value = _ref3[1];
+
+        if (boxId > maxBoxId) maxBoxId = boxId;
+        if (!temp[boxId]) temp[boxId] = {};
+        temp[boxId][attrId] = value;
+      });
+    });
+    var tempList = Object.values(temp);
+
+    if (tempList.length > 0) {
+      setBoxOnboardingList(tempList.map(function (value, index) {
+        return index === tempList.length - 1 ? {
+          value: value
+        } : {
+          value: value
+        };
+      }));
+    }
+  }, []);
+  (0, _react.useEffect)(function () {
+    onChange && onChange(boxOnboardingList);
+  }, [boxOnboardingList]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
     inputType: inputType,
     className: "input-container",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    children: [(label === null || label === void 0 ? void 0 : label.length) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "title-container",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ScreenHeader, {
         text: label,
@@ -76,7 +124,20 @@ var TagAndInput = function TagAndInput(_ref) {
       description: description,
       inputOnChange: inputOnChange,
       onKeyDown: onKeyDown,
-      auditClass: auditClass
+      auditClass: auditClass,
+      onChange: function onChange(e) {
+        setBoxOnboardingList(function (prev) {
+          return prev.map(function (box, i) {
+            if (i != index) {
+              return box;
+            }
+
+            return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, box), {}, {
+              value: e
+            });
+          });
+        });
+      }
     })]
   }, "generalTagInput-".concat(inputType));
 };

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

@@ -1,20 +1,30 @@
 "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 _inputGroup$inputs;
+  var _activeRetailer$retai3, _inputGroup$inputs, _activeRetailer$retai4, _inputGroup$inputs2;
 
   var _ref$inputGroup = _ref.inputGroup,
       inputGroup = _ref$inputGroup === void 0 ? {} : _ref$inputGroup,
@@ -31,7 +41,11 @@ var InputGroup = function InputGroup(_ref) {
       articleId = _ref.articleId,
       version = _ref.version,
       dinamicHeight = _ref.dinamicHeight,
-      compare = _ref.compare;
+      compare = _ref.compare,
+      _ref$groupData = _ref.groupData,
+      groupData = _ref$groupData === void 0 ? [] : _ref$groupData,
+      setUpdatedBoxData = _ref.setUpdatedBoxData,
+      activeRetailer = _ref.activeRetailer;
 
   var inputTypeValue = function inputTypeValue(type) {
     switch (type) {
@@ -46,58 +60,149 @@ 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;
   };
 
-  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);
+  (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]);
+
+  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
       })
+    }), 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/pages/ProviderProductEdition/ProviderProductEdition.stories.js

@@ -31,164 +31,86 @@ ProviderProductEditionDefault.args = {
     "Ficha técnica": false,
     Imágenes: false
   },
-  token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJmNTkyN2Y4ZS1jYmY3LTQ5MjItOWUwOS1lNjllYzBiMjczMWEiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6ImY1OTI3ZjhlLWNiZjctNDkyMi05ZTA5LWU2OWVjMGIyNzMxYSIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiIwZmUxYTZjMS05MzcyLTRiNjktOTgwMi1lN2QxOGM2MzU4YzQiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY5MzMzODMzMiwibmFtZSI6IklzbWFlbCBMb3BleiIsInBob25lX251bWJlciI6Iis1MjMxMTEzNjYzMzYiLCJleHAiOjE2OTMzNDE5MzIsImlhdCI6MTY5MzMzODMzMiwiZW1haWwiOiJpbG9wZXpAY29udGVudG9oLmNvbSJ9.lQwTS_RbJalEPmmpWcBsVYd8xx4tkw3U6uyW_laE6ucyHQpXSXYMfadAxxV2PZ5ObbgmX98nFKj32E2F4CxHxw3W7B1Wj7ZoGML409GjlylQ1RuVVHjwTw0OH5TtveV1JNNpts0belvzxbk5vX9E1vKoZLOKn8gO9yaFe0YawKjS0hW-P4NcjIonsNJ5KWMsh0fJCM2oAKAk8oAGZcszYHknMPF6ahf-fWeboVuK89UEsKlQukr7W8fnIePFI8aSlKM1nG0I7nOT_1734Pf-A9QQDXEwhfj8NMHHICb2c_ECgHPEspM9VxIR6Lbws-gCTSG6FTMjsIFKU3EqaQvlVw",
-  articleId: 39485,
-  category: 11,
-  version: 3,
+  token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJmNTkyN2Y4ZS1jYmY3LTQ5MjItOWUwOS1lNjllYzBiMjczMWEiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6ImY1OTI3ZjhlLWNiZjctNDkyMi05ZTA5LWU2OWVjMGIyNzMxYSIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiIyM2Q1NTlmYi1jMzIwLTRhMjItYjJmNy1lOThhYTFhZGEyNmYiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY4MzkyNjgyMSwibmFtZSI6IklzbWFlbCBMb3BleiIsInBob25lX251bWJlciI6Iis1MjMxMTEzNjYzMzYiLCJleHAiOjE2ODM5MzA0MjEsImlhdCI6MTY4MzkyNjgyMSwiZW1haWwiOiJpbG9wZXpAY29udGVudG9oLmNvbSJ9.TvCoaKoctj5mypXWMz3NyV1Vm1ToBV0vJmpVyZSQw4-ikTChkxcZ5tFYvqhk1GdvNCFttfSQIqM-14dAYYBc28YwwKP86gqOuzB1fG41rN5x1Yx3tkJq6hiVRgiBbSHWtThA9c8VnxNQbrJiaRTvvkDiM5KNTEst1oxQHL5Ct9_iKQMJMRFie7Xv0xnyS0qZ6QHK4Q2A9OHsnDkAuumALZJcE19Zh6VgSitgWrZiz3x5Text4Q-U-R48NUAzUFirAzYZzJN_fCme5pGf1AnUaZjeUjPsmrV5TBVzPEYwXO0KG8lYjL8id80D7tbGs28ZIK6B4rf3-eqI_ngmBB4CjQ",
+  articleId: 39550,
+  category: 287,
+  version: 1,
   productSelected: {
-    orderId: 15275,
-    status: "AA",
-    datasheet_status: "AA",
-    prio: "none",
-    version: 3,
-    description_status: "AA",
-    images_status: "AA",
-    brand: null,
-    retailerOrder: 0,
-    missing: {
-      datasheet: null,
-      descriptions: null,
-      images: null
-    },
-    services: {
-      datasheets: 1,
-      descriptions: 1,
-      images: 1
-    },
-    article: {
-      category: "Abarrotes|Abarrotes Secos|Frutos Secos",
-      company_name: "GRUPO BRAHMA",
-      country: "México",
-      id_category: "11",
-      id_datasheet_especialist: 54,
-      id_datasheet_facilitator: 52,
-      id_description_especialist: 54,
-      id_description_facilitator: 52,
-      id_images_especialist: 55,
-      id_images_facilitator: 53,
-      id_order: 15275,
-      id_article: 39485,
-      id_auditor: 37,
-      name: "Mix de nueces",
-      timestamp: "2023-07-14T21:03:19.000Z",
-      upc: "7543453453"
-    },
-    retailers: [{
-      id: 34,
-      name: "San Pablo"
-    }],
-    statusByRetailer: {
-      34: {
-        datasheet: "AA",
-        description: "AA",
-        images: "AA"
-      }
-    },
+    id_article: 39550,
+    upc: 43654697,
+    name: "Campana de Cocina",
+    timestamp: "2023-08-04T22:23:40.000Z",
+    categoryName: "Ferretería|Ferretería General|Tornillos, Tuercas y Arandelas",
+    id_category: 287,
+    version: 1,
     retailersAvailable: [{
-      id: 34,
-      name: "San Pablo"
+      name: "The Home Depot Golden",
+      "id": 58
+    }, {
+      name: "The Home Depot Onboarding",
+      "id": 68
     }],
-    categoryName: "Abarrotes|Abarrotes Secos|Frutos Secos",
-    upc: "7543453453",
-    id_article: 39485,
-    id_order: 15275
+    percentage: "89"
   },
   productToEdit: {
-    ArticleId: 39485,
-    idCategory: "11",
-    product: {
-      orderId: 15275,
-      status: "AA",
-      datasheet_status: "AA",
-      prio: "none",
-      version: 3,
-      description_status: "AA",
-      images_status: "AA",
-      brand: null,
-      retailerOrder: 0,
-      missing: {
-        datasheet: null,
-        descriptions: null,
-        images: null
-      },
-      services: {
-        datasheets: 1,
-        descriptions: 1,
-        images: 1
-      },
-      article: {
-        category: "Abarrotes|Abarrotes Secos|Frutos Secos",
-        company_name: "GRUPO BRAHMA",
-        country: "México",
-        id_category: "11",
-        id_datasheet_especialist: 54,
-        id_datasheet_facilitator: 52,
-        id_description_especialist: 54,
-        id_description_facilitator: 52,
-        id_images_especialist: 55,
-        id_images_facilitator: 53,
-        id_order: 15275,
-        id_article: 39485,
-        id_auditor: 37,
-        name: "Mix de nueces",
-        timestamp: "2023-07-14T21:03:19.000Z",
-        upc: "7543453453"
-      },
-      retailers: [{
-        id: 34,
-        name: "San Pablo"
-      }],
-      statusByRetailer: {
-        34: {
-          datasheet: "AA",
-          description: "AA",
-          images: "AA"
-        }
-      },
+    idCategory: 287,
+    ArticleId: 39550,
+    product: [{
+      id_article: 39550,
+      upc: 43654697,
+      name: "Campana de Cocina",
+      timestamp: "2023-08-04T22:23:40.000Z",
+      categoryName: "Ferretería|Ferretería General|Tornillos, Tuercas y Arandelas",
+      id_category: 287,
+      version: 1,
       retailersAvailable: [{
-        id: 34,
-        name: "San Pablo"
+        name: "The Home Depot Golden",
+        id: 58,
+        percentage: 100
+      }, {
+        name: "The Home Depot Onboarding",
+        id: 68,
+        percentage: 78
       }],
-      categoryName: "Abarrotes|Abarrotes Secos|Frutos Secos",
-      upc: "7543453453",
-      id_article: 39485,
-      id_order: 15275
-    }
+      percentage: "89"
+    }]
   },
   location: {
     pathname: "/EditProducts",
     search: "",
     hash: "",
     state: {
+      withChat: true,
+      chatType: "product_status",
       origin: "RequestWithContentoh"
     },
     key: "24vwut"
   },
   user: {
-    id_user: 28,
-    name: "Ismael",
-    last_name: "López",
-    email: "ilopez@contentoh.com",
-    position: "Test States",
-    telephone: "+523111366336",
+    id_user: 191,
+    name: "Demo",
+    last_name: "Demo",
+    email: "merchants24feb@allfreemail.net",
+    position: "Test",
+    telephone: "+52123456789",
     country: "México",
-    id_company: 1,
-    id_cognito: "f5927f8e-cbf7-4922-9e09-e69ec0b2731a",
+    id_company: 923,
+    id_cognito: "c3cd160c-76c2-497c-9357-5ef949307e1e",
     birth_Date: null,
-    about_me: "",
-    zip_code: "",
-    address: "",
-    job: "",
-    id_stripe: "cus_KuEt6R6vwmN09f",
+    about_me: null,
+    zip_code: null,
+    address: null,
+    job: null,
+    id_stripe: null,
     id_role: 0,
     active: 1,
     is_retailer: 0,
     email_notify: 1,
-    is_user_tech: "ADMIN-AS",
+    is_user_tech: null,
     membership: {
-      id: 76,
-      start_date: "2022-01-18T17:25:35.000Z",
-      end_date: "2023-01-18T17:25:35.000Z",
+      id: 114,
+      start_date: "2023-02-24T18:14:43.000Z",
+      end_date: "2024-02-24T18:14:43.000Z",
       planID: 8,
       plan: "prod_KtlhECVSFG2iro",
       name: "Plan Pro",
@@ -196,23 +118,37 @@ ProviderProductEditionDefault.args = {
       products_limit: "5000",
       type: "Enterprise"
     },
-    src: "https://content-management-profile.s3.amazonaws.com/id-28/28.png?1693338334183"
+    src: "https://content-management-profile.s3.amazonaws.com/id-191/191.png?1697171804447"
   },
   company: {
-    id_company: 1,
-    trade_name: "GRUPO BRAHMA",
-    company_name: "GRUPO BRAHMA",
-    rfc: "XAXX010101000",
-    adress: "AA",
-    about_company: "",
-    telephone: "",
-    web_site: "",
-    zip_code: "",
+    id_company: 923,
+    trade_name: "Demo",
+    company_name: "Demo",
+    rfc: "Demo",
+    adress: "Demo",
+    about_company: null,
+    telephone: null,
+    web_site: null,
+    zip_code: null,
     email: null,
-    social_link: "",
+    social_link: null,
     is_retailer: 0,
-    financedRetailers: [],
-    retailers: []
+    financedRetailers: [{
+      id: 68,
+      name: "The Home Depot Onboarding",
+      country: "México",
+      id_region: 1,
+      active: 1,
+      flow: 1
+    }],
+    retailers: [{
+      id: 68,
+      name: "The Home Depot Onboarding",
+      country: "México",
+      id_region: 1,
+      "active": 1,
+      flow: 1
+    }]
   },
   showSurvey: function showSurvey(v) {
     return v && alert("se muestra");