contentoh-components-library 21.6.61 → 21.6.62

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

@@ -1,275 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ServiceTeam = void 0;
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-
-var _react = require("react");
-
-var _material = require("@mui/material");
-
-var _data = require("../../../../global-files/data");
-
-var _tokens = require("../../CreatorsProductEdition/sections/tokens");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-/*
-  Equipo del servicio abierto: especialista, coordinador y auditor, con foto,
-  rol y nombre («Tú» para quien está viendo).
-
-  Reemplaza al grupo de avatares «Asig.» de la barra de pestañas, que no decía
-  quién era quién. Quien puede asignar (permissions.canAssign) hace clic en el
-  especialista o en el coordinador y elige de la lista, igual que antes.
-
-  `roles` (opcional) limita los roles que se muestran: un servicio del catálogo
-  de flujo simple solo tiene especialista. Por omisión, los tres.
-*/
-var ROLES = [{
-  role: "especialist",
-  label: "Especialista",
-  assignable: true
-}, {
-  role: "facilitator",
-  label: "Coordinador",
-  assignable: true
-}, {
-  role: "auditor",
-  label: "Auditor",
-  assignable: false
-}];
-
-var nameOf = function nameOf(person) {
-  return person ? [person.name, person.last_name].filter(Boolean).join(" ").trim() : "";
-};
-
-var initialsOf = function initialsOf(person) {
-  return nameOf(person).split(/\s+/).filter(Boolean).slice(0, 2).map(function (word) {
-    return word[0];
-  }).join("").toUpperCase();
-};
-
-var PersonAvatar = function PersonAvatar(_ref) {
-  var person = _ref.person,
-      isMe = _ref.isMe,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 26 : _ref$size;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Avatar, {
-    src: person !== null && person !== void 0 && person.id_user ? (0, _data.getProfilePicture)(person.id_user, 48, 48) : undefined,
-    alt: nameOf(person),
-    sx: {
-      width: size,
-      height: size,
-      fontSize: size * 0.4,
-      fontFamily: _tokens.FONTS.Lato,
-      fontWeight: 700,
-      bgcolor: person ? _tokens.COLORS.s2 : _tokens.COLORS.white,
-      color: person ? _tokens.COLORS.s5 : _tokens.COLORS.s3,
-      border: "2px solid ".concat(isMe ? _tokens.COLORS.magenta_s2 : _tokens.COLORS.white),
-      outline: person ? "none" : "1px dashed ".concat(_tokens.COLORS.s3),
-      outlineOffset: -3
-    },
-    children: person ? initialsOf(person) : "?"
-  });
-};
-
-var ServiceTeam = function ServiceTeam(_ref2) {
-  var _assig$collaborators$, _assig$collaborators, _ROLES$find;
-
-  var _ref2$assignees = _ref2.assignees,
-      assignees = _ref2$assignees === void 0 ? {} : _ref2$assignees,
-      userId = _ref2.userId,
-      _ref2$canAssign = _ref2.canAssign,
-      canAssign = _ref2$canAssign === void 0 ? false : _ref2$canAssign,
-      assig = _ref2.assig,
-      setAssignation = _ref2.setAssignation,
-      resetKey = _ref2.resetKey,
-      roles = _ref2.roles;
-
-  var _useState = (0, _react.useState)(null),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      anchor = _useState2[0],
-      setAnchor = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(null),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      role = _useState4[0],
-      setRole = _useState4[1];
-
-  (0, _react.useEffect)(function () {
-    return setAnchor(null);
-  }, [resetKey]);
-  var options = (_assig$collaborators$ = assig === null || assig === void 0 ? void 0 : (_assig$collaborators = assig.collaborators) === null || _assig$collaborators === void 0 ? void 0 : _assig$collaborators[role]) !== null && _assig$collaborators$ !== void 0 ? _assig$collaborators$ : [];
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Stack, {
-      direction: "row",
-      alignItems: "center",
-      spacing: 1.5,
-      sx: {
-        flexWrap: "wrap",
-        rowGap: 0.75,
-        minWidth: 0
-      },
-      children: ROLES.filter(function (item) {
-        return !roles || roles.includes(item.role);
-      }).map(function (item) {
-        var person = assignees[item.role];
-        var isMe = Boolean(person) && person.id_user === userId;
-        var clickable = canAssign && item.assignable;
-        var content = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Stack, {
-          direction: "row",
-          alignItems: "center",
-          spacing: 0.75,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(PersonAvatar, {
-            person: person,
-            isMe: isMe
-          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
-            sx: {
-              lineHeight: 1.1,
-              textAlign: "left",
-              minWidth: 0
-            },
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
-              sx: {
-                fontFamily: _tokens.FONTS.Lato,
-                fontSize: 10,
-                color: _tokens.COLORS.s4,
-                textTransform: "uppercase",
-                letterSpacing: "0.05em"
-              },
-              children: item.label
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
-              noWrap: true,
-              sx: {
-                maxWidth: 120,
-                fontFamily: _tokens.FONTS.Lato,
-                fontSize: 12,
-                fontWeight: isMe ? 700 : 400,
-                color: person ? _tokens.COLORS.s5 : _tokens.COLORS.s3
-              },
-              children: person ? isMe ? "Tú" : nameOf(person) : "Sin asignar"
-            })]
-          })]
-        });
-        var title = person ? "".concat(item.label, ": ").concat(nameOf(person)) : "".concat(item.label, ": sin asignar");
-        return clickable ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Tooltip, {
-          title: "".concat(title, " \xB7 Clic para asignar"),
-          arrow: true,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ButtonBase, {
-            onClick: function onClick(event) {
-              setRole(item.role);
-              setAnchor(event.currentTarget);
-            },
-            sx: {
-              borderRadius: "8px",
-              px: 0.5,
-              py: 0.25,
-              "&:hover": {
-                bgcolor: _tokens.COLORS.s2
-              }
-            },
-            children: content
-          })
-        }, item.role) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Tooltip, {
-          title: title,
-          arrow: true,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
-            sx: {
-              px: 0.5,
-              py: 0.25
-            },
-            children: content
-          })
-        }, item.role);
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Popover, {
-      open: Boolean(anchor),
-      anchorEl: anchor,
-      onClose: function onClose() {
-        return setAnchor(null);
-      },
-      anchorOrigin: {
-        vertical: "bottom",
-        horizontal: "left"
-      },
-      transformOrigin: {
-        vertical: "top",
-        horizontal: "left"
-      },
-      PaperProps: {
-        sx: {
-          width: 260,
-          maxWidth: "calc(100vw - 24px)",
-          mt: 1,
-          p: 1.5,
-          borderRadius: "10px"
-        }
-      },
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Typography, {
-        sx: {
-          fontFamily: _tokens.FONTS.Lato,
-          fontSize: 12,
-          fontWeight: 700,
-          color: _tokens.COLORS.s4,
-          mb: 1
-        },
-        children: ["Asignar ", (_ROLES$find = ROLES.find(function (item) {
-          return item.role === role;
-        })) === null || _ROLES$find === void 0 ? void 0 : _ROLES$find.label.toLowerCase()]
-      }), options.length ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.List, {
-        dense: true,
-        disablePadding: true,
-        sx: {
-          maxHeight: 280,
-          overflowY: "auto"
-        },
-        children: options.map(function (person, index) {
-          var _assignees$role;
-
-          return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.ListItemButton, {
-            selected: (person === null || person === void 0 ? void 0 : person.id_user) === ((_assignees$role = assignees[role]) === null || _assignees$role === void 0 ? void 0 : _assignees$role.id_user),
-            onClick: function onClick() {
-              setAssignation && setAssignation(role, person === null || person === void 0 ? void 0 : person.id_user);
-              setAnchor(null);
-            },
-            sx: {
-              borderRadius: "6px"
-            },
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListItemAvatar, {
-              sx: {
-                minWidth: 38
-              },
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(PersonAvatar, {
-                person: person
-              })
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListItemText, {
-              primary: nameOf(person),
-              primaryTypographyProps: {
-                sx: {
-                  fontFamily: _tokens.FONTS.Lato,
-                  fontSize: 14,
-                  color: _tokens.COLORS.s5
-                }
-              }
-            })]
-          }, "".concat(index, "-").concat(person === null || person === void 0 ? void 0 : person.id_user));
-        })
-      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
-        sx: {
-          fontFamily: _tokens.FONTS.Lato,
-          fontSize: 13,
-          color: _tokens.COLORS.s4,
-          py: 1
-        },
-        children: "Sin personas para asignar"
-      })]
-    })]
-  });
-};
-
-exports.ServiceTeam = ServiceTeam;

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

