contentoh-components-library 21.3.21 → 21.3.23

package/.env.development

@@ -24,6 +24,7 @@ REACT_APP_PENDING_INVITATIONS=https://fc069ovhuk.execute-api.us-east-1.amazonaws
 REACT_APP_PRODUCTS_CHAT_ENDPOINT=https://fc069ovhuk.execute-api.us-east-1.amazonaws.com/dev/products-chat
 REACT_APP_TICKETS_CHAT_ENDPOINT=https://ocqbzaa4a2.execute-api.us-east-1.amazonaws.com/dev/ticket-chat
 REACT_APP_IMAGES_ENDPOINT=https://content-management-images.s3.amazonaws.com
+REACT_APP_GET_AUDIT=https://fc069ovhuk.execute-api.us-east-1.amazonaws.com/dev/version-manager
 
 REACT_APP_IMAGES_BUCKET=content-management-images
 REACT_APP_IMAGES_PROFILE_BUCKET=content-management-profile
@@ -31,5 +32,3 @@ REACT_APP_KUTS3=AKIA5CPHLQTTS22HCGHW
 REACT_APP_AKUTS3=RSpwEaM0fsLEgN7BJzRyCKqyU0lNExTsPUvxyNXm
 REACT_APP_USER_POOL_ID=us-east-1_XMZQdqkGj
 REACT_APP_USER_POOL_WEB_CLIENT_ID=5ac8tpgs6gbsq13frvrpieep40
-REACT_APP_KEY_UPLOAD_TO_S3=AKIA5CPHLQTTYNYWQ2TM
-REACT_APP_ACCESS_KEY_UPLOAD_TO_S3=zGYWR4rW52rqg1bW1CrC00zBXv2od0mNCF8WGcvr

package/dist/components/atoms/GeneralInput/index.js

