contentoh-components-library 21.6.61 → 21.6.63

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

@@ -1,320 +0,0 @@
-"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

@@ -1,237 +0,0 @@
-"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;