contentoh-components-library 21.3.55 → 21.3.56

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

@@ -7,12 +7,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.RetailerProductEditionDefault = void 0;
 
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 
 var _index = require("./index");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
+var _productSelected;
+
 var _default = {
   title: "Components/pages/RetailerProductEdition",
   component: _index.RetailerProductEdition
@@ -28,173 +32,119 @@ exports.RetailerProductEditionDefault = RetailerProductEditionDefault;
 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",
-  productSelected: {
-    services: {
-      datasheets: 1,
-      descriptions: 1,
-      images: 1
-    },
-    orderId: 4106,
-    status: "PA",
-    datasheet_status: "PA",
+  token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJhNmM0ZDNkNi0yNGE0LTQxZDQtYWQwZi1kMDg3NDM4YWI1YjYiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwiY29nbml0bzp1c2VybmFtZSI6ImE2YzRkM2Q2LTI0YTQtNDFkNC1hZDBmLWQwODc0MzhhYjViNiIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiIyYjU3MjZlMy04MjM2LTRmYzMtODBkMi05NWVmYmU4ODdjOTYiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY4MjAxNjI5MSwibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTY4MjAxOTg5MSwiaWF0IjoxNjgyMDE2MjkxLCJlbWFpbCI6ImV0Y0Bjb250ZW50b2guY29tIn0.SCj_yp1NkGCED59JHoDSdFAOakIOvZVeC0yLwt9z0BtenDXlU0m5cUofQQonnWPM8Q70yMFEkyMGI9kQs_fz1gxrmrSc2FGefn3B_1Vymq3pQ_S1JrY_syYf88m_GtJKOywEnE6--Ef9lZhFBFKGtqRJ4H8JBa9Xb96uCjAKyEMCSURDlw37pk2RQdULlZPj17Zb6Xrqi2lwrhpI1ByptX3__UoTiZklnTXwIxM4JdU7yuhXLznaEH8NOSd2Jw-CV6FCUbYBHlnRYBQg7B5mwyVKtDQm6QpRgBTBPCvljJJpFjRKUcnon8WZiFXx1qVbkWPt2vCT1TZqqoSLdlP6lA",
+  productSelected: (_productSelected = {
+    orderId: 15160,
+    status: "SAC",
+    datasheet_status: "SAC",
     prio: "none",
     version: 7,
-    description_status: "PA",
-    images_status: "CA",
-    statusByRetailer: {
-      5: {
-        datasheet: "PA",
-        description: "PA",
-        images: "CA"
-      },
-      16: {
-        datasheet: "PA",
-        description: "PA",
-        images: "AC"
-      }
+    description_status: "SAC",
+    images_status: "SAC",
+    brand: null,
+    retailerOrder: 1,
+    missing: {
+      datasheet: null,
+      descriptions: null,
+      images: null
+    }
+  }, (0, _defineProperty2.default)(_productSelected, "orderId", 14606), (0, _defineProperty2.default)(_productSelected, "status", "AC"), (0, _defineProperty2.default)(_productSelected, "datasheet_status", "AC"), (0, _defineProperty2.default)(_productSelected, "prio", "none"), (0, _defineProperty2.default)(_productSelected, "version", 3), (0, _defineProperty2.default)(_productSelected, "description_status", "AC"), (0, _defineProperty2.default)(_productSelected, "images_status", "AC"), (0, _defineProperty2.default)(_productSelected, "statusByRetailer", {
+    4: {
+      datasheet: "AC",
+      description: "AC",
+      images: "AC"
     },
-    article: {
-      id_article: 18376,
-      id_category: "692",
-      name: "Jabón para Manos Palmolive Aquarium Series Líquido Rellena-Pack 800 ml",
-      upc: "7509546657097",
-      timestamp: "2021-10-09T16:33:17.000Z",
-      id_user: 203,
-      status: "RECEPTION",
-      active: 1,
-      company_id: 226,
-      verified_upc: 750954665709,
-      Descripcion: null,
-      Proveedor: null,
-      id_proveedor: 0,
-      company_name: "COLGATE PALMOLIVE S.A. DE C.V.",
-      country: "null",
-      id_order: 4106,
-      id_datasheet_especialist: null,
-      id_datasheet_facilitator: null,
-      id_description_especialist: null,
-      id_description_facilitator: null,
-      id_images_especialist: 1251,
-      id_images_facilitator: null,
-      id_auditor: null,
-      id_recepcionist: null,
-      category: "Salud y Belleza|Cuidado Corporal|Jabones de Tocador",
-      missingAttributes: null,
-      missingDescriptions: null,
-      missingImages: null
+    5: {
+      datasheet: "AC",
+      description: "AC",
+      images: "AC"
     },
-    retailers: [{
-      id: 4,
-      name: "Walmart Super y Superama",
-      country: "México",
-      id_region: 1,
-      active: 1
-    }, {
-      id: 5,
-      name: "Chedraui",
-      country: "México",
-      id_region: 1,
-      active: 1
-    }, {
-      id: 6,
-      name: "HEB",
-      country: "México",
-      id_region: 1,
-      active: 1
-    }, {
-      id: 12,
-      name: "La Comer",
-      country: "México",
-      id_region: 1,
-      active: 1
-    }, {
-      id: 13,
-      name: "Soriana",
-      country: "México",
-      id_region: 1,
-      active: 1
-    }, {
-      id: 16,
-      name: "Rappi",
-      country: "México",
-      id_region: 1,
-      active: 1
-    }, {
-      id: 17,
-      name: "Genérico",
-      country: "México",
-      id_region: 1,
-      active: 1
-    }, {
-      id: 20,
-      name: "Cornershop",
-      country: "México",
-      id_region: 1,
-      active: 1
-    }, {
-      id: 24,
-      name: "Alsuper",
-      country: "México",
-      id_region: 1,
-      active: 1
-    }, {
-      id: 27,
-      name: "IMPIRA México",
-      country: "México",
-      id_region: 1,
-      active: 1
-    }, {
-      id: 38,
-      name: "Del Sol",
-      country: "México",
-      id_region: 1,
-      active: 1
-    }],
-    country: "null",
-    upc: "7509546657097"
-  },
+    6: {
+      description: "AC",
+      images: "AC",
+      datasheet: "AC"
+    },
+    12: {
+      datasheet: "AC",
+      description: "AC",
+      images: "AC"
+    },
+    17: {
+      datasheet: "AC",
+      description: "AC",
+      images: "AC"
+    }
+  }), (0, _defineProperty2.default)(_productSelected, "article", {
+    category: "Puertas y Ventanas|Molduras|Molduras Madera Blanda",
+    company_name: "Demo",
+    country: "México",
+    id_category: "2366",
+    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_order: 15160,
+    id_article: 39290,
+    id_auditor: 37,
+    name: "MOLDURA MARCO MODER 11X4X244 CM",
+    timestamp: "2023-04-19T21:36:02.000Z",
+    upc: "100030"
+  }), (0, _defineProperty2.default)(_productSelected, "retailers", [{
+    id: 58,
+    name: "The Home Depot Golden"
+  }, {
+    id: 68,
+    name: "The Home Depot Merchants"
+  }]), (0, _defineProperty2.default)(_productSelected, "statusByRetailer", {
+    58: {
+      datasheet: "SAC",
+      description: "SAC",
+      images: "SAC"
+    }
+  }), _productSelected),
   location: {
     product: {
-      articleId: 354,
-      versionId: 3
+      articleId: 39290,
+      versionId: 7
     }
   },
   user: {
-    id_user: 1251,
-    name: "Ismael",
-    last_name: "López",
-    email: "ilopez@contentoh.com",
-    position: "Full Stack Developer",
-    telephone: null,
-    country: "México",
-    id_company: 254,
-    id_cognito: "9d0cc5c8-a89e-4bdd-9e2d-358a01cc9a62",
-    birth_Date: "1997-08-15T00:00:00.000Z",
-    about_me: null,
-    zip_code: null,
-    address: null,
-    job: null,
-    id_stripe: null,
-    id_role: 7,
+    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",
+    birth_Date: null,
+    about_me: "",
+    zip_code: "",
+    address: "",
+    job: "",
+    id_stripe: "",
+    id_role: 1,
     active: 1,
     is_retailer: 0,
     email_notify: 1,
-    is_user_tech: "ADMIN-AS",
+    is_user_tech: null,
     membership: {
-      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"
+      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"
     },
-    src: "https://content-management-profile-prod.s3.amazonaws.com/id-460/460.png?1684511182259"
+    src: "https://content-management-profile.s3.amazonaws.com/id-51/51.png?1682016291518"
   }
 };

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

@@ -709,7 +709,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
             break;
 
           case 12:
-            arr = ["PA", "AS", "CA", "RC", "RA", "RP", "RCA"];
+            arr = ["AS", "CA", "RC", "RA", "RP", "RCA"];
             return _context6.abrupt("break", 20);
 
           case 14:
@@ -1258,7 +1258,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
     })) === null || _servicesData$find === void 0 ? void 0 : (_servicesData$find$st = _servicesData$find.status) === null || _servicesData$find$st === void 0 ? void 0 : _servicesData$find$st.replace(/.*\//, ""); //sessionStorage product
 
     var adminFacilitatorCanEvaluate = retailerStatus === "IE" && [1, 4, 5].includes(user.id_role);
-    var adminAuditorCanEvaluate = ["AC", "RP", "RCA"].includes(retailerStatus) && [1, 6].includes(user.id_role);
+    var adminAuditorCanEvaluate = ["AC", "RP", "RCA", "SAC"].includes(retailerStatus) && [1, 6].includes(user.id_role);
     return adminFacilitatorCanEvaluate || adminAuditorCanEvaluate;
   };
 