@@ -1,186 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ServiceTools = void 0;
-
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
-var _material = require("@mui/material");
-
-var _AiProductEdition = require("../../../../contexts/AiProductEdition");
-
-var _saveIcon = _interopRequireDefault(require("../../../../assets/images/generalButton/saveIcon.svg"));
-
-var _saveIconHover = _interopRequireDefault(require("../../../../assets/images/generalButton/saveIconHover.svg"));
-
-var _deleteIcon = _interopRequireDefault(require("../../../../assets/images/generalButton/deleteIcon.svg"));
-
-var _deleteIconHover = _interopRequireDefault(require("../../../../assets/images/generalButton/deleteIconHover.svg"));
-
-var _downloadIcon = _interopRequireDefault(require("../../../../assets/images/generalButton/downloadIcon.svg"));
-
-var _rowLayout = _interopRequireDefault(require("../../../../assets/images/generalButton/rowLayout.svg"));
-
-var _gridLayout = _interopRequireDefault(require("../../../../assets/images/generalButton/gridLayout.svg"));
-
-var _tokens = require("../../CreatorsProductEdition/sections/tokens");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-/*
-  Herramientas del servicio abierto: versión, guardar y, en imágenes, borrar,
-  descargar y cambiar de vista.
-
-  Sale de `ServiceActions` de CreatorsProductEdition sin tres cosas que ahora
-  viven en otro lado o ya no se usan:
-    - el botón de ayuda (las diapositivas de «Valida tu producto…»): el equipo
-      ya no lo usa;
-    - el estatus: lo muestra el encabezado del servicio junto a su nombre;
-    - las asignaciones: las muestra ServiceTeam con nombre y rol.
-*/
-
-/** Botón redondo con el ícono de siempre y su versión «hover». */
-var RoundIcon = function RoundIcon(_ref) {
-  var label = _ref.label,
-      icon = _ref.icon,
-      hoverIcon = _ref.hoverIcon,
-      onClick = _ref.onClick,
-      _ref$bordered = _ref.bordered,
-      bordered = _ref$bordered === void 0 ? _tokens.COLORS.s3 : _ref$bordered,
-      _ref$hoverBg = _ref.hoverBg,
-      hoverBg = _ref$hoverBg === void 0 ? _tokens.COLORS.magenta_s2 : _ref$hoverBg,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 15 : _ref$size;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Tooltip, {
-    title: label,
-    arrow: true,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.IconButton, {
-      "aria-label": label,
-      onClick: onClick,
-      sx: {
-        width: 28,
-        height: 28,
-        p: 0,
-        border: bordered ? "1px solid ".concat(bordered) : "none",
-        backgroundImage: "url(".concat(icon, ")"),
-        backgroundRepeat: "no-repeat",
-        backgroundPosition: "center",
-        backgroundSize: size,
-        "&:hover": (0, _objectSpread2.default)({
-          backgroundColor: hoverBg,
-          borderColor: hoverBg
-        }, hoverIcon ? {
-          backgroundImage: "url(".concat(hoverIcon, ")")
-        } : {})
-      }
-    })
-  });
-};
-
-var ServiceTools = function ServiceTools(_ref2) {
-  var _ref2$imagesSection = _ref2.imagesSection,
-      imagesSection = _ref2$imagesSection === void 0 ? false : _ref2$imagesSection,
-      imageLayout = _ref2.imageLayout,
-      setImageLayout = _ref2.setImageLayout,
-      downloadImages = _ref2.downloadImages,
-      askToDeleteImages = _ref2.askToDeleteImages,
-      onClickSave = _ref2.onClickSave,
-      showSaveButton = _ref2.showSaveButton,
-      version = _ref2.version,
-      setShowVersionSelector = _ref2.setShowVersionSelector;
-
-  var _useAiProductEdition = (0, _AiProductEdition.useAiProductEdition)(),
-      inputsUsingAi = _useAiProductEdition.inputsUsingAi;
-
-  var save = function save() {
-    if (Object.values(inputsUsingAi !== null && inputsUsingAi !== void 0 ? inputsUsingAi : {}).some(function (input) {
-      return !!(input !== null && input !== void 0 && input.using);
-    })) {
-      console.warn("Para guardar se debe de dejar de usar la generación con IA");
-      return;
-    }
-
-    onClickSave && onClickSave();
-  };
-
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Stack, {
-    direction: "row",
-    alignItems: "center",
-    gap: "8px",
-    sx: {
-      flexShrink: 0
-    },
-    children: [version && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Tooltip, {
-      title: "Cambiar de versi\xF3n",
-      arrow: true,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Button, {
-        onClick: function onClick(event) {
-          event.stopPropagation();
-          setShowVersionSelector(true);
-        },
-        sx: {
-          minWidth: 28,
-          width: 28,
-          height: 28,
-          p: 0,
-          borderRadius: "50%",
-          border: "1px solid ".concat(_tokens.COLORS.color_purple),
-          color: _tokens.COLORS.color_purple,
-          fontFamily: _tokens.FONTS.AvenirNext,
-          fontSize: 11,
-          lineHeight: "28px"
-        },
-        children: ["V", version]
-      })
-    }), showSaveButton && /*#__PURE__*/(0, _jsxRuntime.jsx)(RoundIcon, {
-      label: "Guardar",
-      icon: _saveIcon.default,
-      hoverIcon: _saveIconHover.default,
-      bordered: _tokens.COLORS.color_gray,
-      hoverBg: _tokens.COLORS.color_pink,
-      size: undefined,
-      onClick: save
-    }), imagesSection && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [showSaveButton && /*#__PURE__*/(0, _jsxRuntime.jsx)(RoundIcon, {
-        label: "Borrar seleccionadas",
-        icon: _deleteIcon.default,
-        hoverIcon: _deleteIconHover.default,
-        onClick: function onClick() {
-          return askToDeleteImages && askToDeleteImages();
-        }
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(RoundIcon, {
-        label: "Descargar",
-        icon: _downloadIcon.default,
-        onClick: function onClick() {
-          return downloadImages && downloadImages();
-        }
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Tooltip, {
-        title: imageLayout ? "Ver como lista" : "Ver como cuadrícula",
-        arrow: true,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.IconButton, {
-          "aria-label": imageLayout ? "Ver como lista" : "Ver como cuadrícula",
-          onClick: function onClick() {
-            return setImageLayout && setImageLayout(!imageLayout);
-          },
-          sx: {
-            width: 28,
-            height: 28,
-            p: 0
-          },
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-            src: imageLayout ? _rowLayout.default : _gridLayout.default,
-            alt: "",
-            width: 24,
-            height: 24
-          })
-        })
-      })]
-    })]
-  });
-};
-
-exports.ServiceTools = ServiceTools;

