contentoh-components-library 21.6.59 → 21.6.61

package/dist/components/pages/ProductEdition/permissions.test.js

@@ -0,0 +1,320 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _vitest = require("vitest");
+
+var _permissions = require("./permissions");
+
+var _services = require("./services");
+
+/**
+ * Matriz de permisos de la edición (fase 1, app «creators»).
+ *
+ * La librería no tiene corredor de pruebas propio; se corre con
+ *   npx vitest run src/components/pages/ProductEdition
+ *
+ * Cada caso fija una regla tal como funciona hoy en
+ * `useCreatorsProductEdition`: si una prueba falla, cambió quién puede hacer
+ * qué, y eso hay que decidirlo a propósito.
+ */
+var product = {
+  datasheet_status: "AS",
+  description_status: "RA/AS",
+  images_status: "NS",
+  id_datasheet_especialist: 426,
+  id_datasheet_facilitator: 430,
+  id_description_especialist: 426,
+  id_description_facilitator: 430,
+  id_images_especialist: 427,
+  id_auditor: 425
+};
+
+var user = function user(id_user, id_role) {
+  var extra = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  return (0, _objectSpread2.default)({
+    id_user: id_user,
+    id_role: id_role
+  }, extra);
+};
+
+var admin = user(1, 1);
+var textSpecialist = user(426, 7);
+var imageSpecialist = user(427, 8);
+var coordinator = user(430, 4);
+var unassignedCoordinator = user(431, 5);
+var auditor = user(425, 6);
+var unassignedAuditor = user(432, 6);
+(0, _vitest.describe)("pestañas y estatus", function () {
+  (0, _vitest.it)("relaciona servicio y pestaña en los dos sentidos", function () {
+    (0, _vitest.expect)((0, _permissions.tabOf)("datasheet")).toBe("Ficha técnica");
+    (0, _vitest.expect)((0, _permissions.serviceOfTab)("Imágenes")).toBe("images");
+    (0, _vitest.expect)((0, _permissions.tabOf)("translation")).toBeNull();
+  });
+  (0, _vitest.it)("toma la parte vigente de un estatus compuesto", function () {
+    (0, _vitest.expect)((0, _permissions.currentStatus)("RA/AS")).toBe("AS");
+    (0, _vitest.expect)((0, _permissions.currentStatus)("AC")).toBe("AC");
+    (0, _vitest.expect)((0, _permissions.currentStatus)(null)).toBe("");
+  });
+});
+(0, _vitest.describe)("trabajar y guardar un servicio", function () {
+  (0, _vitest.it)("el administrador puede en todos", function () {
+    (0, _vitest.expect)((0, _permissions.canSave)(product, admin, "images")).toBe(true);
+  });
+  (0, _vitest.it)("el especialista solo en los servicios que tiene asignados", function () {
+    (0, _vitest.expect)((0, _permissions.canSave)(product, textSpecialist, "datasheet")).toBe(true);
+    (0, _vitest.expect)((0, _permissions.canSave)(product, textSpecialist, "images")).toBe(false);
+    (0, _vitest.expect)((0, _permissions.canSave)(product, imageSpecialist, "images")).toBe(true);
+  });
+  (0, _vitest.it)("el coordinador asignado puede; el que no está asignado, no", function () {
+    (0, _vitest.expect)((0, _permissions.canSave)(product, coordinator, "description")).toBe(true);
+    (0, _vitest.expect)((0, _permissions.canSave)(product, unassignedCoordinator, "description")).toBe(false);
+  });
+  (0, _vitest.it)("el auditor asignado al producto puede en todos sus servicios", function () {
+    (0, _vitest.expect)((0, _permissions.canSave)(product, auditor, "images")).toBe(true);
+    (0, _vitest.expect)((0, _permissions.canSave)(product, unassignedAuditor, "images")).toBe(false);
+  });
+  (0, _vitest.it)("un rol fuera del equipo no trabaja servicios aunque coincida el id", function () {
+    (0, _vitest.expect)((0, _permissions.isAssignedToService)(product, user(426, 3), "datasheet")).toBe(false);
+  });
+});
+(0, _vitest.describe)("asignar, enviar al coordinador y cambiar estatus", function () {
+  (0, _vitest.it)("asignan todos menos los especialistas", function () {
+    (0, _vitest.expect)((0, _permissions.canAssign)(admin)).toBe(true);
+    (0, _vitest.expect)((0, _permissions.canAssign)(coordinator)).toBe(true);
+    (0, _vitest.expect)((0, _permissions.canAssign)(auditor)).toBe(true);
+    (0, _vitest.expect)((0, _permissions.canAssign)(textSpecialist)).toBe(false);
+    (0, _vitest.expect)((0, _permissions.canAssign)(imageSpecialist)).toBe(false);
+  });
+  (0, _vitest.it)("envían al coordinador solo los especialistas", function () {
+    (0, _vitest.expect)((0, _permissions.canSendToFacilitator)(textSpecialist)).toBe(true);
+    (0, _vitest.expect)((0, _permissions.canSendToFacilitator)(coordinator)).toBe(false);
+  });
+  (0, _vitest.it)("«Cambio de estatus» depende de la lista de cuentas", function () {
+    var allowed = ["oserna@contentoh.com"];
+    (0, _vitest.expect)((0, _permissions.canChangeStatus)(user(1, 1, {
+      email: "oserna@contentoh.com"
+    }), allowed)).toBe(true);
+    (0, _vitest.expect)((0, _permissions.canChangeStatus)(user(1, 1, {
+      email: "otra@contentoh.com"
+    }), allowed)).toBe(false);
+  });
+});
+(0, _vitest.describe)("validar o rechazar en la cadena activa", function () {
+  (0, _vitest.it)("IE: coordinadores por rol o el coordinador asignado", function () {
+    (0, _vitest.expect)((0, _permissions.canEvaluate)(product, unassignedCoordinator, "datasheet", "IE")).toBe(true);
+    (0, _vitest.expect)((0, _permissions.canEvaluate)(product, admin, "datasheet", "IE")).toBe(true);
+    (0, _vitest.expect)((0, _permissions.canEvaluate)(product, auditor, "datasheet", "IE")).toBe(false);
+    (0, _vitest.expect)((0, _permissions.canEvaluate)(product, textSpecialist, "datasheet", "IE")).toBe(false);
+  });
+  (0, _vitest.it)("AC, RP, RCA y SAC: auditor por rol o asignado", function () {
+    ["AC", "RP", "RCA", "SAC"].forEach(function (status) {
+      (0, _vitest.expect)((0, _permissions.canEvaluate)(product, unassignedAuditor, "images", status)).toBe(true);
+    });
+    (0, _vitest.expect)((0, _permissions.canEvaluate)(product, coordinator, "images", "RP")).toBe(false);
+  });
+  (0, _vitest.it)("AC: también los especialistas", function () {
+    (0, _vitest.expect)((0, _permissions.canEvaluate)(product, textSpecialist, "datasheet", "AC")).toBe(true);
+    (0, _vitest.expect)((0, _permissions.canEvaluate)(product, imageSpecialist, "images", "AC")).toBe(true);
+  });
+  (0, _vitest.it)("en captura nadie evalúa, salvo que la parte vigente lo permita", function () {
+    (0, _vitest.expect)((0, _permissions.canEvaluate)(product, admin, "datasheet", "CA")).toBe(false);
+    (0, _vitest.expect)((0, _permissions.canEvaluate)(product, auditor, "datasheet", "RA/AC")).toBe(true);
+  });
+});
+(0, _vitest.describe)("«te toca a ti» en la lista lateral", function () {
+  (0, _vitest.it)("al especialista le toca lo asignado, en captura o rechazado", function () {
+    (0, _vitest.expect)((0, _permissions.isPendingFor)(product, textSpecialist, "datasheet", "AS")).toBe(true);
+    (0, _vitest.expect)((0, _permissions.isPendingFor)(product, textSpecialist, "description", "RA/AS")).toBe(true);
+    (0, _vitest.expect)((0, _permissions.isPendingFor)(product, textSpecialist, "datasheet", "AC")).toBe(false);
+  });
+  (0, _vitest.it)("al coordinador asignado, lo que está por asignar o en IE", function () {
+    (0, _vitest.expect)((0, _permissions.isPendingFor)(product, coordinator, "datasheet", "IE")).toBe(true);
+    (0, _vitest.expect)((0, _permissions.isPendingFor)(product, coordinator, "datasheet", "CA")).toBe(false);
+  });
+  (0, _vitest.it)("al auditor asignado, lo que puede evaluar", function () {
+    (0, _vitest.expect)((0, _permissions.isPendingFor)(product, auditor, "images", "AC")).toBe(true);
+    (0, _vitest.expect)((0, _permissions.isPendingFor)(product, auditor, "images", "AS")).toBe(false);
+  });
+  (0, _vitest.it)("a quien no está asignado nunca le toca, aunque su rol pueda evaluar", function () {
+    (0, _vitest.expect)((0, _permissions.isPendingFor)(product, unassignedAuditor, "images", "AC")).toBe(false);
+  });
+});
+(0, _vitest.describe)("servicios de la lista lateral", function () {
+  var servicesData = [{
+    service: "datasheet",
+    id_retailer: 4,
+    status: "CA"
+  }, {
+    service: "datasheet",
+    id_retailer: 9,
+    status: "AC"
+  }];
+  (0, _vitest.it)("solo aparecen los servicios contratados", function () {
+    var services = (0, _services.buildEditionServices)({
+      product: product,
+      user: textSpecialist,
+      servicesData: servicesData,
+      activeRetailerId: 4
+    });
+    (0, _vitest.expect)(services.map(function (item) {
+      return item.service_name;
+    })).toEqual(["datasheet", "description"]);
+  });
+  (0, _vitest.it)("el estatus es el de la cadena activa, con el del producto de respaldo", function () {
+    var at4 = (0, _services.buildEditionServices)({
+      product: product,
+      user: textSpecialist,
+      servicesData: servicesData,
+      activeRetailerId: 4
+    });
+    var at9 = (0, _services.buildEditionServices)({
+      product: product,
+      user: textSpecialist,
+      servicesData: servicesData,
+      activeRetailerId: 9
+    });
+    (0, _vitest.expect)(at4[0].status).toBe("CA");
+    (0, _vitest.expect)(at9[0].status).toBe("AC");
+    (0, _vitest.expect)(at4[1].status).toBe("RA/AS");
+  });
+  (0, _vitest.it)("marca los servicios de la persona y lo que le toca", function () {
+    var services = (0, _services.buildEditionServices)({
+      product: product,
+      user: imageSpecialist,
+      servicesData: servicesData,
+      activeRetailerId: 4
+    });
+    (0, _vitest.expect)(services.every(function (item) {
+      return item.mine === false;
+    })).toBe(true);
+    var mine = (0, _services.buildEditionServices)({
+      product: product,
+      user: textSpecialist,
+      servicesData: servicesData,
+      activeRetailerId: 4
+    });
+    (0, _vitest.expect)(mine.map(function (item) {
+      return [item.mine, item.pending];
+    })).toEqual([[true, true], [true, true]]);
+  });
+  (0, _vitest.it)("agrega los servicios de ejemplo al final, marcados como tales", function () {
+    var services = (0, _services.buildEditionServices)({
+      product: product,
+      user: admin,
+      servicesData: servicesData,
+      activeRetailerId: 4,
+      demoServices: [{
+        service_name: "translation",
+        status: "CA"
+      }]
+    });
+    var demo = services[services.length - 1];
+    (0, _vitest.expect)(demo).toMatchObject({
+      service_name: "translation",
+      display_name: "Traducción",
+      is_demo: true,
+      tab: null
+    });
+  });
+  (0, _vitest.it)("ignora los servicios de muestra que traiga el producto (?demoServicios=1)", function () {
+    var services = (0, _services.buildEditionServices)({
+      product: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, product), {}, {
+        demo_services: [{
+          service_name: "seo",
+          status: "AS"
+        }]
+      }),
+      user: admin,
+      servicesData: servicesData,
+      activeRetailerId: 4
+    });
+    (0, _vitest.expect)(services.some(function (item) {
+      return item.is_demo;
+    })).toBe(false);
+  });
+  (0, _vitest.it)("los de ejemplo son del auditor del producto y de nadie más", function () {
+    var demoServices = [{
+      service_name: "seo",
+      status: "AS"
+    }];
+    var forAuditor = (0, _services.buildEditionServices)({
+      product: product,
+      user: auditor,
+      servicesData: servicesData,
+      demoServices: demoServices
+    });
+    var forSpecialist = (0, _services.buildEditionServices)({
+      product: product,
+      user: textSpecialist,
+      servicesData: servicesData,
+      demoServices: demoServices
+    });
+    (0, _vitest.expect)(forAuditor.every(function (item) {
+      return item.mine;
+    })).toBe(true);
+    (0, _vitest.expect)(forAuditor.at(-1).assignees.auditor).toMatchObject({
+      id_user: 425
+    });
+    (0, _vitest.expect)(forSpecialist.at(-1).mine).toBe(false);
+  });
+  (0, _vitest.it)("sin producto no hay servicios", function () {
+    (0, _vitest.expect)((0, _services.buildEditionServices)({
+      product: null,
+      user: admin
+    })).toEqual([]);
+  });
+});
+(0, _vitest.describe)("servicios mientras carga la edición", function () {
+  (0, _vitest.it)("no truena con services_data y asignaciones en null", function () {
+    var services = (0, _services.buildEditionServices)({
+      product: product,
+      user: textSpecialist,
+      servicesData: null,
+      activeRetailerId: undefined,
+      collaboratorAssignations: null
+    });
+    (0, _vitest.expect)(services.map(function (item) {
+      return item.status;
+    })).toEqual(["AS", "RA/AS"]);
+  });
+});
+(0, _vitest.describe)("equipo del servicio", function () {
+  (0, _vitest.it)("le pone nombre al auditor con la lista de auditores", function () {
+    var _buildEditionServices = (0, _services.buildEditionServices)({
+      product: product,
+      user: textSpecialist,
+      servicesData: [],
+      auditors: [{
+        id_user: 425,
+        name: "Auditor QA",
+        last_name: null
+      }]
+    }),
+        _buildEditionServices2 = (0, _slicedToArray2.default)(_buildEditionServices, 1),
+        first = _buildEditionServices2[0];
+
+    (0, _vitest.expect)(first.assignees.auditor).toMatchObject({
+      id_user: 425,
+      name: "Auditor QA"
+    });
+  });
+  (0, _vitest.it)("sin la lista, el auditor queda como «Asignado»", function () {
+    var _buildEditionServices3 = (0, _services.buildEditionServices)({
+      product: product,
+      user: textSpecialist,
+      servicesData: []
+    }),
+        _buildEditionServices4 = (0, _slicedToArray2.default)(_buildEditionServices3, 1),
+        first = _buildEditionServices4[0];
+
+    (0, _vitest.expect)(first.assignees.auditor).toMatchObject({
+      id_user: 425,
+      name: "Asignado"
+    });
+  });
+});

