contentoh-components-library 21.3.34 → 21.3.36

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

@@ -28,7 +28,8 @@ var HeaderTop = function HeaderTop(_ref) {
       token = _ref.token,
       auditableVersion = _ref.auditableVersion,
       setCompare = _ref.setCompare,
-      isAuditor = _ref.isAuditor;
+      isAuditor = _ref.isAuditor,
+      activeRetailer = _ref.activeRetailer;
   var headerTop = (0, _react.useRef)();
   (0, _react.useEffect)(function () {
     setHeaderTop && setHeaderTop(headerTop.current.clientHeight);
@@ -47,7 +48,8 @@ var HeaderTop = function HeaderTop(_ref) {
           id: productSelected.id_article,
           version: productSelected.version
         },
-        size: 18
+        size: 18,
+        activeRetailer: activeRetailer
       }), isAuditor && auditableVersion && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Button, {
         buttonType: "general-white-button circular-button",
         onClick: function onClick() {

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

@@ -99,6 +99,12 @@ chatCAD_merchantsProduct.args = {
     userToken: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI1ODg0YWUzNC01OWQ2LTQ0NTQtYjk4ZS04MjE1MThiY2MzYTciLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6IjU4ODRhZTM0LTU5ZDYtNDQ1NC1iOThlLTgyMTUxOGJjYzNhNyIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiJhMWYyM2IzZC1mOTk0LTRjNWUtOTk4MC04ZThjYmQxMzcwMzYiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY3NDU3NjMzNywibmFtZSI6IkNhZGVuYSBJc21hZWwiLCJwaG9uZV9udW1iZXIiOiIrNTIzMTExMzY2MzM2IiwiZXhwIjoxNjc0NTc5OTM3LCJpYXQiOjE2NzQ1NzYzMzcsImVtYWlsIjoiY2FkZW5hLmlzbWFlbEBhbGxmcmVlbWFpbC5uZXQifQ.GZIbxwAqZBifyxJQdb-Asbf2X9k4Nmi44TRINg9oGdvz0MknHOUtCiQ2ID7XiqKzgcVvbl9RDDx2GFWZt0Fd2-Sd5NSMxEl3C3ZWqVWQb9ncrMdVcAOHPp76w2eR6IzOwpa5L4GAc_mLACaJtfGdYrSLSxYTpMPQfhxaG2GDdWbOLA-_hNflff0lQD-EvCg8wEirAcZHro2mEeqMFG2GLhh0zfb_H-A8EWMqmMM3kYXVHTza04S1HSYsXhGzBi-7paL_Oh3bcORN95CqeddkReSmThG5wcp0_YScCSFNeUDEvJo2Z9w9TlOrEgUIrSkaY0aLZUpERfOST55P4R9hRw",
     id: 429,
     version: 1
+  },
+  activeRetailer: {
+    id: 68,
+    name: "The Home Depot Merchants",
+    image: "https://content-management-images.s3.amazonaws.com/retailers/68.png",
+    percentage: 100
   }
 };
 var chatCAD_merchantsProductProvider = Template.bind({});
@@ -110,6 +116,12 @@ chatCAD_merchantsProductProvider.args = {
     userToken: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI4MWY3NmNjYy0yZDYzLTQyYzYtYjQzOS03NDQ2ZWFhYjFhZDciLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6IjgxZjc2Y2NjLTJkNjMtNDJjNi1iNDM5LTc0NDZlYWFiMWFkNyIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiJiN2M5YWVlYS0zMmRmLTQ0YmUtODliNy01OGY1MzE0YzMzN2IiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY3NDUxMTUzMiwibmFtZSI6Im1lcmNoYW50czIzZW5lQGFsbGZyZWVtYWlsLm5ldCBtZXJjaGFudHMyM2VuZUBhbGxmcmVlbWFpbC5uZXQiLCJwaG9uZV9udW1iZXIiOiIrNTIxMjM0NTY3ODkzIiwiZXhwIjoxNjc0NTE1MTMyLCJpYXQiOjE2NzQ1MTE1MzIsImVtYWlsIjoibWVyY2hhbnRzMjNlbmVAYWxsZnJlZW1haWwubmV0In0.eeR19yCD--WMFFfbljOufIthXUuXc_gFoJzLX9Q6mzgPpA2TOmzabQFLh2O1WKgGgcmFSEfGfTjzFRAd44O5MYqB_VltFPoMSNIVA38rmX8yfKhVlzF_ZBRVLNHZZOrKOQrCTZX7vibtUtvnbXPtkPgJV1Wb3RoB-45qi3qa1xIUcHwtdInsdQG1PvL28ryH4-ZupjXYRC9JB2wMDFPF1c6HnUQQupTSHRgTHVj9USNCYblOuCJSj1s2_lUrmFZJBifRGXsYj8rBz6mkkl5wAGU-YCmCFkwuD3Gl5bsevFg_VL2CGEfSwSXMzsB-ud4FMIaMZuQHpF-CefGJaEHYxg",
     id: 429,
     version: 1
+  },
+  activeRetailer: {
+    id: 68,
+    name: "The Home Depot Merchants",
+    image: "https://content-management-images.s3.amazonaws.com/retailers/68.png",
+    percentage: 100
   }
 };
 /*

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

@@ -56,7 +56,8 @@ var ContentChat = function ContentChat(props) {
       showBtnClose = props.showBtnClose,
       onClickBtnClose = props.onClickBtnClose,
       showPopUpChat = props.showPopUpChat,
-      ticketCompany = props.ticketCompany;
+      ticketCompany = props.ticketCompany,
+      activeRetailer = props.activeRetailer;
 
   var _useState = (0, _react.useState)({}),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -177,10 +178,18 @@ var ContentChat = function ContentChat(props) {
     return function () {
       if (processUpdateID !== undefined) clearTimeout(processUpdateID);
     };
-  }, []); // al cargar el componente
+  }, []);
+
+  var stopUpdate = function stopUpdate() {
+    if (processUpdateID !== undefined) {
+      clearTimeout(processUpdateID);
+      setProcessUpdateID(undefined);
+    }
+  }; // al cargar el componente
+
 
   (0, _react.useEffect)(function () {
-    if (dataChat) {
+    if (dataChat && showPopUpChat) {
       stopUpdate();
 
       if (dataChat.code) {
@@ -196,6 +205,10 @@ var ContentChat = function ContentChat(props) {
 
       if (chatType === "merchant_product") getInitialMerchantProduct();else if (chatType === "order_product") getInitialOrderProduct();else getInitialTicket();
     }
+
+    if (!showPopUpChat) {
+      stopUpdate();
+    }
   }, [dataChat, showPopUpChat]); // comenzar temporizador del update de 20s
 
   (0, _react.useEffect)(function () {
@@ -1129,6 +1142,7 @@ var ContentChat = function ContentChat(props) {
       var items,
           id,
           version,
+          retailerId,
           paramsBody,
           paramsHeaders,
           response,
@@ -1139,22 +1153,24 @@ var ContentChat = function ContentChat(props) {
             case 0:
               items = _args11.length > 0 && _args11[0] !== undefined ? _args11[0] : [];
               id = dataChat.id, version = dataChat.version;
+              retailerId = activeRetailer.id;
               paramsBody = {
                 id: id,
                 version: version,
-                items: items
+                items: items,
+                retailerId: retailerId
               };
               paramsHeaders = {
                 Authorization: dataChat.userToken
               };
-              _context11.next = 6;
+              _context11.next = 7;
               return (0, _handle_http.fetchPOST)(process.env.REACT_APP_PRODUCTS_CHAT_ENDPOINT, paramsBody, paramsHeaders);
 
-            case 6:
+            case 7:
               response = _context11.sent;
 
               if (response.body) {
-                _context11.next = 9;
+                _context11.next = 10;
                 break;
               }
 
@@ -1163,7 +1179,7 @@ var ContentChat = function ContentChat(props) {
                 errorDetail: response.errorDetail
               });
 
-            case 9:
+            case 10:
             case "end":
               return _context11.stop();
           }
@@ -1193,8 +1209,7 @@ var ContentChat = function ContentChat(props) {
                 version: currentArticle.version,
                 items: items,
                 orderId: dataChat.orderId,
-                sentCompanyId: currentUser.companyId,
-                receivedCompanyId: activeCompanyId
+                retailerId: activeRetailer === null || activeRetailer === void 0 ? void 0 : activeRetailer.id
               };
               paramsHeaders = {
                 Authorization: dataChat.userToken
@@ -1373,13 +1388,6 @@ var ContentChat = function ContentChat(props) {
     setAllUsers(currentUsers);
   };
 
-  var stopUpdate = function stopUpdate() {
-    if (processUpdateID !== undefined) {
-      clearTimeout(processUpdateID);
-      setProcessUpdateID(undefined);
-    }
-  };
-
   var renderBodyChat = function renderBodyChat() {
     if (isLoading) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Loading.Loading, {});
 

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

@@ -216,7 +216,8 @@ var Chat = function Chat(props) {
         chatContainerType: "fixed",
         dataChat: data,
         showBtnClose: false,
-        ticketCompany: ticketCompany
+        ticketCompany: ticketCompany,
+        activeRetailer: props.activeRetailer
       })
     });
   } else {
@@ -247,7 +248,8 @@ var Chat = function Chat(props) {
             ticketCompany: ticketCompany,
             onClickBtnClose: function onClickBtnClose() {
               setShowPopUpChat(false);
-            }
+            },
+            activeRetailer: props.activeRetailer
           })
         })
       })]

package/dist/components/pages/ProviderProductEdition/index.js

@@ -1751,7 +1751,8 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
       setHeaderTop: setHeaderTop,
       withChat: location === null || location === void 0 ? void 0 : (_location$state2 = location.state) === null || _location$state2 === void 0 ? void 0 : _location$state2.withChat,
       productSelected: productSelected,
-      token: token
+      token: token,
+      activeRetailer: activeRetailer
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "data-container",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "contentoh-components-library",
-  "version": "21.3.34",
+  "version": "21.3.36",
   "dependencies": {
     "@aws-amplify/auth": "^4.5.3",
     "@aws-amplify/datastore": "^3.11.0",

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

@@ -13,6 +13,7 @@ export const HeaderTop = ({
   auditableVersion,
   setCompare,
   isAuditor,
+  activeRetailer,
 }) => {
   const headerTop = useRef();
 
@@ -34,6 +35,7 @@ export const HeaderTop = ({
               version: productSelected.version,
             }}
             size={18}
+            activeRetailer={activeRetailer}
           />
         )}
 

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

@@ -84,6 +84,13 @@ chatCAD_merchantsProduct.args = {
     id: 429,
     version: 1,
   },
+  activeRetailer: {
+    id: 68,
+    name: "The Home Depot Merchants",
+    image:
+      "https://content-management-images.s3.amazonaws.com/retailers/68.png",
+    percentage: 100,
+  },
 };
 
 export const chatCAD_merchantsProductProvider = Template.bind({});
@@ -96,6 +103,13 @@ chatCAD_merchantsProductProvider.args = {
     id: 429,
     version: 1,
   },
+  activeRetailer: {
+    id: 68,
+    name: "The Home Depot Merchants",
+    image:
+      "https://content-management-images.s3.amazonaws.com/retailers/68.png",
+    percentage: 100,
+  },
 };
 
 /*

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

@@ -26,6 +26,7 @@ export const ContentChat = (props) => {
     onClickBtnClose, // () => {}
     showPopUpChat, // boolean
     ticketCompany, // id de la compañía que creó el ticket
+    activeRetailer, // object retailer
   } = props;
   const [companies, setCompanies] = useState({}); /* {
     companyId: {
@@ -75,9 +76,17 @@ export const ContentChat = (props) => {
       if (processUpdateID !== undefined) clearTimeout(processUpdateID);
     };
   }, []);
+
+  const stopUpdate = () => {
+    if (processUpdateID !== undefined) {
+      clearTimeout(processUpdateID);
+      setProcessUpdateID(undefined);
+    }
+  };
+
   // al cargar el componente
   useEffect(() => {
-    if (dataChat) {
+    if (dataChat && showPopUpChat) {
       stopUpdate();
       if (dataChat.code) {
         setErrorChat({
@@ -93,6 +102,9 @@ export const ContentChat = (props) => {
       else if (chatType === "order_product") getInitialOrderProduct();
       else getInitialTicket();
     }
+    if (!showPopUpChat) {
+      stopUpdate();
+    }
   }, [dataChat, showPopUpChat]);
 
   // comenzar temporizador del update de 20s
@@ -616,7 +628,8 @@ export const ContentChat = (props) => {
 
   const createItemsMerchantProduct = async (items = []) => {
     const { id, version } = dataChat;
-    const paramsBody = { id, version, items };
+    const { id: retailerId } = activeRetailer;
+    const paramsBody = { id, version, items, retailerId };
     const paramsHeaders = { Authorization: dataChat.userToken };
     const response = await fetchPOST(
       process.env.REACT_APP_PRODUCTS_CHAT_ENDPOINT,
@@ -637,8 +650,7 @@ export const ContentChat = (props) => {
       version: currentArticle.version,
       items,
       orderId: dataChat.orderId,
-      sentCompanyId: currentUser.companyId,
-      receivedCompanyId: activeCompanyId,
+      retailerId: activeRetailer?.id,
     };
     const paramsHeaders = { Authorization: dataChat.userToken };
     const response = await fetchPOST(
@@ -762,13 +774,6 @@ export const ContentChat = (props) => {
     setAllUsers(currentUsers);
   };
 
-  const stopUpdate = () => {
-    if (processUpdateID !== undefined) {
-      clearTimeout(processUpdateID);
-      setProcessUpdateID(undefined);
-    }
-  };
-
   const renderBodyChat = () => {
     if (isLoading) return <Loading />;
     if (errorChat.existError) {

package/src/components/organisms/Chat/ContentChat/styles.js

@@ -1,5 +1,5 @@
 import styled from "styled-components";
-import { GlobalColors, FontFamily } from "../../../../global-files/variables";
+import { FontFamily } from "../../../../global-files/variables";
 
 export const Container = styled.div`
   width: 100%;

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

@@ -197,6 +197,7 @@ export const Chat = (props) => {
           dataChat={data}
           showBtnClose={false}
           ticketCompany={ticketCompany}
+          activeRetailer={props.activeRetailer}
         />
       </ContainerFixed>
     );
@@ -229,6 +230,7 @@ export const Chat = (props) => {
               onClickBtnClose={() => {
                 setShowPopUpChat(false);
               }}
+              activeRetailer={props.activeRetailer}
             />
           </ContainerPopUp>
         </Slide>

package/src/components/pages/ProviderProductEdition/index.js

@@ -1126,6 +1126,7 @@ export const ProviderProductEdition = ({
         withChat={location?.state?.withChat}
         productSelected={productSelected}
         token={token}
+        activeRetailer={activeRetailer}
       />
       <div className="data-container">
         <div className="image-data-panel">