contentoh-components-library 21.2.18 → 21.2.21

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

@@ -16,178 +16,244 @@ ProviderProductEditionDefault.args = {
     Imágenes: true,
   },
   token:
-    "eyJraWQiOiJEV3owZnNieXg2MXNFcVduN3RCXC81bVhod3ZNbFZIOTgwUnZcL3RjT0lKdEk9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJhYmUxODhlMi0yNWIxLTRhMTktODY3Mi0wZDRiYzExYTliZjIiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfbFN6UVo0WjdSIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6ImFiZTE4OGUyLTI1YjEtNGExOS04NjcyLTBkNGJjMTFhOWJmMiIsImF1ZCI6IjUyZDlza2tkY2c4cWpwODhvb2sxdXNlNm1rIiwiZXZlbnRfaWQiOiIzOTUzZWZjMy0yZjAxLTQwNDYtYmY3Mi0zYTkxZDA0MDNkNTAiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY2MDA2NDUwNCwibmFtZSI6IlJldGFpbGVyIEFjYyIsInBob25lX251bWJlciI6Iis1MjMxMTExMTExMTEiLCJleHAiOjE2NjAwNjgxMDQsImlhdCI6MTY2MDA2NDUwNCwiZW1haWwiOiJyZXRhaWxlclRoZEBBbGxGcmVlTWFpbC5uZXQifQ.Nwsu6XKRp2u5pGqqftQxkSPjD-6xv2Xovmo-tS1VRsfGByPlY0qfyqF0QFZCgncubcYtDoAmpqad7UT0_5HKE1d5nwPM-fA639uv1029YnZwbgfPE3TSAna9NLKN7b0q9DZ6VeX05cjSPtdlnOCCjpdbaQk1Qkl6sAg80tidgBaCyffqns7uYgnSg73GAYxlkRkffH90pddxSykQbj-VVkJFEuLiBSGvu2oj5iwmmZ_EVB6XYv0a5p70IZmbia-3HrQB_qZJxDXLDK4sV3asv-iJJizU0lp64pD0k5TM0q4kY3iVTlHxb7uXBHeTJS8cxPVutxbITYLFyFOTCmm3mQ",
+    "eeyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJmNTkyN2Y4ZS1jYmY3LTQ5MjItOWUwOS1lNjllYzBiMjczMWEiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6ImY1OTI3ZjhlLWNiZjctNDkyMi05ZTA5LWU2OWVjMGIyNzMxYSIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiIwNTE0MWZiOS1lNmM1LTQ0YWUtYTA4OS01MzM4N2IzZmQ2OWMiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY2MjEwNjk3MiwibmFtZSI6IklzbWFlbCBMb3BleiIsInBob25lX251bWJlciI6Iis1MjMxMTEzNjYzMzYiLCJleHAiOjE2NjIxMTA1NzIsImlhdCI6MTY2MjEwNjk3MiwiZW1haWwiOiJpbG9wZXpAY29udGVudG9oLmNvbSJ9.LtlrjlQ19EDcMR5iMoRyQpASYMQ62S9iqhyh0Nf7vTxkOK8FEynOmiQvxIvxWEjtzONHbSXc1mLweFdHOKecVsi6H2qobW-vxlmgBCxpcJ0svLqlsAyOTfN0Acwda2w4BMamfnrETEe6SFHNxIZV0bCKRrHC9dwXbpIhJ0g1-iN54wHxbZ1bCaPJ1KmJZwWtIYRUfUZrOOOYvaN1jvOk1t49uXLFsK1W5HjpdIVaRKampArVSw5GPR1d_BmhD-gb8SGXc3DlOdXNn_5x9pynKp3Yy4BbJlDLz3lGxJU93ZQRnJzQsfQXhYtvlTC0A4nAaF5rucoZedSC0sGeeEmtvw",
   articleId: 238,
   category: 846,
   version: 2,
   productSelected: {
-    orderId: 2446,
-    article_status: "AP",
-    datasheet_status: "AP",
-    description_status: "AP",
-    images_status: "ACA",
+    orderId: 125,
+    status: "AA",
+    datasheet_status: "AA",
     prio: "none",
-    version: 2,
-    brand: null,
-    article: {
-      category:
-        "Organizadores y Closets|Accesorios de Lavandería|Organizadores de Lavandería",
-      company_name: "WOMEX SA DE CV",
-      id_company: 424,
-      country: null,
-      id_category: "2522",
-      id_article: 78773,
-      name: "RACK PARA ROPA DOBLE NEGRO",
-      upc: "168462",
+    version: 3,
+    description_status: "AA",
+    images_status: "AA",
+    brand: "DESCRIPCION PRUEBA",
+    retailerOrder: 0,
+    missing: {
+      datasheet: null,
+      descriptions: null,
+      images: null,
     },
-    retailers: [
-      {
-        id: 58,
-        name: "The Home Depot Golden",
-      },
-    ],
     services: {
       datasheets: 1,
       descriptions: 1,
       images: 1,
     },
+    article: {
+      category: "Salud y Belleza|Cosméticos y Accesorios|Cosméticos",
+      company_name: "COMPANY DEV",
+      country: "México",
+      id_category: "682",
+      id_datasheet_especialist: 54,
+      id_datasheet_facilitator: 52,
+      id_description_especialist: 55,
+      id_description_facilitator: 52,
+      id_images_especialist: 55,
+      id_images_facilitator: 53,
+      id_order: 125,
+      id_article: 76125,
+      id_auditor: 30,
+      name: "prueba 11",
+      timestamp: "2022-07-20T19:20:46.000Z",
+      upc: "35646655",
+    },
+    retailers: [
+      {
+        id: 2,
+        name: "Walmart Mercancías Generales",
+      },
+      {
+        id: 3,
+        name: "Sam´s Club",
+      },
+      {
+        id: 5,
+        name: "Chedraui",
+      },
+    ],
     statusByRetailer: {
-      58: {
-        datasheet: "AP",
-        description: "AP",
-        images: "ACA",
+      2: {
+        datasheet: "AA",
+        datasheetTranslations: "AA",
+        description: "AA",
+        images: "AA",
+      },
+      3: {
+        datasheet: "AA",
+        datasheetTranslations: "AA",
+        description: "AA",
+        images: "AA",
+      },
+      5: {
+        datasheet: "AA",
+        datasheetTranslations: "AA",
+        description: "AA",
+        images: "AA",
       },
     },
-    retailersWithService: ["58"],
-    id_article: 78773,
     retailersAvailable: [
       {
-        id: 58,
-        name: "The Home Depot Golden",
+        id: 2,
+        name: "Walmart Mercancías Generales",
+      },
+      {
+        id: 3,
+        name: "Sam´s Club",
+      },
+      {
+        id: 5,
+        name: "Chedraui",
       },
     ],
+    categoryName: "Salud y Belleza|Cosméticos y Accesorios|Cosméticos",
+    upc: "35646655",
+    id_article: 76125,
+    id_order: 125,
   },
   productToEdit: {
-    ArticleId: 78773,
-    idCategory: "2522",
+    ArticleId: 76125,
+    idCategory: "682",
     product: {
-      orderId: 2446,
-      article_status: "AP",
-      datasheet_status: "AP",
-      description_status: "AP",
-      images_status: "ACA",
+      orderId: 125,
+      status: "AA",
+      datasheet_status: "AA",
       prio: "none",
-      version: 2,
-      brand: null,
-      article: {
-        category:
-          "Organizadores y Closets|Accesorios de Lavandería|Organizadores de Lavandería",
-        company_name: "WOMEX SA DE CV",
-        id_company: 424,
-        country: null,
-        id_category: "2522",
-        id_article: 78773,
-        name: "RACK PARA ROPA DOBLE NEGRO",
-        upc: "168462",
+      version: 3,
+      description_status: "AA",
+      images_status: "AA",
+      brand: "DESCRIPCION PRUEBA",
+      retailerOrder: 0,
+      missing: {
+        datasheet: null,
+        descriptions: null,
+        images: null,
       },
-      retailers: [
-        {
-          id: 58,
-          name: "The Home Depot Golden",
-        },
-      ],
       services: {
         datasheets: 1,
         descriptions: 1,
         images: 1,
       },
+      article: {
+        category: "Salud y Belleza|Cosméticos y Accesorios|Cosméticos",
+        company_name: "COMPANY DEV",
+        country: "México",
+        id_category: "682",
+        id_datasheet_especialist: 54,
+        id_datasheet_facilitator: 52,
+        id_description_especialist: 55,
+        id_description_facilitator: 52,
+        id_images_especialist: 55,
+        id_images_facilitator: 53,
+        id_order: 125,
+        id_article: 76125,
+        id_auditor: 30,
+        name: "prueba 11",
+        timestamp: "2022-07-20T19:20:46.000Z",
+        upc: "35646655",
+      },
+      retailers: [
+        {
+          id: 2,
+          name: "Walmart Mercancías Generales",
+        },
+        {
+          id: 3,
+          name: "Sam´s Club",
+        },
+        {
+          id: 5,
+          name: "Chedraui",
+        },
+      ],
       statusByRetailer: {
-        58: {
-          datasheet: "AP",
-          description: "AP",
-          images: "ACA",
+        2: {
+          datasheet: "AA",
+          datasheetTranslations: "AA",
+          description: "AA",
+          images: "AA",
+        },
+        3: {
+          datasheet: "AA",
+          datasheetTranslations: "AA",
+          description: "AA",
+          images: "AA",
+        },
+        5: {
+          datasheet: "AA",
+          datasheetTranslations: "AA",
+          description: "AA",
+          images: "AA",
         },
       },
-      retailersWithService: ["58"],
-      id_article: 78773,
       retailersAvailable: [
         {
-          id: 58,
-          name: "The Home Depot Golden",
+          id: 2,
+          name: "Walmart Mercancías Generales",
+        },
+        {
+          id: 3,
+          name: "Sam´s Club",
+        },
+        {
+          id: 5,
+          name: "Chedraui",
         },
       ],
+      categoryName: "Salud y Belleza|Cosméticos y Accesorios|Cosméticos",
+      upc: "35646655",
+      id_article: 76125,
+      id_order: 125,
     },
   },
   location: {
     state: { origin: "Contentoh" },
   },
   user: {
-    id_user: 1237,
-    name: "The Home",
-    last_name: "Depot",
-    email: "retailerThd@AllFreeMail.net",
-    position: "Retailer",
-    telephone: "+523111111111",
+    id_user: 28,
+    name: "Proveedor",
+    last_name: "Colgate",
+    email: "ilopez@contentoh.com",
+    position: "Prueba Admin",
+    telephone: "+523111366336",
     country: "México",
-    id_company: 817,
-    id_cognito: "abe188e2-25b1-4a19-8672-0d4bc11a9bf2",
+    id_company: 1,
+    id_cognito: "f5927f8e-cbf7-4922-9e09-e69ec0b2731a",
     birth_Date: null,
     about_me: null,
     zip_code: null,
     address: null,
     job: null,
-    id_stripe: null,
+    id_stripe: "cus_KuEt6R6vwmN09f",
     id_role: 0,
     active: 1,
-    is_retailer: 1,
+    is_retailer: 0,
     email_notify: 1,
     membership: {
-      id: 798,
-      start_date: "2022-06-19T04:25:07.000Z",
-      end_date: "2023-06-19T04:25:07.000Z",
-      planID: 6,
-      plan: "prod_KvGd6YSTJyR3AP",
-      name: "Plan Small",
-      user_limit: "10",
-      products_limit: "1000",
+      id: 76,
+      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",
       type: "Enterprise",
     },
-    src: "https://content-management-profile-prod.s3.amazonaws.com/id-1237/1237.png?1660064505178",
+    src: "https://content-management-profile.s3.amazonaws.com/id-28/28.png?1662106973155",
   },
   company: {
-    id_company: 817,
-    trade_name: "Retailer acc",
-    company_name: "Retailer acc",
-    rfc: "ASER12345",
-    adress: "Av. Insurgentes",
-    about_company: null,
-    telephone: null,
-    web_site: null,
-    zip_code: null,
+    id_company: 1,
+    trade_name: "COMPANY DEV",
+    company_name: "COMPANY DEV",
+    rfc: null,
+    adress: "",
+    about_company: "...",
+    telephone: "",
+    web_site: "",
+    zip_code: "",
     email: null,
-    social_link: null,
-    is_retailer: 1,
-    retailers: [
-      {
-        id: 58,
-        name: "The Home Depot Golden",
-        country: "México",
-      },
-      {
-        id: 59,
-        name: "The Home Depot Platinum",
-        country: "México",
-      },
-      {
-        id: 60,
-        name: "The Home Depot Resizing",
-        country: "México",
-      },
-      {
-        id: 61,
-        name: "Home Depot TAB",
-        country: "México",
-      },
-    ],
+    social_link: "",
+    is_retailer: 0,
   },
 };

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

@@ -217,6 +217,7 @@ export const ProviderProductEdition = ({
   const [checkAll, setCheckAll] = useState(false);
   const isRetailer = user?.is_retailer;
   const [loading, setLoading] = useState(true);
+  const [validatedAll, setValidatedAll] = useState(false);
 
   const originProp = location?.state?.origin;
   const [origin, setOrigin] = useState({
@@ -1138,7 +1139,7 @@ export const ProviderProductEdition = ({
                 return;
               } else if (user.is_retailer) {
                 if (product.id_order || product.orderId) {
-                  validateAll("R");
+                  setValidatedAll(true);
                   setModalViewError(true);
                 } else {
                   setDataGenericModal((prev) => ({
@@ -1151,7 +1152,7 @@ export const ProviderProductEdition = ({
                   setShowGenericModal(true);
                 }
               } else {
-                validateAll("R");
+                setValidatedAll(true);
                 setModalViewError(true);
               }
             }}
@@ -1195,7 +1196,7 @@ export const ProviderProductEdition = ({
                 return;
               } else if (user.is_retailer) {
                 if (product.id_order || product.orderId) {
-                  sendEvaluation("R");
+                  setValidatedAll(false);
                   setModalViewError(true);
                 } else {
                   setDataGenericModal((prev) => ({
@@ -1208,7 +1209,7 @@ export const ProviderProductEdition = ({
                   setShowGenericModal(true);
                 }
               } else {
-                sendEvaluation("R");
+                setValidatedAll(false);
                 setModalViewError(true);
               }
             }}
@@ -1448,9 +1449,16 @@ export const ProviderProductEdition = ({
           button1={{
             name: "Enviar",
             action: (e) => {
-              createComment(e, document.querySelector("#area").value);
-              setModalViewError(false);
-              setModalViewTextArea(true);
+              const textArea = document.querySelector("#area");
+              if (textArea.value) {
+                textArea.style.border = "none";
+                createComment(e, textArea.value);
+                setModalViewError(false);
+                setModalViewTextArea(true);
+                validatedAll ? validateAll("R") : sendEvaluation("R");
+              } else {
+                textArea.style.border = "2px solid red";
+              }
             },
           }}
           img={errorModal}