contentoh-components-library 21.6.61 → 21.6.63

package/dist/components/pages/CreatorsProductEdition/mocks/mockApi.js

@@ -17,8 +17,6 @@ var _axios = _interopRequireDefault(require("axios"));
 
 var _api = require("./api.fixtures");
 
-var _productServices = require("./productServices.fixtures");
-
 var _jsxRuntime = require("react/jsx-runtime");
 
 /*
@@ -80,6 +78,8 @@ var createMockAdapter = function createMockAdapter() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
       _ref$images = _ref.images,
       images = _ref$images === void 0 ? true : _ref$images,
+      _ref$imagesService = _ref.imagesService,
+      imagesService = _ref$imagesService === void 0 ? true : _ref$imagesService,
       _ref$failLoad = _ref.failLoad,
       failLoad = _ref$failLoad === void 0 ? false : _ref$failLoad,
       delSolStatus = _ref.delSolStatus,
@@ -88,23 +88,11 @@ var createMockAdapter = function createMockAdapter() {
 
   var fx = (0, _api.buildFixtures)({
     images: images,
+    imagesService: imagesService,
     delSolStatus: delSolStatus,
     familia: familia,
     grupo: grupo
-  }); // Servicios del producto (edición unificada): con estado, para que un cambio
-  // de estatus o de asignación se vea al volver a pedir la lista.
-
-  var productServices = (0, _productServices.buildProductServices)({
-    delSolStatus: delSolStatus
   });
-
-  var lambdaReply = function lambdaReply(config, statusCode, body) {
-    return reply(config, {
-      statusCode: statusCode,
-      body: JSON.stringify(body)
-    });
-  };
-
   return function (config) {
     var _fx$comments$query$co, _fx$users$query$fetch;
 
@@ -140,31 +128,6 @@ var createMockAdapter = function createMockAdapter() {
     if (path === "variants/group") return reply(config, fx.group);
     if (method === "GET" && path === "services") return reply(config, fx.services);
     if (method === "GET" && path === "versions") return reply(config, fx.versions);
-    if (method === "GET" && path === "product-services") return lambdaReply(config, 200, productServices);
-
-    if (method === "PUT" && path.startsWith("product-services/")) {
-      var action = path.split("/")[1];
-      var data = typeof config.data === "string" ? JSON.parse(config.data) : config.data;
-
-      var _applyProductServices = (0, _productServices.applyProductServicesChange)(productServices, action, data),
-          statusCode = _applyProductServices.statusCode,
-          message = _applyProductServices.message;
-
-      console.info("[mock API] PUT ".concat(path), data);
-      return lambdaReply(config, statusCode, statusCode === 200 ? {
-        action: action,
-        result: data
-      } : {
-        message: message
-      });
-    }
-
-    if (method === "GET" && path === "service-catalog" && query.view === "assignables") {
-      return lambdaReply(config, 200, {
-        users: (0, _productServices.assignablesFor)(query.assignment_role)
-      });
-    }
-
     if (path === "percentages") return reply(config, fx.percentages); // Sin versión auditable ni observación: con la API real de dev estas dos
     // fallan por CORS, así que la pantalla ya sabe vivir sin ellas.
 

package/dist/components/pages/CreatorsProductEdition/sections/ImagesSection.js

@@ -65,11 +65,16 @@ var TrayTabs = function TrayTabs(_ref) {
   var activeTray = _ref.activeTray,
       setActiveTray = _ref.setActiveTray,
       imagesCount = _ref.imagesCount,
-      assetsCount = _ref.assetsCount;
+      assetsCount = _ref.assetsCount,
+      _ref$hasImagesService = _ref.hasImagesService,
+      hasImagesService = _ref$hasImagesService === void 0 ? true : _ref$hasImagesService;
   var trays = [{
     id: _GalleryTrayTabs.TRAYS.IMAGES,
     label: "Imágenes",
-    count: imagesCount
+    count: imagesCount,
+    // Sin el servicio contratado no hay nada que mostrar en esa bandeja,
+    // pero se deja a la vista para que se entienda por qué.
+    disabled: !hasImagesService
   }, {
     id: _GalleryTrayTabs.TRAYS.ASSETS,
     label: "Activos digitales",
@@ -96,6 +101,7 @@ var TrayTabs = function TrayTabs(_ref) {
       var active = tray.id === activeTray;
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Tab, {
         value: tray.id,
+        disabled: tray.disabled,
         disableRipple: true,
         label: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Stack, {
           direction: "row",
@@ -129,6 +135,12 @@ var TrayTabs = function TrayTabs(_ref) {
           "&.Mui-selected": {
             color: _tokens.COLORS.s5,
             fontWeight: 600
+          },
+          // Igual que en `TabsBar`: el tema de Creators las pinta de rosa
+          // al pasar el ratón y aquí no se quiere.
+          "&:hover, &.Mui-selected:hover": {
+            color: _tokens.COLORS.s5,
+            backgroundColor: "transparent"
           }
         }
       }, tray.id);
@@ -223,6 +235,8 @@ var ImagesSection = function ImagesSection(_ref3) {
       selectedImages = _ref3.selectedImages,
       imageLayout = _ref3.imageLayout,
       enableDigitalAssets = _ref3.enableDigitalAssets,
+      _ref3$hasImagesServic = _ref3.hasImagesService,
+      hasImagesService = _ref3$hasImagesServic === void 0 ? true : _ref3$hasImagesServic,
       currentTray = _ref3.currentTray,
       setActiveTray = _ref3.setActiveTray,
       digitalAssets = _ref3.digitalAssets,
@@ -293,7 +307,8 @@ var ImagesSection = function ImagesSection(_ref3) {
       activeTray: currentTray,
       setActiveTray: setActiveTray,
       imagesCount: images.length,
-      assetsCount: (_digitalAssets$assets = digitalAssets === null || digitalAssets === void 0 ? void 0 : (_digitalAssets$assets2 = digitalAssets.assets) === null || _digitalAssets$assets2 === void 0 ? void 0 : _digitalAssets$assets2.length) !== null && _digitalAssets$assets !== void 0 ? _digitalAssets$assets : 0
+      assetsCount: (_digitalAssets$assets = digitalAssets === null || digitalAssets === void 0 ? void 0 : (_digitalAssets$assets2 = digitalAssets.assets) === null || _digitalAssets$assets2 === void 0 ? void 0 : _digitalAssets$assets2.length) !== null && _digitalAssets$assets !== void 0 ? _digitalAssets$assets : 0,
+      hasImagesService: hasImagesService
     }), currentTray === _GalleryTrayTabs.TRAYS.ASSETS && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
       sx: {
         position: "relative",

package/dist/components/pages/CreatorsProductEdition/sections/StatusChip.js

@@ -15,28 +15,19 @@ var _jsxRuntime = require("react/jsx-runtime");
  * Etiqueta de estatus ("RA/AS", "AA"...). Mismo color y tamaño que
  * `atoms/Status`; el nombre completo va en el tooltip. `oval` es la variante
  * redondeada de la barra de pestañas.
- *
- * `label`, `color` y `title` (opcionales) reemplazan el texto, el color y el
- * tooltip: los estatus de los flujos simples del catálogo (Pendiente, Hecho…)
- * traen los suyos desde el backend.
  */
 var StatusChip = function StatusChip(_ref) {
-  var _ref2;
-
   var status = _ref.status,
       _ref$oval = _ref.oval,
-      oval = _ref$oval === void 0 ? false : _ref$oval,
-      labelProp = _ref.label,
-      color = _ref.color,
-      title = _ref.title;
-  var label = (_ref2 = labelProp !== null && labelProp !== void 0 ? labelProp : status) !== null && _ref2 !== void 0 ? _ref2 : "NS";
+      oval = _ref$oval === void 0 ? false : _ref$oval;
+  var label = status !== null && status !== void 0 ? status : "NS";
   var chip = /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Chip, {
     label: label,
     size: "small",
     sx: {
       height: 20,
       borderRadius: oval ? "10px" : "3px",
-      backgroundColor: color !== null && color !== void 0 ? color : (0, _tokens.statusColor)(status),
+      backgroundColor: (0, _tokens.statusColor)(status),
       color: _tokens.COLORS.white,
       fontFamily: _tokens.FONTS.Lato,
       fontSize: 12,
@@ -47,7 +38,7 @@ var StatusChip = function StatusChip(_ref) {
       }
     }
   });
