contentoh-components-library 21.3.41 → 21.3.42

package/package.json

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

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

@@ -21,13 +21,13 @@ ProviderProductEditionDefault.args = {
   category: 846,
   version: 2,
   productSelected: {
-    orderId: 15160,
+    orderId: 15158,
     article_status: "RAC",
-    datasheet_status: "AAC",
+    datasheet_status: "RAC",
     description_status: "RAC",
-    images_status: "AAC",
+    images_status: "RAC",
     prio: "none",
-    version: 7,
+    version: 5,
     brand: null,
     article: {
       category: "Puertas y Ventanas|Molduras|Molduras Madera Blanda",
@@ -56,9 +56,9 @@ ProviderProductEditionDefault.args = {
     },
     statusByRetailer: {
       58: {
-        datasheet: "AAC",
+        datasheet: "RAC",
         description: "RAC",
-        images: "AAC",
+        images: "RAC",
       },
     },
     retailersWithService: ["58"],
@@ -78,13 +78,13 @@ ProviderProductEditionDefault.args = {
     ArticleId: 39290,
     idCategory: "2366",
     product: {
-      orderId: 15160,
+      orderId: 15158,
       article_status: "RAC",
-      datasheet_status: "AAC",
+      datasheet_status: "RAC",
       description_status: "RAC",
-      images_status: "AAC",
+      images_status: "RAC",
       prio: "none",
-      version: 7,
+      version: 5,
       brand: null,
       article: {
         category: "Puertas y Ventanas|Molduras|Molduras Madera Blanda",
@@ -113,9 +113,9 @@ ProviderProductEditionDefault.args = {
       },
       statusByRetailer: {
         58: {
-          datasheet: "AAC",
+          datasheet: "RAC",
           description: "RAC",
-          images: "AAC",
+          images: "RAC",
         },
       },
       retailersWithService: ["58"],
@@ -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?1682103877593",
   },
   company: {
     id_company: 817,

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 sectionStatusKey = `${getConcept(activeTab)}_status`;
+    const evalStatus = product[sectionStatusKey] || product?.version_status;
+    const promises = [];
+    const conceptArray = ["description", "datasheet", "images"];
+    conceptArray.forEach((concept) => {
+      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"}