contentoh-components-library 21.1.10 → 21.1.13

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",
@@ -240,26 +244,19 @@ export const ProviderProductEdition = ({
         }&end=true`
       );
       const parsedResponse = JSON.parse(servicesResponse?.data?.body).data;
+      let retailers = product.retailers || product.retailersAvailable;
+      let active = retailers?.filter((retailer) =>
+        parsedResponse?.map((srv) => srv.id_retailer).includes(retailer.id)
+      )[0];
+      !activeRetailer.id && setActiveRetailer(active ? active : retailers[0]);
       setServicesData(parsedResponse);
     }
   };
 
-  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 = [
@@ -299,15 +296,6 @@ export const ProviderProductEdition = ({
   useEffect(async () => {
     sessionStorage.setItem("user", JSON.stringify(user));
     loadData();
-
-    let retailers = product.retailers || product.retailersAvailable;
-    let active = retailers?.filter((retailer) =>
-      servicesData?.map((srv) => srv.id_retailer).includes(retailer.id)
-    )[0];
-    setActiveRetailer(active ? active : retailers[0]);
-    // getPercentage({ data: [product] }).then((res) =>
-    //   setPercentages(res)
-    // );
     getCart();
     setUserGroups(await fetchUsers(token));
     let arr = [];
@@ -351,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(
@@ -367,7 +355,11 @@ export const ProviderProductEdition = ({
       setDatasheets([datagroups, inputs]);
       setDescriptions(descriptions);
     }
-  }, [activeRetailer, services]);
+  };
+
+  useEffect(() => {
+    loadInputs();
+  }, [servicesData, activeRetailer, services]);
 
   const thumbs = () => {
     const imageInputs = socketType?.slice();
@@ -578,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":
@@ -625,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":
@@ -661,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) {
@@ -821,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]);
@@ -1065,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 =
@@ -1466,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

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

@@ -16,95 +16,102 @@ RetailerProductEditionDefault.args = {
     Imágenes: false,
   },
   token:
-    "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI3MTNhNzQ1Ny1mOTQzLTRiYzktOGViMC04NmI0MWY1YmQ0ZjgiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwiY29nbml0bzp1c2VybmFtZSI6IjcxM2E3NDU3LWY5NDMtNGJjOS04ZWIwLTg2YjQxZjViZDRmOCIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiI4NjQwM2FlZC03Y2I3LTQ4MjgtYmNhOS05NGY1OWRkYjFhMTAiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY1NTY4MDY2MiwibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTY1NTY4NDI2MiwiaWF0IjoxNjU1NjgwNjYyLCJlbWFpbCI6ImhjYXJyaWxsb0Bjb250ZW50b2guY29tIn0.WL09DLe9etfQEhxSL7D1fdgjF_tO3PxyUraxU3cZ9QHS0lYxiG_0tKReYAwNOHZWag-5IAu2WNPZEtbc4FK_nHyrz3qof4LTTHeRii2WybzUYtRCVZmAZ7omjM2vB-kr_V9Hk8wGK0ylm8eQuwvtpGFnIjmpCpdRbUjwFRJefEon1TGW1QshpzsovcI5Tvr1AASno6wuZTwTnX68OTPIJ947wj0u_Hicx9YwjQAqAwOyadiSQ-J3dkHPaDFGU41c4BT2ggSG5HOjmopX5jBxaVBLQsC0yM-0w1rqG9R93s1SmeanluvQH0NXVbofqnixjnt8r-dd9or_y4gy8hpZsg",
+    "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJhNmM0ZDNkNi0yNGE0LTQxZDQtYWQwZi1kMDg3NDM4YWI1YjYiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwiY29nbml0bzp1c2VybmFtZSI6ImE2YzRkM2Q2LTI0YTQtNDFkNC1hZDBmLWQwODc0MzhhYjViNiIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiIxMDEyMmE5OC0wMDc1LTQxYmMtYjkxMi02NjBiNTE2MzMxMDQiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY1NTc1NDEyNSwibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTY1NTc1NzcyNSwiaWF0IjoxNjU1NzU0MTI1LCJlbWFpbCI6ImV0Y0Bjb250ZW50b2guY29tIn0.KFEGYLEDArzX7rXRsXo4wCc6nuSxATU6E8aL_XSCJyvYk3F2fn-cslstPX-zEgG1uybmzXfxMvSfnhjMGe1hCdxpHXXrcq4Khm6jlHcnsF62QUdIz5gPqZDoXjegctkCqQtTYhuZEhxhXmHn9Ijj3rSdk2_5-4AKYx89l9p1_G3u1EN8Vs1jH6BuE2v7u1wv45QQ9KB6h7s8DLZF_SfmivlJbQrqKmOzbwlDBpll94rRffKjHXzJtXx0YmKM--zU0E3dzAEdq-UcfEnM7GpC-SV__xMoLK7Rj7yTAq1fTHEfcMnAFBzkSoPjNAUi5xBw9GLCxt55DmZlVfvKyfzx6Q",
   articleId: 238,
   category: 846,
   version: 2,
   productSelected: {
     services: {
-      datasheets: 0,
-      descriptions: 0,
+      datasheets: 1,
+      descriptions: 1,
       images: 1,
     },
-    orderId: 72,
-    status: "ASSIGNED",
-    datasheet_status: "NS",
+    orderId: 42,
+    status: "RECEIVED",
+    datasheet_status: null,
     prio: "none",
-    version: 14,
-    description_status: "NS",
-    images_status: "IN_PROGRESS",
+    version: 2,
+    description_status: null,
+    images_status: null,
     article: {
-      id_article: 55109,
-      id_category: "2999",
-      name: "Resize Ismael",
-      upc: "ResizeIsmael",
-      timestamp: "2022-06-18T03:32:56.000Z",
-      id_user: 110,
+      id_article: 54413,
+      id_category: "684",
+      name: "Crema dental 120 gr",
+      upc: "456463435",
+      timestamp: "2022-06-17T16:21:59.000Z",
+      id_user: 28,
       status: "NULL",
       active: 1,
-      company_id: 834,
-      company_name: "THD Resize Proveedor",
-      country: null,
-      id_order: 72,
-      id_datasheet_especialist: 54,
-      id_datasheet_facilitator: 52,
-      id_description_especialist: 54,
-      id_description_facilitator: 52,
-      id_images_especialist: 55,
-      id_images_facilitator: 53,
+      company_id: 1,
+      company_name: "COMPANY DEV",
+      country: "México",
+      id_order: 42,
+      id_datasheet_especialist: null,
+      id_datasheet_facilitator: null,
+      id_description_especialist: null,
+      id_description_facilitator: null,
+      id_images_especialist: null,
+      id_images_facilitator: null,
       id_auditor: null,
       id_recepcionist: null,
-      category: "RESIZING|RESIZING|RESIZING",
-      missingAttributes: null,
-      missingDescriptions: null,
-      missingImages: null,
+      category: "SALUD Y BELLEZA|CUIDADO BUCAL|PASTAS DENTALES Y ASEO BUCAL",
+      missingAttributes: 22,
+      missingDescriptions: 16,
+      missingImages: 4,
     },
     retailers: [
       {
-        id: 58,
-        name: "The Home Depot Golden",
+        id: 4,
+        name: "Walmart Super y Superama",
         country: "México",
         id_region: 1,
         active: 1,
       },
       {
-        id: 59,
-        name: "The Home Depot Platinum",
+        id: 5,
+        name: "Chedraui",
         country: "México",
         id_region: 1,
         active: 1,
       },
       {
-        id: 60,
-        name: "The Home Depot Resizing",
+        id: 6,
+        name: "HEB",
+        country: "México",
+        id_region: 1,
+        active: 1,
+      },
+      {
+        id: 13,
+        name: "Soriana",
         country: "México",
         id_region: 1,
         active: 1,
       },
     ],
-    country: null,
-    upc: "ResizeIsmael",
+    country: "México",
+    upc: "456463435",
   },
   location: {
     product: { articleId: 109485, versionId: 3 },
   },
   user: {
-    id_user: 55,
-    name: "ESPECIALISTA ED PRUEBA",
+    id_user: 51,
+    name: "ADMIN PRUEBA",
     last_name: "",
-    email: "hcarrillo@contentoh.com",
+    email: "etc@contentoh.com",
     position: null,
     telephone: null,
     country: null,
     id_company: 2,
-    id_cognito: "713a7457-f943-4bc9-8eb0-86b41f5bd4f8",
+    id_cognito: "a6c4d3d6-24a4-41d4-ad0f-d087438ab5b6",
     birth_Date: null,
     about_me: null,
     zip_code: null,
     address: null,
     job: null,
     id_stripe: null,
-    id_role: 8,
+    id_role: 1,
     active: 1,
     is_retailer: 0,
     membership: {
@@ -118,6 +125,6 @@ RetailerProductEditionDefault.args = {
       products_limit: "3",
       type: "PyMES",
     },
-    src: "https://content-management-profile.s3.amazonaws.com/id-55/55.png?1655680663244",
+    src: "https://content-management-profile.s3.amazonaws.com/id-51/51.png?1655754126500",
   },
 };