-  var name = title !== null && title !== void 0 ? title : (0, _tokens.statusName)(status);
+  var name = (0, _tokens.statusName)(status);
   return name ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Tooltip, {
     title: name,
     arrow: true,

package/dist/components/pages/CreatorsProductEdition/sections/TabsBar.js

@@ -60,6 +60,16 @@ var tabSx = {
       xs: 14,
       sm: 18
     }
+  },
+
+  /*
+    El tema de MUI de Creators pinta las pestañas de rosa al pasar el ratón
+    (`MuiTab.styleOverrides.root`). Aquí no se quiere ese realce, y la librería
+    no debe depender del tema de quien la consume: se anula explícitamente.
+  */
+  "&:hover, &.Mui-selected:hover": {
+    color: _tokens.COLORS.s5,
+    backgroundColor: "transparent"
   }
 };
 

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

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.SinImagenes = exports.HijoDeOtro = exports.EspecialistaTextosCelular = exports.EspecialistaTextos = exports.EspecialistaImagenesCelular = exports.EspecialistaImagenes = exports.ErrorAlCargar = exports.ConVariantes = exports.AuditorQACelular = exports.AuditorQA = exports.AuditorPorEvaluar = void 0;
+exports.default = exports.SinServicioDeImagenes = exports.SinImagenes = exports.HijoDeOtro = exports.EspecialistaTextosCelular = exports.EspecialistaTextos = exports.EspecialistaImagenesCelular = exports.EspecialistaImagenes = exports.ErrorAlCargar = exports.ConVariantes = exports.AuditorQACelular = exports.AuditorQA = exports.AuditorPorEvaluar = void 0;
 
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 
@@ -125,7 +125,15 @@ HijoDeOtro.args = EspecialistaTextos.args;
 HijoDeOtro.decorators = [(0, _mockApi.withMockApi)({
   familia: "hijo"
 })]; // --- Casos límite -----------------------------------------------------------
