contentoh-components-library 21.6.60 → 21.6.61

package/dist/components/organisms/ServicesWorkspace/servicesModel.js

@@ -0,0 +1,351 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.pickInitialService = exports.groupServicesByStage = exports.getStatusName = exports.getStatusColor = exports.getServiceStage = exports.getRetailerStatuses = exports.getProductServices = exports.getAttention = exports.STATUS_NAMES = exports.SERVICE_STAGES = exports.EDITOR_TABS = void 0;
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+/*
+  Modelo de servicios de un producto para la edición.
+
+  Misma lógica que la tabla de productos de Creators (ServicesCell/rowServices):
+  un servicio se identifica por `service_name`, se agrupa en etapas por su
+  estatus base y se pinta con los mismos colores, para que el usuario reconozca
+  lo que vio en la tabla al entrar a la edición.
+
+  Fuentes, en orden:
+    1. `serviceStatuses` (listado ligero, view=summary): un elemento por servicio.
+    2. Los tres estatus de siempre (datasheet/description/images_status).
+    3. `demo_services`: servicios de ejemplo para revisar el diseño (ver demo.js).
+*/
+
+/** Servicios que tienen editor propio en esta pantalla, y su pestaña. */
+var EDITOR_TABS = {
+  description: "Descripción",
+  datasheet: "Ficha técnica",
+  images: "Imágenes"
+};
+exports.EDITOR_TABS = EDITOR_TABS;
+var LEGACY = [{
+  service_name: "datasheet",
+  display_name: "Ficha técnica",
+  statusKey: "datasheet_status"
+}, {
+  service_name: "description",
+  display_name: "Descripción",
+  statusKey: "description_status"
+}, {
+  service_name: "images",
+  display_name: "Imágenes",
+  statusKey: "images_status"
+}];
+var NOT_REQUESTED = [undefined, null, "", "NS", "NULL", "-"];
+var STATUS_NAMES = {
+  PA: "Por asignar",
+  AS: "Asignado",
+  R: "Recibido",
+  CA: "Capturando",
+  IE: "Información enviada",
+  RC: "Rechazado coordinador",
+  AC: "Aprobado coordinador",
+  RA: "Rechazado auditor",
+  AA: "Aprobado auditor",
+  RP: "Rechazado proveedor",
+  AP: "Aprobado proveedor",
+  ACA: "Aprobado cadena",
+  RCA: "Rechazado cadena",
+  SAC: "Solicitud auditoría Content-oh!",
+  AAC: "Aprobado auditoría Content-oh!",
+  RAC: "Rechazado auditoría Content-oh!",
+  FAP: "Finalización auditoría por proveedor",
+  Ex: "Exportado",
+  REG: "Registrado"
+};
+exports.STATUS_NAMES = STATUS_NAMES;
+
+var baseStatus = function baseStatus(status) {
+  return String(status !== null && status !== void 0 ? status : "").split("/")[0];
+};
+
+var getStatusName = function getStatusName(status) {
+  var _ref, _ref2, _STATUS_NAMES$status;
+
+  return (_ref = (_ref2 = (_STATUS_NAMES$status = STATUS_NAMES[status]) !== null && _STATUS_NAMES$status !== void 0 ? _STATUS_NAMES$status : STATUS_NAMES[baseStatus(status)]) !== null && _ref2 !== void 0 ? _ref2 : status) !== null && _ref !== void 0 ? _ref : "Sin estatus";
+};
+/** Mismos colores que la tabla de Creators (helper.getStatusColor). */
+
+
+exports.getStatusName = getStatusName;
+
+var getStatusColor = function getStatusColor(status) {
+  switch (baseStatus(status)) {
+    case "R":
+    case "PA":
+    case "SAC":
+      return "#E67432";
+
+    case "ACA":
+    case "AC":
+    case "AP":
+    case "AA":
+    case "AAC":
+      return "#18A0FB";
+
+    case "RC":
+    case "RA":
+    case "RCA":
+    case "RP":
+    case "RAC":
+      return "#D74DED";
+
+    case "CA":
+    case "AS":
+    case "IE":
+      return "#ED9A4D";
+
+    case "Ex":
+    case "FAP":
+      return "#71DE56";
+
+    default:
+      return "#D4D1D7";
+  }
+};
+
+exports.getStatusColor = getStatusColor;
+var SERVICE_STAGES = [{
+  stage_name: "pending",
+  display_name: "Por asignar",
+  singular: "por asignar",
+  plural: "por asignar",
+  statuses: ["R", "PA"]
+}, {
+  stage_name: "in_progress",
+  display_name: "En proceso",
+  singular: "en proceso",
+  plural: "en proceso",
+  statuses: ["AS", "CA", "IE"]
+}, {
+  stage_name: "rejected",
+  display_name: "Rechazados",
+  singular: "rechazado",
+  plural: "rechazados",
+  statuses: ["RC", "RA", "RP", "RCA", "RAC"]
+}, {
+  stage_name: "review",
+  display_name: "En revisión y aprobación",
+  singular: "en revisión",
+  plural: "en revisión",
+  statuses: ["AC", "AA", "AP", "ACA", "SAC", "AAC"]
+}, {
+  stage_name: "done",
+  display_name: "Terminados",
+  singular: "terminado",
+  plural: "terminados",
+  statuses: ["Ex", "FAP"]
+}, {
+  stage_name: "registered",
+  display_name: "Registrados (solo marca)",
+  singular: "registrado",
+  plural: "registrados",
+  statuses: ["REG"]
+}].map(function (stage) {
+  return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, stage), {}, {
+    color: stage.stage_name === "registered" ? "#CBCBCB" : getStatusColor(stage.statuses[0])
+  });
+});
+exports.SERVICE_STAGES = SERVICE_STAGES;
+var STAGE_BY_NAME = Object.fromEntries(SERVICE_STAGES.map(function (stage) {
+  return [stage.stage_name, stage];
+}));
+var ATTENTION_ORDER = ["rejected", "pending", "in_progress", "review", "done", "registered"];
+
+var getServiceStage = function getServiceStage(service) {
+  var _SERVICE_STAGES$find;
+
+  if (!service.has_workflow) return STAGE_BY_NAME.registered;
+  var base = baseStatus(service.status);
+  return (_SERVICE_STAGES$find = SERVICE_STAGES.find(function (stage) {
+    return stage.statuses.includes(base);
+  })) !== null && _SERVICE_STAGES$find !== void 0 ? _SERVICE_STAGES$find : STAGE_BY_NAME.in_progress;
+};
+
+exports.getServiceStage = getServiceStage;
+
+var groupServicesByStage = function groupServicesByStage(services) {
+  return SERVICE_STAGES.map(function (stage) {
+    return {
+      stage: stage,
+      services: services.filter(function (service) {
+        return getServiceStage(service).stage_name === stage.stage_name;
+      })
+    };
+  }).filter(function (group) {
+    return group.services.length > 0;
+  });
+};
+
+exports.groupServicesByStage = groupServicesByStage;
+
+var getAttention = function getAttention(groups) {
+  var workflow = groups.filter(function (group) {
+    return group.stage.stage_name !== "registered";
+  });
+
+  if (workflow.length > 0 && workflow.every(function (group) {
+    return group.stage.stage_name === "done";
+  })) {
+    return {
+      stage: STAGE_BY_NAME.done,
+      label: "Terminado"
+    };
+  }
+
+  var first = ATTENTION_ORDER.map(function (name) {
+    return groups.find(function (group) {
+      return group.stage.stage_name === name;
+    });
+  }).find(Boolean);
+  if (!first) return null;
+  var count = first.services.length;
+  return {
+    stage: first.stage,
+    label: "".concat(count, " ").concat(count === 1 ? first.stage.singular : first.stage.plural)
+  };
+};
+/** Cuál abrir primero: lo que más pide atención. */
+
+
+exports.getAttention = getAttention;
+
+var pickInitialService = function pickInitialService(services) {
+  var _first$services$0$ser, _first$services$;
+
+  var groups = groupServicesByStage(services);
+  var first = ATTENTION_ORDER.map(function (name) {
+    return groups.find(function (group) {
+      return group.stage.stage_name === name;
+    });
+  }).find(Boolean);
+  return (_first$services$0$ser = first === null || first === void 0 ? void 0 : (_first$services$ = first.services[0]) === null || _first$services$ === void 0 ? void 0 : _first$services$.service_name) !== null && _first$services$0$ser !== void 0 ? _first$services$0$ser : null;
+};
+
+exports.pickInitialService = pickInitialService;
+
+var assigneesOf = function assigneesOf(product, serviceName) {
+  return {
+    especialist: (product === null || product === void 0 ? void 0 : product["id_".concat(serviceName, "_especialist")]) || null,
+    facilitator: (product === null || product === void 0 ? void 0 : product["id_".concat(serviceName, "_facilitator")]) || null
+  };
+};
+/**
+ * Servicios del producto (normalizado por la edición o con la forma del
+ * listado): [{ service_name, display_name, status, has_workflow,
+ * editor_tab, assignees: { especialist, facilitator }, is_demo }]
+ */
+
+
+var getProductServices = function getProductServices(product) {
+  var _product$demo_service;
+
+  if (!product) return [];
+  var base;
+
+  if (Array.isArray(product.serviceStatuses) && product.serviceStatuses.length > 0) {
+    base = product.serviceStatuses.filter(function (service) {
+      return !NOT_REQUESTED.includes(service.status);
+    }).map(function (service) {
+      var _legacy$display_name;
+
+      var legacy = LEGACY.find(function (def) {
+        return def.service_name === service.service_name;
+      });
+      var displayName = service.display_name && service.display_name !== service.service_name ? service.display_name : (_legacy$display_name = legacy === null || legacy === void 0 ? void 0 : legacy.display_name) !== null && _legacy$display_name !== void 0 ? _legacy$display_name : service.service_name;
+      return {
+        service_name: service.service_name,
+        display_name: displayName,
+        status: service.status,
+        has_workflow: service.has_workflow !== false
+      };
+    });
+  } else {
+    base = LEGACY.filter(function (def) {
+      return !NOT_REQUESTED.includes(product[def.statusKey]);
+    }).map(function (def) {
+      return {
+        service_name: def.service_name,
+        display_name: def.display_name,
+        status: product[def.statusKey],
+        has_workflow: true
+      };
+    });
+  }
+
+  var demo = ((_product$demo_service = product.demo_services) !== null && _product$demo_service !== void 0 ? _product$demo_service : []).map(function (service) {
+    return {
+      service_name: service.service_name,
+      display_name: service.display_name,
+      status: service.status,
+      has_workflow: service.has_workflow !== false,
+      deliverable_type: service.deliverable_type,
+      is_demo: true
+    };
+  });
+  return [].concat((0, _toConsumableArray2.default)(base), (0, _toConsumableArray2.default)(demo)).map(function (service) {
+    var _EDITOR_TABS$service$;
+
+    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, service), {}, {
+      editor_tab: (_EDITOR_TABS$service$ = EDITOR_TABS[service.service_name]) !== null && _EDITOR_TABS$service$ !== void 0 ? _EDITOR_TABS$service$ : null,
+      assignees: service.is_demo ? {} : assigneesOf(product, service.service_name)
+    });
+  });
+};
+/**
+ * Estatus del servicio en cada cadena. Sale de `statusByRetailer` (detalle del
+ * producto); los servicios de ejemplo lo inventan a partir del suyo.
+ */
+
+
+exports.getProductServices = getProductServices;
+
+var getRetailerStatuses = function getRetailerStatuses(product, service) {
+  var _product$statusByReta;
+
+  var retailers = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+
+  var nameOf = function nameOf(id) {
+    var _retailers$find$retai, _retailers$find;
+
+    return (_retailers$find$retai = (_retailers$find = retailers.find(function (retailer) {
+      return retailer.id_retailer === id;
+    })) === null || _retailers$find === void 0 ? void 0 : _retailers$find.retailer) !== null && _retailers$find$retai !== void 0 ? _retailers$find$retai : "Cadena ".concat(id);
+  };
+
+  if (service.is_demo) {
+    return retailers.map(function (retailer, index) {
+      return {
+        id_retailer: retailer.id_retailer,
+        retailer: retailer.retailer,
+        status: index === 0 ? service.status : baseStatus(service.status)
+      };
+    });
+  }
+
+  return ((_product$statusByReta = product === null || product === void 0 ? void 0 : product.statusByRetailer) !== null && _product$statusByReta !== void 0 ? _product$statusByReta : []).filter(function (item) {
+    return item.service === service.service_name;
+  }).map(function (item) {
+    return {
+      id_retailer: item.retailer_id,
+      retailer: nameOf(item.retailer_id),
+      status: item.status
+    };
+  });
+};
+
+exports.getRetailerStatuses = getRetailerStatuses;

