contentoh-components-library 21.3.8 → 21.3.10

package/.env.development

@@ -31,3 +31,5 @@ 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/assets/images/generalButton/closeIcon.svg

@@ -1,4 +1,4 @@
 <svg width="52" height="52" viewBox="0 0 52 52" fill="none" xmlns="http://www.w3.org/2000/svg">
-<line x1="13.3585" y1="12.1333" x2="39.8661" y2="38.641" stroke="#E33AA9" stroke-width="1.73333" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M39.8672 12.1333L13.8672 38.1333" stroke="#E33AA9" stroke-width="1.73333" stroke-linecap="round" stroke-linejoin="round"/>
+<line x1="13.3585" y1="12.1333" x2="39.8661" y2="38.641" stroke="#E33AA9" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M39.8672 12.1333L13.8672 38.1333" stroke="#E33AA9" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>

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

@@ -18,7 +18,10 @@ var _Chat = require("../../organisms/Chat");
 var _jsxRuntime = require("react/jsx-runtime");
 
 var HeaderTop = function HeaderTop(_ref) {
-  var setHeaderTop = _ref.setHeaderTop;
+  var setHeaderTop = _ref.setHeaderTop,
+      withChat = _ref.withChat,
+      productSelected = _ref.productSelected,
+      token = _ref.token;
   var headerTop = (0, _react.useRef)();
   (0, _react.useEffect)(function () {
     setHeaderTop && setHeaderTop(headerTop.current.clientHeight);
@@ -27,14 +30,23 @@ var HeaderTop = function HeaderTop(_ref) {
     ref: headerTop,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ScreenHeader, {
       text: "Edici\xF3n de producto"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "buttons-top",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Button, {
+      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
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Button, {
         buttonType: "close-button",
         onClick: function onClick() {
           window.location.href = "/products";
         }
-      })
+      })]
     })]
   });
 };

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