-
+// Producto sin el servicio de imágenes contratado: la bandeja de imágenes
+// queda deshabilitada y la de activos digitales sigue siendo utilizable.
+
+var SinServicioDeImagenes = Template.bind({});
+exports.SinServicioDeImagenes = SinServicioDeImagenes;
+SinServicioDeImagenes.args = AuditorQA.args;
+SinServicioDeImagenes.decorators = [(0, _mockApi.withMockApi)({
+  imagesService: false
+})];
 var SinImagenes = Template.bind({});
 exports.SinImagenes = SinImagenes;
 SinImagenes.args = EspecialistaImagenes.args;

package/dist/components/pages/Dashboard/dashboardUtils.js

@@ -111,9 +111,9 @@ exports.getCategories = getCategories;
 var formatDate = function formatDate(date) {
   var newDate = new Date(date);
   var year = newDate.getFullYear();
-  var month = newDate.getMonth() + 1;
-  var day = newDate.getDate();
-  return "".concat(year, "/").concat(month, "/").concat(day);
+  var month = "".concat(newDate.getMonth() + 1).padStart(2, "0");
+  var day = "".concat(newDate.getDate()).padStart(2, "0");
+  return "".concat(year, "-").concat(month, "-").concat(day);
 };
 
 exports.formatDate = formatDate;

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