@@ -42,7 +42,8 @@ var GeneralInput = function GeneralInput(_ref) {
       description = _ref.description,
       inputOnChange = _ref.inputOnChange,
       disabled = _ref.disabled,
-      onKeyDown = _ref.onKeyDown;
+      onKeyDown = _ref.onKeyDown,
+      auditClass = _ref.auditClass;
 
   var _useState = (0, _react.useState)({
     value: inputValue
@@ -128,6 +129,7 @@ var GeneralInput = function GeneralInput(_ref) {
 
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
     isRequired: requiredEmpty,
+    className: auditClass,
     children: [(optionList === null || optionList === void 0 ? void 0 : optionList.length) > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("select", {
       id: "dropdown".concat(inputId),
       onChange: function onChange(e) {

package/dist/components/atoms/GeneralInput/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  width: 100%;\n\n  > div {\n    label {\n      &:before {\n        outline: 1px solid ", ";\n      }\n    }\n  }\n\n  input,\n  textarea {\n    width: 100%;\n    border: 1px solid\n      ", ";\n\n    font-family: ", ";\n    color: ", ";\n    font-weight: normal;\n    font-size: 12px;\n    line-height: 15px;\n    padding: 10px;\n    outline: none;\n    border-radius: 2px;\n    resize: none;\n\n    &:focus {\n      border: 1px solid ", ";\n    }\n  }\n\n  select {\n    background: #fafafa;\n    outline: none;\n    border: 1px solid\n      ", ";\n    width: 100%;\n    cursor: pointer;\n    font-family: ", ";\n    color: ", ";\n    font-size: 12px;\n    line-height: 21px;\n    padding: 10px;\n    border-right: 2px solid #e33aa9;\n\n    &:focus {\n      border: 1px solid ", ";\n    }\n  }\n\n  p {\n    font-family: ", ";\n    font-size: 12px;\n    color: ", ";\n  }\n"])), function (_ref) {
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n\n  > div {\n    label {\n      &:before {\n        outline: 1px solid ", ";\n      }\n    }\n  }\n\n  input,\n  textarea {\n    width: 100%;\n    border: 1px solid\n      ", ";\n\n    font-family: ", ";\n    color: ", ";\n    font-weight: normal;\n    font-size: 12px;\n    line-height: 15px;\n    padding: 10px;\n    outline: none;\n    border-radius: 2px;\n    resize: none;\n\n    &:focus {\n      border: 1px solid ", ";\n    }\n  }\n\n  select {\n    background: #fafafa;\n    outline: none;\n    border: 1px solid\n      ", ";\n    width: 100%;\n    cursor: pointer;\n    font-family: ", ";\n    color: ", ";\n    font-size: 12px;\n    line-height: 21px;\n    padding: 10px;\n    border-right: 2px solid #e33aa9;\n\n    &:focus {\n      border: 1px solid ", ";\n    }\n  }\n\n  p {\n    font-family: ", ";\n    font-size: 12px;\n    color: ", ";\n  }\n\n  &.audit-class {\n    input,\n    .quill {\n      border: 1px solid #8a6caa;\n      background-color: #ededfc;\n    }\n  }\n"])), function (_ref) {
   var isRequired = _ref.isRequired;
   return isRequired ? "red" : "none";
 }, function (_ref2) {

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

@@ -26,6 +26,8 @@ var _Select = _interopRequireDefault(require("../../atoms/Select"));
 var _jsxRuntime = require("react/jsx-runtime");
 
 var GalleryElement = function GalleryElement(_ref) {
+  var _auditImages$values$n;
+
   var _ref$validation = _ref.validation,
       validation = _ref$validation === void 0 ? "null-button" : _ref$validation,
       image = _ref.image,
@@ -42,7 +44,9 @@ var GalleryElement = function GalleryElement(_ref) {
       changeImage = _ref.changeImage,
       selectedImages = _ref.selectedImages,
       setSelectedImages = _ref.setSelectedImages,
-      setCheckAll = _ref.setCheckAll;
+      setCheckAll = _ref.setCheckAll,
+      auditImages = _ref.auditImages,
+      compare = _ref.compare;
 
   var _useState = (0, _react.useState)(validation),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -82,8 +86,13 @@ var GalleryElement = function GalleryElement(_ref) {
       document.addEventListener("click", closeValidationPanel, false);
     }
   }, [showValidationPanel]);
+
+  var isEquals = function isEquals(value, auditValue) {
+    return !value === auditValue;
+  };
+
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
-    className: gridLayout ? "grid-gallery" : "row-gallery",
+    className: "".concat(gridLayout ? "grid-gallery" : "row-gallery", " ").concat(!isEquals(image.uuid, auditImages === null || auditImages === void 0 ? void 0 : auditImages.values[number].uuid) && compare ? "audit-class" : ""),
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "buttons-container",
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CheckBox.CheckBox, {
@@ -96,7 +105,7 @@ var GalleryElement = function GalleryElement(_ref) {
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "image-container",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ProductImage.ProductImage, {
-        img: image === null || image === void 0 ? void 0 : image.src,
+        img: compare ? auditImages === null || auditImages === void 0 ? void 0 : (_auditImages$values$n = auditImages.values[number]) === null || _auditImages$values$n === void 0 ? void 0 : _auditImages$values$n.src : image === null || image === void 0 ? void 0 : image.src,
         altText: image === null || image === void 0 ? void 0 : image.altText,
         imageType: "catalogue-image-".concat(gridLayout ? "big" : "small", "-size")
       }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {

package/dist/components/molecules/GalleryElement/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  &.grid-gallery {\n    position: relative;\n    width: 179px;\n    border-radius: 3px;\n    overflow: hidden;\n\n    .buttons-container {\n      position: absolute;\n      top: 5px;\n      left: 5px;\n      width: 100%;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n    }\n\n    .image-container {\n      border: 1px solid #f0eef2;\n\n      .information-container {\n        background-color: ", ";\n        display: flex;\n        justify-content: space-between;\n        padding: 0 2px;\n\n        p {\n          font-family: ", ";\n          color: ", ";\n          font-size: 11px;\n          line-height: 17px;\n        }\n      }\n    }\n  }\n\n  &.row-gallery {\n    display: flex;\n    align-items: center;\n    padding-right: 10px;\n\n    .buttons-container {\n      position: relative;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n    }\n\n    .image-container {\n      display: flex;\n      align-items: center;\n      flex: 1;\n      .information-container {\n        display: flex;\n        flex: 1;\n\n        p {\n          font-family: ", ";\n          color: ", ";\n          font-size: 14px;\n          line-height: 17px;\n          text-align: center;\n\n          &.highlighted-data {\n            font-family: ", ";\n            color: ", ";\n            background-color: ", ";\n            border-radius: 3px;\n            font-weight: 600;\n            font-size: 11px;\n            line-height: 18px;\n            padding: 0 10px;\n          }\n\n          &:nth-child(1) {\n            //min-width: calc(20% - 76px);\n            //flex: 1 0 20%;\n            min-width: 22%;\n          }\n\n          &:nth-child(2),\n          &:nth-child(3) {\n            text-align: center;\n          }\n          &:nth-child(2) {\n            max-width: 90px;\n            min-width: 90px;\n          }\n          &:nth-child(3) {\n            max-width: 60px;\n            min-width: 60px;\n          }\n          /* &:nth-child(4) {\n            max-width: 90px;\n            min-width: 90px;\n          }\n          &:nth-child(5) {\n            max-width: 80px;\n            min-width: 80px;\n          } */\n        }\n\n        & > * {\n          flex: 1;\n          padding: 5px;\n        }\n      }\n    }\n  }\n"])), _variables.GlobalColors.s2, _variables.FontFamily.Lato, _variables.GlobalColors.s4, _variables.FontFamily.Lato, _variables.GlobalColors.s4, _variables.FontFamily.AvenirNext, _variables.GlobalColors.s5, _variables.GlobalColors.s2);
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  &.grid-gallery {\n    position: relative;\n    width: 179px;\n    border-radius: 3px;\n    overflow: hidden;\n\n    .buttons-container {\n      position: absolute;\n      top: 5px;\n      left: 5px;\n      width: 100%;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n    }\n\n    .image-container {\n      border: 1px solid #f0eef2;\n\n      .information-container {\n        background-color: ", ";\n        display: flex;\n        justify-content: space-between;\n        padding: 0 2px;\n\n        p {\n          font-family: ", ";\n          color: ", ";\n          font-size: 11px;\n          line-height: 17px;\n        }\n      }\n    }\n  }\n\n  &.row-gallery {\n    display: flex;\n    align-items: center;\n    padding-right: 10px;\n\n    .buttons-container {\n      position: relative;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n    }\n\n    .image-container {\n      display: flex;\n      align-items: center;\n      flex: 1;\n      .information-container {\n        display: flex;\n        flex: 1;\n\n        p {\n          font-family: ", ";\n          color: ", ";\n          font-size: 14px;\n          line-height: 17px;\n          text-align: center;\n\n          &.highlighted-data {\n            font-family: ", ";\n            color: ", ";\n            background-color: ", ";\n            border-radius: 3px;\n            font-weight: 600;\n            font-size: 11px;\n            line-height: 18px;\n            padding: 0 10px;\n          }\n\n          &:nth-child(1) {\n            //min-width: calc(20% - 76px);\n            //flex: 1 0 20%;\n            min-width: 22%;\n          }\n\n          &:nth-child(2),\n          &:nth-child(3) {\n            text-align: center;\n          }\n          &:nth-child(2) {\n            max-width: 90px;\n            min-width: 90px;\n          }\n          &:nth-child(3) {\n            max-width: 60px;\n            min-width: 60px;\n          }\n          /* &:nth-child(4) {\n            max-width: 90px;\n            min-width: 90px;\n          }\n          &:nth-child(5) {\n            max-width: 80px;\n            min-width: 80px;\n          } */\n        }\n\n        & > * {\n          flex: 1;\n          padding: 5px;\n        }\n      }\n    }\n  }\n\n  &.audit-class{\n    border: 1px solid #8a6caa;\n    background-color: #ededfc;\n  }\n"])), _variables.GlobalColors.s2, _variables.FontFamily.Lato, _variables.GlobalColors.s4, _variables.FontFamily.Lato, _variables.GlobalColors.s4, _variables.FontFamily.AvenirNext, _variables.GlobalColors.s5, _variables.GlobalColors.s2);
 
 exports.Container = Container;

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

@@ -19,9 +19,8 @@ var _jsxRuntime = require("react/jsx-runtime");
 
 var HeaderTop = function HeaderTop(_ref) {
   var setHeaderTop = _ref.setHeaderTop,
-      withChat = _ref.withChat,
-      productSelected = _ref.productSelected,
-      token = _ref.token;
+      auditableVersion = _ref.auditableVersion,
+      setCompare = _ref.setCompare;
   var headerTop = (0, _react.useRef)();
   (0, _react.useEffect)(function () {
     setHeaderTop && setHeaderTop(headerTop.current.clientHeight);
@@ -31,18 +30,17 @@ var HeaderTop = function HeaderTop(_ref) {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ScreenHeader, {
       text: "Edici\xF3n de producto"
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: "buttons-top",
-      children: [withChat && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chat.Chat, {
-        chatType: "merchant_product",
-        chatContainerType: "popUp",
-        chatData: {
-          userToken: token,
-          id: productSelected.id_article,
-          version: productSelected.version
-        },
-        size: 18
+      className: "buttons-container",
+      children: [auditableVersion && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Button, {
+        buttonType: "general-white-button circular-button",
+        label: "A|B",
+        onClick: function onClick() {
+          setCompare(function (current) {
+            return !current;
+          });
+        }
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Button, {
-        buttonType: "close-button",
+        buttonType: "general-white-button close-button",
         onClick: function onClick() {
           window.location.href = "/products";
         }

package/dist/components/molecules/HeaderTop/styles.js

@@ -13,6 +13,6 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _templateObject;
 
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  justify-content: space-between;\n  .buttons-top {\n    display: flex;\n    align-items: center;\n  }\n"])));
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  justify-content: space-between;\n<<<<<<< HEAD\n  .buttons-top {\n    display: flex;\n    align-items: center;\n=======\n  padding-top: 10px;\n\n  .buttons-container {\n    display: flex;\n\n    button {\n      width: 30px;\n      height: 30px;\n      border: 1px solid #f0f0f0;\n      background-size: 20px;\n      padding: 0;\n\n      & + * {\n        margin-left: 10px;\n      }\n    }\n>>>>>>> versionManager\n  }\n"])));
 
 exports.Container = Container;

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

@@ -11,6 +11,8 @@ 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) {
@@ -38,7 +40,8 @@ var TagAndInput = function TagAndInput(_ref) {
       color = _ref.color,
       disabled = _ref.disabled,
       onKeyDown = _ref.onKeyDown,
-      showTooltip = _ref.showTooltip;
+      showTooltip = _ref.showTooltip,
+      auditClass = _ref.auditClass;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
     inputType: inputType,
     className: "input-container",
@@ -74,7 +77,8 @@ var TagAndInput = function TagAndInput(_ref) {
       optionList: optionList,
       description: description,
       inputOnChange: inputOnChange,
-      onKeyDown: onKeyDown
+      onKeyDown: onKeyDown,
+      auditClass: auditClass
     })]
   }, "generalTagInput-".concat(inputType));
 };

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

@@ -212,7 +212,6 @@ var ContentChat = function ContentChat(props) {
   }, [startUpdate]); // ejecutar update
 
   (0, _react.useEffect)(function () {
-    // if (runUpdate == 0) return;
     if (chatType === "merchant_product") {
       if (singleChat.items) getUpdateLatestMerchantProduct();else getInitialMerchantProduct();
     } else if (chatType === "order_product") {
@@ -824,6 +823,15 @@ var ContentChat = function ContentChat(props) {
           switch (_context9.prev = _context9.next) {
             case 0:
               fromUpdate = _args9.length > 0 && _args9[0] !== undefined ? _args9[0] : false;
+
+              if (!(singleChat.statusChat === "closed")) {
+                _context9.next = 3;
+                break;
+              }
+
+              return _context9.abrupt("return");
+
+            case 3:
               dataUser = {
                 id: (_dataChat$currentUser9 = dataChat.currentUser) === null || _dataChat$currentUser9 === void 0 ? void 0 : _dataChat$currentUser9.id,
                 companyId: (_dataChat$currentUser10 = dataChat.currentUser) === null || _dataChat$currentUser10 === void 0 ? void 0 : _dataChat$currentUser10.companyId,
@@ -836,12 +844,12 @@ var ContentChat = function ContentChat(props) {
                 currentUser: (0, _utils.encodeUriJson)(dataUser),
                 currentItemsFront: (0, _utils.encodeUriJson)(getItemsIdSingleChat())
               };
-              _context9.next = 5;
+              _context9.next = 7;
               return (0, _handle_http.fetchGET)(process.env.REACT_APP_TICKETS_CHAT_ENDPOINT, paramsQuery, {
                 Authorization: (_dataChat$currentUser12 = dataChat.currentUser) === null || _dataChat$currentUser12 === void 0 ? void 0 : _dataChat$currentUser12.token
               });
 
-            case 5:
+            case 7:
               response = _context9.sent;
               //programar update en 20s
               setStartUpdate(function (prev) {
@@ -849,7 +857,7 @@ var ContentChat = function ContentChat(props) {
               });
 
               if (response.body) {
-                _context9.next = 11;
+                _context9.next = 13;
                 break;
               }
 
@@ -873,7 +881,7 @@ var ContentChat = function ContentChat(props) {
               });
               return _context9.abrupt("return");
 
-            case 11:
+            case 13:
               // limpiar error update
               if (errorUpdate.startDate) {
                 setErrorUpdate({});
@@ -885,19 +893,19 @@ var ContentChat = function ContentChat(props) {
               updateAllUsers(response.body.users); // actualizar los items del chat
 
               if (!(response.body.items.length === 0)) {
-                _context9.next = 16;
+                _context9.next = 18;
                 break;
               }
 
               return _context9.abrupt("return");
 
-            case 16:
+            case 18:
               newSingleChat = (0, _objectSpread3.default)({}, singleChat);
               newSingleChat.items = addNewItemsChat(newSingleChat.items, response.body.items, fromUpdate);
               newSingleChat.statusChat = response.body.data.statusChat;
               setSingleChat(newSingleChat);
 
-            case 20:
+            case 22:
             case "end":
               return _context9.stop();
           }

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

@@ -63,8 +63,8 @@ var S3_BUCKET = process.env.REACT_APP_IMAGES_BUCKET;
 var REGION = "us-east-1";
 
 _awsSdk.default.config.update({
-  accessKeyId: process.env.REACT_APP_KEY_UPLOAD_TO_S3,
-  secretAccessKey: process.env.REACT_APP_ACCESS_KEY_UPLOAD_TO_S3
+  accessKeyId: process.env.REACT_APP_KUTS3,
+  secretAccessKey: process.env.REACT_APP_AKUTS3
 });
 
 var myBucket = new _awsSdk.default.S3({

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

@@ -18,16 +18,20 @@ var InputGroup = function InputGroup(_ref) {
 
   var _ref$inputGroup = _ref.inputGroup,
       inputGroup = _ref$inputGroup === void 0 ? {} : _ref$inputGroup,
+      auditInputGroup = _ref.auditInputGroup,
       activeSection = _ref.activeSection,
       _ref$dataInputs = _ref.dataInputs,
       dataInputs = _ref$dataInputs === void 0 ? {} : _ref$dataInputs,
+      _ref$auditInputs = _ref.auditInputs,
+      auditInputs = _ref$auditInputs === void 0 ? {} : _ref$auditInputs,
       updatedDescriptions = _ref.updatedDescriptions,
       setUpdatedDescriptions = _ref.setUpdatedDescriptions,
       updatedDatasheets = _ref.updatedDatasheets,
       setUpdatedDatasheets = _ref.setUpdatedDatasheets,
       articleId = _ref.articleId,
       version = _ref.version,
-      dinamicHeight = _ref.dinamicHeight;
+      dinamicHeight = _ref.dinamicHeight,
+      compare = _ref.compare;
 
   var inputTypeValue = function inputTypeValue(type) {
     switch (type) {
@@ -42,6 +46,11 @@ var InputGroup = function InputGroup(_ref) {
     }
   };
 
+  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, {
@@ -50,7 +59,7 @@ 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, _dataInputs$input8, _dataInputs$input9, _dataInputs$input10, _dataInputs$input11, _dataInputs$input12;
+        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}
@@ -59,7 +68,7 @@ var InputGroup = function InputGroup(_ref) {
           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: (_dataInputs$input7 = dataInputs[input]) === null || _dataInputs$input7 === void 0 ? void 0 : _dataInputs$input7.value,
+          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,
@@ -68,13 +77,14 @@ var InputGroup = function InputGroup(_ref) {
           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
-        }, 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)) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_TagAndInput.TagAndInput, {
+          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: input === null || input === void 0 ? void 0 : input.value,
+          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,
@@ -84,8 +94,9 @@ var InputGroup = function InputGroup(_ref) {
           version: version,
           dinamicHeight: dinamicHeight,
           description: input === null || input === void 0 ? void 0 : input.description,
-          showTooltip: true
-        }, index + "-" + (input === null || input === void 0 ? void 0 : input.value));
+          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);
       })
     })]
   });

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

@@ -31,67 +31,59 @@ RetailerProductEditionDefault.args = {
     "Ficha técnica": true,
     Imágenes: true
   },
-  token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI1ODg0YWUzNC01OWQ2LTQ0NTQtYjk4ZS04MjE1MThiY2MzYTciLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6IjU4ODRhZTM0LTU5ZDYtNDQ1NC1iOThlLTgyMTUxOGJjYzNhNyIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiJmMzY2YTdjYi02YjA0LTRiMzAtOTJmYy1iMzY0MmY3ZjEzNmEiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY3MTc0MzE0OSwibmFtZSI6IkNhZGVuYSBJc21hZWwiLCJwaG9uZV9udW1iZXIiOiIrNTIzMTExMzY2MzM2IiwiZXhwIjoxNjcxNzQ2NzQ5LCJpYXQiOjE2NzE3NDMxNDksImVtYWlsIjoiY2FkZW5hLmlzbWFlbEBhbGxmcmVlbWFpbC5uZXQifQ.J8kTv1sEotxoicaRclaK1r0tjVbwHPDxIzdDfxYo9J4XwBYYfS180__KYYE0Dh1AfUK_K0mrk2_78_rhTNxCQT85W7XS3ZEcxIOUekqoxaKFl8LSVN_eWz3SlsGG0yRflhJGt6d4gBVByXZbdNiyp1rkjgMln6fhwlRUnuGRbG1WKQvdAPli3qfH8mLzgoTz-6HWs1Jf2Ujheavf3ipGMNtj-OSUdQsh04Ov7jehDWdnPNn2s2DAl4eubgjdXrwIiBPCRkbuFeYZZJpzj1wy__a0nCM7bzly5uTZ2aWujgEJvf9bJb-Y4gkS8TxyJaggJ01ZsMki36aEpIt8J1tJag",
+  token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJjOTRhNzMwNS05MzY1LTQ2ZmYtYTQyMy00YjRiYzNiOGIxODAiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjp0cnVlLCJjb2duaXRvOnVzZXJuYW1lIjoiYzk0YTczMDUtOTM2NS00NmZmLWE0MjMtNGI0YmMzYjhiMTgwIiwiY29nbml0bzpyb2xlcyI6WyJhcm46YXdzOmlhbTo6ODk4NjcwMjMyODA3OnJvbGVcL2NvbnRlbnRvaC1kZXYtdXMtZWFzdC0xLWxhbWJkYVJvbGUiXSwiYXVkIjoiNWFjOHRwZ3M2Z2JzcTEzZnJ2cnBpZWVwNDAiLCJldmVudF9pZCI6IjllNTRjMDc0LWFjNzktNGEwNC1iOGEzLWNhOWU2ZmQxNDE3ZiIsInRva2VuX3VzZSI6ImlkIiwiYXV0aF90aW1lIjoxNjc3NTQ1NzA2LCJuYW1lIjoiQ29sYWJvcmFkb3IiLCJwaG9uZV9udW1iZXIiOiIrNTIxMTExIiwiZXhwIjoxNjc3NTQ5MzA2LCJpYXQiOjE2Nzc1NDU3MDYsImVtYWlsIjoic2FsbWVyb24uNUBob3RtYWlsLmNvbSJ9.CS5zthG2PFlQIn5yCV64aadrBvh0ccEMlm8osN_BHTqqYARTiGJMnGUzD-FqmCB9JNeLn036eNHQ7TppqlvhBEe66-F7Aq3fSCMR2X31dWkASsg1E9kSmYS2V6NeG1G5WkfaIBOh7d7VH5Dnu6i5phne_BAu_fDbnBgsQUxQQMh-LMfv2heQ_MInJ6O2MrIzbYYMZYK7ioO5C7FvBnOCpDuk3DcgVFwuqBdVJAGkm-VYJbbnR6NYmYMnZfzrFJ8DjNE3O-L3ugVDOIfZOjuVBt2ZsfIB0-I7h_TBuIzwVE309f68AoDAujacOKvPORoN4ympPrAUSa7ZrM6ye2564g",
   productSelected: {
     services: {
       datasheets: 1,
       descriptions: 1,
       images: 1
     },
-    orderId: 194,
-    status: "AC",
-    datasheet_status: "AC",
+    orderId: 130,
+    status: "PA",
+    datasheet_status: "PA",
     prio: "none",
-    version: 3,
-    description_status: "AC",
-    images_status: "AC",
+    version: 17,
+    description_status: "PA",
+    images_status: "PA",
     statusByRetailer: {
-      40: {
-        description: "AC",
-        images: "AC",
-        datasheet: "AC"
-      },
-      43: {
-        datasheet: "AC",
-        description: "AC",
-        images: "AC"
+      58: {
+        datasheet: "PA",
+        description: "PA",
+        images: "PA"
       }
     },
     article: {
-      id_article: 354,
-      id_category: "684",
-      name: "Enjuague Bucal ",
-      upc: "22342342",
-      timestamp: "2023-01-03T16:19:49.000Z",
+      id_article: 3,
+      id_category: "2032",
+      name: "CORTINA BLACKOUT DE POLIÉSTER CAFÉ 2.13 X 1.06 M",
+      upc: "161157",
+      timestamp: "2022-11-14T16:02:47.000Z",
       id_user: 28,
       status: "NULL",
       active: 1,
       company_id: 1,
       company_name: "GRUPO BRAHMA",
       country: "México",
-      id_order: 194,
-      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_auditor: 37,
+      id_order: 130,
+      id_datasheet_especialist: null,
+      id_datasheet_facilitator: null,
+      id_description_especialist: null,
+      id_description_facilitator: null,
+      id_images_especialist: null,
+      id_images_facilitator: null,
+      id_auditor: null,
       id_recepcionist: null,
-      category: "Salud y Belleza|Cuidado Bucal|Pastas Dentales y Aseo Bucal",
+      category: "Decoración|Cortinas y Persianas|Cortinas",
       missingAttributes: 0,
       missingDescriptions: 0,
       missingImages: 0
     },
     retailers: [{
-      id: 40,
-      name: "Nadro"
-    }, {
-      id: 43,
-      name: "City Club"
+      id: 58,
+      name: "The Home Depot Golden"
     }],
     country: "México",
-    upc: "22342342"
+    upc: "161157"
   },
   location: {
     product: {
@@ -100,26 +92,26 @@ RetailerProductEditionDefault.args = {
     }
   },
   user: {
-    id_user: 65,
-    name: "Oscar Alberto",
-    last_name: "Arenas",
-    email: "oarenas@contentoh.com",
-    position: "",
+    id_user: 30,
+    name: "Admin",
+    last_name: "Ulises",
+    email: "salmeron.5@hotmail.com",
+    position: "Admin",
     telephone: "",
-    country: "",
+    country: "México",
     id_company: 2,
-    id_cognito: "73cc8d40-c841-422a-a2f2-e69d7fe26ebf",
+    id_cognito: "c94a7305-9365-46ff-a423-4b4bc3b8b180",
     birth_Date: null,
     about_me: "",
     zip_code: "",
     address: "",
     job: "",
     id_stripe: "",
-    id_role: 1,
+    id_role: 6,
     active: 1,
     is_retailer: 0,
     email_notify: 1,
-    is_user_tech: "AS",
+    is_user_tech: "ADMIN-AS",
     membership: {
       id: 2,
       start_date: "2021-11-05T02:35:12.000Z",
@@ -131,6 +123,6 @@ RetailerProductEditionDefault.args = {
       products_limit: "3",
       type: "PyMES"
     },
-    src: "https://content-management-profile.s3.amazonaws.com/id-65/65.png?1675063399869"
+    src: "https://content-management-profile.s3.amazonaws.com/id-30/30.png?1676494961913"
   }
 };