contentoh-components-library 21.3.30 → 21.3.31

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

@@ -16,48 +16,248 @@ ProviderProductEditionDefault.args = {
     Imágenes: true,
   },
   token:
-    "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJmNTkyN2Y4ZS1jYmY3LTQ5MjItOWUwOS1lNjllYzBiMjczMWEiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6ImY1OTI3ZjhlLWNiZjctNDkyMi05ZTA5LWU2OWVjMGIyNzMxYSIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiIyOWY3YWY3Zi0yNmQ0LTRiMWItODZmZS0zOWY2ZTUyMDFhNzAiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY2OTkyNzAyMSwibmFtZSI6IklzbWFlbCBMb3BleiIsInBob25lX251bWJlciI6Iis1MjMxMTEzNjYzMzYiLCJleHAiOjE2Njk5MzA2MjEsImlhdCI6MTY2OTkyNzAyMSwiZW1haWwiOiJpbG9wZXpAY29udGVudG9oLmNvbSJ9.NK6hVSiBksguboJ1m8yYqtDq19kzgE3GqYDEJHLUya_n_TsXriv6W1ypq7XiSo9zrqWcmHBpOoJQS7WbWzjGe__NlJEXjo8bykS8QBTTOiMrKxz1KzGRYJkwgG0axk-zVysUQH0_y-fbwgEgMPtd6qO46DB_KlFI_PEL1-uR5MJ9U0kNkS61gMbHwFQFs_DU-sS01NxjBsjUEp783rs1r-jm7TelZac1rGaFNUyi5vHdSozYzlnzfzGcuACZ0lHqvah2FHbDyurp-G_uhpUn5lNmcL4rVNh2lDd4TOnhJ3AtN1wGSmtErmhjmBHTvavh1ub9pklA1B9qjVuTRpYANw",
+    "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJmNTkyN2Y4ZS1jYmY3LTQ5MjItOWUwOS1lNjllYzBiMjczMWEiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6ImY1OTI3ZjhlLWNiZjctNDkyMi05ZTA5LWU2OWVjMGIyNzMxYSIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiIzZTNmZTBhOS1kY2U2LTRjYjAtYTg3MS02YzljNTBiMmRmZmQiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY3OTYxMDg4NywibmFtZSI6IklzbWFlbCBMb3BleiIsInBob25lX251bWJlciI6Iis1MjMxMTEzNjYzMzYiLCJleHAiOjE2Nzk2MTQ0ODYsImlhdCI6MTY3OTYxMDg4NywiZW1haWwiOiJpbG9wZXpAY29udGVudG9oLmNvbSJ9.HcyeyeK54av0Fnzto54OA_5FfdlUy50CuuXObgxBJswJLvMMZK13jWE06xnpmQCn5a_T20-xSLllgYDPzpEs5c40nm9sA3dJs9YWZGUOXg4SAZUqHVi_LTeCWv3dy3yjewlmGmcS-uTkuEI6GrT3559PcgYn1KTgGuPgqL9t4cb8A89-8n3o-ihhRfdSpUuYgqspurQXARjLlkESw2Z1gzFqJBd4u3BXMtusANta9G9TsBaQ9zTfMW79ksrQeiMXpKDmap_cdM7pSrykHf180GOHj0MZpWGC9U-32wpiNQ_DBeAyIWiIKCyh7mU8WHA_3Nm27lkL2LwioGCz9rHPqg",
   articleId: 238,
   category: 846,
   version: 2,
   productSelected: {
-    id_article: 3,
-    id_category: 2032,
-    name: "CORTINA BLACKOUT DE POLIÉSTER CAFÉ 2.13 X 1.06 M",
-    upc: "161157",
-    timestamp: "2022-11-14T16:02:47.000Z",
-    categoryName: "Decoración|Cortinas y Persianas|Cortinas",
-    version: 1,
+    orderId: 14606,
+    status: "AA",
+    datasheet_status: "AA",
+    prio: "none",
+    version: 3,
+    description_status: "AA",
+    images_status: "AA",
+    brand: "Axion",
+    retailerOrder: 0,
+    missing: {
+      datasheet: null,
+      descriptions: null,
+      images: null,
+    },
+    services: {
+      datasheets: 1,
+      descriptions: 1,
+      images: 1,
+    },
+    article: {
+      category:
+        "Consumibles|Productos de Limpieza y Lavandería|Jabones y Lavatrastes",
+      company_name: "GRUPO BRAHMA",
+      country: "México",
+      id_category: "157",
+      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: 14606,
+      id_article: 37317,
+      id_auditor: 37,
+      name: "Detergente lavatrastres líquido Axion Complete tricloro 1.1 l",
+      timestamp: "2023-03-10T20:19:46.000Z",
+      upc: "7509546078915",
+    },
+    retailers: [
+      {
+        id: 4,
+        name: "Walmart Super y Superama",
+      },
+      {
+        id: 5,
+        name: "Chedraui",
+      },
+      {
+        id: 6,
+        name: "HEB",
+      },
+      {
+        id: 12,
+        name: "La Comer",
+      },
+      {
+        id: 17,
+        name: "Genérico",
+      },
+    ],
+    statusByRetailer: {
+      4: {
+        datasheet: "AA",
+        description: "AA",
+        images: "AA",
+      },
+      5: {
+        datasheet: "AA",
+        description: "AA",
+        images: "AA",
+      },
+      6: {
+        datasheet: "AA",
+        description: "AA",
+        images: "AA",
+      },
+      12: {
+        datasheet: "AA",
+        description: "AA",
+        images: "AA",
+      },
+      17: {
+        datasheet: "AA",
+        description: "AA",
+        images: "AA",
+      },
+    },
     retailersAvailable: [
       {
-        name: "The Home Depot Golden",
-        id: 58,
+        id: 4,
+        name: "Walmart Super y Superama",
+      },
+      {
+        id: 5,
+        name: "Chedraui",
+      },
+      {
+        id: 6,
+        name: "HEB",
+      },
+      {
+        id: 12,
+        name: "La Comer",
+      },
+      {
+        id: 17,
+        name: "Genérico",
       },
     ],
+    categoryName:
+      "Consumibles|Productos de Limpieza y Lavandería|Jabones y Lavatrastes",
+    upc: "7509546078915",
+    id_article: 37317,
+    id_order: 14606,
   },
   productToEdit: {
-    idCategory: 2032,
-    ArticleId: 3,
-    product: [
-      {
-        id_article: 3,
-        id_category: 2032,
-        name: "CORTINA BLACKOUT DE POLIÉSTER CAFÉ 2.13 X 1.06 M",
-        upc: "161157",
-        timestamp: "2022-11-14T16:02:47.000Z",
-        categoryName: "Decoración|Cortinas y Persianas|Cortinas",
-        version: 1,
-        retailersAvailable: [
-          {
-            name: "The Home Depot Golden",
-            id: 58,
-          },
-        ],
+    ArticleId: 37317,
+    idCategory: "157",
+    product: {
+      orderId: 14606,
+      status: "AA",
+      datasheet_status: "AA",
+      prio: "none",
+      version: 3,
+      description_status: "AA",
+      images_status: "AA",
+      brand: "Axion",
+      retailerOrder: 0,
+      missing: {
+        datasheet: null,
+        descriptions: null,
+        images: null,
       },
-    ],
+      services: {
+        datasheets: 1,
+        descriptions: 1,
+        images: 1,
+      },
+      article: {
+        category:
+          "Consumibles|Productos de Limpieza y Lavandería|Jabones y Lavatrastes",
+        company_name: "GRUPO BRAHMA",
+        country: "México",
+        id_category: "157",
+        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: 14606,
+        id_article: 37317,
+        id_auditor: 37,
+        name: "Detergente lavatrastres líquido Axion Complete tricloro 1.1 l",
+        timestamp: "2023-03-10T20:19:46.000Z",
+        upc: "7509546078915",
+      },
+      retailers: [
+        {
+          id: 4,
+          name: "Walmart Super y Superama",
+        },
+        {
+          id: 5,
+          name: "Chedraui",
+        },
+        {
+          id: 6,
+          name: "HEB",
+        },
+        {
+          id: 12,
+          name: "La Comer",
+        },
+        {
+          id: 17,
+          name: "Genérico",
+        },
+      ],
+      statusByRetailer: {
+        4: {
+          datasheet: "AA",
+          description: "AA",
+          images: "AA",
+        },
+        5: {
+          datasheet: "AA",
+          description: "AA",
+          images: "AA",
+        },
+        6: {
+          datasheet: "AA",
+          description: "AA",
+          images: "AA",
+        },
+        12: {
+          datasheet: "AA",
+          description: "AA",
+          images: "AA",
+        },
+        17: {
+          datasheet: "AA",
+          description: "AA",
+          images: "AA",
+        },
+      },
+      retailersAvailable: [
+        {
+          id: 4,
+          name: "Walmart Super y Superama",
+        },
+        {
+          id: 5,
+          name: "Chedraui",
+        },
+        {
+          id: 6,
+          name: "HEB",
+        },
+        {
+          id: 12,
+          name: "La Comer",
+        },
+        {
+          id: 17,
+          name: "Genérico",
+        },
+      ],
+      categoryName:
+        "Consumibles|Productos de Limpieza y Lavandería|Jabones y Lavatrastes",
+      upc: "7509546078915",
+      id_article: 37317,
+      id_order: 14606,
+    },
   },
   location: {
-    state: { origin: "Contentoh" },
+    state: { origin: "Contentoh", withChat: true },
   },
   user: {
     id_user: 28,
@@ -78,8 +278,8 @@ ProviderProductEditionDefault.args = {
     id_role: 0,
     active: 1,
     is_retailer: 0,
-    email_notify: 0,
-    is_user_tech: "AS",
+    email_notify: 1,
+    is_user_tech: "ADMIN-AS",
     membership: {
       id: 76,
       start_date: "2022-01-18T17:25:35.000Z",
@@ -91,7 +291,7 @@ ProviderProductEditionDefault.args = {
       products_limit: "5000",
       type: "Enterprise",
     },
-    src: "https://content-management-profile.s3.amazonaws.com/id-28/28.png?1669927021851",
+    src: "https://content-management-profile.s3.amazonaws.com/id-28/28.png?1679610888753",
   },
   company: {
     id_company: 1,
@@ -106,6 +306,13 @@ ProviderProductEditionDefault.args = {
     email: null,
     social_link: "",
     is_retailer: 0,
+    retailers: [
+      {
+        id: null,
+        name: null,
+        country: null,
+      },
+    ],
   },
   showSurvey: (v) => v && alert("se muestra"),
 };

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

@@ -42,6 +42,7 @@ import Slide1_4 from "../../../assets/images/sliderToolTip/slide4.svg";
 import Slide1_5 from "../../../assets/images/sliderToolTip/slide5.svg";
 import { VersionSelector } from "../../organisms/VersionSelector";
 import { useCloseModal } from "../../../global-files/customHooks";
+import { number } from "prop-types";
 
 const reducerImages = (state, action) => {
   let { values, attrForImgs, inputsByRetailer } = state;
@@ -133,6 +134,7 @@ export const ProviderProductEdition = ({
   setShowContentohRequestModal,
   showSurvey,
   company,
+  withChat,
 }) => {
   const [activeTab, setActiveTab] = useState("Descripción");
   const [activeImage, setActiveImage] = useState();
@@ -258,6 +260,12 @@ export const ProviderProductEdition = ({
     checkAll && setSelectedImages(images.values);
   }, [checkAll]);
 
+  useEffect(() => {
+    if (showModal) {
+      setActiveTab("Imágenes");
+    }
+  }, [showModal]);
+
   const loadData = async () => {
     const services = await getRetailerServices(
       product?.id_article || product?.article?.id_article,
@@ -272,8 +280,7 @@ export const ProviderProductEdition = ({
 
     setImages({ action: "init", init: services[2] });
     if (services[2]?.values?.length > 0) setActiveImage(0);
-
-    getPercentage({ data: [product] }).then((res) => setPercentages(res));
+    getPercentage({ data: [product] }).then((res) => setPercentages(res[0]));
     setLoading(false);
   };
 
@@ -363,12 +370,13 @@ export const ProviderProductEdition = ({
   useEffect(() => {
     const productTemp = product;
     const retailers = productTemp?.retailersAvailable || productTemp?.retailers;
-    retailers?.forEach((retailer) => {
-      retailer["percentage"] = percentages?.find(
-        (percent) => retailer?.id === percent?.id_retailer
-      )?.percentage;
-    });
-
+    if (Object.keys(percentages[productTemp.id_article] ?? {})?.length > 0) {
+      retailers?.forEach((retailer, index) => {
+        retailer["percentage"] = Number(
+          percentages[productTemp.id_article][retailer.id]?.percentageRequired
+        );
+      });
+    }
     setProduct(productTemp);
     setActivePercentage(retailers[0]?.percentage);
   }, [percentages]);
@@ -1054,9 +1062,72 @@ export const ProviderProductEdition = ({
         "Finalmente elige la forma de pago que más te guste, procede con el pago y listo.",
     },
   ];
+  const sendToEvaluation = (result) => {
+    if (result === "A") {
+      if (
+        origin[activeTab] === "RequestWithoutContentoh" &&
+        !user.is_retailer &&
+        (!product.id_order || !product.orderId)
+      ) {
+        setDataGenericModal((prev) => ({
+          ...prev,
+          button2: {
+            name: "Continuar",
+            action: () => evaluationToRetailer("A"),
+          },
+        }));
+        setShowGenericModal(true);
+      } else if (user.is_retailer) {
+        if (product.id_order || product.orderId) {
+          sendEvaluation("A");
+        } else {
+          setDataGenericModal((prev) => ({
+            ...prev,
+            button2: {
+              name: "Continuar",
+              action: () => evaluationToRetailer("A"),
+            },
+          }));
+          setShowGenericModal(true);
+        }
+      } else {
+        sendEvaluation("A");
+      }
+    } else {
+      if (
+        originProp === "RequestWithoutContentoh" &&
+        !user.is_retailer &&
+        (!product.id_order || !product.orderId)
+      ) {
+        return;
+      } else if (user.is_retailer) {
+        if (product.id_order || product.orderId) {
+          setValidatedAll(true);
+          setModalViewError(true);
+        } else {
+          setDataGenericModal((prev) => ({
+            ...prev,
+            button2: {
+              name: "Continuar",
+              action: () => evaluationToRetailer("R"),
+            },
+          }));
+          setShowGenericModal(true);
+        }
+      } else {
+        setValidatedAll(true);
+        setModalViewError(true);
+      }
+    }
+  };
   return (
     <Container headerTop={headerTop}>
-      <HeaderTop setHeaderTop={setHeaderTop} />
+      <HeaderTop
+        setHeaderTop={setHeaderTop}
+        withChat={location?.state?.withChat}
+        productSelected={productSelected}
+        token={token}
+      />
       <div className="data-container">
         <div className="image-data-panel">
           <ImagePreviewer
@@ -1147,63 +1218,8 @@ export const ProviderProductEdition = ({
                 setModalViewError(true);
               }
             }}
-            approve={() => {
-              if (
-                origin[activeTab] === "RequestWithoutContentoh" &&
-                !user.is_retailer &&
-                (!product.id_order || !product.orderId)
-              ) {
-                setDataGenericModal((prev) => ({
-                  ...prev,
-                  button2: {
-                    name: "Continuar",
-                    action: () => evaluationToRetailer("A"),
-                  },
-                }));
-                setShowGenericModal(true);
-              } else if (user.is_retailer) {
-                if (product.id_order || product.orderId) {
-                  sendEvaluation("A");
-                } else {
-                  setDataGenericModal((prev) => ({
-                    ...prev,
-                    button2: {
-                      name: "Continuar",
-                      action: () => evaluationToRetailer("A"),
-                    },
-                  }));
-                  setShowGenericModal(true);
-                }
-              } else {
-                sendEvaluation("A");
-              }
-            }}
-            reject={() => {
-              if (
-                origin[activeTab] === "RequestWithoutContentoh" &&
-                !user.is_retailer &&
-                (!product.id_order || !product.orderId)
-              ) {
-                return;
-              } else if (user.is_retailer) {
-                if (product.id_order || product.orderId) {
-                  setValidatedAll(false);
-                  setModalViewError(true);
-                } else {
-                  setDataGenericModal((prev) => ({
-                    ...prev,
-                    button2: {
-                      name: "Continuar",
-                      action: () => evaluationToRetailer("R"),
-                    },
-                  }));
-                  setShowGenericModal(true);
-                }
-              } else {
-                setValidatedAll(false);
-                setModalViewError(true);
-              }
-            }}
+            approve={() => sendToEvaluation("A")}
+            reject={() => sendToEvaluation("R")}
           />
           <FullTabsMenu
             tabsSections={tabsSections}
@@ -1400,7 +1416,12 @@ export const ProviderProductEdition = ({
         </div>
       </div>
       {showModal && (
-        <ProductImageModal images={images} setShowModal={setShowModal} />
+        <ProductImageModal
+          images={images}
+          setShowModal={setShowModal}
+          approveRejectButtons={isRevision() && getSectionStatus()}
+          sendToFacilitator={sendToEvaluation}
+        />
       )}
       {message.length > 0 && !showSurvey && (
         <GenericModal