@@ -32,7 +32,7 @@ var _axios = _interopRequireDefault(require("axios"));
 var _jsxRuntime = require("react/jsx-runtime");
 
 var Dashboard = function Dashboard(_ref) {
-  var _company$financedReta, _metricsData$;
+  var _company$financedReta;
 
   var jwt = _ref.jwt,
       user = _ref.user,
@@ -135,21 +135,17 @@ var Dashboard = function Dashboard(_ref) {
   var _useState31 = (0, _react.useState)(0),
       _useState32 = (0, _slicedToArray2.default)(_useState31, 2),
       totalCount = _useState32[0],
-      setTotalCount = _useState32[1];
+      setTotalCount = _useState32[1]; // Total sin filtros, solo para el porcentaje de la dona.
 
-  var _useState33 = (0, _react.useState)((company === null || company === void 0 ? void 0 : (_company$financedReta = company.financedRetailers) === null || _company$financedReta === void 0 ? void 0 : _company$financedReta.length) > 0),
-      _useState34 = (0, _slicedToArray2.default)(_useState33, 1),
-      isProviderFinanced = _useState34[0];
 
-  var _useState35 = (0, _react.useState)([]),
-      _useState36 = (0, _slicedToArray2.default)(_useState35, 2),
-      trades = _useState36[0],
-      setTrades = _useState36[1];
+  var _useState33 = (0, _react.useState)(0),
+      _useState34 = (0, _slicedToArray2.default)(_useState33, 2),
+      totalUnfiltered = _useState34[0],
+      setTotalUnfiltered = _useState34[1];
 
-  var _useState37 = (0, _react.useState)([]),
-      _useState38 = (0, _slicedToArray2.default)(_useState37, 2),
-      tradesSelected = _useState38[0],
-      setTradesSelected = _useState38[1];
+  var _useState35 = (0, _react.useState)((company === null || company === void 0 ? void 0 : (_company$financedReta = company.financedRetailers) === null || _company$financedReta === void 0 ? void 0 : _company$financedReta.length) > 0),
+      _useState36 = (0, _slicedToArray2.default)(_useState35, 1),
+      isProviderFinanced = _useState36[0];
 
   var loadProductVersions = /*#__PURE__*/function () {
     var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(queryObject) {
@@ -241,71 +237,99 @@ var Dashboard = function Dashboard(_ref) {
 
   var loadProductsByStatus = /*#__PURE__*/function () {
     var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(orderByStatus) {
-      var isRetailer, isProvider, isCollaborator, _ref5, ordersBydate, ordersByStatus, ordersByActive, companyTrades, _ordersByStatus$total, total, _ordersByStatus$R, R, _ordersByStatus$PA, PA, _ordersByStatus$Ex, Ex, _ordersByStatus$ACA, ACA, productsFinished, inProcess, registeredProducts, metricsArray;
+      var _ordersByActive$regis;
+
+      var isBaseline,
+          isRetailer,
+          isProvider,
+          isCollaborator,
+          _ref5,
+          ordersBydate,
+          _ref5$ordersByStatus,
+          ordersByStatus,
+          _ref5$ordersByActive,
+          ordersByActive,
+          _ordersByStatus$total,
+          total,
+          _ordersByStatus$R,
+          R,
+          _ordersByStatus$PA,
+          PA,
+          _ordersByStatus$Ex,
+          Ex,
+          _ordersByStatus$ACA,
+          ACA,
+          productsFinished,
+          unassigned,
+          inProcess,
+          registeredProducts,
+          metricsArray,
+          _args3 = arguments;
 
       return _regenerator.default.wrap(function _callee3$(_context3) {
         while (1) {
           switch (_context3.prev = _context3.next) {
             case 0:
+              isBaseline = _args3.length > 1 && _args3[1] !== undefined ? _args3[1] : false;
               isRetailer = user.is_retailer && company.retailers;
               isProvider = !user.is_retailer && user.id_role === 0;
               isCollaborator = user.id_role > 0;
-              _context3.next = 5;
+              _context3.next = 6;
               return loadProductVersions(orderByStatus);
 
-            case 5:
+            case 6:
               _context3.t0 = _context3.sent;
 
               if (_context3.t0) {
-                _context3.next = 8;
+                _context3.next = 9;
                 break;
               }
 
               _context3.t0 = {};
 
-            case 8:
+            case 9:
               _ref5 = _context3.t0;
               ordersBydate = _ref5.ordersBydate;
-              ordersByStatus = _ref5.ordersByStatus;
-              ordersByActive = _ref5.ordersByActive;
-              companyTrades = _ref5.companyTrades;
-              if (trades.length === 0) setTrades(companyTrades);
+              _ref5$ordersByStatus = _ref5.ordersByStatus;
+              ordersByStatus = _ref5$ordersByStatus === void 0 ? {} : _ref5$ordersByStatus;
+              _ref5$ordersByActive = _ref5.ordersByActive;
+              ordersByActive = _ref5$ordersByActive === void 0 ? {} : _ref5$ordersByActive;
               _ordersByStatus$total = ordersByStatus.total, total = _ordersByStatus$total === void 0 ? 0 : _ordersByStatus$total, _ordersByStatus$R = ordersByStatus.R, R = _ordersByStatus$R === void 0 ? 0 : _ordersByStatus$R, _ordersByStatus$PA = ordersByStatus.PA, PA = _ordersByStatus$PA === void 0 ? 0 : _ordersByStatus$PA, _ordersByStatus$Ex = ordersByStatus.Ex, Ex = _ordersByStatus$Ex === void 0 ? 0 : _ordersByStatus$Ex, _ordersByStatus$ACA = ordersByStatus.ACA, ACA = _ordersByStatus$ACA === void 0 ? 0 : _ordersByStatus$ACA;
               productsFinished = 0;
               if (isRetailer) productsFinished = Ex;
-              if (isProvider) productsFinished = ACA;
-              if (isCollaborator) productsFinished = Ex + ACA;
-              inProcess = Object.keys(ordersByStatus).reduce(function (prev, curr) {
-                return !["total", "PA", "R", "Ex", "ACA"].includes(curr) ? prev + ordersByStatus[curr] : prev;
-              }, 0);
-              registeredProducts = ordersByActive.registered;
-              metricsArray = [metricsData[0] ? metricsData[0] : {
-                label: "Productos totales",
-                value: total
-              }];
-              metricsArray.push({
-                label: "Productos activos",
-                value: registeredProducts
+              if (isProvider) productsFinished = ACA + Ex;
+              if (isCollaborator) productsFinished = Ex + ACA; // Lo que no está sin asignar ni terminado está en proceso, para que las
+              // tres tarjetas siempre sumen el total filtrado.
+
+              unassigned = PA + R;
+              inProcess = total - unassigned - productsFinished;
+              registeredProducts = (_ordersByActive$regis = ordersByActive.registered) !== null && _ordersByActive$regis !== void 0 ? _ordersByActive$regis : 0;
+              metricsArray = [{
+                label: "Catálogo activo",
+                value: registeredProducts,
+                hint: "Productos dados de alta y activos. No depende del filtro de fechas, que aplica a la fecha de la orden."
               }, {
-                label: "Productos filtrados",
-                value: total
+                label: "En órdenes de trabajo",
+                value: total,
+                hint: "Productos con orden de trabajo viva dentro de los filtros. Un producto en dos órdenes cuenta en cada una."
               }, {
-                label: "Productos sin asignar",
-                value: PA + R
+                label: "Sin asignar",
+                value: unassigned
               }, {
-                label: "Productos en proceso",
+                label: "En proceso",
                 value: inProcess
               }, {
-                label: "Productos terminados",
+                label: "Terminados",
                 value: productsFinished
-              });
+              }];
               setMetricsData(metricsArray);
               setTotalCount(total);
+              if (isBaseline) setTotalUnfiltered(total);
               delete ordersByStatus.total;
               setRequiredProducts(ordersBydate);
               setProductsByStatus(ordersByStatus);
 
-            case 28:
+            case 30:
             case "end":
               return _context3.stop();
           }
@@ -319,7 +343,23 @@ var Dashboard = function Dashboard(_ref) {
   }();
 
   var datesSelect = function datesSelect() {
-    var today = new Date();
+    // Cada rango se calcula al momento de elegirlo y con fechas locales: si se
+    // parte de un Date compartido, los options se pisan entre sí, y
+    // new Date("2026-11-01") cae en el día anterior al oeste de UTC.
+    var applyRange = function applyRange(startDate) {
+      var endDate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : new Date();
+      return setDatesRange({
+        startDate: (0, _dashboardUtils.formatDate)(startDate),
+        endDate: (0, _dashboardUtils.formatDate)(endDate)
+      });
+    };
+
+    var daysAgo = function daysAgo(days) {
+      var date = new Date();
+      date.setDate(date.getDate() - days);
+      return date;
+    };
+
     setDateOptions([{
       id: 0,
       name: "Rango de fechas"
@@ -327,64 +367,46 @@ var Dashboard = function Dashboard(_ref) {
       id: 1,
       name: "Todo el tiempo",
       function: function _function() {
-        return setDatesRange({
-          startDate: (0, _dashboardUtils.formatDate)(new Date("1900-01-01")),
-          endDate: (0, _dashboardUtils.formatDate)(new Date())
-        });
+        return applyRange(new Date(1900, 0, 1));
       }
     }, {
       id: 2,
       name: "Hoy",
       function: function _function() {
-        return setDatesRange({
-          startDate: (0, _dashboardUtils.formatDate)(new Date()),
-          endDate: (0, _dashboardUtils.formatDate)(new Date())
-        });
+        return applyRange(new Date());
       }
     }, {
       id: 3,
       name: "Ayer",
       function: function _function() {
-        return setDatesRange({
-          startDate: (0, _dashboardUtils.formatDate)(new Date(today.setDate(today.getDate() - 1))),
-          endDate: (0, _dashboardUtils.formatDate)(new Date())
-        });
+        return applyRange(daysAgo(1), daysAgo(1));
       }
     }, {
       id: 4,
       name: "Esta semana",
       function: function _function() {
-        return setDatesRange({
-          startDate: (0, _dashboardUtils.formatDate)(new Date(today.setDate(today.getDate() - today.getDay()))),
-          endDate: (0, _dashboardUtils.formatDate)(new Date())
-        });
+        return applyRange(daysAgo(new Date().getDay()));
       }
     }, {
       id: 5,
       name: "La semana pasada",
       function: function _function() {
-        return setDatesRange({
-          startDate: (0, _dashboardUtils.formatDate)(new Date(today.setDate(today.getDate() - today.getDay() - 7))),
-          endDate: (0, _dashboardUtils.formatDate)(new Date(today.setDate(today.getDate() - today.getDay() + 7)))
-        });
+        var weekday = new Date().getDay();
+        return applyRange(daysAgo(weekday + 7), daysAgo(weekday + 1));
       }
     }, {
       id: 6,
       name: "Este mes",
       function: function _function() {
-        return setDatesRange({
-          startDate: (0, _dashboardUtils.formatDate)(new Date("".concat(today.getFullYear(), "-").concat(today.getMonth() + 1, "-01"))),
-          endDate: (0, _dashboardUtils.formatDate)(today)
-        });
+        var today = new Date();
+        return applyRange(new Date(today.getFullYear(), today.getMonth(), 1));
       }
     }, {
       id: 7,
       name: "El mes pasado",
       function: function _function() {
-        return setDatesRange({
-          startDate: (0, _dashboardUtils.formatDate)(new Date("".concat(today.getFullYear(), "-").concat(today.getMonth(), "-01"))),
-          endDate: (0, _dashboardUtils.formatDate)(new Date("".concat(today.getFullYear(), "-").concat(today.getMonth() + 1, "-01")))
-        });
+        var today = new Date();
+        return applyRange(new Date(today.getFullYear(), today.getMonth() - 1, 1), new Date(today.getFullYear(), today.getMonth(), 0));
       }
     }]);
   };
@@ -427,7 +449,7 @@ var Dashboard = function Dashboard(_ref) {
             });
             setOrderByStatus(queryObject);
             setOrderByRequired(queryObject);
-            loadProductsByStatus(queryObject);
+            loadProductsByStatus(queryObject, true);
 
           case 21:
           case "end":
@@ -455,18 +477,17 @@ var Dashboard = function Dashboard(_ref) {
             if (companyId.length > 0) queryObject["companyId"] = companyId.join(",");
             if (retailerId.length > 0) queryObject["retailerId"] = retailerId.join(",");
             if (categoryId.length > 0) queryObject["categoryId"] = categoryId.join(",");
-            if (tradesSelected.length > 0) queryObject["trades"] = encodeURIComponent(tradesSelected.join(","));
             applicantsFilter.length > 0 && (queryObject["requestedBy"] = applicantsFilter.join(","));
-            _context5.next = 9;
-            return loadProductsByStatus(queryObject, true);
+            _context5.next = 8;
+            return loadProductsByStatus(queryObject);
 
-          case 9:
+          case 8:
           case "end":
             return _context5.stop();
         }
       }
     }, _callee5);
-  })), [companyId, retailerId, categoryId, datesRange, applicantsFilter, tradesSelected]);
+  })), [companyId, retailerId, categoryId, datesRange, applicantsFilter]);
   return loading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Loading.Loading, {}) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "filters",
