contentoh-components-library 21.1.12 → 21.1.13

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

@@ -16,170 +16,157 @@ ProviderProductEditionDefault.args = {
     Imágenes: false,
   },
   token:
-    "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI1ODg0YWUzNC01OWQ2LTQ0NTQtYjk4ZS04MjE1MThiY2MzYTciLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6IjU4ODRhZTM0LTU5ZDYtNDQ1NC1iOThlLTgyMTUxOGJjYzNhNyIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiJlNWNjOGY4OC1hYzBiLTQ5ZmItOGI1Yi0wNzg4YjJmMjFjMzAiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY1NTY3OTEwMSwibmFtZSI6IkNhZGVuYSBJc21hZWwiLCJwaG9uZV9udW1iZXIiOiIrNTIzMTExMzY2MzM2IiwiZXhwIjoxNjU1NjgyNzAxLCJpYXQiOjE2NTU2NzkxMDEsImVtYWlsIjoiY2FkZW5hLmlzbWFlbEBhbGxmcmVlbWFpbC5uZXQifQ.ClYmqRpXDdrP1ooOpmBalaD5GJ50Pi2xHz1hxEHYIEdVcQo1OC10DRQmwiENx9D3HO1tS_hxuGY5tbaKhceiF_ECQHqAhSkFM1JHL17bh_DLiroPGAQ0N5A9oxyBztV_pDyIzr4_qyzNBmor0mbO-7UpJnP4Zij4aSLhxDeXB0m-LkPH_CMVGGPDKHk9nZdWyiDCDJgOZqAd0iEzYEP8gjFxWC3n-Wpbi-p84oImUpCByU2eaDzasbtZ4e6NTOWPgxfG6-SKDUof0A3rbz6gYn8390NC0I88g-J6_o0jJu7rBk9OTvTOpQ8PMC48t1hVIIn5pysxNZpR54Hwr7abXw",
+    "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI1ODg0YWUzNC01OWQ2LTQ0NTQtYjk4ZS04MjE1MThiY2MzYTciLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6IjU4ODRhZTM0LTU5ZDYtNDQ1NC1iOThlLTgyMTUxOGJjYzNhNyIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiI5MzhiMGQyMC0yOTM4LTQ2OWItOTY2Zi0wY2VkOTVkMmI4NWEiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY1NTc1MDcxMCwibmFtZSI6IkNhZGVuYSBJc21hZWwiLCJwaG9uZV9udW1iZXIiOiIrNTIzMTExMzY2MzM2IiwiZXhwIjoxNjU1NzU0MzEwLCJpYXQiOjE2NTU3NTA3MTAsImVtYWlsIjoiY2FkZW5hLmlzbWFlbEBhbGxmcmVlbWFpbC5uZXQifQ.Ujee6tuptp9LLqZq9fJN83TGjRZDfhGPMcwcr-zAZKgnGZQLzD8SkxWIabSF5DqTuj5V9pZnLHMG3iwlXM1QV54HqeF9xwL6s41EmOsaJFRLT8f_x8i599RBw_6Yfltmo-qWw2sbD-SA29etm8g5yNoJiK8Nqth9xbE8uyUqSOpwqe1MX4uE7Gbx14nEUXjdeRxnr3Nis7mad4miWxCUurl_RaoPd5JKvhwhvhnvG1RGlZTa0wOSW36Y4GjJ-MgG63akBwNCouDUlcOSe--Dy0gXpNVPgh5XRDr-mHVtz_iOarJ_mRGbY5jAlMmw1DzxcH0sD-ppFQzMMbguFxnH9g",
   articleId: 238,
   category: 846,
   version: 2,
   productSelected: {
-    orderId: 77,
-    article_status: "AP",
-    datasheet_status: "NS",
-    description_status: "NS",
-    images_status: "AP",
-    prio: "none",
-    version: 19,
+    version: 1,
     brand: null,
+    missing: {
+      datasheet: null,
+      descriptions: null,
+      images: null,
+    },
     article: {
-      category: "RESIZING|RESIZING|RESIZING",
-      company_name: "THD Resize Proveedor",
-      country: null,
-      id_category: "2999",
-      id_article: 55109,
-      name: "Resize Ismael",
-      upc: "ResizeIsmael",
+      category: "MATERIALES DE CONSTRUCCIÓN|BÁSICOS DE CONSTRUCCIÓN|ADOQUINES",
+      company_name: "TABICEL DEL CENTRO",
+      company_id: 529,
+      id_category: "2578",
+      id_article: 24,
+      name: "ADOQUIN ROJO 20X 40 X 6",
+      upc: "85369",
     },
+    asignations: [62],
     retailers: [
       {
         id: 58,
         name: "The Home Depot Golden",
-      },
-      {
-        id: 59,
-        name: "The Home Depot Platinum",
-      },
-      {
-        id: 60,
-        name: "The Home Depot Resizing",
-      },
-      {
-        id: 61,
-        name: "Home Depot TAB",
+        country: "México",
+        id_region: 1,
+        active: 1,
       },
     ],
-    services: {
-      datasheets: 0,
-      descriptions: 0,
-      images: 1,
-    },
-    id_article: 55109,
     retailersAvailable: [
       {
         id: 58,
         name: "The Home Depot Golden",
+        country: "México",
+        id_region: 1,
+        active: 1,
       },
+    ],
+    upc: "85369",
+    name: "ADOQUIN ROJO 20X 40 X 6",
+    categoryName:
+      "MATERIALES DE CONSTRUCCIÓN|BÁSICOS DE CONSTRUCCIÓN|ADOQUINES",
+    id_category: "2578",
+    id_article: 24,
+    services: [
       {
-        id: 59,
-        name: "The Home Depot Platinum",
-      },
-      {
-        id: 60,
-        name: "The Home Depot Resizing",
-      },
-      {
-        id: 61,
-        name: "Home Depot TAB",
+        id_article: 24,
+        service: "datasheet",
+        quantity: 1,
+        price: 0,
+        id_user: 59,
+        datasheet_common: null,
+        discount: null,
       },
     ],
   },
   productToEdit: {
-    ArticleId: 55109,
-    idCategory: "2999",
+    ArticleId: 24,
+    idCategory: "2578",
     product: {
-      orderId: 77,
-      article_status: "AP",
-      datasheet_status: "NS",
-      description_status: "NS",
-      images_status: "AP",
-      prio: "none",
-      version: 19,
+      version: 1,
       brand: null,
+      missing: {
+        datasheet: null,
+        descriptions: null,
+        images: null,
+      },
       article: {
-        category: "RESIZING|RESIZING|RESIZING",
-        company_name: "THD Resize Proveedor",
-        country: null,
-        id_category: "2999",
-        id_article: 55109,
-        name: "Resize Ismael",
-        upc: "ResizeIsmael",
+        category:
+          "MATERIALES DE CONSTRUCCIÓN|BÁSICOS DE CONSTRUCCIÓN|ADOQUINES",
+        company_name: "TABICEL DEL CENTRO",
+        company_id: 529,
+        id_category: "2578",
+        id_article: 24,
+        name: "ADOQUIN ROJO 20X 40 X 6",
+        upc: "85369",
       },
+      asignations: [62],
       retailers: [
         {
           id: 58,
           name: "The Home Depot Golden",
-        },
-        {
-          id: 59,
-          name: "The Home Depot Platinum",
-        },
-        {
-          id: 60,
-          name: "The Home Depot Resizing",
-        },
-        {
-          id: 61,
-          name: "Home Depot TAB",
+          country: "México",
+          id_region: 1,
+          active: 1,
         },
       ],
-      services: {
-        datasheets: 0,
-        descriptions: 0,
-        images: 1,
-      },
-      id_article: 55109,
       retailersAvailable: [
         {
           id: 58,
           name: "The Home Depot Golden",
+          country: "México",
+          id_region: 1,
+          active: 1,
         },
+      ],
+      upc: "85369",
+      name: "ADOQUIN ROJO 20X 40 X 6",
+      categoryName:
+        "MATERIALES DE CONSTRUCCIÓN|BÁSICOS DE CONSTRUCCIÓN|ADOQUINES",
+      id_category: "2578",
+      id_article: 24,
+      services: [
         {
-          id: 59,
-          name: "The Home Depot Platinum",
-        },
-        {
-          id: 60,
-          name: "The Home Depot Resizing",
-        },
-        {
-          id: 61,
-          name: "Home Depot TAB",
+          id_article: 24,
+          service: "datasheet",
+          quantity: 1,
+          price: 0,
+          id_user: 59,
+          datasheet_common: null,
+          discount: null,
         },
       ],
     },
   },
   location: {
     product: { articleId: 109485, versionId: 3 },
-    state: { origin: "RequestWithContentoh" },
+    state: {},
   },
   user: {
-    id_user: 28,
-    name: "Proveedor",
-    last_name: "Colgate",
-    email: "ilopez@contentoh.com",
-    position: "Prueba Admin",
+    id_user: 59,
+    name: "The Home",
+    last_name: "Depot",
+    email: "cadena.ismael@allfreemail.net",
+    position: "Admin",
     telephone: "+523111366336",
     country: "México",
-    id_company: 1,
-    id_cognito: "f5927f8e-cbf7-4922-9e09-e69ec0b2731a",
+    id_company: 7,
+    id_cognito: "5884ae34-59d6-4454-b98e-821518bcc3a7",
     birth_Date: null,
     about_me: null,
     zip_code: null,
     address: null,
     job: null,
-    id_stripe: "cus_KuEt6R6vwmN09f",
+    id_stripe: "",
     id_role: 0,
     active: 1,
-    is_retailer: 0,
+    is_retailer: 1,
     membership: {
-      id: 38,
-      start_date: "2022-01-18T17:25:35.000Z",
-      end_date: "2023-01-18T17:25:35.000Z",
-      planID: 8,
-      plan: "prod_KtlhECVSFG2iro",
-      name: "Plan Pro",
-      user_limit: "20",
-      products_limit: "5000",
+      id: 24,
+      start_date: "2021-11-23T03:35:50.000Z",
+      end_date: "2022-11-23T03:35:50.000Z",
+      planID: 9,
+      plan: "prod_KtlkzZVGq6bRTO",
+      name: "Plan Enterprise Full",
+      user_limit: "30",
+      products_limit: "10000",
       type: "Enterprise",
     },
-    src: "https://content-management-profile.s3.amazonaws.com/id-28/28.png?1655691624761",
+    src: "https://content-management-profile.s3.amazonaws.com/id-59/59.png?1655750711586",
   },
 };

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

