contentoh-components-library 21.3.41 → 21.3.43

package/package.json

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

package/src/components/organisms/DashboardMetric/dashboardMetricUtils.js

@@ -35,6 +35,16 @@ export const getFullStatus = (status) => {
       return "Exportado";
     case "NS":
       return "No solicitado";
+    case "SAC":
+      return "Solicitud Auditoría Content-oh!";
+    case "AAC":
+      return "Aprobado Auditoría Content-oh!";
+    case "RAC":
+      return "Rechazado Auditoría Content-oh!";
+    case "FAP":
+      return "Finalización Auditoría por Proveedor";
+    default:
+      return "";
   }
 };
 
@@ -75,6 +85,14 @@ export const getStatusColor = (status) => {
       return "black";
     case "Ex":
       return "#09CAD8";
+    case "SAC":
+      return "#2471A3";
+    case "AAC":
+      return "#1ABC9C";
+    case "RAC":
+      return "#229954";
+    case "FAP":
+      return "#F1C40F";
     default:
       return "white";
   }
@@ -104,7 +122,6 @@ export const removeOldStatus = (object) => {
         object["AC"] = object["AC"] + object["AF"];
         delete object["AF"];
         break;
-
       default:
         break;
     }

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

@@ -16,28 +16,28 @@ ProviderProductEditionDefault.args = {
     Imágenes: false,
   },
   token:
