contentoh-components-library 21.4.16 → 21.4.17

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

@@ -17,14 +17,14 @@ export const Chat = (props) => {
   const {
     chatType, // "merchant_product" | "order_product" | "ticket"
     chatContainerType, // ("fixed") | ("popUp")
-    chatData = {}, // {} => aqui poner los datos requeridos segun el tipo de chat
+    chatData, // {} => aqui poner los datos requeridos segun el tipo de chat
     classNameContainerFixed, // clases CSS del envoltoria chat fixed
     size = 14, // tamaño del icono
   } = props;
   const [showPopUpChat, setShowPopUpChat] = useState(false);
   const [data, setData] = useState();
 
-  const { ticketCompany, retailerId } = chatData || {};
+  const { ticketCompany } = chatData || {};
 
   useEffect(() => {
     switch (chatType) {
@@ -37,9 +37,6 @@ export const Chat = (props) => {
       case "ticket":
         validateChatTicket();
         break;
-      case "product_status":
-        validateProductStatus();
-        break;
       default:
         setData({
           code: 404,
@@ -49,45 +46,6 @@ export const Chat = (props) => {
     }
   }, [chatType]);
 
-  const validateProductStatus = () => {
-    const {
-      userToken, // string
-      id, // number
-      version,
-      retailerId, // number
-      status,
-      orderId,
-    } = chatData;
-
-    if (!isValidGeneral(userToken, id)) return;
-
-    // validar el ID de la cadena asociada al producto en la OT
-    if (!isValidNaturalNumber(retailerId)) {
-      setDataError("La cadena relacionada al producto no es válida");
-      return;
-    }
-
-    // validar el ID de la version asociada al producto en la OT
-    if (!isValidNaturalNumber(version)) {
-      setDataError("La versión del producto no es válida");
-      return;
-    }
-
-    if (orderId && !isValidNaturalNumber(orderId)) {
-      setDataError("La orden del producto no es válida");
-      return;
-    }
-
-    setData({
-      userToken,
-      id,
-      version,
-      retailerId,
-      orderId,
-      status,
-    });
-  };
-
   const isValidGeneral = (userToken, id) => {
     // validar token del user
     if (isStringEmpty(userToken)) {
@@ -239,7 +197,7 @@ export const Chat = (props) => {
           dataChat={data}
           showBtnClose={false}
           ticketCompany={ticketCompany}
-          activeRetailer={props.activeRetailer || { id: retailerId }}
+          activeRetailer={props.activeRetailer}
         />
       </ContainerFixed>
     );
@@ -272,7 +230,7 @@ export const Chat = (props) => {
               onClickBtnClose={() => {
                 setShowPopUpChat(false);
               }}
-              activeRetailer={props.activeRetailer || { id: retailerId }}
+              activeRetailer={props.activeRetailer}
             />
           </ContainerPopUp>
         </Slide>

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

@@ -23,7 +23,7 @@ export const FullProductNameHeader = ({
   useEffect(() => {
     const rtls = headerData?.retailers || headerData?.retailersAvailable;
     servicesData &&
-      rtls?.forEach((rt) => {
+      rtls.forEach((rt) => {
         const element = [];
         servicesData.forEach((sd) => {
           if (sd.id_retailer === rt.id) {

package/src/components/organisms/Modal/styles.js

@@ -31,6 +31,7 @@ export const ContainerModal = styled.div`
       align-items: center;
       justify-content: flex-start;
       gap: 6px;
+      margin-bottom: 20px;
 
       .label-title {
         width: 100%;
@@ -41,10 +42,6 @@ export const ContainerModal = styled.div`
         color: #262626;
         white-space: pre-wrap;
       }
-
-      & + * {
-        margin-top: 20px;
-      }
     }
 
     .iconModal {

package/src/components/organisms/OrderDetail/utils/Table/utils.js

@@ -1,31 +1,41 @@
 export const servicesCodeIcon = {
   datasheet: (
     <div key="datasheet" className="tooltip">
-      <span className="material-icons small">&#xf8ee;</span>
+      <span className="material-icons small">
+        &#xf8ee;
+      </span>
       <span className="tooltiptext">Ficha Técnica</span>
     </div>
   ),
   description: (
     <div key="description" className="tooltip">
-      <span className="material-icons small">&#xe873;</span>
+      <span className="material-icons small">
+          &#xe873;
+        </span>
       <span className="tooltiptext">Descripción</span>
     </div>
   ),
   image: (
     <div key="image" className="tooltip">
-      <span className="material-icons small">&#xe3f4;</span>
+      <span className="material-icons small">
+        &#xe3f4;
+      </span>
       <span className="tooltiptext">Imagen</span>
     </div>
   ),
   translate: (
     <div key="translate" className="tooltip">
-      <span className="material-icons small">&#xe8e2;</span>
+      <span className="material-icons small">
+        &#xe8e2;
+      </span>
       <span className="tooltiptext">Traducción</span>
     </div>
   ),
   build: (
-    <div key="build" className="tooltip">
-      <span className="material-icons small">&#xe1bd;</span>
+    <div key="build"  className="tooltip">
+      <span className="material-icons small">
+        &#xe1bd;
+      </span>
       <span className="tooltiptext">Construcción</span>
     </div>
   ),

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

@@ -16,122 +16,142 @@ ProviderProductEditionDefault.args = {
     Imágenes: false,
   },
   token:
-    "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJmNTkyN2Y4ZS1jYmY3LTQ5MjItOWUwOS1lNjllYzBiMjczMWEiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6ImY1OTI3ZjhlLWNiZjctNDkyMi05ZTA5LWU2OWVjMGIyNzMxYSIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiIyM2Q1NTlmYi1jMzIwLTRhMjItYjJmNy1lOThhYTFhZGEyNmYiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY4MzkyNjgyMSwibmFtZSI6IklzbWFlbCBMb3BleiIsInBob25lX251bWJlciI6Iis1MjMxMTEzNjYzMzYiLCJleHAiOjE2ODM5MzA0MjEsImlhdCI6MTY4MzkyNjgyMSwiZW1haWwiOiJpbG9wZXpAY29udGVudG9oLmNvbSJ9.TvCoaKoctj5mypXWMz3NyV1Vm1ToBV0vJmpVyZSQw4-ikTChkxcZ5tFYvqhk1GdvNCFttfSQIqM-14dAYYBc28YwwKP86gqOuzB1fG41rN5x1Yx3tkJq6hiVRgiBbSHWtThA9c8VnxNQbrJiaRTvvkDiM5KNTEst1oxQHL5Ct9_iKQMJMRFie7Xv0xnyS0qZ6QHK4Q2A9OHsnDkAuumALZJcE19Zh6VgSitgWrZiz3x5Text4Q-U-R48NUAzUFirAzYZzJN_fCme5pGf1AnUaZjeUjPsmrV5TBVzPEYwXO0KG8lYjL8id80D7tbGs28ZIK6B4rf3-eqI_ngmBB4CjQ",
+    "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI1ODg0YWUzNC01OWQ2LTQ0NTQtYjk4ZS04MjE1MThiY2MzYTciLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6IjU4ODRhZTM0LTU5ZDYtNDQ1NC1iOThlLTgyMTUxOGJjYzNhNyIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiJjOWRjOWE1OS0xNTAxLTQyOTgtODRjMi03MDM4NzRhNzIxMTEiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY4MjQ2Mjc4NCwibmFtZSI6IkNhZGVuYSBJc21hZWwiLCJwaG9uZV9udW1iZXIiOiIrNTIzMTExMzY2MzM2IiwiZXhwIjoxNjgyNDY2Mzg0LCJpYXQiOjE2ODI0NjI3ODQsImVtYWlsIjoiY2FkZW5hLmlzbWFlbEBhbGxmcmVlbWFpbC5uZXQifQ.ebKSsnTxKoNfWDoKGFJRlLWgNulGj4KrDe0EgsqLEIVx3Qu0lgmg43UY5tZ3FUlRE8XO2UGq0XxEgdbGOe_4nbTRYigdvxP3bh3cPQ0s68hlTDfhPRvxVJYlaO4s0rhk9rt_VVteTyLfhPHFCymrkFYYDB8bVvKnxUUCX_nJvqGQkl48JiYgvYVLpuus5FvRkGwi1u-jTtMoKiUK-jw9MxI18hD0FWXVnJr-q9ftf2d0bv4JRv4XJ_tRh1N6jps5n3c_KKZswqRfGLU-8MS2X3DU6pDqEP2BZAGXksiFYXYH_uHE6BKJAl7EEhkDTqZsx_jWtVSXTdDg_QDKrOw0Kg",
   articleId: 238,
   category: 846,
   version: 2,
   productSelected: {
-    id_article: 43,
-    id_category: 2126,
-    name: "LIMA CERRAJERO 6 PULGADAS ACERO BELLOTA",
-    upc: "137915",
-    timestamp: "2022-11-14T16:03:56.000Z",
-    categoryName:
-      "Herramientas|Herramientas Manuales|Herramientas de Corte y Desbaste",
-    version: 1,
-    retailersAvailable: [
+    orderId: 15195,
+    article_status: "AP",
+    datasheet_status: "AP",
+    description_status: "AP",
+    images_status: "AP",
+    prio: "none",
+    version: 3,
+    brand: null,
+    article: {
+      category:
+        "Abarrotes Básicos|Abarrotes Básicos y Procesados|Abarrotes Básicos y Procesados",
+      company_name: "Financiado Bodega",
+      id_company: 912,
+      country: "México",
+      id_category: "4004",
+      id_article: 39372,
+      name: "PRUEBA04BA",
+      upc: "001213",
+    },
+    retailers: [
       {
-        name: "The Home Depot Golden",
-        id: 58,
+        id: 70,
+        name: "Bodega Aurrera",
       },
     ],
+    services: {
+      datasheets: 1,
+      descriptions: 1,
+      images: 1,
+    },
     statusByRetailer: {
-      12: {
-        datasheet: "AA",
-        description: "AA",
-        images: "AA",
-      },
-      29: {
-        datasheet: "AA",
-        description: "AA",
-        images: "AA",
-      },
-      63: {
-        datasheet: "AA",
-        description: "AA",
-        images: "AA",
+      70: {
+        datasheet: "AP",
+        description: "AP",
+        images: "AP",
       },
     },
-    checked: false,
+    retailersWithService: ["70"],
+    id_article: 39372,
     retailersAvailable: [
       {
-        id: 12,
-        name: "La Comer",
-      },
-      {
-        id: 29,
-        name: "Farmacias del Ahorro",
-      },
-      {
-        id: 63,
-        name: "DAX",
+        id: 70,
+        name: "Bodega Aurrera",
       },
     ],
-    categoryName:
-      "Salud y Belleza|Cuidado del Cabello|Shampoos y Acondicionadores",
-    upc: "750955287656712",
-    id_article: 39270,
-    id_order: 15142,
   },
   productToEdit: {
-    idCategory: 2126,
-    ArticleId: 43,
-    product: [
-      {
-        id_article: 43,
-        id_category: 2126,
-        name: "LIMA CERRAJERO 6 PULGADAS ACERO BELLOTA",
-        upc: "137915",
-        timestamp: "2022-11-14T16:03:56.000Z",
-        categoryName:
-          "Herramientas|Herramientas Manuales|Herramientas de Corte y Desbaste",
-        version: 1,
-        retailersAvailable: [
-          {
-            name: "The Home Depot Golden",
-            id: 58,
-            percentage: 2,
-          },
-        ],
+    ArticleId: 39372,
+    idCategory: "4004",
+    product: {
+      orderId: 15195,
+      article_status: "AP",
+      datasheet_status: "AP",
+      description_status: "AP",
+      images_status: "AP",
+      prio: "none",
+      version: 3,
+      brand: null,
+      article: {
+        category:
+          "Abarrotes Básicos|Abarrotes Básicos y Procesados|Abarrotes Básicos y Procesados",
+        company_name: "Financiado Bodega",
+        id_company: 912,
+        country: "México",
+        id_category: "4004",
+        id_article: 39372,
+        name: "PRUEBA04BA",
+        upc: "001213",
       },
-    ],
+      retailers: [
+        {
+          id: 70,
+          name: "Bodega Aurrera",
+        },
+      ],
+      services: {
+        datasheets: 1,
+        descriptions: 1,
+        images: 1,
+      },
+      statusByRetailer: {
+        70: {
+          datasheet: "AP",
+          description: "AP",
+          images: "AP",
+        },
+      },
+      retailersWithService: ["70"],
+      id_article: 39372,
+      retailersAvailable: [
+        {
+          id: 70,
+          name: "Bodega Aurrera",
+        },
+      ],
+    },
   },
   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: 132,
+    name: "Bodega",
+    last_name: "Aurrera",
+    email: "cadenabodega@allfreemail.net",
+    position: "TI",
+    telephone: "+529999999999",
     country: "México",
-    id_company: 1,
-    id_cognito: "f5927f8e-cbf7-4922-9e09-e69ec0b2731a",
+    id_company: 912,
+    id_cognito: "fb2304ef-e1a2-4c2b-8874-eb754e4f6332",
     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,
+    is_retailer: 1,
     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: 101,
+      start_date: "2022-12-22T19:16:53.000Z",
+      end_date: "2023-12-22T19:16:53.000Z",
       planID: 8,
       plan: "prod_KtlhECVSFG2iro",
       name: "Plan Pro",
@@ -139,23 +159,35 @@ ProviderProductEditionDefault.args = {
       products_limit: "5000",
       type: "Enterprise",
     },
-    src: "https://content-management-profile.s3.amazonaws.com/id-28/28.png?1691179745418",
+    src: "https://content-management-profile.s3.amazonaws.com/id-132/132.png?1685370125086",
   },
   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: 912,
+    trade_name: "Financiado Bodega",
+    company_name: "Bodega",
+    rfc: "9395jwhs",
+    adress: "Toluca",
+    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: 70,
+        name: "Bodega Aurrera",
+        country: "México",
+      },
+    ],
+    retailers: [
+      {
+        id: 70,
+        name: "Bodega Aurrera",
+        country: "México",
+      },
+    ],
   },
   showSurvey: (v) => v && alert("se muestra"),
 };