contentoh-components-library 21.2.105 → 21.2.106

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

@@ -16,96 +16,187 @@ ProviderProductEditionDefault.args = {
     Imágenes: true,
   },
   token:
-    "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJmNTkyN2Y4ZS1jYmY3LTQ5MjItOWUwOS1lNjllYzBiMjczMWEiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6ImY1OTI3ZjhlLWNiZjctNDkyMi05ZTA5LWU2OWVjMGIyNzMxYSIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiIyOWY3YWY3Zi0yNmQ0LTRiMWItODZmZS0zOWY2ZTUyMDFhNzAiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY2OTkyNzAyMSwibmFtZSI6IklzbWFlbCBMb3BleiIsInBob25lX251bWJlciI6Iis1MjMxMTEzNjYzMzYiLCJleHAiOjE2Njk5MzA2MjEsImlhdCI6MTY2OTkyNzAyMSwiZW1haWwiOiJpbG9wZXpAY29udGVudG9oLmNvbSJ9.NK6hVSiBksguboJ1m8yYqtDq19kzgE3GqYDEJHLUya_n_TsXriv6W1ypq7XiSo9zrqWcmHBpOoJQS7WbWzjGe__NlJEXjo8bykS8QBTTOiMrKxz1KzGRYJkwgG0axk-zVysUQH0_y-fbwgEgMPtd6qO46DB_KlFI_PEL1-uR5MJ9U0kNkS61gMbHwFQFs_DU-sS01NxjBsjUEp783rs1r-jm7TelZac1rGaFNUyi5vHdSozYzlnzfzGcuACZ0lHqvah2FHbDyurp-G_uhpUn5lNmcL4rVNh2lDd4TOnhJ3AtN1wGSmtErmhjmBHTvavh1ub9pklA1B9qjVuTRpYANw",
+    "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI5MmFiMWFkNS0zOWM4LTRhMjAtODFlNC02N2VjMTRmMzhmNDMiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6IjkyYWIxYWQ1LTM5YzgtNGEyMC04MWU0LTY3ZWMxNGYzOGY0MyIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiI4Y2U5MjYyMi0xYjZlLTQ1MWEtODUyYy04MjMxYzcwOTk5YTciLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY2ODEwODQ1MiwibmFtZSI6IkVsaSBJbmRhIiwicGhvbmVfbnVtYmVyIjoiKzUyMzExMTkwODg2OCIsImV4cCI6MTY2ODExMjA1MiwiaWF0IjoxNjY4MTA4NDUyLCJlbWFpbCI6Im1hcnRoYTI1Lm1pb0BnbWFpbC5jb20ifQ.JbpinyPv_38xvwwT_td3M_vP3xEffZ6dI0Xl3B9EVjPF7uW4ctZ_B7nKydPyUcB6LTaYEzCI1RfAgZpUQUFbYTfFHJ3T9kgwa9b9mDeDx3kiy2GK3CdYIuWiii5ZivxVKK10gV871OvxDish4w-vEOsClXDncoTX2zAx3wDM4xO83UdI0ahECOTYszuGB3FRnkrHnWJO0b2dpsyhqAmhw0aEcw6gwbqP5l-spOjMM3lE-bGm89pK_9oLYcyRMr09vcGJartmk_ctUisCflrYudnwVgwTwCi1PRBkiaUoDywYeGr6HxRoU1zsiC3LwB-m9b2YnNhEZmPanLfPstKVbw",
   articleId: 238,
   category: 846,
   version: 2,
   productSelected: {
-    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: [
-      {
-        name: "The Home Depot Golden",
-        id: 58,
-      },
+    "orderId": 3366,
+    "article_status": "AP",
+    "datasheet_status": "NS",
+    "description_status": "NS",
+    "images_status": "AP",
+    "prio": "none",
+    "version": 3,
+    "brand": null,
+    "article": {
+        "category": "Iluminación|Lámparas|Lámparas de Mesa",
+        "company_name": "Norday",
+        "id_company": 810,
+        "country": "México",
+        "id_category": "2454",
+        "id_article": 84492,
+        "name": "prueba dos",
+        "upc": "8375"
+    },
+    "retailers": [
+        {
+            "id": 59,
+            "name": "The Home Depot Platinum"
+        }
+    ],
+    "services": {
+        "datasheets": 0,
+        "descriptions": 0,
+        "images": 1
+    },
+    "statusByRetailer": {
+        "59": {
+            "images": "AP"
+        }
+    },
+    "retailersWithService": [
+        "59"
     ],
+    "id_article": 84492,
+    "retailersAvailable": [
+        {
+            "id": 59,
+            "name": "The Home Depot Platinum"
+        }
+    ]
   },
   productToEdit: {
-    idCategory: 2032,
-    ArticleId: 3,
-    product: [
-      {
-        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: [
-          {
-            name: "The Home Depot Golden",
-            id: 58,
-          },
+    "ArticleId": 84492,
+    "idCategory": "2454",
+    "product": {
+        "orderId": 3366,
+        "article_status": "AP",
+        "datasheet_status": "NS",
+        "description_status": "NS",
+        "images_status": "AP",
+        "prio": "none",
+        "version": 3,
+        "brand": null,
+        "article": {
+            "category": "Iluminación|Lámparas|Lámparas de Mesa",
+            "company_name": "Norday",
+            "id_company": 810,
+            "country": "México",
+            "id_category": "2454",
+            "id_article": 84492,
+            "name": "prueba dos",
+            "upc": "8375"
+        },
+        "retailers": [
+            {
+                "id": 59,
+                "name": "The Home Depot Platinum"
+            }
         ],
-      },
-    ],
+        "services": {
+            "datasheets": 0,
+            "descriptions": 0,
+            "images": 1
+        },
+        "statusByRetailer": {
+            "59": {
+                "images": "AP"
+            }
+        },
+        "retailersWithService": [
+            "59"
+        ],
+        "id_article": 84492,
+        "retailersAvailable": [
+            {
+                "id": 59,
+                "name": "The Home Depot Platinum"
+            }
+        ]
+    }
   },
   location: {
     state: { origin: "Contentoh" },
   },
   user: {
-    id_user: 28,
-    name: "Ismael",
-    last_name: "López",
-    email: "ilopez@contentoh.com",
-    position: "Test States",
-    telephone: "+523111366336",
-    country: "México",
-    id_company: 1,
-    id_cognito: "f5927f8e-cbf7-4922-9e09-e69ec0b2731a",
-    birth_Date: null,
-    about_me: "",
-    zip_code: "",
-    address: "",
-    job: "",
-    id_stripe: "cus_KuEt6R6vwmN09f",
-    id_role: 0,
-    active: 1,
-    is_retailer: 0,
-    email_notify: 0,
-    is_user_tech: "AS",
-    membership: {
-      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",
+    "id_user": 59,
+    "name": "The Home",
+    "last_name": "Depot",
+    "email": "cadena.ismael@allfreemail.net",
+    "position": "Admin",
+    "telephone": "+523111366336",
+    "country": "México",
+    "id_company": 817,
+    "id_cognito": "5884ae34-59d6-4454-b98e-821518bcc3a7",
+    "birth_Date": null,
+    "about_me": "",
+    "zip_code": "",
+    "address": "",
+    "job": "",
+    "id_stripe": "",
+    "id_role": 0,
+    "active": 1,
+    "is_retailer": 1,
+    "email_notify": 0,
+    "is_user_tech": null,
+    "membership": {
+        "id": 47,
+        "start_date": "2022-05-25T14:31:12.000Z",
+        "end_date": "2023-05-25T14:31:12.000Z",
+        "planID": 5,
+        "plan": "prod_Ktl6B5Ou2gqTB2",
+        "name": "Plan Pro",
+        "user_limit": "5",
+        "products_limit": "500",
+        "type": "PyMES"
     },
-    src: "https://content-management-profile.s3.amazonaws.com/id-28/28.png?1669927021851",
+    "src": "https://content-management-profile.s3.amazonaws.com/id-59/59.png?1668127460068"
   },
   company: {
-    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: "",
-    is_retailer: 0,
+    "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,
+    "email": null,
+    "social_link": null,
+    "is_retailer": 1,
+    "financedRetailers": [
+        {
+            "id": 68,
+            "name": "The Home Depot Merchants",
+            "country": "México",
+            "id_region": 1,
+            "active": 1
+        }
+    ],
+    "retailers": [
+        {
+            "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"
+        },
+        {
+            "id": 68,
+            "name": "The Home Depot Merchants",
+            "country": "México"
+        }
+    ]
   },
-  showSurvey: (v) => v && alert("se muestra"),
+  showSurvey: (v) => v && alert('se muestra'),
 };

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

@@ -42,6 +42,7 @@ 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 { CreateVersion } from "../../organisms/CreateVersion";
 
 const reducerImages = (state, action) => {
   let { values, attrForImgs, inputsByRetailer } = state;
@@ -113,8 +114,8 @@ const S3_BUCKET = process.env.REACT_APP_IMAGES_BUCKET;
 const REGION = "us-east-1";
 
 AWS.config.update({
-  accessKeyId: process.env.REACT_APP_KUTS3,
-  secretAccessKey: process.env.REACT_APP_AKUTS3,
+  accessKeyId: process.env.REACT_APP_KEY_UPLOAD_TO_S3,
+  secretAccessKey: process.env.REACT_APP_ACCESS_KEY_UPLOAD_TO_S3,
 });
 
 const myBucket = new AWS.S3({
@@ -251,6 +252,7 @@ export const ProviderProductEdition = ({
   const [retailerStatus, setRetailerStatus] = useState(
     product.statusByRetailer
   );
+  const [showCreateVersion, setShowCreateVersion] = useState(false);
   const [showVersionSelector, setShowVersionSelector] =
     useCloseModal("version-selector");
 
@@ -270,6 +272,15 @@ export const ProviderProductEdition = ({
     setServices(services);
     await getServices();
 
+    // if (!originProp) {
+    //   setActiveRetailer(
+    //     product?.retailers
+    //       ? product?.retailers[0]
+    //       : product?.retailersAvailable[0]
+    //   );
+    // }
+
+    // setActiveRetailer(product?.retailers[0]);
     setImages({ action: "init", init: services[2] });
     if (services[2]?.values?.length > 0) setActiveImage(0);
 
@@ -1486,10 +1497,18 @@ export const ProviderProductEdition = ({
           setVersion={setVersion}
           companyName={company.company_name}
           currentVersion={version}
+          setShowCreateVersion={setShowCreateVersion}
           setShowVersionSelector={setShowVersionSelector}
           jwt={token}
         />
       )}
+      {showCreateVersion && (
+        <CreateVersion
+          idArticle={product.id_article}
+          version={version}
+          setShowCreateVersion={setShowCreateVersion}
+        />
+      )}
     </Container>
   );
 };

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

@@ -16,116 +16,104 @@ RetailerProductEditionDefault.args = {
     Imágenes: false,
   },
   token:
-    "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJhNmM0ZDNkNi0yNGE0LTQxZDQtYWQwZi1kMDg3NDM4YWI1YjYiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwiY29nbml0bzp1c2VybmFtZSI6ImE2YzRkM2Q2LTI0YTQtNDFkNC1hZDBmLWQwODc0MzhhYjViNiIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiI0MmE2OWE4My02OGY0LTRmZjktOGU4Zi1jYzgxODQ5MDU5NGYiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY2OTkyODUxMSwibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTY2OTkzMjExMSwiaWF0IjoxNjY5OTI4NTExLCJlbWFpbCI6ImV0Y0Bjb250ZW50b2guY29tIn0.Mv1hFVjkF2y__7XP0bXzU2Yq8YMc0go9OgB7all5F4HvfK62I0l9rNRqddlaLjDSCmjvyYI-M8WFwHtdlOL1-liazZr8hhu7_9SciapRzkuuHlWwu0g3EEK54NuHR3-YYRax85hKyN9YoV1MY_fTzT9WUVXWoqf4UPj2SH79g_A0l0lm18ODzzdhXFSpubuI8-Ml7MbXUh8klzl7T55S16sj8zPONpesrA01WsG1PWGqfRZI2g37edj_en2_fIcfi49tQjbSjnQOVOPnkO5TPiyoMtZdS53Rx75iSI8-fP-Z7kD-5TI_KK6vK35PHoG1B-N3EzDUjXek4MowNswnGA",
+    "eyJraWQiOiJEV3owZnNieXg2MXNFcVduN3RCXC81bVhod3ZNbFZIOTgwUnZcL3RjT0lKdEk9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI4ZDAxMDIxNC01YmZhLTQzYzMtOTZmYi1jNTU2ZGMwNTc3NGIiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfbFN6UVo0WjdSIiwiY29nbml0bzp1c2VybmFtZSI6IjhkMDEwMjE0LTViZmEtNDNjMy05NmZiLWM1NTZkYzA1Nzc0YiIsImF1ZCI6IjUyZDlza2tkY2c4cWpwODhvb2sxdXNlNm1rIiwiZXZlbnRfaWQiOiI2ZWY3Y2UxYy0xYjBjLTRkNGYtYTc3Yy1jMWIwYTk0ZjIwOWEiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY2NzMyMTQ5NCwibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTY2NzMyNTA5NCwiaWF0IjoxNjY3MzIxNDk0LCJlbWFpbCI6ImthcmFmZTMyMThAbW9tMmtpZC5jb20ifQ.GjBtY-LW5eYzvNfrIJOdb9pDMU_CZlIxRAn1ZszjMfWNU9s8s_j6o4_2x0J7AyiSjgu9TaLRcRpF6FZ5pzwNGs8G5AxnO3r_PIg2mznM44QLnt5PTfdoFx2jJmU53UA8GZU1SFDvDlR1QZR-EtANz2wfNs8RqY_mKTz5WjY7RdGTFVkowTv-Y1Q9T7x_fpv_5o-nB5GzLBQoHwTLQ_vjguSLH17l2BUn0QxLi2WJVs-qWX4ze4QysADVxYOlMkAQql328oqoqdXRbZrntnxYxa5EMpmref1bGbSOFk4qgHax4qa3gD2_h291NLjCZS7IMGDSIhOk9r7irItbojM01Q",
   productSelected: {
     services: {
       datasheets: 1,
       descriptions: 1,
       images: 1,
     },
-    orderId: 123,
+    orderId: 3321,
     status: "PA",
-    datasheet_status: "PA",
+    datasheet_status: "AC",
     prio: "none",
-    version: 3,
-    description_status: "PA",
+    version: 2,
+    description_status: "AC",
     images_status: "PA",
     statusByRetailer: {
-      4: {
-        datasheet: "PA",
-        description: "PA",
-        images: "PA",
-      },
-      5: {
-        datasheet: "PA",
-        description: "PA",
-        images: "PA",
-      },
-      6: {
-        datasheet: "PA",
-        description: "PA",
+      58: {
+        datasheet: "AC",
+        description: "AC",
         images: "PA",
       },
     },
     article: {
-      id_article: 127,
-      id_category: "700",
-      name: "prueba prod flujo",
-      upc: "34234353324",
-      timestamp: "2022-11-23T23:12:30.000Z",
-      id_user: 28,
-      status: "NULL",
+      id_article: 85655,
+      id_category: "2052",
+      name: "EXTENSION P/ EXTERIOR 3X10 AWG 10M ROJO",
+      upc: "165679",
+      timestamp: "2022-11-01T15:46:51.000Z",
+      id_user: 1436,
+      status: null,
       active: 1,
-      company_id: 1,
-      company_name: "GRUPO BRAHMA",
-      country: "México",
-      id_order: 123,
-      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: 409,
+      SKU: null,
+      Descripcion: null,
+      Proveedor: null,
+      id_proveedor: 0,
+      company_name: "HIGHLINE-WARREN LLC",
+      country: null,
+      id_order: 3321,
+      id_datasheet_especialist: 1248,
+      id_datasheet_facilitator: null,
+      id_description_especialist: 1248,
+      id_description_facilitator: null,
+      id_images_especialist: null,
+      id_images_facilitator: null,
+      id_auditor: null,
       id_recepcionist: null,
       category:
-        "Salud y Belleza|Cuidado Facial|Cremas, Mascarillas y Tratamientos",
-      missingAttributes: 0,
-      missingDescriptions: 0,
-      missingImages: 0,
+        "Eléctrico|Extensiones y Multicontactos|Extensiones y Multicontactos",
+      missingAttributes: null,
+      missingDescriptions: null,
+      missingImages: null,
     },
     retailers: [
       {
-        id: 4,
-        name: "Walmart Super y Superama",
-      },
-      {
-        id: 5,
-        name: "Chedraui",
-      },
-      {
-        id: 6,
-        name: "HEB",
+        id: 58,
+        name: "The Home Depot Golden",
+        country: "México",
+        id_region: 1,
+        active: 1,
       },
     ],
-    country: "México",
-    upc: "34234353324",
+    country: null,
+    upc: "165679",
   },
   location: {
     product: { articleId: 109485, versionId: 3 },
   },
   user: {
-    id_user: 51,
-    name: "ADMIN PRUEBA",
-    last_name: "",
-    email: "etc@contentoh.com",
-    position: "",
-    telephone: "",
-    country: "",
-    id_company: 2,
-    id_cognito: "a6c4d3d6-24a4-41d4-ad0f-d087438ab5b6",
+    id_user: 426,
+    name: "Especialista Textos",
+    last_name: " ",
+    email: "karafe3218@mom2kid.com",
+    position: "Tester",
+    telephone: null,
+    country: null,
+    id_company: 254,
+    id_cognito: "8d010214-5bfa-43c3-96fb-c556dc05774b",
     birth_Date: null,
-    about_me: "",
-    zip_code: "",
-    address: "",
-    job: "",
-    id_stripe: "",
-    id_role: 1,
+    about_me: null,
+    zip_code: null,
+    address: null,
+    job: null,
+    id_stripe: null,
+    id_role: 7,
     active: 1,
     is_retailer: 0,
-    email_notify: 1,
-    is_user_tech: null,
+    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-51/51.png?1669928511679",
+    src: "https://content-management-profile-prod.s3.amazonaws.com/id-426/426.png?1667321494598",
   },
 };

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

@@ -32,6 +32,7 @@ import succes from "../../../assets/images/genericModal/genericModalCheck.svg";
 import errorModal from "../../../assets/images/genericModal/errorModal.svg";
 import { VersionSelector } from "../../organisms/VersionSelector";
 import { useCloseModal } from "../../../global-files/customHooks";
+import { CreateVersion } from "../../organisms/CreateVersion";
 
 const reducerImages = (state, action) => {
   let { values, attrForImgs, inputsByRetailer } = state;
@@ -107,8 +108,8 @@ const S3_BUCKET = process.env.REACT_APP_IMAGES_BUCKET;
 const REGION = "us-east-1";
 
 AWS.config.update({
-  accessKeyId: process.env.REACT_APP_KUTS3,
-  secretAccessKey: process.env.REACT_APP_AKUTS3,
+  accessKeyId: process.env.REACT_APP_KEY_UPLOAD_TO_S3,
+  secretAccessKey: process.env.REACT_APP_ACCESS_KEY_UPLOAD_TO_S3,
 });
 
 const myBucket = new AWS.S3({
@@ -205,7 +206,10 @@ export const RetailerProductEdition = ({
   const [retailerStatus, setRetailerStatus] = useState("-");
   const [statusArray, setStatusArray] = useState([]);
   const [socketType, setSocketType] = useState(null);
+  const [servicesStatus, setServicesStatus] = useState([]);
   const [saving, setSaving] = useState(loading);
+  const isAuditor = user.id_role === 6;
+  const [showCreateVersion, setShowCreateVersion] = useState(false);
   const [showVersionSelector, setShowVersionSelector] =
     useCloseModal("version-selector");
   const shotThd = [58, 59, 60, 61].includes(activeRetailer.id);
@@ -1545,10 +1549,18 @@ export const RetailerProductEdition = ({
           setVersion={setVersion}
           companyName={product.article.company_name}
           currentVersion={version}
+          setShowCreateVersion={setShowCreateVersion}
           setShowVersionSelector={setShowVersionSelector}
           jwt={token}
         />
       )}
+      {showCreateVersion && (
+        <CreateVersion
+          idArticle={product.article.id_article}
+          version={version}
+          setShowCreateVersion={setShowCreateVersion}
+        />
+      )}
     </Container>
   );
 };

package/src/global-files/customHooks.js

@@ -1,4 +1,5 @@
-import { useState, useEffect } from "react";
+import { useState } from "react";
+import { useEffect } from "react";
 
 export const useCloseModal = (id) => {
   const [showModal, setShowModal] = useState(false);
@@ -10,7 +11,6 @@ export const useCloseModal = (id) => {
       setShowModal(false);
     }
   };
-
   useEffect(() => {
     if (showModal) {
       document.addEventListener("click", closeModal, false);

package/src/global-files/fonts.css

@@ -61,3 +61,15 @@
   src: url("../assets/fonts/roboto/Roboto-Regular.ttf");
   font-weight: 400;
 }
+
+@font-face {
+  font-family: "Roboto";
+  src: url("../assets/fonts/roboto/Roboto-Regular.ttf");
+  font-weight: 400;
+}
+
+.prueba {
+  color: #9e3e26;
+  color: #b42983;
+  color: #e7e7e7;
+}