package/dist/components/organisms/ServicesWorkspace/tooltipStyles.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.whiteTooltipProps = void 0;
+
+/**
+ * Tooltip blanco con la paleta de la plataforma (en lugar del gris oscuro de
+ * MUI). Se pasa a <Tooltip {...whiteTooltipProps}>.
+ */
+var whiteTooltipProps = {
+  componentsProps: {
+    tooltip: {
+      sx: {
+        backgroundColor: "#FFFFFF",
+        color: "#262626",
+        border: "1px solid #F0EEF2",
+        borderRadius: "10px",
+        boxShadow: 4,
+        p: 1.5,
+        maxWidth: 340,
+        fontFamily: "Lato, sans-serif",
+        fontSize: 12
+      }
+    },
+    arrow: {
+      sx: {
+        color: "#FFFFFF",
+        "&::before": {
+          border: "1px solid #F0EEF2"
+        }
+      }
+    }
+  }
+};
+exports.whiteTooltipProps = whiteTooltipProps;

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

@@ -17,6 +17,8 @@ var _axios = _interopRequireDefault(require("axios"));
 
 var _api = require("./api.fixtures");
 
+var _productServices = require("./productServices.fixtures");
+
 var _jsxRuntime = require("react/jsx-runtime");
 
 /*
@@ -89,7 +91,20 @@ var createMockAdapter = function createMockAdapter() {
     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;
 
@@ -125,6 +140,31 @@ 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.