contentoh-components-library 21.1.12 → 21.1.13

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",
   },
 };

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

@@ -167,24 +167,28 @@ export const RetailerProductEdition = ({
   }, [checkAll]);
 
   const loadData = async () => {
-    const services = await getRetailerServices(
-      product?.article?.id_article,
-      parseInt(product?.article?.id_category),
-      product?.version
-    );
-    //Converts the data inside the datasheets object to array
-    setServices(services);
-    getServices();
-
-    //setActiveRetailer(product?.retailers[0]);
-    setImages({
-      action: "init",
-      init: services[2],
-    });
-    if (services[2]?.values?.length > 0) setActiveImage(0);
+    try {
+      const services = await getRetailerServices(
+        product?.article?.id_article,
+        parseInt(product?.article?.id_category),
+        product?.version
+      );
+      //Converts the data inside the datasheets object to array
+      setServices(services);
+      getServices();
+
+      //setActiveRetailer(product?.retailers[0]);
+      setImages({
+        action: "init",
+        init: services[2],
+      });
+      if (services[2]?.values?.length > 0) setActiveImage(0);
 
-    getPercentage({ data: [product] }).then((res) => setPercentages(res));
-    setLoading(false);
+      getPercentage({ data: [product] }).then((res) => setPercentages(res));
+      setLoading(false);
+    } catch (error) {
+      console.log(error);
+    }
   };
 
   const getServices = async () => {
@@ -194,6 +198,12 @@ export const RetailerProductEdition = ({
       }&orderId=${product?.article?.id_order || product.orderId}&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);
   };
 
@@ -236,16 +246,6 @@ export const RetailerProductEdition = ({
 
   useEffect(async () => {
     loadData();
-    // getPercentage({ data: [product] }).then((res) =>
-    //   setPercentages(res)
-    // );
-    setActiveRetailer((current) =>
-      current.id
-        ? current
-        : product.retailers
-        ? product.retailers[0]
-        : product.retailersAvailable[0]
-    );
     getComments();
     setUserGroups(await fetchUsers(token));
     let arr = [];
@@ -353,7 +353,7 @@ export const RetailerProductEdition = ({
   }, [activeRetailer, services]);
 
   const thumbs = () => {
-    const imageInputs = socketType.slice();
+    const imageInputs = socketType?.slice();
     const imageType = images?.imageType?.map((e) => ({
       value: e?.id,
       name: e?.name,
@@ -777,7 +777,8 @@ export const RetailerProductEdition = ({
     }
 
     return (
-      product.article[`id_${concept}_${rol}`] === user.id_user && validUser
+      user.id_role === 1 ||
+      (product.article[`id_${concept}_${rol}`] === user.id_user && validUser)
     );
   };
 
@@ -817,75 +818,81 @@ export const RetailerProductEdition = ({
   };
 
   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)
-            )
-          )
+    try {
+      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 &&
+          datasheet?.data &&
+          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;
+      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++
+      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;
+      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
-    );
+      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);
+      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);
+    } catch (error) {
+      console.log(error);
+    }
   };
 
   useEffect(() => {
@@ -943,76 +950,6 @@ export const RetailerProductEdition = ({
     sessionStorage.setItem("productSelected", JSON.stringify(productTemp));
   };
 
-  const evaluationComplete = () => {
-    let concept = "";
-    switch (activeTab) {
-      case "Ficha técnica":
-        concept = "datasheet";
-        break;
-      case "Imágenes":
-        concept = "images";
-        break;
-      case "Descripción":
-        concept = "description";
-        break;
-    }
-
-    let serv = servicesData.filter((item) => item.service === concept);
-    let approved = "";
-    let rejected = "";
-    if (
-      product.status === "IN_PROGRESS" ||
-      product.status === "QF" ||
-      product.status === "RF"
-    ) {
-      approved = "AF";
-      rejected = "RF";
-      if (product.status === "IN_PROGRESS" || product.status === "QF") {
-        return (
-          serv.filter(
-            (item) =>
-              item.status === approved ||
-              item.status === rejected ||
-              item.status === "AA" ||
-              item.status === "IN_PROGRESS" ||
-              item.status === "AP"
-          ).length === serv.length
-        );
-      }
-    } else if (
-      product.status === "AF" ||
-      product.status === "RA" ||
-      product.status === "RP"
-    ) {
-      approved = "AA";
-      rejected = "RA";
-
-      if (product.status === "RP" || product.status === "AF") {
-        return (
-          serv.filter(
-            (item) =>
-              item.status === approved ||
-              item.status === rejected ||
-              item.status === "AP"
-          ).length === serv.length
-        );
-      }
-    } else if (product.status === "RC") {
-      approved = "AP";
-      rejected = "RA";
-      return (
-        serv.filter(
-          (item) => item.status === approved || item.status === rejected
-        ).length === serv.length
-      );
-    }
-    return (
-      serv.filter(
-        (item) => item.status === approved || item.status === rejected
-      ).length === serv.length
-    );
-  };
-
   const downloadImages = () => {
     selectedImages.forEach((e) => {
       if (e.id) {
@@ -1103,26 +1040,6 @@ export const RetailerProductEdition = ({
     }
   };
 
-  const specialistValid = (tab) => {
-    let concept = "";
-    switch (tab) {
-      case "Ficha técnica":
-        concept = "datasheet";
-        break;
-      case "Imágenes":
-        concept = "images";
-        break;
-      case "Descripción":
-        concept = "description";
-        break;
-    }
-    return (
-      product[`${concept}_status`] === "IN_PROGRESS" ||
-      product[`${concept}_status`] === "RF" ||
-      product[`${concept}_status`] === "RA"
-    );
-  };
-
   const getRetailerStatus = (servicesData, tab) => {
     const arr = servicesData?.slice();
     let concept = getConcept(tab);
@@ -1172,6 +1089,7 @@ export const RetailerProductEdition = ({
             onClickSave={() =>
               product?.services?.images === 1 && updateImages()
             }
+            showSaveButton={userAssigned()}
           />
         </div>
         <div className="product-information">