contentoh-components-library 21.2.69 → 21.2.71

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

@@ -16,117 +16,391 @@ RetailerProductEditionDefault.args = {
     Imágenes: false,
   },
   token:
-    "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJiMmNlNWIyYS02MDljLTRlNzktOWVhOS0yZjc0Y2ZmNDM4ODkiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwiY29nbml0bzp1c2VybmFtZSI6ImIyY2U1YjJhLTYwOWMtNGU3OS05ZWE5LTJmNzRjZmY0Mzg4OSIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiJhYWIzZDM1NS01MDYyLTQ2MTAtYjljZi03MjIyMTNlZTI4OWEiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY2MjA2NTU3NSwibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTY2MjA2OTE3NSwiaWF0IjoxNjYyMDY1NTc1LCJlbWFpbCI6ImF6YXJhdGVAY29udGVudG9oLmNvbSJ9.QtYQg6gjDDrfliKi9k5JnrJHRPt8XhqUphryq7l19BnK1GSFMUBVKx_4CVnbrML8MiKH7AwWFu4TSY5-M8qTEYKTQsr_sYrR-ICe6rAM_LQihD4x1e9THU7FAuXMDdRPv2JnCCUFCjzURbkc1A11oIIYIWnNfCwr33JTwcGQnX1LwYSY7PqhNdIU1pU9aat7lALIV8mFN4npn8m8AvSromfeonD07jl6AqQEs4SuOSiDaMkRENlp--hOx2rY4gEhvX2k3Zl4nHsvJU3Zh3DLaWhD3I9QdX4AOMUjrQOkUXJ7lkSEqY4p2o7fQXXL-D2nL28qAfwE-WlkVGJn-2LpHQ",
+    "eyJraWQiOiJEV3owZnNieXg2MXNFcVduN3RCXC81bVhod3ZNbFZIOTgwUnZcL3RjT0lKdEk9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI4ZDAxMDIxNC01YmZhLTQzYzMtOTZmYi1jNTU2ZGMwNTc3NGIiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfbFN6UVo0WjdSIiwiY29nbml0bzp1c2VybmFtZSI6IjhkMDEwMjE0LTViZmEtNDNjMy05NmZiLWM1NTZkYzA1Nzc0YiIsImF1ZCI6IjUyZDlza2tkY2c4cWpwODhvb2sxdXNlNm1rIiwiZXZlbnRfaWQiOiI3YWYzZTgyNS02YmVhLTRjMmItOTdiYi04NTVjZGVkZTQ2MjAiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY2NzI1MzUzNywibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTY2NzI1NzEzNywiaWF0IjoxNjY3MjUzNTM3LCJlbWFpbCI6ImthcmFmZTMyMThAbW9tMmtpZC5jb20ifQ.q0rZh2bcMA926m3M3sa1NNmHPXlbDLt0qskcy19OHC5RL1MdvYeK5XpEdVbVKNeiWbsQpshJLqE0gb70EMYhh1mBxi7PKhi8HiCPFrUYRGbYTyVtGWN9CoqnVtoT2dag4MY2DSo6kVtH-M__Sw1UA5Y90INKutsBtx2GxW_uzeBzxxWpJ51WGvtsatUE0-_esd4yIZMvzgkzX-tCtIDzpZPI2x9HLeLdneEHnjM-zzI5ke8BQVCnbcv4q7kkETP0bWADApli0VJ5UBKRaL6_nNFqlDY0F6MWmz09LXirYV_jAoG09d4UCaa14u0VNDFKuIO08pSpiGcYXHOkh2C6Yw",
   productSelected: {
     services: {
       datasheets: 1,
       descriptions: 1,
       images: 1,
     },
-    orderId: 149,
-    status: "IE",
-    datasheet_status: "IE",
+    orderId: 3265,
+    status: "AA",
+    datasheet_status: "RP",
     prio: "none",
-    version: 2,
-    description_status: "IE",
-    images_status: "IE",
+    version: 3,
+    description_status: "RP",
+    images_status: "AA",
+    statusByRetailer: {
+      4: {
+        datasheet: "RP/RA/CA",
+        description: "RP/RA/CA",
+        images: "AP",
+      },
+      5: {
+        datasheet: "RP/RA/AS",
+        description: "RP/RA/CA",
+        images: "AA",
+      },
+      12: {
+        description: "RP/RA/CA",
+        images: "AA",
+        datasheet: "RP/RA/AS",
+      },
+      13: {
+        datasheet: "RP/RA/AS",
+        description: "RP/RA/CA",
+        images: "AA",
+      },
+      16: {
+        datasheet: "RP/RA/AS",
+        description: "RP/RA/CA",
+        images: "AA",
+      },
+      29: {
+        datasheet: "RP/RA/AS",
+        description: "RP/RA/CA",
+        images: "AA",
+      },
+      34: {
+        datasheet: "RP/RA/AC",
+        description: "RP/RA/AC",
+        images: "AA",
+      },
+    },
     article: {
-      id_article: 76225,
-      id_category: "2028",
-      name: "Para documentar",
-      upc: "222222222",
-      timestamp: "2022-08-03T06:00:23.000Z",
-      id_user: 59,
+      id_article: 78435,
+      id_category: "700",
+      name: "GAR S.ACT EA GEL SERUM 50ML",
+      upc: "7509552844672",
+      timestamp: "2022-07-27T04:02:57.000Z",
+      id_user: 342,
       status: "NULL",
       active: 1,
-      company_id: 1,
-      company_name: "Cadena Ismael",
-      country: "México",
-      id_order: 149,
-      id_datasheet_especialist: 54,
-      id_datasheet_facilitator: 52,
-      id_description_especialist: 54,
-      id_description_facilitator: 52,
-      id_images_especialist: 55,
-      id_images_facilitator: 53,
-      id_auditor: 37,
+      company_id: 234,
+      SKU: null,
+      Descripcion: null,
+      Proveedor: null,
+      id_proveedor: 0,
+      company_name: "L'ORÉAL",
+      country: null,
+      id_order: 3265,
+      id_datasheet_especialist: 426,
+      id_datasheet_facilitator: null,
+      id_description_especialist: 405,
+      id_description_facilitator: null,
+      id_images_especialist: 1462,
+      id_images_facilitator: 160,
+      id_auditor: 9,
       id_recepcionist: null,
-      category: "Decoración|Accesorios Decorativos|Accesorios Decorativos",
-      missingAttributes: 0,
-      missingDescriptions: 0,
-      missingImages: 0,
+      category:
+        "Salud y Belleza|Cuidado Facial|Cremas, Mascarillas y Tratamientos",
+      missingAttributes: null,
+      missingDescriptions: null,
+      missingImages: null,
     },
     retailers: [
       {
-        id: 58,
-        name: "The Home Depot Golden",
-        percentage: 66.66666666666667,
+        id: 4,
+        name: "Walmart Super y Superama",
+        country: "México",
+        id_region: 1,
+        active: 1,
+        percentage: 100,
+        image:
+          "https://content-management-images.s3.amazonaws.com/retailers/4.png",
+        services: [
+          "RP/RA/CA",
+          "RP/RA/CA",
+          "AP",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+        ],
+      },
+      {
+        id: 5,
+        name: "Chedraui",
+        country: "México",
+        id_region: 1,
+        active: 1,
+        percentage: 100,
         image:
-          "https://content-management-images.s3.amazonaws.com/retailers/58.png",
-        services: ["CA", "CA", "AS", "NA", "NA", "NA", "NA", "NA"],
+          "https://content-management-images.s3.amazonaws.com/retailers/5.png",
+        services: [
+          "NA",
+          "NA",
+          "NA",
+          "RP/RA/AS",
+          "RP/RA/CA",
+          "AA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+        ],
       },
       {
-        id: 59,
-        name: "The Home Depot Platinum",
-        percentage: 66.66666666666667,
+        id: 6,
+        name: "HEB",
+        country: "México",
+        id_region: 1,
+        active: 1,
+        percentage: 100,
         image:
-          "https://content-management-images.s3.amazonaws.com/retailers/59.png",
-        services: ["NA", "NA", "NA", "AS", "NA", "NA", "NA", "NA"],
+          "https://content-management-images.s3.amazonaws.com/retailers/6.png",
+        services: [
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+        ],
       },
       {
-        id: 60,
-        name: "The Home Depot Resizing",
-        percentage: null,
+        id: 12,
+        name: "La Comer",
+        country: "México",
+        id_region: 1,
+        active: 1,
+        percentage: 100,
         image:
-          "https://content-management-images.s3.amazonaws.com/retailers/60.png",
-        services: ["NA", "NA", "NA", "NA", "AS", "NA", "NA", "NA"],
+          "https://content-management-images.s3.amazonaws.com/retailers/12.png",
+        services: [
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "RP/RA/AS",
+          "RP/RA/CA",
+          "AA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+        ],
       },
       {
-        id: 61,
-        name: "Home Depot TAB",
-        percentage: null,
+        id: 13,
+        name: "Soriana",
+        country: "México",
+        id_region: 1,
+        active: 1,
+        percentage: 100,
         image:
-          "https://content-management-images.s3.amazonaws.com/retailers/61.png",
-        services: ["NA", "NA", "NA", "NA", "NA", "CA", "CA", "AS"],
+          "https://content-management-images.s3.amazonaws.com/retailers/13.png",
+        services: [
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "RP/RA/AS",
+          "RP/RA/CA",
+          "AA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+        ],
+      },
+      {
+        id: 16,
+        name: "Rappi",
+        country: "México",
+        id_region: 1,
+        active: 1,
+        percentage: 100,
+        image:
+          "https://content-management-images.s3.amazonaws.com/retailers/16.png",
+        services: [
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "RP/RA/AS",
+          "RP/RA/CA",
+          "AA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+        ],
+      },
+      {
+        id: 29,
+        name: "Farmacias del Ahorro",
+        country: "México",
+        id_region: 1,
+        active: 1,
+        percentage: 100,
+        image:
+          "https://content-management-images.s3.amazonaws.com/retailers/29.png",
+        services: [
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "RP/RA/AS",
+          "RP/RA/CA",
+          "AA",
+          "NA",
+          "NA",
+          "NA",
+        ],
+      },
+      {
+        id: 34,
+        name: "San Pablo",
+        country: "México",
+        id_region: 1,
+        active: 1,
+        percentage: 83.33333333333333,
+        image:
+          "https://content-management-images.s3.amazonaws.com/retailers/34.png",
+        services: [
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "NA",
+          "RP/RA/AC",
+          "RP/RA/AC",
+          "AA",
+        ],
       },
     ],
-    country: "México",
-    upc: "222222222",
+    country: null,
+    upc: "7509552844672",
   },
   location: {
     product: { articleId: 109485, versionId: 3 },
   },
   user: {
-    id_user: 52,
-    name: "FACILITADOR TXT PRUEBA",
-    last_name: "",
-    email: "azarate@contentoh.com",
-    position: null,
+    id_user: 426,
+    name: "Especialista Textos",
+    last_name: " ",
+    email: "karafe3218@mom2kid.com",
+    position: "Tester",
     telephone: null,
     country: null,
-    id_company: 2,
-    id_cognito: "b2ce5b2a-609c-4e79-9ea9-2f74cff43889",
+    id_company: 254,
+    id_cognito: "8d010214-5bfa-43c3-96fb-c556dc05774b",
     birth_Date: null,
     about_me: null,
     zip_code: null,
     address: null,
     job: null,
     id_stripe: null,
-    id_role: 4,
+    id_role: 7,
     active: 1,
     is_retailer: 0,
-    email_notify: 0,
+    email_notify: null,
     membership: {
-      id: 2,
-      start_date: "2021-11-05T02:35:12.000Z",
-      end_date: "2022-11-05T02:34:49.000Z",
-      planID: 1,
-      plan: "prod_KtkvuFFLpOdP6e",
-      name: "Plan Free",
-      user_limit: "1",
-      products_limit: "3",
-      type: "PyMES",
+      id: 750,
+      start_date: "2022-01-07T21:32:54.000Z",
+      end_date: "2023-01-07T21:32:54.000Z",
+      planID: 6,
+      plan: "prod_KvGd6YSTJyR3AP",
+      name: "Plan Small",
+      user_limit: "10",
+      products_limit: "1000",
+      type: "Enterprise",
     },
-    src: "https://content-management-profile.s3.amazonaws.com/id-52/52.png?1662065576139",
+    src: "https://content-management-profile-prod.s3.amazonaws.com/id-426/426.png?1667253537878",
   },
 };

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

@@ -441,70 +441,82 @@ export const RetailerProductEdition = ({
   };
 
   const saveDescriptions = async () => {
-    setLoading(true);
-    const productTemp = product;
-    const articleId = product?.article?.id_article;
-    const dataObject = {
-      articleId,
-      articleData: updatedDescriptions,
-    };
-    if (product?.orderId) dataObject["orderId"] = product?.orderId;
-    try {
-      const res = await axios.put(
-        `${process.env.REACT_APP_ARTICLE_DATA_ENDPOINT}?description=true&version=${version}`,
-        dataObject,
-        {
-          headers: {
-            Authorization: token,
-          },
-        }
-      );
-      if (res.data.statusCode === 200) {
-        const { newStatus, newArticleStatus } = JSON.parse(res.data.body);
-        if (newArticleStatus) productTemp.status = newArticleStatus[articleId];
-        if (newStatus) productTemp.description_status = newStatus;
-        setProduct(productTemp);
-        sessionStorage.setItem("productSelected", JSON.stringify(productTemp));
+    if (updatedDescriptions) {
+      setLoading(true);
+      const productTemp = product;
+      const articleId = product?.article?.id_article;
+      const dataObject = {
+        articleId,
+        articleData: updatedDescriptions,
+      };
+      if (product?.orderId) dataObject["orderId"] = product?.orderId;
+      try {
+        const res = await axios.put(
+          `${process.env.REACT_APP_ARTICLE_DATA_ENDPOINT}?description=true&version=${version}`,
+          dataObject,
+          {
+            headers: {
+              Authorization: token,
+            },
+          }
+        );
+        if (res.data.statusCode === 200) {
+          const { newStatus, newArticleStatus } = JSON.parse(res.data.body);
+          if (newArticleStatus)
+            productTemp.status = newArticleStatus[articleId];
+          if (newStatus) productTemp.description_status = newStatus;
+          setProduct(productTemp);
+          sessionStorage.setItem(
+            "productSelected",
+            JSON.stringify(productTemp)
+          );
 
-        setMessage("Descripciones guardadas con éxito");
-        await loadData();
+          setMessage("Descripciones guardadas con éxito");
+          await loadData();
+        }
+      } catch (error) {
+        console.log(error);
       }
-    } catch (error) {
-      console.log(error);
     }
   };
 
   const saveDatasheets = async () => {
-    setLoading(true);
-    const productTemp = product;
-    const articleId = product?.article?.id_article;
-    const dataObject = {
-      articleId,
-      articleData: updatedDatasheets,
-    };
-    if (product?.orderId) dataObject["orderId"] = product?.orderId;
-    try {
-      const res = await axios.put(
-        `${process.env.REACT_APP_ARTICLE_DATA_ENDPOINT}?datasheet=true&version=${version}`,
-        dataObject,
-        {
-          headers: {
-            Authorization: token,
-          },
-        }
-      );
-      if (res.data.statusCode === 200) {
-        const { newStatus, newArticleStatus } = JSON.parse(res.data.body);
-        if (newArticleStatus) productTemp.status = newArticleStatus[articleId];
-        if (newStatus) productTemp.datasheet_status = newStatus;
-        setProduct(productTemp);
-        sessionStorage.setItem("productSelected", JSON.stringify(productTemp));
+    if (updatedDatasheets.length > 0) {
+      setLoading(true);
+      const productTemp = product;
+      const articleId = product?.article?.id_article;
+      const dataObject = {
+        articleId,
+        articleData: updatedDatasheets,
+      };
+      if (product?.orderId) dataObject["orderId"] = product?.orderId;
+      try {
+        const res = await axios.put(
+          `${process.env.REACT_APP_ARTICLE_DATA_ENDPOINT}?datasheet=true&version=${version}`,
+          dataObject,
+          {
+            headers: {
+              Authorization: token,
+            },
+          }
+        );
+        if (res.data.statusCode === 200) {
+          const { newStatus, newArticleStatus } = JSON.parse(res.data.body);
+          if (newArticleStatus)
+            productTemp.status = newArticleStatus[articleId];
+          if (newStatus) productTemp.datasheet_status = newStatus;
+          setProduct(productTemp);
+          sessionStorage.setItem(
+            "productSelected",
+            JSON.stringify(productTemp)
+          );
 
-        setMessage("Fichas técnicas guardadas");
-        await loadData();
+          setMessage("Fichas técnicas guardadas");
+          await loadData();
+        }
+      } catch (error) {
+        console.log(error);
       }
-    } catch (error) {
-      console.log(error);
     }
   };