@@ -217,6 +217,10 @@ export const ProviderProductEdition = ({
     setServices(services);
     getServices();
 
+    if (!originProp) {
+      setActiveRetailer(product.retailers[0] || product.availableRetailers[0]);
+    }
+
     //setActiveRetailer(product?.retailers[0]);
     setImages({
       action: "init",
@@ -249,22 +253,10 @@ export const ProviderProductEdition = ({
     }
   };
 
-  const translateConcept = (concept) => {
-    let translation = "";
-    if (concept === "datasheet") {
-      translation = "Ficha técnica";
-    } else if (concept === "description") {
-      translation = "Descripción";
-    } else if (concept === "images") {
-      translation = "Imágenes";
-    }
-    return translation;
-  };
-
   const isRevision = () => {
     if (productEdit) {
       const concept = getConcept(activeTab);
-      const isRetailer = user.is_retailer;
+      const isRetailer = user.is_retailer === 1;
       const currentService = productEdit?.product[`${concept}_status`];
       const orgn = origin[activeTab];
       const revision = [
@@ -347,7 +339,7 @@ export const ProviderProductEdition = ({
     setActivePercentage(retailers[0]?.percentage);
   }, [percentages]);
 
-  useEffect(() => {
+  const loadInputs = () => {
     if (services.length > 0) {
       if (services[0][activeRetailer.id]?.data)
         services[0][activeRetailer.id].data = Object.values(
@@ -363,7 +355,11 @@ export const ProviderProductEdition = ({
       setDatasheets([datagroups, inputs]);
       setDescriptions(descriptions);
     }
-  }, [activeRetailer, services]);
+  };
+
+  useEffect(() => {
+    loadInputs();
+  }, [servicesData, activeRetailer, services]);
 
   const thumbs = () => {
     const imageInputs = socketType?.slice();
@@ -574,42 +570,6 @@ export const ProviderProductEdition = ({
     }
   }, [dataImages, imagesUploaded]);
 
-  const evaluationFinished = (userId, tab, statusArray) => {
-    // const srv = servicesData.filter((serv) => serv.service === getConcept(tab));
-    // const [srvActive] = srv.filter(
-    //   (serv) => serv.id_retailer === activeRetailer?.id
-    // );
-    // const unvalidated =
-    //   product[`${getConcept(tab)}_status`] === "QF" ||
-    //   product[`${getConcept(tab)}_status`] === "IN_PROGRESS";
-    // switch (userId) {
-    //   case 7:
-    //   case 8:
-    //     return (
-    //       (["RA", "RF"].includes(product?.status) &&
-    //         statusArray.includes(srvActive?.status)) ||
-    //       (statusArray.includes(product.status) &&
-    //         srv.filter((serv) => statusArray.includes(serv.status)).length ===
-    //           srv.length)
-    //     );
-    //   case 4:
-    //   case 5:
-    //     return (
-    //       unvalidated &&
-    //       ["IN_PROGRESS", "QF"].includes(product.status) &&
-    //       srv.filter((serv) => statusArray.includes(serv.status)).length ===
-    //         srv.length
-    //     );
-    //   case 6:
-    //     return (
-    //       statusArray.includes(product.status) &&
-    //       servicesData.every((serv) => ["RA", "AA"].includes(serv.status))
-    //     );
-    //   default:
-    //     break;
-    // }
-  };
-
   const getConcept = (tab) => {
     switch (tab) {
       case "Descripción":
@@ -621,26 +581,6 @@ export const ProviderProductEdition = ({
     }
   };
 
-  // const approveRejectButtons = (action) => {
-  //   let concept = getConcept(activeTab);
-  //   concept = action ? action : concept;
-
-  //   const [retailerStatus] = servicesData.filter(
-  //     (srv) => srv.id_retailer === activeRetailer?.id && srv.service === concept
-  //   );
-
-  //   return (
-  //     (retailerStatus?.status === "QF" &&
-  //       (user.id_role === 1 || user.id_role === 4 || user.id_role === 5)) ||
-  //     (retailerStatus?.status === "AF" && //sessionStorage product
-  //       (user.id_role === 1 || user.id_role === 6)) ||
-  //     (retailerStatus?.status === "RP" &&
-  //       (user.id_role === 1 || user.id_role === 6)) ||
-  //     (retailerStatus?.status === "RC" &&
-  //       (user.id_role === 1 || user.id_role === 6))
-  //   );
-  // };
-
   const getSectionIcon = () => {
     switch (activeTab) {
       case "Ficha técnica":
@@ -657,138 +597,6 @@ export const ProviderProductEdition = ({
     }
   };
 
-  // const sendToFacilitator = async (result) => {
-  //   setLoading(true);
-  //   try {
-  //     let concept = getConcept(activeTab);
-
-  //     let productTemp = { ...product };
-  //     let evalStatus = product[`${concept}_status`];
-
-  //     let data = {};
-  //     if (result) {
-  //       //updateCompaniesList(evalStatus, result, activeRetailer.id, concept);
-  //       data = {
-  //         articleId: product.id_article,
-  //         orderId: product.orderId,
-  //         concept: concept,
-  //         result: result,
-  //         evalStatus: evalStatus,
-  //         retailerId: activeRetailer.id,
-  //       };
-
-  //       await axios.put(`${process.env.REACT_APP_EVALUATION_ENDPOINT}`, data, {
-  //         headers: {
-  //           Authorization: token,
-  //         },
-  //       });
-  //       getServices();
-  //     } else {
-  //       const specialistDone =
-  //         evalStatus === "RF" ||
-  //         evalStatus === "RA" ||
-  //         evalStatus === "IN_PROGRESS";
-
-  //       if (specialistDone) {
-  //         setMessage(`${activeTab} enviada a facilitador`);
-  //         getSectionIcon();
-  //       } else if (evalStatus === "QF") {
-  //         setMessage("Evaluación enviada");
-  //         getSectionIcon();
-  //       } else if (evalStatus === "AF") {
-  //         setMessage("Evaluación enviada");
-  //         getSectionIcon();
-  //       } else if (evalStatus === "RP") {
-  //         setMessage("Evaluación enviada");
-  //         getSectionIcon();
-  //       } else if (evalStatus === "RC") {
-  //         setMessage("Evaluación enviada");
-  //         getSectionIcon();
-  //       }
-  //       let statusArr = [];
-  //       servicesData.forEach((srv) => {
-  //         srv.service === concept && statusArr.push(srv.status);
-  //       });
-
-  //       productTemp[`${concept}_status`] = getNewStatus(statusArr);
-
-  //       let newStatus = getNewStatus([
-  //         productTemp.datasheet_status,
-  //         productTemp.description_status,
-  //         productTemp.images_status,
-  //       ]);
-
-  //       productTemp.status = newStatus;
-
-  //       data = {
-  //         articleId: product.id_article,
-  //         orderId: product.orderId,
-  //         concept: concept,
-  //         evalStatus: evalStatus,
-  //         retailerId: activeRetailer.id,
-  //       };
-
-  //       switch (user.id_role) {
-  //         case 7:
-  //         case 8:
-  //           data.especialist = true;
-  //           break;
-  //         case 4:
-  //         case 5:
-  //           data.facilitator = true;
-  //           break;
-  //         default:
-  //           break;
-  //       }
-  //       await axios.put(`${process.env.REACT_APP_SEND_EVAL}`, data, {
-  //         headers: {
-  //           Authorization: token,
-  //         },
-  //       });
-  //       getServices();
-  //     }
-  //     sessionStorage.setItem("productSelected", JSON.stringify(productTemp));
-  //     setProduct(productTemp);
-  //   } catch (error) {
-  //     console.log(error);
-  //   }
-  //   setLoading(false);
-  // };
-
-  const userAssigned = (tab, rol) => {
-    let concept = "";
-    switch (tab) {
-      case "Ficha técnica":
-        concept = "datasheet";
-        break;
-      case "Imágenes":
-        concept = "images";
-        break;
-
-      default:
-        concept = "description";
-        break;
-    }
-
-    const allowedRoles = [1, 4, 5, 6, 7, 8];
-    const validUser = allowedRoles.indexOf(user?.id_role) !== -1;
-
-    if (!rol) {
-      switch (user.id_role) {
-        case 4:
-        case 5:
-          rol = "facilitator";
-          break;
-        case 7:
-        case 8:
-          rol = "especialist";
-          break;
-      }
-    }
-
-    return true;
-  };
-
   const createComment = async (e, body, tab) => {
     let concept = "";
     switch (activeTab) {
@@ -817,77 +625,6 @@ export const ProviderProductEdition = ({
     });
   };
 
-  const getRequired = (services) => {
-    const objetcTemp = {};
-    const datasheetServicesArray = Object.values(services[0]);
-    const dsInputs = datasheetServicesArray.pop();
-    const descriptionsServicesArray = services[1];
-
-    let dsInputsRequired = [];
-    let desInputsRequired = 0;
-    datasheetServicesArray.forEach((datasheet) => {
-      const [requested] = servicesData.filter(
-        (srv) =>
-          srv.id_retailer === datasheet.retailer.id &&
-          srv.service === getConcept(activeTab)
-      );
-      requested &&
-        Object.values(datasheet?.data).forEach((dataGroup) =>
-          dsInputsRequired.push(
-            ...dataGroup.inputs.filter(
-              (input) =>
-                dsInputs[input].required &&
-                (dsInputs[input].value === undefined || !dsInputs[input].value)
-            )
-          )
-        );
-    });
-
-    objetcTemp["Ficha técnica"] = dsInputsRequired.length;
-
-    descriptionsServicesArray.forEach((description) => {
-      const [requested] = servicesData.filter(
-        (srv) =>
-          srv.id_retailer === description.id &&
-          srv.service === getConcept(activeTab)
-      );
-      requested &&
-        description.inputs.forEach(
-          (input) =>
-            input.required &&
-            (!input.value ||
-              input.value.replace(/(<\/?p>)|(<\/?strong>)|(<br>)/gm, "") ===
-                "") &&
-            desInputsRequired++
-        );
-    });
-
-    objetcTemp["Descripción"] = desInputsRequired;
-    const retailersRequested = [];
-    services[2]?.retailerMandatories?.forEach((retMan) =>
-      retMan.forEach((rm) => retailersRequested.push(rm))
-    );
-    const requiredImages = services[2]?.inputs?.filter(
-      (e) =>
-        e.required === 1 &&
-        retailersRequested.filter(
-          (ret) =>
-            ret.id_image === e.id &&
-            servicesData.filter((srv) => srv.id_retailer === ret.id_retailer)
-              .length > 0
-        ).length > 0
-    );
-
-    let requiredCounter = 0;
-    requiredImages?.forEach(
-      (req) =>
-        services[2].values.filter((img) => img.image_id === req.id).length ===
-          0 && requiredCounter++
-    );
-    objetcTemp["Imágenes"] = requiredCounter;
-    setRequiredNull(objetcTemp);
-  };
-
   useEffect(() => {
     setComment(comments[activeTab]);
   }, [activeTab]);
@@ -1061,27 +798,6 @@ export const ProviderProductEdition = ({
     );
   };
 
-  // const getRetailerStatus = (servicesData, tab) => {
-  //   const arr = servicesData?.slice();
-  //   let concept = getConcept(tab);
-
-  //   let retailerService = {};
-  //   [retailerService] = arr?.filter(
-  //     (service) =>
-  //       service.id_retailer === activeRetailer?.id &&
-  //       service.service === concept
-  //   );
-  //   return retailerService ? retailerService.status : "NA";
-  // };
-
-  // useEffect(() => {
-  //   let status = getRetailerStatus(servicesData, activeTab);
-  //   setRetailerStatus(status);
-  // }, [activeTab, servicesData, activeRetailer]);
-
-  // useEffect(() => {
-  //   services.length > 0 && getRequired(services);
-  // }, [services, servicesData, activeTab]);
   const confirmStatusComplete = () => {
     const { datasheet_status, description_status, images_status } = product;
     const completionStates =
@@ -1462,10 +1178,10 @@ export const ProviderProductEdition = ({
               </div>
               {inCart ? (
                 <button type="button">
-                  {/* <Link to="/checkout">
+                  <Link to="/checkout">
                     <p>Articulo en carrito</p>
                     <p>Ir a checkout</p>
-                  </Link> */}
+                  </Link>
                 </button>
               ) : (
                 <Button