@@ -1818,35 +1818,33 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
               return _context15.abrupt("break", 14);
 
             case 14:
-              servicesData === null || servicesData === void 0 ? void 0 : servicesData.forEach(function (ret) {
-                if (conceptArray.includes(ret.service)) {
-                  var _product$id_order;
-
-                  var data = {
-                    articleId: product.article.id_article,
-                    orderId: (_product$id_order = product.id_order) !== null && _product$id_order !== void 0 ? _product$id_order : product.orderId,
-                    concept: ret.service,
-                    result: result,
-                    evalStatus: product["".concat(ret.service, "_status")],
-                    retailerId: ret.id_retailer
-                  };
-                  evaluationArray.push(_axios.default.put("".concat(process.env.REACT_APP_EVALUATION_ENDPOINT), data, {
-                    headers: {
-                      Authorization: token
-                    }
-                  }));
-                }
-              });
-              _context15.next = 17;
-              return Promise.all(evaluationArray);
-
-            case 17:
+              //We comment this part of the code because it does not match with the correct flow
+              // servicesData?.forEach((ret) => {
+              //   if (conceptArray.includes(ret.service)) {
+              //     let data = {
+              //       articleId: product.article.id_article,
+              //       orderId: product.id_order ?? product.orderId,
+              //       concept: ret.service,
+              //       result: result,
+              //       evalStatus: product[`${ret.service}_status`],
+              //       retailerId: ret.id_retailer,
+              //     };
+              //     evaluationArray.push(
+              //       axios.put(`${process.env.REACT_APP_EVALUATION_ENDPOINT}`, data, {
+              //         headers: {
+              //           Authorization: token,
+              //         },
+              //       })
+              //     );
+              //   }
+              // });
+              // await Promise.all(evaluationArray);
               (_conceptArray = conceptArray) === null || _conceptArray === void 0 ? void 0 : _conceptArray.forEach(function (concept) {
-                var _product$id_order2;
+                var _product$id_order;
 
                 var data = {
                   articleId: product.article.id_article,
-                  orderId: (_product$id_order2 = product.id_order) !== null && _product$id_order2 !== void 0 ? _product$id_order2 : product.orderId,
+                  orderId: (_product$id_order = product.id_order) !== null && _product$id_order !== void 0 ? _product$id_order : product.orderId,
                   concept: concept,
                   evalStatus: product["".concat(concept, "_status")]
                 };
@@ -1856,10 +1854,10 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
                   }
                 }));
               });