@@ -28,7 +28,7 @@ var ProductNameHeader = function ProductNameHeader(_ref) {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ScreenHeader, {
       headerType: "product-name-header",
       text: productName
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Status, {
+    }), statusType && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Status, {
       statusType: statusType
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.ProgressBar, {
       percent: percentRequired,

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

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.chatTECH_ticketOpen_user65 = exports.chatTECH_ticketOpenOwn_user66 = exports.chatTECH_ticketClosed_user65 = exports.chatTECH_ticketClosedOwn_user66 = exports.chatPROV_orderProduct = exports.chatFAB_ticketOpen_user49 = exports.chatFAB_ticketClosed_user49 = exports.chatFAB_orderProduct_user49 = exports.chatFAB_orderProduct_user37 = exports.chatCAD_orderProduct = exports.chatCAD_merchantsProduct = void 0;
+exports.default = exports.chatTicket_userTECH = exports.chatTicket_userNORMAL = exports.chatPROV_orderProduct = exports.chatFAB_orderProduct_user49 = exports.chatFAB_orderProduct_user37 = exports.chatCAD_orderProduct = exports.chatCAD_merchantsProductProvider = exports.chatCAD_merchantsProduct = void 0;
 
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 
@@ -96,8 +96,19 @@ chatCAD_merchantsProduct.args = {
   chatType: "merchant_product",
   chatContainerType: "popUp",
   chatData: {
-    userToken: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI1ODg0YWUzNC01OWQ2LTQ0NTQtYjk4ZS04MjE1MThiY2MzYTciLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6IjU4ODRhZTM0LTU5ZDYtNDQ1NC1iOThlLTgyMTUxOGJjYzNhNyIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiI2YmI0NzExMi03ZTNiLTRjYzUtYmVhZS02MzMxZjEwYjk3MzIiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY2NTYxNjI0MSwibmFtZSI6IkNhZGVuYSBJc21hZWwiLCJwaG9uZV9udW1iZXIiOiIrNTIzMTExMzY2MzM2IiwiZXhwIjoxNjY1NjE5ODQxLCJpYXQiOjE2NjU2MTYyNDEsImVtYWlsIjoiY2FkZW5hLmlzbWFlbEBhbGxmcmVlbWFpbC5uZXQifQ.gi1Jiua_O175vHLy-CYXOR945IRcObIj5j1LNk4_EhcKPz-MzPnfWDLH7L3sTiNS-VUhIRtAhtUVPUSYv0oP1qfJwFHomerxJvYgJge8SLWPjL6yGBnTxAvHVbuLU8kcaoZup2eNMV6XOIAEBAHeCDm4vW0rYWwfrKADPyYGZQF2si14o3wtgSMX5a4ccxGwikT3to3HttWBhmJs_I1Xr_BvBxePc4WghjQr5GVGbq8vhr4HwdkTmlcJAnQsc_fmIdbJ_ACyTa1wr343KYYOQVwBjAmZDa6rU16y0yTr_J4IVWY3aS5UpBEBHy4XE0c76UaN-_DcGiVl4ayWQIUz8A",
-    id: 84300,
+    userToken: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI1ODg0YWUzNC01OWQ2LTQ0NTQtYjk4ZS04MjE1MThiY2MzYTciLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6IjU4ODRhZTM0LTU5ZDYtNDQ1NC1iOThlLTgyMTUxOGJjYzNhNyIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiJhMWYyM2IzZC1mOTk0LTRjNWUtOTk4MC04ZThjYmQxMzcwMzYiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY3NDU3NjMzNywibmFtZSI6IkNhZGVuYSBJc21hZWwiLCJwaG9uZV9udW1iZXIiOiIrNTIzMTExMzY2MzM2IiwiZXhwIjoxNjc0NTc5OTM3LCJpYXQiOjE2NzQ1NzYzMzcsImVtYWlsIjoiY2FkZW5hLmlzbWFlbEBhbGxmcmVlbWFpbC5uZXQifQ.GZIbxwAqZBifyxJQdb-Asbf2X9k4Nmi44TRINg9oGdvz0MknHOUtCiQ2ID7XiqKzgcVvbl9RDDx2GFWZt0Fd2-Sd5NSMxEl3C3ZWqVWQb9ncrMdVcAOHPp76w2eR6IzOwpa5L4GAc_mLACaJtfGdYrSLSxYTpMPQfhxaG2GDdWbOLA-_hNflff0lQD-EvCg8wEirAcZHro2mEeqMFG2GLhh0zfb_H-A8EWMqmMM3kYXVHTza04S1HSYsXhGzBi-7paL_Oh3bcORN95CqeddkReSmThG5wcp0_YScCSFNeUDEvJo2Z9w9TlOrEgUIrSkaY0aLZUpERfOST55P4R9hRw",
+    id: 429,
+    version: 1
+  }
+};
+var chatCAD_merchantsProductProvider = Template.bind({});
+exports.chatCAD_merchantsProductProvider = chatCAD_merchantsProductProvider;
+chatCAD_merchantsProductProvider.args = {
+  chatType: "merchant_product",
+  chatContainerType: "popUp",
+  chatData: {
+    userToken: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI4MWY3NmNjYy0yZDYzLTQyYzYtYjQzOS03NDQ2ZWFhYjFhZDciLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6IjgxZjc2Y2NjLTJkNjMtNDJjNi1iNDM5LTc0NDZlYWFiMWFkNyIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiJiN2M5YWVlYS0zMmRmLTQ0YmUtODliNy01OGY1MzE0YzMzN2IiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY3NDUxMTUzMiwibmFtZSI6Im1lcmNoYW50czIzZW5lQGFsbGZyZWVtYWlsLm5ldCBtZXJjaGFudHMyM2VuZUBhbGxmcmVlbWFpbC5uZXQiLCJwaG9uZV9udW1iZXIiOiIrNTIxMjM0NTY3ODkzIiwiZXhwIjoxNjc0NTE1MTMyLCJpYXQiOjE2NzQ1MTE1MzIsImVtYWlsIjoibWVyY2hhbnRzMjNlbmVAYWxsZnJlZW1haWwubmV0In0.eeR19yCD--WMFFfbljOufIthXUuXc_gFoJzLX9Q6mzgPpA2TOmzabQFLh2O1WKgGgcmFSEfGfTjzFRAd44O5MYqB_VltFPoMSNIVA38rmX8yfKhVlzF_ZBRVLNHZZOrKOQrCTZX7vibtUtvnbXPtkPgJV1Wb3RoB-45qi3qa1xIUcHwtdInsdQG1PvL28ryH4-ZupjXYRC9JB2wMDFPF1c6HnUQQupTSHRgTHVj9USNCYblOuCJSj1s2_lUrmFZJBifRGXsYj8rBz6mkkl5wAGU-YCmCFkwuD3Gl5bsevFg_VL2CGEfSwSXMzsB-ud4FMIaMZuQHpF-CefGJaEHYxg",
+    id: 429,
     version: 1
   }
 };
@@ -112,103 +123,37 @@ chatPROV_merchantsProduct.args = {
 };*/
 // ejemplo del chat ticket con user FAB
 
-var chatFAB_ticketClosed_user49 = Template.bind({});
-exports.chatFAB_ticketClosed_user49 = chatFAB_ticketClosed_user49;
-chatFAB_ticketClosed_user49.args = {
+var chatTicket_userNORMAL = Template.bind({});
+exports.chatTicket_userNORMAL = chatTicket_userNORMAL;
+chatTicket_userNORMAL.args = {
   chatType: "ticket",
   chatContainerType: "fixed",
   chatData: {
-    id: 10,
-    ticketOwnerUserId: 23,
-    statusTicket: "COMPLETED",
+    id: 104,
+    ticketOwnerUserId: 49,
+    statusTicket: "IN_PROGRESS",
     currentUser: {
-      id: 49,
-      companyId: 2,
+      token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI1ODg0YWUzNC01OWQ2LTQ0NTQtYjk4ZS04MjE1MThiY2MzYTciLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6IjU4ODRhZTM0LTU5ZDYtNDQ1NC1iOThlLTgyMTUxOGJjYzNhNyIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiI2YmI0NzExMi03ZTNiLTRjYzUtYmVhZS02MzMxZjEwYjk3MzIiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY2NTYxNjI0MSwibmFtZSI6IkNhZGVuYSBJc21hZWwiLCJwaG9uZV9udW1iZXIiOiIrNTIzMTExMzY2MzM2IiwiZXhwIjoxNjY1NjE5ODQxLCJpYXQiOjE2NjU2MTYyNDEsImVtYWlsIjoiY2FkZW5hLmlzbWFlbEBhbGxmcmVlbWFpbC5uZXQifQ.gi1Jiua_O175vHLy-CYXOR945IRcObIj5j1LNk4_EhcKPz-MzPnfWDLH7L3sTiNS-VUhIRtAhtUVPUSYv0oP1qfJwFHomerxJvYgJge8SLWPjL6yGBnTxAvHVbuLU8kcaoZup2eNMV6XOIAEBAHeCDm4vW0rYWwfrKADPyYGZQF2si14o3wtgSMX5a4ccxGwikT3to3HttWBhmJs_I1Xr_BvBxePc4WghjQr5GVGbq8vhr4HwdkTmlcJAnQsc_fmIdbJ_ACyTa1wr343KYYOQVwBjAmZDa6rU16y0yTr_J4IVWY3aS5UpBEBHy4XE0c76UaN-_DcGiVl4ayWQIUz8A",
+      id: 59,
+      companyId: 817,
       isUserTech: false
     }
   }
 }; // ejemplo del chat ticket con user TECH
 
-var chatTECH_ticketClosed_user65 = Template.bind({});
-exports.chatTECH_ticketClosed_user65 = chatTECH_ticketClosed_user65;
-chatTECH_ticketClosed_user65.args = {
+var chatTicket_userTECH = Template.bind({});
+exports.chatTicket_userTECH = chatTicket_userTECH;
+chatTicket_userTECH.args = {
   chatType: "ticket",
   chatContainerType: "fixed",
   chatData: {
     id: 10,
-    ticketOwnerUserId: 23,
-    statusTicket: "COMPLETED",
-    currentUser: {
-      id: 65,
-      companyId: 2,
-      isUserTech: true
-    }
-  }
-}; // ejemplo del chat ticket con user TECH propietario del ticket
-
-var chatTECH_ticketClosedOwn_user66 = Template.bind({});
-exports.chatTECH_ticketClosedOwn_user66 = chatTECH_ticketClosedOwn_user66;
-chatTECH_ticketClosedOwn_user66.args = {
-  chatType: "ticket",
-  chatContainerType: "fixed",
-  chatData: {
-    id: 10,
-    ticketOwnerUserId: 66,
-    statusTicket: "COMPLETED",
-    currentUser: {
-      id: 66,
-      companyId: 2,
-      isUserTech: true
-    }
-  }
-}; // ejemplo del chat ticket con user FAB
-
-var chatFAB_ticketOpen_user49 = Template.bind({});
-exports.chatFAB_ticketOpen_user49 = chatFAB_ticketOpen_user49;
-chatFAB_ticketOpen_user49.args = {
-  chatType: "ticket",
-  chatContainerType: "fixed",
-  chatData: {
-    id: 11,
-    ticketOwnerUserId: 23,
-    statusTicket: "PENDING",
-    currentUser: {
-      id: 49,
-      companyId: 2,
-      isUserTech: false
-    }
-  }
-}; // ejemplo del chat ticket con user TECH
-
-var chatTECH_ticketOpen_user65 = Template.bind({});
-exports.chatTECH_ticketOpen_user65 = chatTECH_ticketOpen_user65;
-chatTECH_ticketOpen_user65.args = {
-  chatType: "ticket",
-  chatContainerType: "fixed",
-  chatData: {
-    id: 11,
-    ticketOwnerUserId: 23,
-    statusTicket: "PENDING",
-    currentUser: {
-      id: 65,
-      companyId: 2,
-      isUserTech: true
-    }
-  }
-}; // ejemplo del chat ticket con user TECH propietario del ticket
-
-var chatTECH_ticketOpenOwn_user66 = Template.bind({});
-exports.chatTECH_ticketOpenOwn_user66 = chatTECH_ticketOpenOwn_user66;
-chatTECH_ticketOpenOwn_user66.args = {
-  chatType: "ticket",
-  chatContainerType: "fixed",
-  chatData: {
-    id: 11,
-    ticketOwnerUserId: 66,
-    statusTicket: "PENDING",
+    ticketOwnerUserId: 49,
+    statusTicket: "IN_PROGRESS",
     currentUser: {
-      id: 66,
-      companyId: 2,
+      token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJmNTkyN2Y4ZS1jYmY3LTQ5MjItOWUwOS1lNjllYzBiMjczMWEiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6ImY1OTI3ZjhlLWNiZjctNDkyMi05ZTA5LWU2OWVjMGIyNzMxYSIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiI5M2FkOTM5Yy04MzJjLTQ4NWItOWUzMS0yN2MxNzBjMDk1NWEiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY2OTY2MjU5MiwibmFtZSI6IklzbWFlbCBMb3BleiIsInBob25lX251bWJlciI6Iis1MjMxMTEzNjYzMzYiLCJleHAiOjE2Njk2NjYxOTIsImlhdCI6MTY2OTY2MjU5MiwiZW1haWwiOiJpbG9wZXpAY29udGVudG9oLmNvbSJ9.hhdlQk-ljHpyZPRoG02YcvPow8jpm9coZfmEuZ29vIVX7bX5k05Ss3FkaT0dYNr2qEvqZHHqH61oJvx4xr2i6z2c3xEZxyJZFR-Cc_skhH0UwGXbCH9up5PW1aipY5rL45E42R7GKSGmB5Z-B7vxe2NcL-ZojYZkXNZ7Gx_lM8Vpq-XsFLJ4nCJlH7vx9D4SkREN3lLfYIIgqNrxJ_wqfqvcqexwRJfnr76ZqCuDR4dTWsES2Lf5D8Wa_wkQAjQNdzP7ai28l9fRyCSwkTxvamdJkx7p-tssOL5pAnCsKkD22UN-09c1bhuGrgfKWUV4awbptfjvHS7TSq0bWiv4gQ",
+      id: 28,
+      companyId: 1,
       isUserTech: true
     }
   }

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

@@ -43,6 +43,8 @@ var _material = require("@mui/material");
 
 var _ImagePreview = require("../../../atoms/ImagePreview");
 
+var _handle_userTech = require("../../../../global-files/handle_userTech");
+
 var _jsxRuntime = require("react/jsx-runtime");
 
 var ContainerItems = function ContainerItems(props) {
@@ -466,10 +468,10 @@ var ContainerItems = function ContainerItems(props) {
       var ownMessage = false; // user tech
 
       if (currentUser.isUserTech) {
-        if (users[item.userId].isUserTech) ownMessage = true;
+        if ((0, _handle_userTech.isUserTech)(users[item.userId].isUserTech)) ownMessage = true;
       } // user normal
       else {
-        if (!users[item.userId].isUserTech) {
+        if (!(0, _handle_userTech.isUserTech)(users[item.userId].isUserTech)) {
           if (currentUser.companyId == users[item.userId].companyId) {
             ownMessage = true;
           }

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

@@ -23,12 +23,8 @@ var _styles = require("./styles");
 
 var _react = require("react");
 
-var _Tooltip = require("../../../atoms/Tooltip");
-
 var _NotFound = require("../../../atoms/NotFound");
 
-var _ButtonV = require("../../../atoms/ButtonV2");
-
 var _Header = require("../Header");
 
 var _freeSolidSvgIcons = require("@fortawesome/free-solid-svg-icons");
@@ -45,8 +41,6 @@ var _CustomIcon = require("../../../atoms/CustomIcon");
 
 var _handle_http = require("../../../../global-files/handle_http");
 
-var _Modal = require("../../Modal");
-
 var _utils = require("../../../../global-files/utils");
 
 var _jsxRuntime = require("react/jsx-runtime");
@@ -56,7 +50,8 @@ var ContentChat = function ContentChat(props) {
       chatContainerType = props.chatContainerType,
       dataChat = props.dataChat,
       showBtnClose = props.showBtnClose,
-      onClickBtnClose = props.onClickBtnClose;
+      onClickBtnClose = props.onClickBtnClose,
+      showPopUpChat = props.showPopUpChat;
 
   var _useState = (0, _react.useState)({}),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -192,23 +187,26 @@ var ContentChat = function ContentChat(props) {
 
       if (chatType === "merchant_product") getInitialMerchantProduct();else if (chatType === "order_product") getInitialOrderProduct();else getInitialTicket();
     }
-  }, [dataChat]); // comenzar temporizador del update de 30s
+  }, [dataChat, showPopUpChat]); // comenzar temporizador del update de 20s
 
   (0, _react.useEffect)(function () {
     //return;   -- descomentarizar para hacer pruebas sin update
     if (startUpdate == 0) return;
-    console.log("START UPDATE en 30s");
+    console.log("START UPDATE en 5s");
     var processID = setTimeout(function () {
+      console.log("update");
       setRunUpdate(function (prev) {
         return prev + 1;
       });
-    }, 30000);
+    }, 5000);
     setProcessUpdateID(processID);
+    return function () {
+      return clearTimeout(processID);
+    };
   }, [startUpdate]); // ejecutar update
 
   (0, _react.useEffect)(function () {
-    if (runUpdate == 0) return;
-
+    // if (runUpdate == 0) return;
     if (chatType === "merchant_product") {
       if (singleChat.items) getUpdateLatestMerchantProduct();else getInitialMerchantProduct();
     } else if (chatType === "order_product") {
@@ -388,31 +386,50 @@ var ContentChat = function ContentChat(props) {
 
   var getInitialTicket = /*#__PURE__*/function () {
     var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3() {
-      var paramsQuery, response;
+      var _dataChat$currentUser, _dataChat$currentUser2, _dataChat$currentUser3, _dataChat$currentUser4;
+
+      var dataUser, paramsQuery, response;
       return _regenerator.default.wrap(function _callee3$(_context3) {
         while (1) {
           switch (_context3.prev = _context3.next) {
             case 0:
-              console.log("======== INITIAL chat =======");
+              console.log("\n======== INITIAL chat =======");
               stopUpdate(); // finalizamos el temporizador
 
-              paramsQuery = {
+              dataUser = {
+                id: (_dataChat$currentUser = dataChat.currentUser) === null || _dataChat$currentUser === void 0 ? void 0 : _dataChat$currentUser.id,
+                companyId: (_dataChat$currentUser2 = dataChat.currentUser) === null || _dataChat$currentUser2 === void 0 ? void 0 : _dataChat$currentUser2.companyId,
+                isUserTech: (_dataChat$currentUser3 = dataChat.currentUser) === null || _dataChat$currentUser3 === void 0 ? void 0 : _dataChat$currentUser3.isUserTech
+              };
+              /*
+              console.log("values send query:", {
+                id: dataChat.id,
                 getType: "initial",
+                currentUser: dataUser,
+                currentItemsFront: getItemsIdSingleChat(),
+              });
+              */
+
+              paramsQuery = {
                 id: JSON.stringify(dataChat.id),
-                isUserTech: JSON.stringify(dataChat.currentUser.isUserTech)
+                getType: "initial",
+                currentUser: (0, _utils.encodeUriJson)(dataUser),
+                currentItemsFront: (0, _utils.encodeUriJson)(getItemsIdSingleChat())
               };
-              _context3.next = 5;
-              return (0, _handle_http.fetchGET)(process.env.REACT_APP_TICKETS_CHAT_ENDPOINT, paramsQuery);
+              _context3.next = 6;
+              return (0, _handle_http.fetchGET)(process.env.REACT_APP_TICKETS_CHAT_ENDPOINT, paramsQuery, {
+                Authorization: (_dataChat$currentUser4 = dataChat.currentUser) === null || _dataChat$currentUser4 === void 0 ? void 0 : _dataChat$currentUser4.token
+              });
 
-            case 5:
+            case 6:
               response = _context3.sent;
-              // programar update en 30s
+              // programar update en 20s
               setStartUpdate(function (prev) {
                 return prev + 1;
               });
 
               if (response.body) {
-                _context3.next = 11;
+                _context3.next = 12;
                 break;
               }
 
@@ -425,9 +442,9 @@ var ContentChat = function ContentChat(props) {
               setIsLoading(false);
               return _context3.abrupt("return");
 
-            case 11:
+            case 12:
               // success
-              console.log(response.body);
+              console.log("response initial:", response.body);
               setLastUpdateDate(response.body.data.lastUpdateDate);
               setAllUsers(response.body.users);
               setSingleChat({
@@ -440,7 +457,7 @@ var ContentChat = function ContentChat(props) {
               });
               setIsLoading(false);
 
-            case 17:
+            case 18:
             case "end":
               return _context3.stop();
           }
@@ -577,33 +594,43 @@ var ContentChat = function ContentChat(props) {
 
   var getLoadMoreTicket = /*#__PURE__*/function () {
     var _ref6 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee6() {
-      var date, paramsQuery, response, newSingleChat;
+      var _dataChat$currentUser5, _dataChat$currentUser6, _dataChat$currentUser7, _dataChat$currentUser8;
+
+      var date, dataUser, paramsQuery, response, newSingleChat;
       return _regenerator.default.wrap(function _callee6$(_context6) {
         while (1) {
           switch (_context6.prev = _context6.next) {
             case 0:
-              console.log("======== LOAD MORE chat =======");
+              console.log("\n======== LOAD MORE chat =======");
               stopUpdate(); // finalizamos el temporizador
 
               date = singleChat.items[singleChat.items.length - 1].date;
+              dataUser = {
+                id: (_dataChat$currentUser5 = dataChat.currentUser) === null || _dataChat$currentUser5 === void 0 ? void 0 : _dataChat$currentUser5.id,
+                companyId: (_dataChat$currentUser6 = dataChat.currentUser) === null || _dataChat$currentUser6 === void 0 ? void 0 : _dataChat$currentUser6.companyId,
+                isUserTech: (_dataChat$currentUser7 = dataChat.currentUser) === null || _dataChat$currentUser7 === void 0 ? void 0 : _dataChat$currentUser7.isUserTech
+              };
               paramsQuery = {
-                getType: "loadMore",
                 id: JSON.stringify(dataChat.id),
+                getType: "loadMore",
                 date: encodeURIComponent(date),
-                isUserTech: JSON.stringify(dataChat.currentUser.isUserTech)
+                currentUser: (0, _utils.encodeUriJson)(dataUser),
+                currentItemsFront: (0, _utils.encodeUriJson)(getItemsIdSingleChat())
               };
-              _context6.next = 6;
-              return (0, _handle_http.fetchGET)(process.env.REACT_APP_TICKETS_CHAT_ENDPOINT, paramsQuery);
+              _context6.next = 7;
+              return (0, _handle_http.fetchGET)(process.env.REACT_APP_TICKETS_CHAT_ENDPOINT, paramsQuery, {
+                Authorization: (_dataChat$currentUser8 = dataChat.currentUser) === null || _dataChat$currentUser8 === void 0 ? void 0 : _dataChat$currentUser8.token
+              });
 
-            case 6:
+            case 7:
               response = _context6.sent;
-              //programar update en 30s
+              //programar update en 20s
               setStartUpdate(function (prev) {
                 return prev + 1;
               });
 
               if (response.body) {
-                _context6.next = 10;
+                _context6.next = 11;
                 break;
               }
 
@@ -612,9 +639,9 @@ var ContentChat = function ContentChat(props) {
                 message: response.errorDetail
               });
 
-            case 10:
+            case 11:
               // success
-              console.log(response.body); // actualizar la lista de los users
+              console.log("response loadMore:", response.body); // actualizar la lista de los users
 
               updateAllUsers(response.body.users); // actualizar los items del chat
 
@@ -623,7 +650,7 @@ var ContentChat = function ContentChat(props) {
               newSingleChat.enabledLoadMore = response.body.items.length === 50;
               setSingleChat(newSingleChat);
 
-            case 16:
+            case 17:
             case "end":
               return _context6.stop();
           }
@@ -804,31 +831,51 @@ var ContentChat = function ContentChat(props) {
 
   var getUpdateLatestTicket = /*#__PURE__*/function () {
     var _ref9 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee9() {
-      var paramsQuery, response, newSingleChat;
+      var _dataChat$currentUser9, _dataChat$currentUser10, _dataChat$currentUser11, _dataChat$currentUser12;
+
+      var dataUser, paramsQuery, response, newSingleChat;
       return _regenerator.default.wrap(function _callee9$(_context9) {
         while (1) {
           switch (_context9.prev = _context9.next) {
             case 0:
-              console.log("======== UPDATE chat =======");
+              console.log("\n======== UPDATE chat =======");
               console.log("lastUpdate:", lastUpdateDate);
-              paramsQuery = {
+              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,
+                isUserTech: (_dataChat$currentUser11 = dataChat.currentUser) === null || _dataChat$currentUser11 === void 0 ? void 0 : _dataChat$currentUser11.isUserTech
+              };
+              /*
+              console.log("values send query:", {
+                id: dataChat.id,
                 getType: "updateLatest",
+                date: lastUpdateDate,
+                currentUser: dataUser,
+                currentItemsFront: getItemsIdSingleChat(),
+              });
+              */
+
+              paramsQuery = {
                 id: JSON.stringify(dataChat.id),
+                getType: "updateLatest",
                 date: encodeURIComponent(lastUpdateDate),
-                isUserTech: JSON.stringify(dataChat.currentUser.isUserTech)
+                currentUser: (0, _utils.encodeUriJson)(dataUser),
+                currentItemsFront: (0, _utils.encodeUriJson)(getItemsIdSingleChat())
               };
-              _context9.next = 5;
-              return (0, _handle_http.fetchGET)(process.env.REACT_APP_TICKETS_CHAT_ENDPOINT, paramsQuery);
+              _context9.next = 6;
+              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 6:
               response = _context9.sent;
-              //programar update en 30s
+              //programar update en 20s
               setStartUpdate(function (prev) {
                 return prev + 1;
               });
 
               if (response.body) {
-                _context9.next = 11;
+                _context9.next = 12;
                 break;
               }
 
@@ -852,14 +899,14 @@ var ContentChat = function ContentChat(props) {
               });
               return _context9.abrupt("return");
 
-            case 11:
+            case 12:
               // limpiar error update
               if (errorUpdate.startDate) {
                 setErrorUpdate({});
               } // success
+              //console.log("response update:", response.body);
 
 
-              console.log(response.body);
               setLastUpdateDate(response.body.data.lastUpdateDate); // actualizar la lista de los users
 
               updateAllUsers(response.body.users); // actualizar los items del chat
@@ -1221,6 +1268,18 @@ var ContentChat = function ContentChat(props) {
     if (companies && Object.keys(companies).length < 2) return true;else return false;
   };
 
+  var getItemsIdSingleChat = function getItemsIdSingleChat() {
+    var itemsId = {};
+
+    if (Array.isArray(singleChat.items)) {
+      singleChat.items.forEach(function (item) {
+        if ((0, _utils.isValidNaturalNumber)(item.id)) itemsId[item.id] = true;
+      });
+    }
+
+    return itemsId;
+  };
+
   var getChatCompany = function getChatCompany() {
     if (chatType === "merchant_product" || chatType === "ticket") {
       return undefined;
@@ -1293,9 +1352,7 @@ var ContentChat = function ContentChat(props) {
   };
 
   var renderBodyChat = function renderBodyChat() {
-    if (isLoading) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Loading.Loading, {});
-    }
+    if (isLoading) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Loading.Loading, {});
 
     if (errorChat.existError) {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_NotFound.NotFound, {