contentoh-components-library 21.1.49 → 21.1.52

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

@@ -9,14 +9,6 @@ const Template = (args) => <RetailerProductEdition {...args} />;
 
 export const RetailerProductEditionDefault = Template.bind({});
 
-// token coordinador textos: eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJiMmNlNWIyYS02MDljLTRlNzktOWVhOS0yZjc0Y2ZmNDM4ODkiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwiY29nbml0bzp1c2VybmFtZSI6ImIyY2U1YjJhLTYwOWMtNGU3OS05ZWE5LTJmNzRjZmY0Mzg4OSIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiJmZmQxNTNmNS03OWNmLTQ3NDMtYTU3OC03ZjVkZjVkZDM5OTgiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY1NjU1MDEwMywibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTY1NjU1MzcwMywiaWF0IjoxNjU2NTUwMTAzLCJlbWFpbCI6ImF6YXJhdGVAY29udGVudG9oLmNvbSJ9.SaFbPPfYv4svBl4bPnFz_4xuWlrWC_keXT8XebJyOwwvfSVuKLtpdd_Qa8a6hB3QrrVJSEKLRo2O9vpXDgATNUO0B8F7aQpCQBvctkNGUac3Im3Z8wXuMq3kN8Z8nAnnfW2eVzsgsFHAzOM__VB7LO0U_oVhFDyWGg0V5dqJQX1eWenBL1vw9VxdCXCz3G7A_uRwiDRixupOJVPfW_MTMYgNkQgun4jvrCbQCwS7V_LqkOfqdBWRCHoj5SNn5UnbFQqSv3qh_Caoq4L7Snf9kPHJhpsAVVz7_EBlPf68A3WKqzMFgS7lfAQoNRDCtPGVJBXgKzR2db-iL6noVWUrNA
-// id: 52 rol: 4
-// token especialista textos: eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJjYTFkMjRhYi1lOTkyLTRjMTktYjRlMS0yZmU2ZjcyMGMxNmIiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwiY29nbml0bzp1c2VybmFtZSI6ImNhMWQyNGFiLWU5OTItNGMxOS1iNGUxLTJmZTZmNzIwYzE2YiIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiJiN2RkYzgxYi0wNGJjLTQzMjYtOTBlYi05ZTg5ZDg0ZjQzNjAiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY1NjYwNDkxMywibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTY1NjYwODUxMywiaWF0IjoxNjU2NjA0OTEzLCJlbWFpbCI6InJsZWdvcnJldGFAY29udGVudG9oLmNvbSJ9.g0TAy9GCTRdcj1ueSuIJIOjNFnZdyeul1vPd_Z47OKl3VrWYNL3SRuUO3AqYsm1M3dFzh4ll1pP3NN_IQAlUdr2TKHN-RTYksCeTq5eWcUpo6tLDBe3YoPTB-FpTrJz1uFQIhfrILt_xMC85SP7Eap-z0IWgNvFiYtsy55WnWVHRkWuDrbQlzJTFFpS2D4FPSJsCZI3TLN7eaNW0TZDaqKIcnLYo7bOJ3H46-FBVtbtwfFjrzOCcfwVzl9zo6GlKCDUmXrHS1tbrvpBdTHBVeMO7Thpd__I0APWyRHe4F3R7uDI3lrCyZAF4yOHQQ3AFCi3JoMrX9YxQ0GHHaMcLPQ
-// id: 54 rol: 7
-// token coordinador images: eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJjMTA2ZTE0MS1lMjIxLTQ5ZTgtYTM4Mi1jZTk5Mzg1YzZkODgiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwiY29nbml0bzp1c2VybmFtZSI6ImMxMDZlMTQxLWUyMjEtNDllOC1hMzgyLWNlOTkzODVjNmQ4OCIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiI3YjZmY2JlZi1lNzlmLTQyNzEtYWQyOC1lMzc1Y2UzZDI5ZTQiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY1NjYwNDMzOCwibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTY1NjYwNzkzOCwiaWF0IjoxNjU2NjA0MzM4LCJlbWFpbCI6ImFyb2phc0Bjb250ZW50b2guY29tIn0.VOCiXnUzs95DPdzaKIj6MN1rDii9_HVf9PYi4ygLqIZUzzwYhBerjHlBynA4pcoz_ltLylVEAO6m1vEAMO8bKxNHG_voA7r1K_8yxyyOJOCC3760Meo60dAuOuV0bPNe1V_w5kuOCu2qB33OogE4_S4GKv5qeN14jkQxKN728aIlcVFLU-_0WMb7Lx1k1T7DQ1i91G7OzyGYCT1jENpJxwrlWWddu4U7eMi0v_v1wEgLoozwsGlqHW4kBraeWWC1vidYrRjjyoDaF27QAd5DcIxj2EuoLRVVrYDcnlondc7XyX8-crJwYQhruy3NHMajxyLaXPQ_vFEojKG9wgJMjQ
-// id: 53 rol: 5
-// token auditor: eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI5YTIxMzEyOC02NDgyLTRjMTYtYTRiNi02ZTY0ZjIyNWIxYmQiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwiY29nbml0bzp1c2VybmFtZSI6IjlhMjEzMTI4LTY0ODItNGMxNi1hNGI2LTZlNjRmMjI1YjFiZCIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiIxZDFhY2ZkYy00M2Y2LTQwZGUtOWQ0NS04Y2NmYmIxNGU5ODYiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY1NjYwNTI5NywibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTY1NjYwODg5NywiaWF0IjoxNjU2NjA1Mjk3LCJlbWFpbCI6ImlzbWFlbDk3bG9wZXpAZ21haWwuY29tIn0.NFeT4ehU-626Y5h4mXmdRLFRzvwWvDyOaWtQo4moq10nz-C5UQS_AbcKg9M8hZunUi6Xes3KNigXrRRW8NlajYDWzfzw-Y2H1TWAaPU6pe1Nnup0oxpgn6fLRcEKoayeJaSrQM1Fpq9nNCFFelGggac1xUPJ57nhVSeHLRNacHHASKyHXhAAheKqJBXc-cOmqAiyqlrNlwAQqziu5KEE63zSWh34e-Q4aG189YkD3kNwC3x4tscyxOonF5xQl6pw9TgJDxLgWuPNGpz83e6tIzzUib9GPtkmOzTjsV3hz5FTLOnGpmlhqQ2BvY66W30UdvRLAbFj_qBR55TyJGc-XQ
-// id: 37 rol: 6
 RetailerProductEditionDefault.args = {
   tabsSections: {
     Descripción: true,
@@ -24,93 +16,45 @@ RetailerProductEditionDefault.args = {
     Imágenes: false,
   },
   token:
-    "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI3MTNhNzQ1Ny1mOTQzLTRiYzktOGViMC04NmI0MWY1YmQ0ZjgiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwiY29nbml0bzp1c2VybmFtZSI6IjcxM2E3NDU3LWY5NDMtNGJjOS04ZWIwLTg2YjQxZjViZDRmOCIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiI3ZTYxNmNhNi0yYmEwLTQzOWEtOTRjOS0yYTVjZDZlOWU1NjYiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY1NzA0Njk0NCwibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTY1NzA1MDU0NCwiaWF0IjoxNjU3MDQ2OTQ0LCJlbWFpbCI6ImhjYXJyaWxsb0Bjb250ZW50b2guY29tIn0.btw_69CgSyAKV2UEUqxGTOfVdvoDlGLIpmw0SMrI59HcpCIMqwpfVKd0ZphiwARLhGGZRYC6rgzx6BS1XTs850UX6L2148A8hwt9toInXcTuhC0Wl2h7kJwZFh-KEnS2pFW88FExnPtTqfnbTyc-L_jyWDPnY39vFU0EdMibcSz1jlspDBNOGUXDvV0TtT97KzU1808eK9h7S_YiCiALLofN_C7veQ0sMfvbc155iic0Izl43otMbcCwim7FlX-WsuJHVciYjH36tv-9YHK1PprtLzybTSm1ih0poB3rXlNCcxoyjNfRJFCq1G6xlOsNCvKFl8GwhKNXGaGT_KK5MA",
+    "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJjOTRhNzMwNS05MzY1LTQ2ZmYtYTQyMy00YjRiYzNiOGIxODAiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjp0cnVlLCJjb2duaXRvOnVzZXJuYW1lIjoiYzk0YTczMDUtOTM2NS00NmZmLWE0MjMtNGI0YmMzYjhiMTgwIiwiY29nbml0bzpyb2xlcyI6WyJhcm46YXdzOmlhbTo6ODk4NjcwMjMyODA3OnJvbGVcL2NvbnRlbnRvaC1kZXYtdXMtZWFzdC0xLWxhbWJkYVJvbGUiXSwiYXVkIjoiNWFjOHRwZ3M2Z2JzcTEzZnJ2cnBpZWVwNDAiLCJldmVudF9pZCI6ImExY2QwOGQ3LTM0MTgtNGI0ZC1hODNmLTJlOWE0N2E2ZTQzYSIsInRva2VuX3VzZSI6ImlkIiwiYXV0aF90aW1lIjoxNjU2Mzc1MzQ5LCJuYW1lIjoiQ29sYWJvcmFkb3IiLCJwaG9uZV9udW1iZXIiOiIrNTIxMTExIiwiZXhwIjoxNjU2Mzc4OTQ5LCJpYXQiOjE2NTYzNzUzNDksImVtYWlsIjoic2FsbWVyb24uNUBob3RtYWlsLmNvbSJ9.AXD7CR-3bJz6vIdBBNB_3xLfaTvlFjHi-cwKdN5qCUSY4msnf1a1RhMEThL3wt7fXi15dy5Fy5b_7zgkWc_NY35Otu1ifQNmSxemncx5qFsNsBH6OvIaZrhiw7XXkfQF20w22f4o8VFW1u0cWudFBYYm6tXlKVEetw-NEu94Mnip0BtQQUU6rFjz5hQM0gWYsvOMmSX3JKQWl4thirzTOqJxrKebFeWnUMs5D3hlFpKeBSKodgB6lLw2522SJmxWXmGCaDOVSMUP9LqB9PsboSOBfSeQpkbIZqd9iNWbrFCusGhnoRrQABucqFwlQ6KPHYTPaOOux-X3pf6i5woX4g",
   productSelected: {
-    services: {
-      datasheets: 0,
-      descriptions: 0,
-      images: 1,
-    },
-    orderId: 116,
-    status: "PA",
-    datasheet_status: null,
-    prio: "none",
-    version: 2,
-    description_status: null,
-    images_status: null,
-    article: {
-      id_article: 76155,
-      id_category: "14",
-      name: "pan integral",
-      upc: "34243",
-      timestamp: "2022-07-13T16:51:20.000Z",
-      id_user: 28,
-      status: "NULL",
-      active: 1,
-      company_id: 1,
-      company_name: "COMPANY DEV",
-      country: "México",
-      id_order: 116,
-      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: 30,
-      id_recepcionist: null,
-      category: "ABARROTES|ABARROTES SECOS|PAN DE CAJA",
-      missingAttributes: 0,
-      missingDescriptions: 0,
-      missingImages: 0,
-    },
-    retailers: [
-      {
-        id: 65,
-        name: "Súper Aki",
-      },
-    ],
-    country: "México",
-    upc: "34243",
-  },
-  location: {
     services: {
       datasheets: 1,
       descriptions: 1,
       images: 1,
     },
-    orderId: 89,
-    status: "AC",
-    datasheet_status: "AC",
+    orderId: 64,
+    status: "AF",
+    datasheet_status: "AF",
     prio: "none",
-    version: 3,
-    description_status: "AC",
-    images_status: "AC",
+    version: 7,
+    description_status: "AF",
+    images_status: "AF",
     article: {
-      id_article: 55157,
-      id_category: "4",
-      name: "testing",
-      upc: "807526",
-      timestamp: "2022-06-23T18:28:29.000Z",
+      id_article: 35707,
+      id_category: "41",
+      name: "chetos",
+      upc: "1010101010",
+      timestamp: "2022-06-16T18:12:42.000Z",
       id_user: 28,
       status: "NULL",
       active: 1,
       company_id: 1,
       company_name: "COMPANY DEV",
       country: "México",
-      id_order: 89,
+      id_order: 64,
       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,
+      id_auditor: 30,
       id_recepcionist: null,
-      category: "ABARROTES|ABARROTES SECOS|ALIMENTOS DESHIDRATADOS",
-      missingAttributes: 17,
-      missingDescriptions: 4,
-      missingImages: 3,
+      category: "ABARROTES|BOTANAS, GOLOSINAS Y CHOCOLATES|BOTANAS",
+      missingAttributes: null,
+      missingDescriptions: null,
+      missingImages: null,
     },
     retailers: [
       {
@@ -120,9 +64,19 @@ RetailerProductEditionDefault.args = {
         id_region: 1,
         active: 1,
       },
+      {
+        id: 8,
+        name: "Fragua",
+        country: "México",
+        id_region: 1,
+        active: 1,
+      },
     ],
     country: "México",
-    upc: "807526",
+    upc: "1010101010",
+  },
+  location: {
+    product: { articleId: 109485, versionId: 3 },
   },
   user: {
     id_user: 30,
@@ -155,6 +109,6 @@ RetailerProductEditionDefault.args = {
       products_limit: "3",
       type: "PyMES",
     },
-    src: "https://content-management-profile.s3.amazonaws.com/id-30/30.png?1657751241168",
+    src: "https://content-management-profile.s3.amazonaws.com/id-30/30.png?1656375350443",
   },
-};
+};

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

@@ -29,6 +29,7 @@ import { GenericModal } from "../../atoms/GenericModal";
 import { ScreenHeader } from "../../atoms/ScreenHeader";
 import { Loading } from "../../atoms/Loading";
 import succes from "../../../assets/images/genericModal/genericModalCheck.svg";
+import { getNewStatus } from "../../../global-files/data";
 import errorModal from "../../../assets/images/genericModal/errorModal.svg";
 
 const reducerImages = (state, action) => {
@@ -181,8 +182,11 @@ export const RetailerProductEdition = ({
       setServices(services);
       getServices();
 
-      // setActiveRetailer(product?.retailers[0]);
-      setImages({ action: "init", init: services[2] });
+      //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));
@@ -200,22 +204,24 @@ export const RetailerProductEdition = ({
     );
     const parsedResponse = JSON.parse(servicesResponse?.data?.body).data;
 
-    const retailers = product.retailers || product.retailersAvailable;
-    const retailerResponse = parsedResponse?.map((srv) => srv.id_retailer);
-    const active = retailers?.find((retailer) =>
-      retailerResponse.includes(retailer.id)
-    );
+    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) => {
-    const translation = {
-      datasheet: "Ficha técnica",
-      description: "Descripción",
-      images: "Imágenes",
-    };
-    return translation[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 getComments = async (tab = "Descripción") => {
@@ -251,14 +257,14 @@ export const RetailerProductEdition = ({
     switch (user.id_role) {
       case 7:
       case 8:
-        arr = ["CA", "RC", "RA"];
+        arr = ["IN_PROGRESS", "RF", "RA"];
         break;
       case 4:
       case 5:
-        arr = ["RC", "AC", "AA", "AP", "ACA"];
+        arr = ["RF", "AF", "AA", "AP", "AC"];
         break;
       case 6:
-        arr = ["RP", "RCA", "AC", "RA"];
+        arr = ["RP", "RC", "AF", "RA"];
         break;
       default:
         arr = [];
@@ -384,14 +390,13 @@ export const RetailerProductEdition = ({
   const saveDescriptions = async () => {
     setLoading(true);
     const productTemp = product;
-    const articleId = product?.article?.id_article;
     const dataObject = {
-      articleId,
+      articleId: product?.article?.id_article,
       articleData: updatedDescriptions,
     };
     if (product?.orderId) dataObject["orderId"] = product?.orderId;
     try {
-      const res = await axios.put(
+      await axios.put(
         `${process.env.REACT_APP_ARTICLE_DATA_ENDPOINT}?description=true&version=${version}`,
         dataObject,
         {
@@ -400,16 +405,14 @@ export const RetailerProductEdition = ({
           },
         }
       );
-      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;
+      if (productTemp.status === "ASSIGNED") {
+        productTemp.status = "IN_PROGRESS";
         setProduct(productTemp);
         sessionStorage.setItem("productSelected", JSON.stringify(productTemp));
-
-        setMessage("Descripciones guardadas con éxito");
-        await loadData();
       }
+
+      setMessage("Descripciones guardadas con éxito");
+      loadData();
     } catch (error) {
       console.log(error);
     }
@@ -418,14 +421,13 @@ export const RetailerProductEdition = ({
   const saveDatasheets = async () => {
     setLoading(true);
     const productTemp = product;
-    const articleId = product?.article?.id_article;
     const dataObject = {
-      articleId,
+      articleId: product?.article?.id_article,
       articleData: updatedDatasheets,
     };
     if (product?.orderId) dataObject["orderId"] = product?.orderId;
     try {
-      const res = await axios.put(
+      await axios.put(
         `${process.env.REACT_APP_ARTICLE_DATA_ENDPOINT}?datasheet=true&version=${version}`,
         dataObject,
         {
@@ -434,16 +436,13 @@ export const RetailerProductEdition = ({
           },
         }
       );
-      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;
+      setMessage("Fichas técnicas guardadas");
+      if (productTemp.status === "ASSIGNED") {
+        productTemp.status = "IN_PROGRESS";
         setProduct(productTemp);
         sessionStorage.setItem("productSelected", JSON.stringify(productTemp));
-
-        setMessage("Fichas técnicas guardadas");
-        await loadData();
       }
+      loadData();
     } catch (error) {
       console.log(error);
     }
@@ -527,6 +526,15 @@ export const RetailerProductEdition = ({
         } else {
           setImagesUploaded(true);
         }
+        let productTemp = product;
+        if (productTemp.status === "ASSIGNED") {
+          productTemp.status = "IN_PROGRESS";
+          setProduct(productTemp);
+          sessionStorage.setItem(
+            "productSelected",
+            JSON.stringify(productTemp)
+          );
+        }
       } catch (err) {
         console.log(err);
         // setMainLoading(false);
@@ -551,7 +559,7 @@ export const RetailerProductEdition = ({
         return e;
       });
       try {
-        const res = await axios.put(
+        await axios.put(
           `${process.env.REACT_APP_ARTICLE_DATA_ENDPOINT}?image=true&version=${version}`,
           dataImages,
           {
@@ -560,21 +568,9 @@ export const RetailerProductEdition = ({
             },
           }
         );
-        if (res.data.statusCode === 200) {
-          let productTemp = product;
-          const { newStatus, newArticleStatus } = JSON.parse(res.data.body);
-          if (newArticleStatus)
-            productTemp.status = newArticleStatus[articleId];
-          if (newStatus) productTemp.images_status = newStatus;
-          setProduct(productTemp);
-          sessionStorage.setItem(
-            "productSelected",
-            JSON.stringify(productTemp)
-          );
-          setMessage("Imágenes guardadas con éxito");
-          sessionStorage.removeItem("imagesList");
-          await loadData();
-        }
+        setMessage("Imágenes guardadas con éxito");
+        sessionStorage.removeItem("imagesList");
+        loadData();
       } catch (error) {
         console.log(error);
       }
@@ -583,23 +579,24 @@ export const RetailerProductEdition = ({
 
   const evaluationFinished = (userId, tab, statusArray) => {
     const srv = servicesData.filter((serv) => serv.service === getConcept(tab));
-    const srvActive = srv
-      .find((serv) => serv.id_retailer === activeRetailer?.id)
-      ?.status?.replace(/.*\//, "");
-    const currStatus = product[`${getConcept(tab)}_status`]?.replace(
-      /.*\//,
-      ""
+    const [srvActive] = srv.filter(
+      (serv) => serv.id_retailer === activeRetailer?.id
     );
-    const unvalidated = ["IE", "CA"].includes(currStatus);
+    const unvalidated =
+      product[`${getConcept(tab)}_status`] === "QF" ||
+      product[`${getConcept(tab)}_status`] === "IN_PROGRESS";
 
-    const auditorUnvalidated = !["RA", "AA", "ACA", "AP"].includes(currStatus);
+    const auditorUnvalidated = !["RA", "AA", "AC", "AP"].includes(
+      product[`${getConcept(tab)}_status`]
+    );
 
     switch (userId) {
       case 7:
       case 8:
         return (
-          statusArray.includes(srvActive) &&
-          (["RA", "RC"].includes(product?.status) ||
+          (["RA", "RF"].includes(product?.status) && //"IN_PROGRESS", "RF", "RA"
+            statusArray.includes(srvActive?.status)) ||
+          (statusArray.includes(product.status) &&
             srv.filter((serv) => statusArray.includes(serv.status)).length ===
               srv.length)
         );
@@ -607,16 +604,14 @@ export const RetailerProductEdition = ({
       case 5:
         return (
           unvalidated &&
-          ["CA", "IE"].includes(product.status) && // "RC", "AC", "AA", "AP", "ACA"
+          ["IN_PROGRESS", "QF"].includes(product.status) && //"RF", "AF", "AA", "AP", "AC
           srv.filter((serv) => statusArray.includes(serv.status)).length ===
             srv.length
         );
       case 6:
         return (
-          statusArray.includes(product.status) && // RP, RCA, AC, RA true
-          srv.every((serv) =>
-            ["RA", "AA", "AP", "ACA"].includes(serv.status)
-          ) &&
+          statusArray.includes(product.status) && //RP, RC, AF, RA true
+          srv.every((serv) => ["RA", "AA", "AP", "AC"].includes(serv.status)) &&
           auditorUnvalidated
         );
       default:
@@ -638,20 +633,20 @@ export const RetailerProductEdition = ({
   const approveRejectButtons = (action) => {
     let concept = getConcept(action || activeTab);
 
-    const retailerStatus = servicesData
-      .find(
-        (srv) =>
-          srv.id_retailer === activeRetailer?.id && srv.service === concept
-      )
-      ?.status?.replace(/.*\//, "");
-
-    //sessionStorage product
-    const adminFacilitatorCanEvaluate =
-      retailerStatus === "IE" && [1, 4, 5].includes(user.id_role);
-    const adminAuditorCanEvaluate =
-      ["AC", "RP", "RCA"].includes(retailerStatus) &&
-      [1, 6].includes(user.id_role);
-    return adminFacilitatorCanEvaluate || adminAuditorCanEvaluate;
+    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 = () => {
@@ -675,57 +670,92 @@ export const RetailerProductEdition = ({
     try {
       let concept = getConcept(activeTab);
 
-      const productTemp = { ...product };
-      const evalStatus = retailerStatus;
-      const articleId = product.article.id_article;
-      const orderId = product.orderId;
-
-      let data = {
-        articleId,
-        orderId,
-        concept,
-        evalStatus,
-        retailerId: activeRetailer.id,
-      };
-      let res;
+      let productTemp = { ...product };
+      let evalStatus = product[`${concept}_status`];
+
+      let data = {};
       if (result) {
-        data.result = result;
-        res = await axios.put(
-          `${process.env.REACT_APP_EVALUATION_ENDPOINT}`,
-          data,
-          {
-            headers: {
-              Authorization: token,
-            },
-          }
-        );
+        data = {
+          articleId: product.article.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 = ["RC", "RA", "CA"].includes(evalStatus);
+        const specialistDone =
+          evalStatus === "RF" ||
+          evalStatus === "RA" ||
+          evalStatus === "IN_PROGRESS";
 
-        let message;
         if (specialistDone) {
-          message = `${activeTab} enviada a facilitador`;
+          setMessage(`${activeTab} enviada a facilitador`);
+          getSectionIcon();
+        } else if (evalStatus === "QF") {
+          setMessage("Evaluación enviada");
           getSectionIcon();
-        } else if (["IE", "AC", "RP", "RCA"].includes(evalStatus)) {
-          message = "Evaluación enviada";
+        } 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.article.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;
         }
-        res = await axios.put(`${process.env.REACT_APP_SEND_EVAL}`, data, {
+        await axios.put(`${process.env.REACT_APP_SEND_EVAL}`, data, {
           headers: {
             Authorization: token,
           },
         });
       }
-      if (res.data.statusCode === 200) {
-        const { newStatus, newOrderStatus } = JSON.parse(res.data.body);
-        if (newOrderStatus) productTemp.status = newOrderStatus[orderId];
-        productTemp[`${concept}_status`] = newStatus;
-        await loadData();
-        if (message) setMessage(message);
-        sessionStorage.setItem("productSelected", JSON.stringify(productTemp));
-        setProduct(productTemp);
-      }
+      loadData();
+      sessionStorage.setItem("productSelected", JSON.stringify(productTemp));
+      setProduct(productTemp);
     } catch (error) {
       console.log(error);
     }
@@ -834,7 +864,7 @@ export const RetailerProductEdition = ({
             (input) =>
               input.required &&
               (!input.value ||
-                input.value?.replace(/(<\/?p>)|(<\/?strong>)|(<br>)/gm, "") ===
+                input.value.replace(/(<\/?p>)|(<\/?strong>)|(<br>)/gm, "") ===
                   "") &&
               desInputsRequired++
           );
@@ -911,12 +941,12 @@ export const RetailerProductEdition = ({
         },
       ],
       concept: concept,
-      userId: assignationId,
+      [`${assignationType}Id`]: assignationId,
     };
-    await axios({
+    axios({
       method: "post",
       url: process.env.REACT_APP_ASSIGNATIONS_ENDPOINT,
-      data,
+      data: data,
       headers: {
         Authorization: token,
       },
@@ -1105,7 +1135,7 @@ export const RetailerProductEdition = ({
       sessionStorage.setItem("productSelected", JSON.stringify(productTemp));
       setProduct(productTemp);
 
-      await loadData();
+      loadData();
     } catch (error) {
       console.log(error);
     }
@@ -1183,7 +1213,7 @@ export const RetailerProductEdition = ({
             showApproveRejectAll={
               isAuditor &&
               servicesData.every((serv) =>
-                ["RA", "AA", "AP", "ACA", "AC"].includes(serv.status)
+                ["RA", "AA", "AP", "AC", "AF"].includes(serv.status)
               ) &&
               approveRejectButtons() &&
               (auditorAssigned() || userAssigned())
@@ -1377,21 +1407,16 @@ export const RetailerProductEdition = ({
                     />
                   </div>
                 )}
-                {[7, 8].includes(user.id_role) && (
-                  <Button
-                    buttonType={
-                      evaluationFinished(
-                        user.id_role,
-                        activeTab,
-                        statusArray
-                      ) && requiredNull[activeTab] === 0
-                        ? "general-green-button"
-                        : "general-button-disabled"
-                    }
-                    label={"Enviar evaluación"}
-                    onClick={() => sendToFacilitator()}
-                  />
-                )}
+                <Button
+                  buttonType={
+                    evaluationFinished(user.id_role, activeTab, statusArray) &&
+                    requiredNull[activeTab] === 0
+                      ? "general-green-button"
+                      : "general-button-disabled"
+                  }
+                  label={"Enviar evaluación"}
+                  onClick={() => sendToFacilitator()}
+                />
               </div>
             )}
         </div>

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

@@ -20,7 +20,7 @@ export const Container = styled.div`
     }
 
     .product-information {
-      width: 70%;
+      width: calc(100% - 341px);
       display: flex;
       flex-direction: column;