package/dist/components/pages/ProductEdition/sections/CatalogServicePanel.js

@@ -0,0 +1,237 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CatalogServicePanel = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
+var _react = require("react");
+
+var _material = require("@mui/material");
+
+var _StatusChip = require("../../CreatorsProductEdition/sections/StatusChip");
+
+var _tokens = require("../../CreatorsProductEdition/sections/tokens");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+/*
+  Panel de un servicio del catálogo en la edición (los que no tienen editor):
+  su estatus en cada cadena y, si la persona puede, el selector para cambiarlo.
+
+  Sale de GET /product-services (`service.api`):
+    - Flujo simple (casilla, avance): se elige el estatus de `status_options`
+      con PUT /product-services/set-status, por cadena.
+    - Flujo completo: solo se ve; lo moverá el motor de estatus.
+    - De registro: solo se ve.
+  Los servicios de los uno por producto aparecen como «Producto» (cadena 0).
+*/
+var FLOW_NOTE = {
+  workflow: "Este servicio sigue el flujo de aprobación (especialista, coordinador y auditor). " + "Su estatus todavía no se cambia desde aquí: lo moverá el motor de estatus.",
+  flag: "Este servicio solo se registra en el producto: no cambia de estatus."
+};
+
+var chipProps = function chipProps(status) {
+  var _status$display_name, _status$color;
+
+  return status ? {
+    status: status.status_name,
+    label: (_status$display_name = status.display_name) !== null && _status$display_name !== void 0 ? _status$display_name : status.status_name,
+    color: (_status$color = status.color) !== null && _status$color !== void 0 ? _status$color : undefined
+  } : {
+    status: null,
+    label: "Sin estatus"
+  };
+};
+
+var CatalogServicePanel = function CatalogServicePanel(_ref) {
+  var _api$status_flow$flow, _api$status_flow, _api$actions, _api$status_options, _api$retailers;
+
+  var service = _ref.service,
+      onSetStatus = _ref.onSetStatus;
+  var api = service === null || service === void 0 ? void 0 : service.api;
+
+  var _useState = (0, _react.useState)(null),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      savingRetailer = _useState2[0],
+      setSavingRetailer = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(null),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      error = _useState4[0],
+      setError = _useState4[1];
+
+  if (!api) return null;
+  var flowType = (_api$status_flow$flow = (_api$status_flow = api.status_flow) === null || _api$status_flow === void 0 ? void 0 : _api$status_flow.flow_type) !== null && _api$status_flow$flow !== void 0 ? _api$status_flow$flow : "workflow";
+  var canSet = Boolean((_api$actions = api.actions) === null || _api$actions === void 0 ? void 0 : _api$actions.set_status) && flowType === "simple";
+  var options = (_api$status_options = api.status_options) !== null && _api$status_options !== void 0 ? _api$status_options : [];
+
+  var change = /*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(retailerId, statusName) {
+      var _err$message;
+
+      return _regenerator.default.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              setError(null);
+              setSavingRetailer(retailerId);
+              _context.prev = 2;
+              _context.next = 5;
+              return onSetStatus(statusName, [retailerId]);
+
+            case 5:
+              _context.next = 10;
+              break;
+
+            case 7:
+              _context.prev = 7;
+              _context.t0 = _context["catch"](2);
+              setError((_err$message = _context.t0 === null || _context.t0 === void 0 ? void 0 : _context.t0.message) !== null && _err$message !== void 0 ? _err$message : "No se pudo cambiar el estatus.");
+
+            case 10:
+              _context.prev = 10;
+              setSavingRetailer(null);
+              return _context.finish(10);
+
+            case 13:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee, null, [[2, 7, 10, 13]]);
+    }));
+
+    return function change(_x, _x2) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+    sx: {
+      p: 2,
+      borderRadius: "10px",
+      border: "1px solid ".concat(_tokens.COLORS.s2),
+      bgcolor: _tokens.COLORS.white,
+      maxWidth: 720
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Typography, {
+      sx: {
+        fontFamily: _tokens.FONTS.Lato,
+        fontSize: 14,
+        fontWeight: 700,
+        color: _tokens.COLORS.s5,
+        mb: 0.5
+      },
+      children: ["Estatus ", api.per_retailer ? "por cadena" : "del producto"]
+    }), FLOW_NOTE[flowType] && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+      sx: {
+        fontFamily: _tokens.FONTS.Lato,
+        fontSize: 13,
+        color: _tokens.COLORS.s4,
+        mb: 1.5
+      },
+      children: FLOW_NOTE[flowType]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Stack, {
+      spacing: 1,
+      children: ((_api$retailers = api.retailers) !== null && _api$retailers !== void 0 ? _api$retailers : []).map(function (retailer) {
+        var _retailer$retailer_na, _retailer$status$stat, _retailer$status;
+
+        return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Stack, {
+          direction: "row",
+          alignItems: "center",
+          spacing: 1.5,
+          sx: {
+            py: 0.75,
+            borderTop: "1px solid ".concat(_tokens.COLORS.s2),
+            "&:first-of-type": {
+              borderTop: "none"
+            }
+          },
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+            sx: {
+              fontFamily: _tokens.FONTS.Lato,
+              fontSize: 13,
+              color: _tokens.COLORS.s5,
+              flex: "1 1 auto",
+              minWidth: 0
+            },
+            noWrap: true,
+            children: api.per_retailer ? (_retailer$retailer_na = retailer.retailer_name) !== null && _retailer$retailer_na !== void 0 ? _retailer$retailer_na : "Cadena ".concat(retailer.id_retailer) : "Producto"
+          }), canSet ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Select, {
+            size: "small",
+            value: (_retailer$status$stat = (_retailer$status = retailer.status) === null || _retailer$status === void 0 ? void 0 : _retailer$status.status_name) !== null && _retailer$status$stat !== void 0 ? _retailer$status$stat : "",
+            disabled: savingRetailer !== null,
+            onChange: function onChange(event) {
+              return change(retailer.id_retailer, event.target.value);
+            },
+            renderValue: function renderValue(value) {
+              var _options$find;
+
+              var option = (_options$find = options.find(function (item) {
+                return item.status_name === value;
+              })) !== null && _options$find !== void 0 ? _options$find : retailer.status;
+              return /*#__PURE__*/(0, _jsxRuntime.jsx)(_StatusChip.StatusChip, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, chipProps(option)), {}, {
+                oval: true
+              }));
+            },
+            sx: {
+              minWidth: 170,
+              fontFamily: _tokens.FONTS.Lato,
+              fontSize: 13
+            },
+            inputProps: {
+              "aria-label": "Estatus de ".concat(service.display_name)
+            },
+            children: options.map(function (option) {
+              return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.MenuItem, {
+                value: option.status_name,
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_StatusChip.StatusChip, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, chipProps(option)), {}, {
+                  oval: true
+                }))
+              }, option.status_name);
+            })
+          }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_StatusChip.StatusChip, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, chipProps(retailer.status)), {}, {
+            oval: true
+          })), savingRetailer === retailer.id_retailer && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.CircularProgress, {
+            size: 16,
+            sx: {
+              color: _tokens.COLORS.magenta_s2
+            }
+          })]
+        }, retailer.id_retailer);
+      })
+    }), flowType === "simple" && !canSet && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+      sx: {
+        fontFamily: _tokens.FONTS.Lato,
+        fontSize: 12,
+        color: _tokens.COLORS.s4,
+        mt: 1.5
+      },
+      children: "Lo cambia quien est\xE1 asignado al servicio, un administrador o un coordinador."
+    }), error && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Alert, {
+      severity: "error",
+      sx: {
+        mt: 1.5,
+        fontFamily: _tokens.FONTS.Lato,
+        fontSize: 13
+      },
+      onClose: function onClose() {
+        return setError(null);
+      },
+      children: error
+    })]
+  });
+};
+
+exports.CatalogServicePanel = CatalogServicePanel;