@@ -517,21 +538,14 @@ var Dashboard = function Dashboard(_ref) {
         parameterArray: applicantsFilter,
         setParameterArray: setApplicantsFilter,
         defaultOption: "Todos los solicitantes"
-      }), user.id_role === 0 && (trades === null || trades === void 0 ? void 0 : trades.length) > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomSelect.CustomSelect, {
-        showSearchBar: true,
-        options: trades,
-        selectLabel: "Todas las marcas",
-        placeHolder: "Buscar marca",
-        customSelectId: "trade-select",
-        parameterArray: tradesSelected,
-        setParameterArray: setTradesSelected
       })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "metric-cards",
       children: metricsData.map(function (metric, index) {
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_MetricCard.MetricCard, {
           label: metric.label,
-          number: metric.value
+          number: metric.value,
+          hint: metric.hint
         }, "".concat(index, "-").concat(metric.value));
       })
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
@@ -551,7 +565,7 @@ var Dashboard = function Dashboard(_ref) {
         showPercent: true,
         displayScale: false,
         totalFiltered: totalCount,
-        total: (_metricsData$ = metricsData[0]) === null || _metricsData$ === void 0 ? void 0 : _metricsData$.value
+        total: totalUnfiltered
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DashboardMetric.DashboardMetric, {
         label: "Productos solicitados",
         description: "Filtra los productos solicitados por fecha y alcance para revisar rápidamente el flujo de trabajo.",

package/dist/components/pages/Dashboard/styles.js

@@ -13,6 +13,6 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _templateObject;
 
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  padding: 30px;\n\n  .filters {\n    display: flex;\n    & > * {\n      & + * {\n        margin-left: 10px;\n      }\n    }\n    & + * {\n      margin-top: 20px;\n    }\n  }\n\n  .metric-cards {\n    display: flex;\n\n    > * + * {\n      margin-left: 10px;\n    }\n\n    & + * {\n      margin-top: 10px;\n    }\n  }\n\n  .metrics-main-container {\n    display: flex;\n\n    > * + * {\n      margin-left: 10px;\n    }\n  }\n"])));
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  padding: 30px;\n\n  .filters {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n\n    & + * {\n      margin-top: 20px;\n    }\n  }\n\n  .metric-cards {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n\n    & + * {\n      margin-top: 10px;\n    }\n  }\n\n  .metrics-main-container {\n    display: grid;\n    /* Dos paneles mientras quepan 320px cada uno; si no, uno debajo del otro.\n       El min() evita que la columna siga midiendo 320px en pantallas menores. */\n    grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr));\n    gap: 10px;\n\n    /* Sin esto las gr\xE1ficas no pueden encogerse por debajo de su ancho. */\n    > * {\n      min-width: 0;\n    }\n  }\n\n  @media (max-width: 600px) {\n    padding: 15px;\n  }\n"])));
 
 exports.Container = Container;

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

@@ -5,14 +5,12 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.RetailerProductEditionDefault = exports.ConPestanaServicios = void 0;
+exports.default = exports.RetailerProductEditionDefault = void 0;
 
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 
 var _index = require("./index");
 
-var _demo = require("../../organisms/ServicesWorkspace/demo");
-
 var _jsxRuntime = require("react/jsx-runtime");
 
 var _default = {
@@ -216,15 +214,4 @@ RetailerProductEditionDefault.args = {
     },
     "src": "https://content-management-profile-prod.s3.amazonaws.com/id-425/425.png?1778260157973"
   }
-};
-/**
- * Con la pestaña "Servicios" (la activa Creators con `showServicesTab`) y
- * servicios de ejemplo además de los tres de siempre.
- */
-
-var ConPestanaServicios = Template.bind({});
-exports.ConPestanaServicios = ConPestanaServicios;
-ConPestanaServicios.args = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, RetailerProductEditionDefault.args), {}, {
-  showServicesTab: true,
-  productSelected: (0, _demo.withDemoServices)(RetailerProductEditionDefault.args.productSelected, 14)
-});
+};