contentoh-components-library 21.2.57 → 21.2.59

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

@@ -2,8 +2,15 @@ import { Container } from "./styles";
 import { ScreenHeader } from "../../atoms/ScreenHeader/index";
 import { Button } from "../../atoms/GeneralButton/index";
 import { useEffect, useRef } from "react";
+import { ChatPopUp } from "../../atoms/ChatPopUp/index";
 
-export const HeaderTop = ({ setHeaderTop }) => {
+export const HeaderTop = ({
+  setHeaderTop,
+  chat_authorization,
+  chat_id_article,
+  chat_version_article,
+  trueTHD,
+}) => {
   const headerTop = useRef();
 
   useEffect(() => {
@@ -13,12 +20,21 @@ export const HeaderTop = ({ setHeaderTop }) => {
   return (
     <Container ref={headerTop}>
       <ScreenHeader text="Edición de producto" />
-      <Button
-        buttonType="close-button"
-        onClick={() => {
-          window.location.href = `/products`;
-        }}
-      />
+      <div className="buttons-top">
+        {trueTHD && (
+          <ChatPopUp
+            chat_authorization={chat_authorization}
+            chat_id_article={chat_id_article}
+            chat_version_article={chat_version_article}
+          />
+        )}
+        <Button
+          buttonType="close-button"
+          onClick={() => {
+            window.location.href = `/products`;
+          }}
+        />
+      </div>
     </Container>
   );
 };

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

@@ -3,4 +3,8 @@ import styled from "styled-components";
 export const Container = styled.div`
   display: flex;
   justify-content: space-between;
+  .buttons-top {
+    display: flex;
+    align-items: center;
+  }
 `;

package/src/components/pages/Dashboard/Dashboard.stories.js

@@ -9,73 +9,37 @@ const Template = (args) => <Dashboard {...args} />;
 export const DashboardDeafult = Template.bind({});
 DashboardDeafult.args = {
   user: {
-    id_user: 1237,
-    name: "The Home",
-    last_name: "Depot",
-    email: "retailerThd@AllFreeMail.net",
-    position: "Retailer",
-    telephone: "+523111111111",
+    id_user: 28,
+    name: "Proveedor",
+    last_name: "Colgate",
+    email: "ilopez@contentoh.com",
+    position: "Prueba Admin",
+    telephone: "+523111366336",
     country: "México",
-    id_company: 817,
-    id_cognito: "abe188e2-25b1-4a19-8672-0d4bc11a9bf2",
+    id_company: 1,
+    id_cognito: "f5927f8e-cbf7-4922-9e09-e69ec0b2731a",
     birth_Date: null,
     about_me: null,
     zip_code: null,
     address: null,
     job: null,
-    id_stripe: null,
+    id_stripe: "cus_KuEt6R6vwmN09f",
     id_role: 0,
     active: 1,
-    is_retailer: 1,
+    is_retailer: 0,
     email_notify: 1,
     membership: {
-      id: 798,
-      start_date: "2022-06-19T04:25:07.000Z",
-      end_date: "2023-06-19T04:25:07.000Z",
-      planID: 6,
-      plan: "prod_KvGd6YSTJyR3AP",
-      name: "Plan Small",
-      user_limit: "10",
-      products_limit: "1000",
+      id: 76,
+      start_date: "2022-01-18T17:25:35.000Z",
+      end_date: "2023-01-18T17:25:35.000Z",
+      planID: 8,
+      plan: "prod_KtlhECVSFG2iro",
+      name: "Plan Pro",
+      user_limit: "20",
+      products_limit: "5000",
       type: "Enterprise",
     },
-    src: "https://content-management-profile-prod.s3.amazonaws.com/id-1237/1237.png?1664817089596",
+    src: "https://content-management-profile.s3.amazonaws.com/id-28/28.png?1662994279777",
   },
-  company: {
-    id_company: 817,
-    trade_name: "Retailer acc",
-    company_name: "Retailer acc",
-    rfc: "ASER12345",
-    adress: "Av. Insurgentes",
-    about_company: null,
-    telephone: null,
-    web_site: null,
-    zip_code: null,
-    email: null,
-    social_link: null,
-    is_retailer: 1,
-    retailers: [
-      {
-        id: 58,
-        name: "The Home Depot Golden",
-        country: "México",
-      },
-      {
-        id: 59,
-        name: "The Home Depot Platinum",
-        country: "México",
-      },
-      {
-        id: 60,
-        name: "The Home Depot Resizing",
-        country: "México",
-      },
-      {
-        id: 61,
-        name: "Home Depot TAB",
-        country: "México",
-      },
-    ],
-  },
-  jwt: "eyJraWQiOiJEV3owZnNieXg2MXNFcVduN3RCXC81bVhod3ZNbFZIOTgwUnZcL3RjT0lKdEk9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJhYmUxODhlMi0yNWIxLTRhMTktODY3Mi0wZDRiYzExYTliZjIiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfbFN6UVo0WjdSIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6ImFiZTE4OGUyLTI1YjEtNGExOS04NjcyLTBkNGJjMTFhOWJmMiIsImF1ZCI6IjUyZDlza2tkY2c4cWpwODhvb2sxdXNlNm1rIiwiZXZlbnRfaWQiOiJjNDcxOTY2NC0wODU0LTQ3YjktOWZiNS1mYzJhMjg5YTg1MjEiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY2NDgxNzA4OSwibmFtZSI6IlJldGFpbGVyIEFjYyIsInBob25lX251bWJlciI6Iis1MjMxMTExMTExMTEiLCJleHAiOjE2NjQ4MjA2ODksImlhdCI6MTY2NDgxNzA4OSwiZW1haWwiOiJyZXRhaWxlclRoZEBBbGxGcmVlTWFpbC5uZXQifQ.PB_rXUwbbQlTHv2NXOkz_6OygfJmjXWJMzGsztiM0DgZkuX75qk_ZKEb_-UutWAzpp73tBu3vUodjzPC8eWDriGXGrZ02rRtWDE3l3MyvyC-3R83nAKh6Ps8W6nUgbRRy7Z9TKrN9m3petQKZ-ZnvmJg8Dg8p72f7NzJdia_We4AK7qox5f_22T6CbISGNfxwFrM6p7aFRjzwrFKuIBASDIcHs1KXvDYBTNtsRs6tBMtj-px8zl0HlE3wKje-49-apYdl5hzgQz0de_AKkYwqJklOuoqpY_8OVjL2ehoNzPlNJNv3wIHVQLN3VlKUNlwUDlfTHJhbWmWE820Jv77fQ",
+  jwt: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJmNTkyN2Y4ZS1jYmY3LTQ5MjItOWUwOS1lNjllYzBiMjczMWEiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6ImY1OTI3ZjhlLWNiZjctNDkyMi05ZTA5LWU2OWVjMGIyNzMxYSIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiI5ZjdmNzA0My1jZWFjLTRjYjktYjYxNy0zNjA1ODJlZDYxODAiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY2Mjk5NDI3OCwibmFtZSI6IklzbWFlbCBMb3BleiIsInBob25lX251bWJlciI6Iis1MjMxMTEzNjYzMzYiLCJleHAiOjE2NjI5OTc4NzgsImlhdCI6MTY2Mjk5NDI3OCwiZW1haWwiOiJpbG9wZXpAY29udGVudG9oLmNvbSJ9.Qsmp4f9zCqXueUTk-ACPM5VY2wQ1nM9A8z-UVArukCpJNruA2ypaIuVpISDiCuBXBlRyILM7mzbuTADLvim-KbWT16Tsr9Q3dzCwM4KU3tFkxSblyM0hTdBVy6MKa7KVffGMLqScMVyMpavqbqLXC2GsANJMrBnnOwiTmrNSkFsO4bYovFGwsP6qiN85pMpAdHJjrNpCvilMBXWkNoNdah5_YRckTQOxGpGua_599eqgq4pg7wM1rxh4ze5ZynaQjRLwtXCR70hdXjOZCTyawzH4yiWYZNA4Sv9KkwLjT7vrFmBMjmm3yr72edT492qG6Iskkj_EYhKvOSl_4mDZhg",
 };

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

@@ -61,7 +61,7 @@ export const Dashboard = ({ jwt, user, company }) => {
   };
 
   const getRetailers = async () => {
-    const isTHDUser = user.is_retailer === 1;
+    const isTHDUser = [657, 818, 819].includes(user.id_company);
     const retailersResponse = await axios.get(
       `${process.env.REACT_APP_RETAILER_ENDPOINT}`,
       {

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

@@ -10,6 +10,7 @@ const Template = (args) => <ProviderProductEdition {...args} />;
 export const ProviderProductEditionDefault = Template.bind({});
 
 ProviderProductEditionDefault.args = {
+  trueTHD: true,
   tabsSections: {
     Descripción: true,
     "Ficha técnica": true,

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

@@ -134,6 +134,7 @@ export const ProviderProductEdition = ({
   setShowContentohRequestModal,
   showSurvey,
   company,
+  trueTHD,
 }) => {
   const [activeTab, setActiveTab] = useState("Descripción");
   const [activeImage, setActiveImage] = useState();
@@ -1065,7 +1066,13 @@ export const ProviderProductEdition = ({
   ];
   return (
     <Container headerTop={headerTop}>
-      <HeaderTop setHeaderTop={setHeaderTop} />
+      <HeaderTop
+        setHeaderTop={setHeaderTop}
+        chat_authorization={token}
+        chat_id_article={product.id_article}
+        chat_version_article={version}
+        trueTHD={trueTHD}
+      />
       <div className="data-container">
         <div className="image-data-panel">
           <ImagePreviewer