-    "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI1ODg0YWUzNC01OWQ2LTQ0NTQtYjk4ZS04MjE1MThiY2MzYTciLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6IjU4ODRhZTM0LTU5ZDYtNDQ1NC1iOThlLTgyMTUxOGJjYzNhNyIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiJkMmY0ZTZmNC1jYmM4LTQ5NTItODMyYi0yYTNlNzBlOTM0ZjAiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY4MjAyNDQ4OCwibmFtZSI6IkNhZGVuYSBJc21hZWwiLCJwaG9uZV9udW1iZXIiOiIrNTIzMTExMzY2MzM2IiwiZXhwIjoxNjgyMDI4MDg4LCJpYXQiOjE2ODIwMjQ0ODgsImVtYWlsIjoiY2FkZW5hLmlzbWFlbEBhbGxmcmVlbWFpbC5uZXQifQ.eTJuJXGjCEOcOzJreoJQ3GA_3a7-7IR5sojvBwyEp360Z_Nd7LNDAA605jkRTx2c39zk9o3hkgzEZsK6RYwFrB-jOqlFA7E3dvkCaDC0fh6V1tAY3nKWvFE13VHMj08WAPmQOtr2glpzv0vcCNilOmbw8-D7E7zb2K6R63YdVyC1mSVPvlqJaecBVmiWu5OoHDRFjfdkx-tnxQacm3YeuqYPHho4hy18xU4NG4SmeqXQmuBD8lGMZuZ5Kkr9tkjgEQzjaY5wUik6MWDc43xG5pMhXsuluUnwxPWo3V4tc7MKsml6T6solr31JlL5qsVc4trqWMkLG2bbtUzRRxUUXg",
+    "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI1ODg0YWUzNC01OWQ2LTQ0NTQtYjk4ZS04MjE1MThiY2MzYTciLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6IjU4ODRhZTM0LTU5ZDYtNDQ1NC1iOThlLTgyMTUxOGJjYzNhNyIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiJjOWRjOWE1OS0xNTAxLTQyOTgtODRjMi03MDM4NzRhNzIxMTEiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY4MjQ2Mjc4NCwibmFtZSI6IkNhZGVuYSBJc21hZWwiLCJwaG9uZV9udW1iZXIiOiIrNTIzMTExMzY2MzM2IiwiZXhwIjoxNjgyNDY2Mzg0LCJpYXQiOjE2ODI0NjI3ODQsImVtYWlsIjoiY2FkZW5hLmlzbWFlbEBhbGxmcmVlbWFpbC5uZXQifQ.ebKSsnTxKoNfWDoKGFJRlLWgNulGj4KrDe0EgsqLEIVx3Qu0lgmg43UY5tZ3FUlRE8XO2UGq0XxEgdbGOe_4nbTRYigdvxP3bh3cPQ0s68hlTDfhPRvxVJYlaO4s0rhk9rt_VVteTyLfhPHFCymrkFYYDB8bVvKnxUUCX_nJvqGQkl48JiYgvYVLpuus5FvRkGwi1u-jTtMoKiUK-jw9MxI18hD0FWXVnJr-q9ftf2d0bv4JRv4XJ_tRh1N6jps5n3c_KKZswqRfGLU-8MS2X3DU6pDqEP2BZAGXksiFYXYH_uHE6BKJAl7EEhkDTqZsx_jWtVSXTdDg_QDKrOw0Kg",
   articleId: 238,
   category: 846,
   version: 2,
   productSelected: {
-    orderId: 15160,
-    article_status: "RAC",
+    orderId: 15165,
+    article_status: "AAC",
     datasheet_status: "AAC",
-    description_status: "RAC",
-    images_status: "AAC",
+    description_status: "FAP",
+    images_status: "FAP",
     prio: "none",
-    version: 7,
+    version: 3,
     brand: null,
     article: {
       category: "Puertas y Ventanas|Molduras|Molduras Madera Blanda",
       company_name: "Demo",
-      id_company: 924,
+      id_company: 923,
       country: "México",
       id_category: "2366",
-      id_article: 39290,
-      name: "MOLDURA MARCO MODER 11X4X244 CM",
-      upc: "100030",
+      id_article: 39336,
+      name: "Prueba Auditoria",
+      upc: "100030124",
     },
     retailers: [
       {
@@ -46,7 +46,7 @@ ProviderProductEditionDefault.args = {
       },
       {
         id: 68,
-        name: "The Home Depot Merchants",
+        name: "The Home Depot Dropship",
       },
     ],
     services: {
@@ -57,12 +57,12 @@ ProviderProductEditionDefault.args = {
     statusByRetailer: {
       58: {
         datasheet: "AAC",
-        description: "RAC",
-        images: "AAC",
+        description: "FAP",
+        images: "FAP",
       },
     },
     retailersWithService: ["58"],
-    id_article: 39290,
+    id_article: 39336,
     retailersAvailable: [
       {
         id: 58,
@@ -70,31 +70,31 @@ ProviderProductEditionDefault.args = {
       },
       {
         id: 68,
-        name: "The Home Depot Merchants",
+        name: "The Home Depot Dropship",
       },
     ],
   },
   productToEdit: {
-    ArticleId: 39290,
+    ArticleId: 39336,
     idCategory: "2366",
     product: {
-      orderId: 15160,
-      article_status: "RAC",
+      orderId: 15165,
+      article_status: "AAC",
       datasheet_status: "AAC",
-      description_status: "RAC",
-      images_status: "AAC",
+      description_status: "FAP",
+      images_status: "FAP",
       prio: "none",
-      version: 7,
+      version: 3,
       brand: null,
       article: {
         category: "Puertas y Ventanas|Molduras|Molduras Madera Blanda",
         company_name: "Demo",
-        id_company: 924,
+        id_company: 923,
         country: "México",
         id_category: "2366",
-        id_article: 39290,
-        name: "MOLDURA MARCO MODER 11X4X244 CM",
-        upc: "100030",
+        id_article: 39336,
+        name: "Prueba Auditoria",
+        upc: "100030124",
       },
       retailers: [
         {
@@ -103,7 +103,7 @@ ProviderProductEditionDefault.args = {
         },
         {
           id: 68,
-          name: "The Home Depot Merchants",
+          name: "The Home Depot Dropship",
         },
       ],
       services: {
@@ -114,12 +114,12 @@ ProviderProductEditionDefault.args = {
       statusByRetailer: {
         58: {
           datasheet: "AAC",
-          description: "RAC",
-          images: "AAC",
+          description: "FAP",
+          images: "FAP",
         },
       },
       retailersWithService: ["58"],
-      id_article: 39290,
+      id_article: 39336,
       retailersAvailable: [
         {
           id: 58,
@@ -127,7 +127,7 @@ ProviderProductEditionDefault.args = {
         },
         {
           id: 68,
-          name: "The Home Depot Merchants",
+          name: "The Home Depot Dropship",
         },
       ],
     },
@@ -142,58 +142,38 @@ ProviderProductEditionDefault.args = {
     key: "24vwut",
   },
   user: {
-    orderId: 15160,
-    article_status: "RAC",
-    datasheet_status: "AAC",
-    description_status: "RAC",
-    images_status: "AAC",
-    prio: "none",
-    version: 7,
-    brand: null,
-    article: {
-      category: "Puertas y Ventanas|Molduras|Molduras Madera Blanda",
-      company_name: "Demo",
-      id_company: 924,
-      country: "México",
-      id_category: "2366",
-      id_article: 39290,
-      name: "MOLDURA MARCO MODER 11X4X244 CM",
-      upc: "100030",
-    },
-    retailers: [
-      {
-        id: 58,
-        name: "The Home Depot Golden",
-      },
-      {
-        id: 68,
-        name: "The Home Depot Merchants",
-      },
-    ],
-    services: {
-      datasheets: 1,
-      descriptions: 1,
-      images: 1,
-    },
-    statusByRetailer: {
-      58: {
-        datasheet: "AAC",
-        description: "RAC",
-        images: "AAC",
-      },
+    id_user: 59,
+    name: "Cadena",
+    last_name: "Comercial",
+    email: "cadena.ismael@allfreemail.net",
+    position: "Admin",
+    telephone: "+523111366336",
+    country: "México",
+    id_company: 817,
+    id_cognito: "5884ae34-59d6-4454-b98e-821518bcc3a7",
+    birth_Date: null,
+    about_me: "",
+    zip_code: "",
+    address: "",
+    job: "",
+    id_stripe: "",
+    id_role: 0,
+    active: 1,
+    is_retailer: 1,
+    email_notify: 0,
+    is_user_tech: null,
+    membership: {
+      id: 47,
+      start_date: "2022-05-25T14:31:12.000Z",
+      end_date: "2023-05-25T14:31:12.000Z",
+      planID: 5,
+      plan: "prod_Ktl6B5Ou2gqTB2",
+      name: "Plan Pro",
+      user_limit: "5",
+      products_limit: "500",
+      type: "PyMES",
     },
-    retailersWithService: ["58"],
-    id_article: 39290,
-    retailersAvailable: [
-      {
-        id: 58,
-        name: "The Home Depot Golden",
-      },
-      {
-        id: 68,
-        name: "The Home Depot Merchants",
-      },
-    ],
+    src: "https://content-management-profile.s3.amazonaws.com/id-59/59.png?1682462786497",
   },
   company: {
     id_company: 817,
@@ -211,7 +191,7 @@ ProviderProductEditionDefault.args = {
     financedRetailers: [
       {
         id: 68,
-        name: "The Home Depot Merchants",
+        name: "The Home Depot Dropship",
         country: "México",
         id_region: 1,
         active: 1,
@@ -235,7 +215,7 @@ ProviderProductEditionDefault.args = {
       },
       {
         id: 68,
-        name: "The Home Depot Merchants",
+        name: "The Home Depot Dropship",
         country: "México",
       },
       {

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

@@ -19,9 +19,6 @@ import { useDropzone } from "react-dropzone";
 import axios from "axios";
 import { v4 as uuidv4 } from "uuid";
 import AWS from "aws-sdk";
-import attributesSent from "../../../assets/images/modalsSVGs/attributesSent.svg";
-import descriptionSent from "../../../assets/images/modalsSVGs/descriptionSent.svg";
-import imagesSent from "../../../assets/images/modalsSVGs/uploadingImages.svg";
 import { TagAndInput } from "../../molecules/TagAndInput/index";
 import { Button } from "../../atoms/GeneralButton";
 import { Commentary } from "../../atoms/Commentary";
@@ -133,6 +130,7 @@ export const ProviderProductEdition = ({
   setShowContentohRequestModal,
   showSurvey,
   company,
+  addToCart,
 }) => {
   const [activeTab, setActiveTab] = useState("Descripción");
   const [activeImage, setActiveImage] = useState();
@@ -233,7 +231,7 @@ export const ProviderProductEdition = ({
     }`,
     button1: {
       name: "Cerrar",
-      action: () => setGlobalModal(),
+      action: closeGlobalModal,
     },
     button2: {
       name: "Continuar",
@@ -250,6 +248,97 @@ export const ProviderProductEdition = ({
     useCloseModal("version-selector");
   const [globalModal, setGlobalModal] = useState();
 
+  const updateAuditStatus = async (status) => {
+    const productTemp = product;
+    productTemp.article_status = status;
+    productTemp.datasheet_status = status;
+    productTemp.description_status = status;
+    productTemp.images_status = status;
+
+    const retailerStatusCopy = { ...retailerStatus };
+    const conceptArray = ["description", "datasheet", "images"];
+    Object.keys(retailerStatusCopy).forEach((key) => {
+      conceptArray.forEach((concept) => {
+        if (retailerStatusCopy[key][concept]) {
+          retailerStatusCopy[key][concept] = status;
+        }
+      });
+    });
+    setRetailerStatus(retailerStatusCopy);
+    productTemp.statusByRetailer = retailerStatusCopy;
+    setProduct(productTemp);
+    sessionStorage.setItem("productSelected", JSON.stringify(productTemp));
+    setProductEdit({
+      ArticleId: productTemp.id_article,
+      idCategory: productTemp.article.id_category,
+      product: productTemp,
+    });
+    sessionStorage.setItem(
+      "productEdit",
+      JSON.stringify({
+        ArticleId: productTemp.id_article,
+        idCategory: productTemp.article.id_category,
+        product: productTemp,
+      })
+    );
+    await loadData();
+  };
+
+  const addCart = async (retailers) => {
+    const { article, version } = product;
+    const articleToOrder = [
+      {
+        articleId: article.id_article,
+        version,
+        userId: user.id_user,
+        discount: 0,
+        subtotal: 0,
+        companyId: user.id_company,
+        datasheet: retailers,
+        description: retailers,
+        image: retailers,
+        attributeTranslations: false,
+        descriptionTranslations: false,
+        build: "[]",
+        manual: "[]",
+        userCreated: user.id_user,
+      },
+    ];
+    let modatlType = "addedToCartError";
+    if (addToCart) {
+      const resCart = await addToCart({ data: articleToOrder });
+      if (resCart.data.statusCode === 200) {
+        modatlType = "addedToCart";
+      }
+    }
+    showGlobalModal(modatlType);
+  };
+
+  const closeGlobalModal = () => setGlobalModal();
+
+  const seenByProvider = async () => {
+    const productTemp = product;
+    const articleId = productTemp.id_article;
+    const orderId = productTemp.id_order ?? productTemp.orderId;
+    const promises = [];
+    const conceptArray = ["description", "datasheet", "images"];
+    conceptArray.forEach((concept) => {
+      const sectionStatusKey = `${concept}_status`;
+      const evalStatus = product[sectionStatusKey] || product?.version_status;
+      const data = { articleId, orderId, concept, evalStatus };
+      promises.push(
+        axios.put(`${process.env.REACT_APP_SEND_EVAL}`, data, {
+          headers: {
+            Authorization: token,
+          },
+        })
+      );
+    });
+    await Promise.all(promises);
+    closeGlobalModal();
+    await updateAuditStatus("FAP");
+  };
+
   const showGlobalModal = useCallback(
     (type) => {
       const formatter = new Intl.ListFormat("es", { type: "conjunction" });
@@ -285,7 +374,7 @@ export const ProviderProductEdition = ({
             detail: "Trabajaremos en conjunto para resolverlo.",
             button1: {
               name: "Cerrar",
-              action: () => setGlobalModal(),
+              action: closeGlobalModal,
             },
             img: face,
             textArea: false,
@@ -294,9 +383,9 @@ export const ProviderProductEdition = ({
         case "RAC":
           const servicesRejected = [];
           const translateServices = {
-            datasheet: '"ficha técnica"',
-            description: '"descripción"',
-            images: '"imágenes"',
+            datasheet: "ficha técnica",
+            description: "descripción",
+            images: "imágenes",
           };
           Object.keys(translateServices).forEach((service) => {
             if (product[`${service}_status`] === "RAC") {
@@ -309,6 +398,9 @@ export const ProviderProductEdition = ({
           const formatted = formatter.format(servicesRejected);
           const text1 = `${grammar[0]} de ${formatted} no ${grammar[1]} con lo que la cadena necesita.`;
           const text2 = `¡Solicita el servicio de Content-oh! para completarlo!`;
+          const retailers = product.retailersWithService.map((retailer) =>
+            Number(retailer)
+          );
           setGlobalModal({
             message:
               "Tu producto no cumple con los requerimientos de la cadena",
@@ -324,13 +416,16 @@ export const ProviderProductEdition = ({
             ),
             button1: {
               name: "Continuar",
-              action: () => setGlobalModal(),
+              action: async () => await seenByProvider(),
             },
             button2: {
               name: "Solicitar a Content-oh!",
-              action: () => setGlobalModal(),
+              action: async () => {
+                await addCart(retailers);
+                await seenByProvider();
+              },
             },
-            img: face,
+            img: errorModal,
           });
           break;
         case "AAC":
@@ -339,17 +434,38 @@ export const ProviderProductEdition = ({
             detail: "Tu producto cumple con los requerimientos de la cadena.",
             button1: {
               name: "Continuar",
-              action: () => setGlobalModal(),
+              action: async () => await seenByProvider(),
+            },
+            img: face,
+          });
+          break;
+        case "addedToCartError":
+          setGlobalModal({
+            detail:
+              "Parece que algo salió mal al intentar añadir tu producto a tu carrito.",
+            button1: {
+              name: "Continuar",
+              action: closeGlobalModal,
+            },
+          });
+          break;
+        case "addedToCart":
+          setGlobalModal({
+            message: "Producto añadido",
+            detail: "Tu producto se añadió al carrito de compras.",
+            button1: {
+              name: "Continuar",
+              action: closeGlobalModal,
             },
             img: face,
           });
           break;
         default:
-          setGlobalModal();
+          closeGlobalModal();
           break;
       }
     },
-    [activeTab, dataGenericModal]
+    [activeTab, dataGenericModal, product]
   );
 
   useEffect(() => {
@@ -990,23 +1106,24 @@ export const ProviderProductEdition = ({
           })
         );
       });
-      const evalResponse = await Promise.all(evaluationArray);
+      await Promise.all(evaluationArray);
       const userType = user.is_retailer === 1 ? "CA" : "P";
 
       const productTemp = product;
-      productTemp.article_status = `${result}${userType}`;
+      const status = `${result}${userType}`;
+      productTemp.article_status = status;
       productTemp.datasheet_status =
-        productTemp.datasheet_status === "NA" ? "NA" : `${result}${userType}`;
+        productTemp.datasheet_status === "NA" ? "NA" : status;
       productTemp.description_status =
-        productTemp.description_status === "NA" ? "NA" : `${result}${userType}`;
+        productTemp.description_status === "NA" ? "NA" : status;
       productTemp.images_status =
-        productTemp.images_status === "NA" ? "NA" : `${result}${userType}`;
+        productTemp.images_status === "NA" ? "NA" : status;
 
       const retailerStatusCopy = { ...retailerStatus };
       Object.keys(retailerStatusCopy).forEach((key) => {
         conceptArray.forEach((concept) => {
           if (retailerStatusCopy[key][concept]) {
-            retailerStatusCopy[key][concept] = `${result}${userType}`;
+            retailerStatusCopy[key][concept] = status;
           }
         });
       });
@@ -1495,9 +1612,7 @@ export const ProviderProductEdition = ({
           onClick={() => setMessage("")}
         />
       )}
-      {globalModal && (
-        <GlobalModal close={() => setGlobalModal()} {...globalModal} />
-      )}
+      {globalModal && <GlobalModal close={closeGlobalModal} {...globalModal} />}
       {showVersionSelector && (
         <VersionSelector
           modalId={"version-selector"}