-              _context15.next = 20;
+              _context15.next = 17;
               return Promise.all(sendAll);
 
-            case 20:
+            case 17:
               productTemp = product;
               productTemp.status = "".concat(result, "A");
               productTemp.datasheet_status = productTemp.datasheet_status === "NA" ? "NA" : "".concat(result, "A");
@@ -1867,24 +1865,24 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
               productTemp.images_status = productTemp.images_status === "NA" ? "NA" : "".concat(result, "A");
               sessionStorage.setItem("productSelected", JSON.stringify(productTemp));
               setProduct(productTemp);
-              _context15.next = 29;
+              _context15.next = 26;
               return loadData();
 
-            case 29:
-              _context15.next = 34;
+            case 26:
+              _context15.next = 31;
               break;
 
-            case 31:
-              _context15.prev = 31;
+            case 28:
+              _context15.prev = 28;
               _context15.t1 = _context15["catch"](0);
               console.log(_context15.t1);
 
-            case 34:
+            case 31:
             case "end":
               return _context15.stop();
           }
         }
-      }, _callee15, null, [[0, 31]]);
+      }, _callee15, null, [[0, 28]]);
     }));
 
     return function validateAll(_x7) {

package/dist/index.js

@@ -979,6 +979,19 @@ Object.keys(_RangeCalendar).forEach(function (key) {
   });
 });
 
