contentoh-components-library 21.4.7 → 21.4.9

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,203 +16,54 @@ 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: {
-    orderId: 15142,
-    status: "AA",
-    datasheet_status: "AA",
-    prio: "none",
-    version: 3,
-    description_status: "AA",
-    images_status: "AA",
-    brand: "Garnier",
-    retailerOrder: 0,
-    missing: {
-      datasheet: null,
-      descriptions: null,
-      images: null,
-    },
-    services: {
-      datasheets: 1,
-      descriptions: 1,
-      images: 1,
-    },
-    article: {
-      category:
-        "Salud y Belleza|Cuidado del Cabello|Shampoos y Acondicionadores",
-      company_name: "GRUPO BRAHMA",
-      country: "México",
-      id_category: "697",
-      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_order: 15142,
-      id_article: 39270,
-      id_auditor: 37,
-      name: "Acondicionador Garnier Fructis 650 ml",
-      timestamp: "2023-03-27T18:37:48.000Z",
-      upc: "750955287656712",
-    },
-    retailers: [
-      {
-        id: 12,
-        name: "La Comer",
-      },
-      {
-        id: 29,
-        name: "Farmacias del Ahorro",
-      },
-      {
-        id: 63,
-        name: "DAX",
-      },
-    ],
-    statusByRetailer: {
-      12: {
-        datasheet: "AA",
-        description: "AA",
-        images: "AA",
-      },
-      29: {
-        datasheet: "AA",
-        description: "AA",
-        images: "AA",
-      },
-      63: {
-        datasheet: "AA",
-        description: "AA",
-        images: "AA",
-      },
-    },
-    checked: false,
+    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: [
       {
-        id: 12,
-        name: "La Comer",
-      },
-      {
-        id: 29,
-        name: "Farmacias del Ahorro",
-      },
-      {
-        id: 63,
-        name: "DAX",
+        name: "The Home Depot Golden",
+        id: 58,
       },
     ],
-    categoryName:
-      "Salud y Belleza|Cuidado del Cabello|Shampoos y Acondicionadores",
-    upc: "750955287656712",
-    id_article: 39270,
-    id_order: 15142,
   },
   productToEdit: {
-    ArticleId: 39270,
-    idCategory: "697",
-    product: {
-      orderId: 15142,
-      status: "AA",
-      datasheet_status: "AA",
-      prio: "none",
-      version: 3,
-      description_status: "AA",
-      images_status: "AA",
-      brand: "Garnier",
-      retailerOrder: 0,
-      missing: {
-        datasheet: null,
-        descriptions: null,
-        images: null,
-      },
-      services: {
-        datasheets: 1,
-        descriptions: 1,
-        images: 1,
-      },
-      article: {
-        category:
-          "Salud y Belleza|Cuidado del Cabello|Shampoos y Acondicionadores",
-        company_name: "GRUPO BRAHMA",
-        country: "México",
-        id_category: "697",
-        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_order: 15142,
-        id_article: 39270,
-        id_auditor: 37,
-        name: "Acondicionador Garnier Fructis 650 ml",
-        timestamp: "2023-03-27T18:37:48.000Z",
-        upc: "750955287656712",
-      },
-      retailers: [
-        {
-          id: 12,
-          name: "La Comer",
-        },
-        {
-          id: 29,
-          name: "Farmacias del Ahorro",
-        },
-        {
-          id: 63,
-          name: "DAX",
-        },
-      ],
-      statusByRetailer: {
-        12: {
-          datasheet: "AA",
-          description: "AA",
-          images: "AA",
-        },
-        29: {
-          datasheet: "AA",
-          description: "AA",
-          images: "AA",
-        },
-        63: {
-          datasheet: "AA",
-          description: "AA",
-          images: "AA",
-        },
+    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,
+          },
+        ],
       },
-      checked: false,
-      retailersAvailable: [
-        {
-          id: 12,
-          name: "La Comer",
-        },
-        {
-          id: 29,
-          name: "Farmacias del Ahorro",
-        },
-        {
-          id: 63,
-          name: "DAX",
-        },
-      ],
-      categoryName:
-        "Salud y Belleza|Cuidado del Cabello|Shampoos y Acondicionadores",
-      upc: "750955287656712",
-      id_article: 39270,
-      id_order: 15142,
-    },
+    ],
   },
   location: {
     pathname: "/EditProducts",
     search: "",
     hash: "",
     state: {
-      withChat: true,
-      chatType: "product_status",
       origin: "RequestWithContentoh",
     },
     key: "24vwut",
@@ -249,7 +100,7 @@ ProviderProductEditionDefault.args = {
       products_limit: "5000",
       type: "Enterprise",
     },
-    src: "https://content-management-profile.s3.amazonaws.com/id-28/28.png?1683926822779",
+    src: "https://content-management-profile.s3.amazonaws.com/id-28/28.png?1691179745418",
   },
   company: {
     id_company: 1,
@@ -264,13 +115,8 @@ ProviderProductEditionDefault.args = {
     email: null,
     social_link: "",
     is_retailer: 0,
-    retailers: [
-      {
-        id: null,
-        name: null,
-        country: null,
-      },
-    ],
+    financedRetailers: [],
+    retailers: [],
   },
   showSurvey: (v) => v && alert("se muestra"),
 };