package/dist/components/pages/ProductEdition/services.js

@@ -1,233 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.buildServicesFromApi = exports.buildEditionServices = void 0;
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
-
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
-var _catalog = require("../../organisms/ServicesNavigation/catalog");
-
-var _permissions = require("./permissions");
-
-/*
-  Servicios del producto para la lista lateral de la edición.
-
-  Hoy los servicios con editor son los tres de siempre: salen de los estatus
-  del producto (`<servicio>_status`) y el de la cadena activa sale de
-  `services_data`. Un servicio con estatus vacío o «NS» no está contratado y
-  no aparece.
-
-  Esta lista es el respaldo de cuando GET /product-services no responde
-  (buildServicesFromApi, abajo): solo los servicios de siempre. Los servicios
-  del producto nunca salen de datos de muestra; la prop `demoServices` es solo
-  para las historias de Storybook.
-*/
-var NOT_REQUESTED = [undefined, null, "", "NS", "NULL", "-"];
-
-var catalogEntry = function catalogEntry(serviceName) {
-  var _SERVICE_CATALOG$find;
-
-  return (_SERVICE_CATALOG$find = _catalog.SERVICE_CATALOG.find(function (item) {
-    return item.service_name === serviceName;
-  })) !== null && _SERVICE_CATALOG$find !== void 0 ? _SERVICE_CATALOG$find : {
-    service_name: serviceName,
-    group: "review",
-    view: "files",
-    icon: null
-  };
-};
-/** Persona de las listas de asignables (`collaborator_assignations`). */
-
-
-var findUser = function findUser(collaborators, id) {
-  if (!id) return null;
-  var all = Object.values(collaborators !== null && collaborators !== void 0 ? collaborators : {}).flat();
-  var user = all.find(function (item) {
-    return (item === null || item === void 0 ? void 0 : item.id_user) === id;
-  });
-  return user !== null && user !== void 0 ? user : {
-    id_user: id,
-    name: "Asignado",
-    last_name: ""
-  };
-}; // `services_data` y `collaborator_assignations` llegan en null mientras carga.
-
-
-var retailerStatus = function retailerStatus(servicesData, serviceName, retailerId, fallback) {
-  var _find$status, _find;
-
-  return (_find$status = (_find = (servicesData !== null && servicesData !== void 0 ? servicesData : []).find(function (item) {
-    return item.service === serviceName && item.id_retailer === retailerId;
-  })) === null || _find === void 0 ? void 0 : _find.status) !== null && _find$status !== void 0 ? _find$status : fallback;
-};
-/**
- * @returns {Array<{service_name, display_name, group, view, icon, status,
- *   tab, assignees, mine, pending, is_demo}>}
- */
-
-
-var buildEditionServices = function buildEditionServices(_ref) {
-  var product = _ref.product,
-      user = _ref.user,
-      servicesData = _ref.servicesData,
-      activeRetailerId = _ref.activeRetailerId,
-      collaboratorAssignations = _ref.collaboratorAssignations,
-      auditors = _ref.auditors,
-      demoServices = _ref.demoServices;
-  if (!product) return [];
-
-  var classic = _permissions.CLASSIC_SERVICES.filter(function (item) {
-    return !NOT_REQUESTED.includes(product["".concat(item.service_name, "_status")]);
-  }).map(function (item) {
-    var _collaboratorAssignat, _collaboratorAssignat2;
-
-    var definition = catalogEntry(item.service_name);
-    var collaborators = (_collaboratorAssignat = collaboratorAssignations === null || collaboratorAssignations === void 0 ? void 0 : (_collaboratorAssignat2 = collaboratorAssignations[item.tab]) === null || _collaboratorAssignat2 === void 0 ? void 0 : _collaboratorAssignat2.collaborators) !== null && _collaboratorAssignat !== void 0 ? _collaboratorAssignat : {};
-    var status = retailerStatus(servicesData, item.service_name, activeRetailerId, product["".concat(item.service_name, "_status")]);
-    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, definition), {}, {
-      status: status,
-      tab: item.tab,
-      assignees: {
-        especialist: findUser(collaborators, product["id_".concat(item.service_name, "_especialist")]),
-        facilitator: findUser(collaborators, product["id_".concat(item.service_name, "_facilitator")]),
-        auditor: product.id_auditor ? findUser((0, _objectSpread2.default)((0, _objectSpread2.default)({}, collaborators), {}, {
-          auditors: auditors !== null && auditors !== void 0 ? auditors : []
-        }), product.id_auditor) : null
-      },
-      mine: (0, _permissions.rolesInService)(product, user, item.service_name).length > 0 || (0, _permissions.isAssignedToService)(product, user, item.service_name) || (0, _permissions.isAuditorAssigned)(product, user),
-      pending: (0, _permissions.isPendingFor)(product, user, item.service_name, status),
-      is_demo: false
-    });
-  }); // Solo historias (`demoServices`): el auditor del producto lo es de todos sus
-  // servicios, así «Míos» de un auditor no esconde los que no tienen editor.
-
-
-  var productAuditor = product.id_auditor ? findUser({
-    auditors: auditors !== null && auditors !== void 0 ? auditors : []
-  }, product.id_auditor) : null;
-  var auditorIsMe = (0, _permissions.isAuditorAssigned)(product, user);
-  var demo = (demoServices !== null && demoServices !== void 0 ? demoServices : []).map(function (service) {
-    var _ref2, _service$display_name;
-
-    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, catalogEntry(service.service_name)), {}, {
-      display_name: (_ref2 = (_service$display_name = service.display_name) !== null && _service$display_name !== void 0 ? _service$display_name : catalogEntry(service.service_name).display_name) !== null && _ref2 !== void 0 ? _ref2 : service.service_name,
-      status: service.status,
-      tab: null,
-      assignees: {
-        especialist: null,
-        facilitator: null,
-        auditor: productAuditor
-      },
-      mine: auditorIsMe,
-      pending: false,
-      is_demo: true
-    });
-  });
-  return [].concat((0, _toConsumableArray2.default)(classic), (0, _toConsumableArray2.default)(demo));
-};
-/* ------------------------------------------------------------------------ */
-
-/* Desde el backend (GET /product-services)                                 */
-
-/* ------------------------------------------------------------------------ */
-
-/*
-  Los servicios del producto como los devuelve GET /product-services: leídos
-  de las columnas del catálogo de rel_order_services (id_service, id_status,
-  id_especialist, id_facilitator). Trae todos los servicios del producto, los
-  de siempre y los del catálogo, con su estatus por cadena, su equipo y lo que
-  la persona puede hacer con cada uno (`actions`).
-
-  Cuando esta lista está, la edición la usa en lugar de armar los servicios con
-  los campos del producto (buildEditionServices).
-*/
-
-/** En qué estatus le toca actuar a cada rol (flujo completo, el del motor). */
-
-
-exports.buildEditionServices = buildEditionServices;
-var WORKFLOW_ACTIONABLE = {
-  especialist: ["AS", "CA", "RC", "RA"],
-  facilitator: ["PA", "IE"],
-  auditor: ["AC", "RP", "RCA", "SAC"]
-};
-/** Roles de la persona en el servicio, según su equipo. */
-
-var rolesOfUser = function rolesOfUser(assignees, userId) {
-  return Object.entries(assignees !== null && assignees !== void 0 ? assignees : {}).filter(function (_ref3) {
-    var _ref4 = (0, _slicedToArray2.default)(_ref3, 2),
-        person = _ref4[1];
-
-    return person && userId && person.id_user === userId;
-  }).map(function (_ref5) {
-    var _ref6 = (0, _slicedToArray2.default)(_ref5, 1),
-        role = _ref6[0];
-
-    return role;
-  });
-};
-/**
- * @param {{ productServices: { services: Array }, user: Object, activeRetailerId?: number }} params
- * @returns {Array} servicios con la forma de la lista lateral, más `api` (el
- *   servicio tal como llegó) para los paneles que lo necesitan.
- */
-
-
-var buildServicesFromApi = function buildServicesFromApi(_ref7) {
-  var _productServices$serv;
-
-  var productServices = _ref7.productServices,
-      user = _ref7.user,
-      activeRetailerId = _ref7.activeRetailerId;
-  var userId = user === null || user === void 0 ? void 0 : user.id_user;
-  return ((_productServices$serv = productServices === null || productServices === void 0 ? void 0 : productServices.services) !== null && _productServices$serv !== void 0 ? _productServices$serv : []).map(function (service) {
-    var _service$status_flow$, _service$status_flow, _ref8, _service$retailers$fi, _service$retailers, _service$retailers$fi2, _service$assignees, _status$status_name, _ref9, _service$display_name2, _service$category$cat, _service$category, _service$icon_name, _status$status_name2, _status$display_name, _status$color;
-
-    var entry = catalogEntry(service.service_name);
-    var flowType = (_service$status_flow$ = (_service$status_flow = service.status_flow) === null || _service$status_flow === void 0 ? void 0 : _service$status_flow.flow_type) !== null && _service$status_flow$ !== void 0 ? _service$status_flow$ : "workflow";
-    var simple = flowType === "simple"; // Estatus de la cadena activa; si el servicio no es por cadena (o no está
-    // en ella), el general.
-
-    var status = (_ref8 = (_service$retailers$fi = (_service$retailers = service.retailers) === null || _service$retailers === void 0 ? void 0 : (_service$retailers$fi2 = _service$retailers.find(function (retailer) {
-      return retailer.id_retailer === activeRetailerId;
-    })) === null || _service$retailers$fi2 === void 0 ? void 0 : _service$retailers$fi2.status) !== null && _service$retailers$fi !== void 0 ? _service$retailers$fi : service.status) !== null && _ref8 !== void 0 ? _ref8 : null;
-    var assignees = (_service$assignees = service.assignees) !== null && _service$assignees !== void 0 ? _service$assignees : {};
-    var roles = rolesOfUser(assignees, userId);
-    var parts = String((_status$status_name = status === null || status === void 0 ? void 0 : status.status_name) !== null && _status$status_name !== void 0 ? _status$status_name : "").split("/");
-    var pending = simple ? roles.includes("especialist") && Boolean(status) && !status.is_final : roles.some(function (role) {
-      return parts.some(function (part) {
-        var _WORKFLOW_ACTIONABLE$;
-
-        return (_WORKFLOW_ACTIONABLE$ = WORKFLOW_ACTIONABLE[role]) === null || _WORKFLOW_ACTIONABLE$ === void 0 ? void 0 : _WORKFLOW_ACTIONABLE$.includes(part);
-      });
-    });
-    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, entry), {}, {
-      service_name: service.service_name,
-      display_name: (_ref9 = (_service$display_name2 = service.display_name) !== null && _service$display_name2 !== void 0 ? _service$display_name2 : entry.display_name) !== null && _ref9 !== void 0 ? _ref9 : service.service_name,
-      group: (_service$category$cat = (_service$category = service.category) === null || _service$category === void 0 ? void 0 : _service$category.category_name) !== null && _service$category$cat !== void 0 ? _service$category$cat : entry.group,
-      view: simple ? "simple" : entry.view,
-      icon: (_service$icon_name = service.icon_name) !== null && _service$icon_name !== void 0 ? _service$icon_name : entry.icon,
-      status: (_status$status_name2 = status === null || status === void 0 ? void 0 : status.status_name) !== null && _status$status_name2 !== void 0 ? _status$status_name2 : null,
-      status_label: (_status$display_name = status === null || status === void 0 ? void 0 : status.display_name) !== null && _status$display_name !== void 0 ? _status$display_name : null,
-      status_color: (_status$color = status === null || status === void 0 ? void 0 : status.color) !== null && _status$color !== void 0 ? _status$color : null,
-      status_flow_type: flowType,
-      tab: (0, _permissions.tabOf)(service.service_name),
-      assignees: assignees,
-      mine: roles.length > 0,
-      pending: pending,
-      is_demo: false,
-      is_catalog: !service.is_legacy,
-      api: service
-    });
-  });
-};
-
-exports.buildServicesFromApi = buildServicesFromApi;