+var _TableResizable = require("./components/organisms/TableResizable");
+
+Object.keys(_TableResizable).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _TableResizable[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _TableResizable[key];
+    }
+  });
+});
+
 var _ChangePasswordLogin = require("./components/pages/ChangePasswordLogin");
 
 Object.keys(_ChangePasswordLogin).forEach(function (key) {

package/package.json

@@ -1,19 +1,20 @@
 {
   "name": "contentoh-components-library",
-  "version": "21.3.55",
+  "version": "21.3.56",
   "dependencies": {
     "@aws-amplify/auth": "^4.5.3",
     "@aws-amplify/datastore": "^3.11.0",
     "@aws-amplify/ui-react": "^2.17.0",
     "@babel/runtime": "^7.17.2",
-    "@emotion/react": "^11.10.5",
-    "@emotion/styled": "^11.10.5",
+    "@emotion/react": "^11.10.6",
+    "@emotion/styled": "^11.10.6",
     "@fortawesome/fontawesome-svg-core": "^6.2.0",
     "@fortawesome/free-regular-svg-icons": "^6.2.0",
     "@fortawesome/free-solid-svg-icons": "^6.2.0",
     "@fortawesome/react-fontawesome": "^0.2.0",
-    "@mui/material": "^5.11.1",
-    "@mui/styled-engine-sc": "^5.10.6",
+    "@mui/icons-material": "^5.11.16",
+    "@mui/material": "^5.12.0",
+    "@mui/styled-engine-sc": "^5.12.0",
     "@storybook/addon-postcss": "^2.0.0",
     "@testing-library/jest-dom": "^5.11.4",
     "@testing-library/react": "^11.1.0",
@@ -43,7 +44,7 @@
     "react-scroll": "^1.8.8",
     "react-transition-group": "^4.4.5",
     "storybook-addon-external-links": "^2.0.3",
-    "styled-components": "^5.3.3",
+    "styled-components": "^5.3.9",
     "swiper": "^8.4.4",
     "uuid": "^8.3.2",
     "web-vitals": "^1.0.1"

package/src/components/atoms/ButtonV2/styles.js

@@ -94,7 +94,7 @@ export const Container = styled.div`
       }
       &.pink {
         background-color: #e33aa9;
-        color: white;
+        color: red;
         border-color: #e33aa9;
         &:hover {
           background-color: #b42983;

package/src/components/atoms/Status/styles.js

@@ -23,6 +23,7 @@ export const Container = styled.div`
 
   &.status-R,
   &.status-AS,
+  &.status-SAC,
   &.status-PA {
     background-color: ${GlobalColors.reception};
   }
@@ -30,6 +31,7 @@ export const Container = styled.div`
   &.status-AA,
   &.status-AP,
   &.status-AC,
+  &.status-AAC,
   &.status-ACA {
     background-color: ${GlobalColors.finished};
   }
@@ -37,6 +39,7 @@ export const Container = styled.div`
   &.status-RA,
   &.status-RC,
   &.status-RP,
+  &.status-RAC,
   &.status-RCA {
     background-color: ${GlobalColors.rejected_status};
   }
@@ -47,6 +50,7 @@ export const Container = styled.div`
     background-color: ${GlobalColors.s4};
   }
 
+  &.status-FAP,
   &.status-Ex {
     background-color: ${GlobalColors.exported};
   }

package/src/components/atoms/VerticalSideMenuMainPage/index.js

@@ -1,3 +1,5 @@
+import React, { useState } from "react";
+import { BrowserRouter as Router } from "react-router-dom";
 import {
   Container,
   NavLinkOption,
@@ -6,14 +8,12 @@ import {
 } from "./styles";
 import iconLogoContentoh from "../../../assets/images/verticalSideMenuMainPage/iconLogoContentoh.svg";
 import iconLogo from "../../../assets/images/verticalSideMenuMainPage/iconLogo.svg";
-import React, { useState } from "react";
-import { BrowserRouter as Router } from "react-router-dom";
 
 export const VerticalSideMenuMainPage = ({
   menuoption = [],
   containerdash,
 }) => {
-  const [trueBar, setTrueBar] = useState();
+  const [trueBar, setTrueBar] = useState(false);
   return (
     <Router>
       <ContainerPrincipal>
@@ -27,29 +27,25 @@ export const VerticalSideMenuMainPage = ({
               src={trueBar ? iconLogoContentoh : iconLogo}
               alt="Logo"
               className="logo"
-            ></img>
+            />
             <div className="option">
               {menuoption.map((item, index) => (
-                <div key={index} bar={trueBar} className="option-div">
-                  <NavLinkOption to={item.path} bar={trueBar}>
+                <div key={index} className="option-div">
+                  <NavLinkOption to={item.path} bar={trueBar.toString()}>
                     <img src={item.icon} alt={item.title}></img>
-                    {trueBar && <p>{item.title}</p>}
+                    {trueBar ? <p>{item.title}</p> : null}
                   </NavLinkOption>
-                  {item.suboption !== undefined && (
-                    <>
-                      {item?.suboption?.map((subitem) => (
-                        <div className="sub-option">
-                          <NavLinkOption
-                            to={subitem.path}
-                            className="sub-option-link"
-                            bar={trueBar}
-                          >
-                            {trueBar && <p>{subitem.title}</p>}
-                          </NavLinkOption>
-                        </div>
-                      ))}
-                    </>
-                  )}
+                  {item?.suboption?.map((subitem, index) => (
+                    <div className="sub-option" key={index}>
+                      <NavLinkOption
+                        to={subitem.path}
+                        className="sub-option-link"
+                        bar={trueBar.toString()}
+                      >
+                        {trueBar ? subitem.title : null}
+                      </NavLinkOption>
+                    </div>
+                  ))}
                 </div>
               ))}
             </div>

package/src/components/atoms/VerticalSideMenuMainPage/styles.js

@@ -9,7 +9,7 @@ export const Container = styled.div`
   flex-direction: column;
   justify-content: space-between;
   overflow: none;
-  width: ${({ bar }) => (bar ? 240 : 66)}px;
+  width: ${({ bar }) => (bar ? "240px" : "66px")};
   background: linear-gradient(180deg, #e33aa9 0%, #3b1366 100%);
   scrollbar-width: none;
   display: flex;
@@ -65,7 +65,7 @@ export const NavLinkOption = styled(NavLink)`
   color: ${({ bar }) => (bar ? "#fafafa" : "transparent")};
   text-decoration: none;
   cursor: pointer;
-  padding: ${({ bar }) => (bar ? "0 22" : "0 8")}px;
+  padding: ${({ bar }) => (bar ? "0 22px" : "0 8px")};
   &:hover {
     background: rgba(255, 255, 255, 0.2);
     color: #fafafa;
@@ -94,7 +94,6 @@ export const NavLinkOption = styled(NavLink)`
     border-radius: 0;
     transition: color 0.3s linear;
     color: ${({ bar }) => (bar ? "#f0eef2" : "transparent")};
-    padding-top: 14px;
     height: 25px;
     margin: 0;
     padding-left: 12px;
@@ -106,7 +105,7 @@ export const NavLinkOption = styled(NavLink)`
       height: 10px;
       background-color: white;
       position: absolute;
-      bottom: 0;
+      top: 13;
       left: -6px;
     }
     &.active {

package/src/components/organisms/DashboardMetric/dashboardMetricUtils.js

@@ -35,6 +35,16 @@ export const getFullStatus = (status) => {
       return "Exportado";
     case "NS":
       return "No solicitado";
+    case "SAC":
+      return "Solicitud Auditoría Content-oh!";
+    case "AAC":
+      return "Aprobado Auditoría Content-oh!";
+    case "RAC":
+      return "Rechazado Auditoría Content-oh!";
+    case "FAP":
+      return "Finalización Auditoría por Proveedor";
+    default:
+      return "";
   }
 };
 
@@ -75,6 +85,14 @@ export const getStatusColor = (status) => {
       return "black";
     case "Ex":
       return "#09CAD8";
+    case "SAC":
+      return "#2471A3";
+    case "AAC":
+      return "#1ABC9C";
+    case "RAC":
+      return "#229954";
+    case "FAP":
+      return "#F1C40F";
     default:
       return "white";
   }
@@ -104,7 +122,6 @@ export const removeOldStatus = (object) => {
         object["AC"] = object["AC"] + object["AF"];
         delete object["AF"];
         break;
-
       default:
         break;
     }