contentoh-components-library 21.3.29 → 21.3.30

package/src/components/molecules/CustomSelect/CustomSelect.stories.js

@@ -1,5 +1,4 @@
 import { CustomSelect } from "./index";
-import iconStar from "../../../assets/images/customSelect/starIcon.svg";
 
 export default {
   title: "Components/molecules/CustomSelect",
@@ -9,27 +8,20 @@ export default {
 const Template = (args) => <CustomSelect {...args} />;
 export const CustomSelectDefault = Template.bind({});
 CustomSelectDefault.args = {
-  // selectLabel: "Todos los departamentos",
+  selectLabel: "Todos los departamentos",
   defaultOption: "Todos los departamentos",
   options: [
-    {
-      id: 47,
-      name: "Enero 2023",
-      isSelected: true,
-    },
-    {
-      id: 49,
-      name: "Mis Favoritos",
+      {
+      id: 1,
+      value: "Decoración",
+      subOptions: [
+        { id: 1, value: "Espejos" },
+        { id: 2, value: "Persianas" },
+  ],
     },
+    { id: 2, value: "Eléctrico" },
+    { id: 3, value: "Ferretería" },
+    { id: 4, value: "Herramientas" },
+    { id: 5, value: "Iluminación" },
   ],
-  onClickItem: (v, id) => {
-    if (v) {
-      console.log("Agregar a la lista", id);
-    } else {
-      console.log("Eliminar a la lista", id);
-    }
-  },
-  icon: iconStar,
-  showSearchBar: true,
-  customOptions: <p>Esto es un customOptions</p>
 };

package/src/components/molecules/CustomSelect/SelectItem.js

@@ -7,7 +7,6 @@ export const SelecItem = ({
   setParameterArray,
   activeFilters,
   setActiveFilters,
-  onClickItem,
 }) => {
   const [showSubOptions, setShowSubOptions] = useState(false);
   const [chkGlobal, setChkGlobal] = useState(false);
@@ -18,9 +17,6 @@ export const SelecItem = ({
           id={"main-item-" + option.id}
           label={option.name}
           onChange={(e) => {
-            if (onClickItem) {
-              onClickItem(e.target.checked, option.id)
-            }
             const subOptions = option.subOptions;
             const filtersCopy = { ...activeFilters };
             if (subOptions) {
@@ -81,9 +77,6 @@ export const SelecItem = ({
                   activeFilters[option.name][sub.name]
                 }
                 onChange={(e) => {
-                  if (onClickItem) {
-                    onClickItem(e.target.checked, sub.id)
-                  }
                   if (e.target.checked) {
                     setParameterArray((current) =>
                       [...current, sub.id].sort((a, b) => a - b)

package/src/components/molecules/GalleryElement/index.js

@@ -58,7 +58,7 @@ export const GalleryElement = ({
   }, [showValidationPanel]);
 
   const isEquals = (value, auditValue) => {
-    return value === auditValue;
+    return !value === auditValue;
   };
 
   return (

package/src/components/molecules/HeaderTop/styles.js

@@ -3,11 +3,8 @@ import styled from "styled-components";
 export const Container = styled.div`
   display: flex;
   justify-content: space-between;
-  .buttons-top {
-    display: flex;
-    align-items: center;
-    padding-top: 10px;
-  }
+  display: flex;
+  align-items: center;
 
   .buttons-container {
     display: flex;

package/src/components/molecules/ProductNameHeader/index.js

@@ -10,17 +10,12 @@ export const ProductNameHeader = ({
   percent,
   priority,
   date,
-  percentRequired,
 }) => {
   return (
     <Container>
       <ScreenHeader headerType={"product-name-header"} text={productName} />
-      {statusType && <Status statusType={statusType} />}
-      <ProgressBar
-        percent={percentRequired}
-        progressBarType={statusType}
-        percentRequired={percentRequired}
-      />
+      <Status statusType={statusType} />
+      <ProgressBar percent={percent} progressBarType={statusType} />
       <PriorityFlag priority={priority} />
       <ScreenHeader headerType={"date-header"} text={date} />
     </Container>

package/src/components/organisms/FullProductNameHeader/index.js

@@ -42,7 +42,6 @@ export const FullProductNameHeader = ({
           headerData?.status ||
           headerData?.article_status
         }
-        percentRequired={percent}
         percent={percent?.toFixed(0)}
         priority={headerData?.prio}
         date={new Date(

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

@@ -16,76 +16,74 @@ ProviderProductEditionDefault.args = {
     Imágenes: true,
   },
   token:
-    "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiIwM2ViMjZhMC1hYjU2LTQ3NjctYjY0Zi04NDkyNTgwNzcwMmEiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6IjAzZWIyNmEwLWFiNTYtNDc2Ny1iNjRmLTg0OTI1ODA3NzAyYSIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiJmNmNkMzA1My1iODE4LTQzYzgtOGZhMC0yNTZmMTBhMDYwNjciLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY3NDU5OTgwNiwibmFtZSI6IlBydWViYSBNZXJjaGFudHMiLCJwaG9uZV9udW1iZXIiOiIrNTIxMjM0NTY3ODkxIiwiZXhwIjoxNjc0NjAzNDA2LCJpYXQiOjE2NzQ1OTk4MDYsImVtYWlsIjoibWVyY2hhbnRzMjRlbmVAYWxsZnJlZW1haWwubmV0In0.osGY8Rdr20hTwL86dZ_CzXxHLvPe-L0iaLtWVwJ78prdMlbDoEZWNePr-Di1rb8F2efV6FAsf9mELW6Tw3PETo_d5yeDEPVAGD0pXFvVntTlSrJGtfEDMnpNWTG2uaMlL1_zJ8BcFYmIUniZN8VvEKW6ezFOt01cK3We-Vrv92TqKa-ePQRkDnhKu52nnTgxs5aysGf-mYLxLumQ4TcOPXJ2x6OsszedJaujFDeCPN7JVGbg9HC68__WklpgocSasU6fQg4Glh1kXWQ-fy4XaFw6cBParJjkqic2Gg1iqwB5wGbrwD4E0crZyPkgwwPydTLLu6WguGWBuQHhcoG-xg",
+    "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJmNTkyN2Y4ZS1jYmY3LTQ5MjItOWUwOS1lNjllYzBiMjczMWEiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6ImY1OTI3ZjhlLWNiZjctNDkyMi05ZTA5LWU2OWVjMGIyNzMxYSIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiIyOWY3YWY3Zi0yNmQ0LTRiMWItODZmZS0zOWY2ZTUyMDFhNzAiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY2OTkyNzAyMSwibmFtZSI6IklzbWFlbCBMb3BleiIsInBob25lX251bWJlciI6Iis1MjMxMTEzNjYzMzYiLCJleHAiOjE2Njk5MzA2MjEsImlhdCI6MTY2OTkyNzAyMSwiZW1haWwiOiJpbG9wZXpAY29udGVudG9oLmNvbSJ9.NK6hVSiBksguboJ1m8yYqtDq19kzgE3GqYDEJHLUya_n_TsXriv6W1ypq7XiSo9zrqWcmHBpOoJQS7WbWzjGe__NlJEXjo8bykS8QBTTOiMrKxz1KzGRYJkwgG0axk-zVysUQH0_y-fbwgEgMPtd6qO46DB_KlFI_PEL1-uR5MJ9U0kNkS61gMbHwFQFs_DU-sS01NxjBsjUEp783rs1r-jm7TelZac1rGaFNUyi5vHdSozYzlnzfzGcuACZ0lHqvah2FHbDyurp-G_uhpUn5lNmcL4rVNh2lDd4TOnhJ3AtN1wGSmtErmhjmBHTvavh1ub9pklA1B9qjVuTRpYANw",
   articleId: 238,
   category: 846,
   version: 2,
   productSelected: {
-    category: "Decoración|Accesorios Decorativos|Accesorios Decorativos",
-    company_name: "merchants24ene@allfreemail.net",
-    company_id: 918,
-    id_category: "2028",
-    id_article: 432,
-    name: "VELA AROMA 18 OZ MAN/CAN",
-    upc: "102852",
+    id_article: 3,
+    id_category: 2032,
+    name: "CORTINA BLACKOUT DE POLIÉSTER CAFÉ 2.13 X 1.06 M",
+    upc: "161157",
+    timestamp: "2022-11-14T16:02:47.000Z",
+    categoryName: "Decoración|Cortinas y Persianas|Cortinas",
     version: 1,
     retailersAvailable: [
       {
-        id: 68,
-        name: "The Home Depot Merchants",
+        name: "The Home Depot Golden",
+        id: 58,
       },
     ],
   },
   productToEdit: {
-    idCategory: "2028",
-    ArticleId: 432,
+    idCategory: 2032,
+    ArticleId: 3,
     product: [
       {
-        category: "Decoración|Accesorios Decorativos|Accesorios Decorativos",
-        company_name: "merchants24ene@allfreemail.net",
-        company_id: 918,
-        id_category: "2028",
-        id_article: 432,
-        name: "VELA AROMA 18 OZ MAN/CAN",
-        upc: "102852",
+        id_article: 3,
+        id_category: 2032,
+        name: "CORTINA BLACKOUT DE POLIÉSTER CAFÉ 2.13 X 1.06 M",
+        upc: "161157",
+        timestamp: "2022-11-14T16:02:47.000Z",
+        categoryName: "Decoración|Cortinas y Persianas|Cortinas",
         version: 1,
         retailersAvailable: [
           {
-            id: 68,
-            name: "The Home Depot Merchants",
+            name: "The Home Depot Golden",
+            id: 58,
           },
         ],
       },
     ],
   },
   location: {
-    state: { origin: "Contentoh", withChat: true },
+    state: { origin: "Contentoh" },
   },
   user: {
-    id_user: 140,
-    name: "Prueba",
-    last_name: "Merchants",
-    email: "merchants24ene@allfreemail.net",
-    position: "merchants24ene@allfreemail.net",
-    telephone: "+521234567891",
+    id_user: 28,
+    name: "Ismael",
+    last_name: "López",
+    email: "ilopez@contentoh.com",
+    position: "Test States",
+    telephone: "+523111366336",
     country: "México",
-    id_company: 918,
-    id_cognito: "03eb26a0-ab56-4767-b64f-84925807702a",
+    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,
+    about_me: "",
+    zip_code: "",
+    address: "",
+    job: "",
+    id_stripe: "cus_KuEt6R6vwmN09f",
     id_role: 0,
     active: 1,
     is_retailer: 0,
-    email_notify: 1,
-    is_user_tech: null,
+    email_notify: 0,
+    is_user_tech: "AS",
     membership: {
-      id: 109,
-      start_date: "2023-01-24T22:07:34.000Z",
-      end_date: "2024-01-24T22:07:34.000Z",
+      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",
@@ -93,37 +91,21 @@ ProviderProductEditionDefault.args = {
       products_limit: "5000",
       type: "Enterprise",
     },
-    src: "https://content-management-profile.s3.amazonaws.com/id-140/140.png?1674599807427",
+    src: "https://content-management-profile.s3.amazonaws.com/id-28/28.png?1669927021851",
   },
   company: {
-    id_company: 918,
-    trade_name: "merchants24ene@allfreemail.net",
-    company_name: "merchants24ene@allfreemail.net",
-    rfc: "merchants24ene@allfreemail.net",
-    adress: "merchants24ene@allfreemail.net",
-    about_company: null,
-    telephone: null,
-    web_site: null,
-    zip_code: null,
+    id_company: 1,
+    trade_name: "GRUPO BRAHMA",
+    company_name: "GRUPO BRAHMA",
+    rfc: "XAXX010101000",
+    adress: "AA",
+    about_company: "",
+    telephone: "",
+    web_site: "",
+    zip_code: "",
     email: null,
-    social_link: null,
+    social_link: "",
     is_retailer: 0,
-    financedRetailers: [
-      {
-        id: 68,
-        name: "The Home Depot Merchants",
-        country: "México",
-        id_region: 1,
-        active: 1,
-      },
-    ],
-    retailers: [
-      {
-        id: null,
-        name: null,
-        country: null,
-      },
-    ],
   },
   showSurvey: (v) => v && alert("se muestra"),
 };

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

@@ -42,7 +42,6 @@ import Slide1_4 from "../../../assets/images/sliderToolTip/slide4.svg";
 import Slide1_5 from "../../../assets/images/sliderToolTip/slide5.svg";
 import { VersionSelector } from "../../organisms/VersionSelector";
 import { useCloseModal } from "../../../global-files/customHooks";
-import { number } from "prop-types";
 
 const reducerImages = (state, action) => {
   let { values, attrForImgs, inputsByRetailer } = state;
@@ -134,7 +133,6 @@ export const ProviderProductEdition = ({
   setShowContentohRequestModal,
   showSurvey,
   company,
-  withChat,
 }) => {
   const [activeTab, setActiveTab] = useState("Descripción");
   const [activeImage, setActiveImage] = useState();
@@ -274,7 +272,8 @@ export const ProviderProductEdition = ({
 
     setImages({ action: "init", init: services[2] });
     if (services[2]?.values?.length > 0) setActiveImage(0);
-    getPercentage({ data: [product] }).then((res) => setPercentages(res[0]));
+
+    getPercentage({ data: [product] }).then((res) => setPercentages(res));
     setLoading(false);
   };
 
@@ -364,13 +363,12 @@ export const ProviderProductEdition = ({
   useEffect(() => {
     const productTemp = product;
     const retailers = productTemp?.retailersAvailable || productTemp?.retailers;
-    if (Object.keys(percentages[productTemp.id_article] ?? {})?.length > 0) {
-      retailers?.forEach((retailer, index) => {
-        retailer["percentage"] = Number(
-          percentages[productTemp.id_article][retailer.id]?.percentageRequired
-        );
-      });
-    }
+    retailers?.forEach((retailer) => {
+      retailer["percentage"] = percentages?.find(
+        (percent) => retailer?.id === percent?.id_retailer
+      )?.percentage;
+    });
+
     setProduct(productTemp);
     setActivePercentage(retailers[0]?.percentage);
   }, [percentages]);
@@ -1058,12 +1056,7 @@ export const ProviderProductEdition = ({
   ];
   return (
     <Container headerTop={headerTop}>
-      <HeaderTop
-        setHeaderTop={setHeaderTop}
-        withChat={location?.state?.withChat}
-        productSelected={productSelected}
-        token={token}
-      />
+      <HeaderTop setHeaderTop={setHeaderTop} />
       <div className="data-container">
         <div className="image-data-panel">
           <ImagePreviewer

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

@@ -12,127 +12,90 @@ export const RetailerProductEditionDefault = Template.bind({});
 RetailerProductEditionDefault.args = {
   tabsSections: {
     Descripción: true,
-    "Ficha técnica": true,
-    Imágenes: true,
+    "Ficha técnica": false,
+    Imágenes: false,
   },
   token:
-    "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJhNmM0ZDNkNi0yNGE0LTQxZDQtYWQwZi1kMDg3NDM4YWI1YjYiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwiY29nbml0bzp1c2VybmFtZSI6ImE2YzRkM2Q2LTI0YTQtNDFkNC1hZDBmLWQwODc0MzhhYjViNiIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiJhY2FmNjhiOC00MmU1LTQ1NzAtYThiMC04YWY4NmY3MGU5YTEiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY3ODQ5NDYzNiwibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTY3ODQ5ODIzNiwiaWF0IjoxNjc4NDk0NjM2LCJlbWFpbCI6ImV0Y0Bjb250ZW50b2guY29tIn0.WoO3h0tAsF_Z4f_6BLIOXaL__TzHUxZyQlDAULQ2cT1HkUs0EmTZXRzRZ4oce7rV5osco9gCWfhc03rQ-C12jmU-Yt7jq3vuuoHUz4JqkLpelZPS8jHSsCAUWu_ekOIgDzvNegiyKk2R4qnd7IRPzWOAx1houg-KKT7kxCxjkTyJJGtzb7pYDLSJSV871nS8MeXGf5VZG5rQ3Smfl8ANqypLUEQQ6gSOr30Ztt1lZaHRmhF8WKo_GWwY3jNScmX_o9QGOSvKVl8hTqz4gA9xbiNJ3zpoh_5PzY-N4Sl8pE3gt_9Zw_o5ItLNHpnXuav_0NENvhXDu7p7VTLEpG8DTA",
+    "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJjOTRhNzMwNS05MzY1LTQ2ZmYtYTQyMy00YjRiYzNiOGIxODAiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjp0cnVlLCJjb2duaXRvOnVzZXJuYW1lIjoiYzk0YTczMDUtOTM2NS00NmZmLWE0MjMtNGI0YmMzYjhiMTgwIiwiY29nbml0bzpyb2xlcyI6WyJhcm46YXdzOmlhbTo6ODk4NjcwMjMyODA3OnJvbGVcL2NvbnRlbnRvaC1kZXYtdXMtZWFzdC0xLWxhbWJkYVJvbGUiXSwiYXVkIjoiNWFjOHRwZ3M2Z2JzcTEzZnJ2cnBpZWVwNDAiLCJldmVudF9pZCI6IjllNTRjMDc0LWFjNzktNGEwNC1iOGEzLWNhOWU2ZmQxNDE3ZiIsInRva2VuX3VzZSI6ImlkIiwiYXV0aF90aW1lIjoxNjc3NTQ1NzA2LCJuYW1lIjoiQ29sYWJvcmFkb3IiLCJwaG9uZV9udW1iZXIiOiIrNTIxMTExIiwiZXhwIjoxNjc3NTQ5MzA2LCJpYXQiOjE2Nzc1NDU3MDYsImVtYWlsIjoic2FsbWVyb24uNUBob3RtYWlsLmNvbSJ9.CS5zthG2PFlQIn5yCV64aadrBvh0ccEMlm8osN_BHTqqYARTiGJMnGUzD-FqmCB9JNeLn036eNHQ7TppqlvhBEe66-F7Aq3fSCMR2X31dWkASsg1E9kSmYS2V6NeG1G5WkfaIBOh7d7VH5Dnu6i5phne_BAu_fDbnBgsQUxQQMh-LMfv2heQ_MInJ6O2MrIzbYYMZYK7ioO5C7FvBnOCpDuk3DcgVFwuqBdVJAGkm-VYJbbnR6NYmYMnZfzrFJ8DjNE3O-L3ugVDOIfZOjuVBt2ZsfIB0-I7h_TBuIzwVE309f68AoDAujacOKvPORoN4ympPrAUSa7ZrM6ye2564g",
   productSelected: {
     services: {
       datasheets: 1,
       descriptions: 1,
       images: 1,
     },
-    orderId: 14606,
-    status: "AS",
-    datasheet_status: "CA",
+    orderId: 130,
+    status: "PA",
+    datasheet_status: "PA",
     prio: "none",
-    version: 3,
-    description_status: "CA",
-    images_status: "AS",
+    version: 17,
+    description_status: "PA",
+    images_status: "PA",
     statusByRetailer: {
-      4: {
-        datasheet: "AC",
-        description: "CA",
-        images: "AS",
-      },
-      5: {
-        datasheet: "CA",
-        description: "CA",
-        images: "AS",
-      },
-      6: {
-        description: "CA",
-        images: "AS",
-        datasheet: "CA",
-      },
-      12: {
-        datasheet: "CA",
-        description: "CA",
-        images: "AS",
-      },
-      17: {
-        datasheet: "CA",
-        description: "AC",
-        images: "AS",
+      58: {
+        datasheet: "PA",
+        description: "PA",
+        images: "PA",
       },
     },
     article: {
-      id_article: 37317,
-      id_category: "157",
-      name: "Detergente lavatrastres líquido Axion Complete tricloro 1.1 l",
-      upc: "7509546078915",
-      timestamp: "2023-03-10T20:19:15.000Z",
+      id_article: 3,
+      id_category: "2032",
+      name: "CORTINA BLACKOUT DE POLIÉSTER CAFÉ 2.13 X 1.06 M",
+      upc: "161157",
+      timestamp: "2022-11-14T16:02:47.000Z",
       id_user: 28,
       status: "NULL",
       active: 1,
       company_id: 1,
       company_name: "GRUPO BRAHMA",
       country: "México",
-      id_order: 14606,
-      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_order: 130,
+      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:
-        "Consumibles|Productos de Limpieza y Lavandería|Jabones y Lavatrastes",
+      category: "Decoración|Cortinas y Persianas|Cortinas",
       missingAttributes: 0,
       missingDescriptions: 0,
       missingImages: 0,
     },
     retailers: [
       {
-        id: 4,
-        name: "Walmart Super y Superama",
-      },
-      {
-        id: 5,
-        name: "Chedraui",
-      },
-      {
-        id: 6,
-        name: "HEB",
-      },
-      {
-        id: 12,
-        name: "La Comer",
-      },
-      {
-        id: 17,
-        name: "Genérico",
+        id: 58,
+        name: "The Home Depot Golden",
       },
     ],
     country: "México",
-    upc: "7509546078915",
+    upc: "161157",
   },
   location: {
-    product: { articleId: 354, versionId: 3 },
+    product: { articleId: 109485, versionId: 3 },
   },
   user: {
-    id_user: 51,
-    name: "ADMIN PRUEBA",
-    last_name: "",
-    email: "etc@contentoh.com",
-    position: "",
+    id_user: 30,
+    name: "Admin",
+    last_name: "Ulises",
+    email: "salmeron.5@hotmail.com",
+    position: "Admin",
     telephone: "",
-    country: "",
+    country: "México",
     id_company: 2,
-    id_cognito: "a6c4d3d6-24a4-41d4-ad0f-d087438ab5b6",
+    id_cognito: "c94a7305-9365-46ff-a423-4b4bc3b8b180",
     birth_Date: null,
     about_me: "",
     zip_code: "",
     address: "",
     job: "",
     id_stripe: "",
-    id_role: 1,
+    id_role: 6,
     active: 1,
     is_retailer: 0,
     email_notify: 1,
-    is_user_tech: null,
+    is_user_tech: "ADMIN-AS",
     membership: {
       id: 2,
       start_date: "2021-11-05T02:35:12.000Z",
@@ -144,6 +107,6 @@ RetailerProductEditionDefault.args = {
       products_limit: "3",
       type: "PyMES",
     },
-    src: "https://content-management-profile.s3.amazonaws.com/id-51/51.png?1678494637588",
+    src: "https://content-management-profile.s3.amazonaws.com/id-30/30.png?1676494961913",
   },
 };

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

@@ -176,7 +176,6 @@ export const RetailerProductEdition = ({
   const [percentages, setPercentages] = useState(
     new Array(product?.retailers?.length).fill({ percentage: 0 })
   );
-  // const [percentages, setPercentages] = useState([{ retailers: {} }]);
   const [activePercentage, setActivePercentage] = useState(0);
   const [activeRetailer, setActiveRetailer] = useState({});
   const [services, setServices] = useState([]);
@@ -244,9 +243,7 @@ export const RetailerProductEdition = ({
   };
 
   useEffect(() => {
-    if (auditableVersion) {
-      loadAuditableData();
-    }
+    loadAuditableData();
   }, [auditableVersion]);
 
   useEffect(() => {
@@ -267,9 +264,12 @@ export const RetailerProductEdition = ({
       //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[0]));
+
+      getPercentage({ data: [product] }).then((res) => setPercentages(res));
       setLoading(false);
     } catch (error) {
       console.log(error);
@@ -410,23 +410,25 @@ export const RetailerProductEdition = ({
   }, [userGroups]);
 
   useEffect(() => {
-    const retailers = product?.retailersAvailable || product?.retailers;
-    if (
-      Object.keys(percentages[product.article.id_article] ?? {})?.length > 0
-    ) {
-      retailers?.forEach((retailer, index) => {
-        retailer["percentage"] = Number(
-          percentages[product.article.id_article][retailer.id]
-            ?.percentageRequired
-        );
-      });
-    }
-    setActivePercentage(retailers[0]?.percentage);
+    product?.retailers?.forEach((retailer) => {
+      retailer["percentage"] = percentages.length
+        ? percentages?.filter(
+            (percent) => retailer?.id === percent?.id_retailer
+          )[0]?.percentage
+        : 0;
+    });
+    setActivePercentage(product?.retailers[0]?.percentage);
   }, [percentages]);
 
   useEffect(() => {
     getInputsData(services, activeRetailer, setDatasheets, setDescriptions);
-    auditableVersion && loadAuditableData();
+    auditableVersion &&
+      getInputsData(
+        auditServices,
+        activeRetailer,
+        setAuditDatasheets,
+        setAuditDescriptions
+      );
     setActivePercentage(Math.round(activeRetailer?.percentage, 0));
     activeRetailer?.id &&
       setImages({ action: "orderImages", retailerId: activeRetailer.id });

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

@@ -5,9 +5,8 @@ export const getAuditVersion = async (articleId, setState, token) => {
     `${process.env.REACT_APP_GET_AUDIT}?articleId=${articleId}`,
     { headers: { Authorization: token } }
   );
-
   if (auditResponse.status === 200) {
-    setState(JSON.parse(auditResponse.data.body).data || "{}");
+    setState(JSON.parse(auditResponse.data.body).data);
   }
 };