@softdin/portal-admin 0.0.0-stage → 0.2.0

package/dist-lib/chunks/ChatConversacionView-Do74V09l.js

@@ -0,0 +1,477 @@
+import { t as useAuthStore } from "./auth.store-BrGKZg-7.js";
+import { t as RUTAS_PORTAL } from "./tipos-D93bLfFC.js";
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.js";
+import { i as chatService, n as ESTADOS_CONVERSACION, o as fechaHora, r as MOTIVOS_ESCALAMIENTO, s as relativo } from "./chat.service-C7ZQf4w3.js";
+import { t as mensajeError } from "./apiError-BHGbwz97.js";
+import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, nextTick, normalizeClass, onBeforeUnmount, onMounted, openBlock, ref, renderList, toDisplayString, unref, vModelCheckbox, vModelSelect, vModelText, withCtx, withDirectives, withModifiers } from "vue";
+import { RouterLink, useRouter } from "vue-router";
+//#region src/views/chat/ChatConversacionView.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "page-shell" };
+var _hoisted_2 = {
+	key: 0,
+	class: "panel-muted"
+};
+var _hoisted_3 = {
+	key: 1,
+	class: "panel-error",
+	role: "alert"
+};
+var _hoisted_4 = { class: "page-header" };
+var _hoisted_5 = { class: "page-title" };
+var _hoisted_6 = { class: "page-subtitle" };
+var _hoisted_7 = {
+	key: 0,
+	class: "page-subtitle"
+};
+var _hoisted_8 = { class: "toolbar" };
+var _hoisted_9 = {
+	key: 0,
+	class: "panel-muted"
+};
+var _hoisted_10 = {
+	key: 0,
+	class: "panel-error",
+	role: "alert"
+};
+var _hoisted_11 = { class: "columnas" };
+var _hoisted_12 = { class: "panel hilo" };
+var _hoisted_13 = {
+	class: "mensajes",
+	"aria-label": "Mensajes"
+};
+var _hoisted_14 = { class: "mensaje-autor" };
+var _hoisted_15 = { class: "mensaje-hora" };
+var _hoisted_16 = { class: "mensaje-cuerpo" };
+var _hoisted_17 = { scope: "row" };
+var _hoisted_18 = {
+	key: 0,
+	class: "mensaje-hora"
+};
+var _hoisted_19 = ["placeholder"];
+var _hoisted_20 = { class: "toolbar" };
+var _hoisted_21 = { class: "label" };
+var _hoisted_22 = ["value"];
+var _hoisted_23 = {
+	key: 1,
+	class: "panel-muted"
+};
+var _hoisted_24 = ["disabled"];
+var _hoisted_25 = {
+	key: 1,
+	class: "panel-muted"
+};
+var _hoisted_26 = { class: "lateral" };
+var _hoisted_27 = { class: "panel" };
+var _hoisted_28 = {
+	key: 0,
+	class: "acciones"
+};
+var _hoisted_29 = ["disabled"];
+var _hoisted_30 = ["disabled"];
+var _hoisted_31 = ["disabled"];
+var _hoisted_32 = ["disabled"];
+var _hoisted_33 = {
+	key: 1,
+	class: "panel-muted"
+};
+var _hoisted_34 = {
+	key: 2,
+	class: "campo"
+};
+var _hoisted_35 = ["disabled"];
+var _hoisted_36 = ["value"];
+var _hoisted_37 = { class: "campo" };
+var _hoisted_38 = ["value"];
+var _hoisted_39 = { class: "campo" };
+var _hoisted_40 = ["value"];
+var _hoisted_41 = { class: "campo" };
+var _hoisted_42 = ["disabled"];
+var _hoisted_43 = { class: "panel" };
+var _hoisted_44 = { class: "panel-muted" };
+var _hoisted_45 = {
+	key: 0,
+	class: "panel-muted"
+};
+var _hoisted_46 = {
+	key: 2,
+	class: "panel-muted"
+};
+var _hoisted_47 = {
+	key: 3,
+	class: "panel-muted"
+};
+var _hoisted_48 = { class: "panel" };
+var _hoisted_49 = { class: "ficha" };
+var _hoisted_50 = { key: 0 };
+var _hoisted_51 = { key: 1 };
+var _hoisted_52 = { key: 2 };
+var _hoisted_53 = { key: 3 };
+var _hoisted_54 = { class: "panel" };
+var _hoisted_55 = { class: "eventos" };
+var _hoisted_56 = { class: "sub" };
+/**
+* Una conversación del chat: el hilo completo (con las notas internas, que el empleado no
+* ve), la ficha del empleo (con el cliente interno desde el que escribe) y las acciones de la
+* bandeja. Se actualiza sola cada 10 segundos.
+*/
+var CADA_MS = 1e4;
+//#endregion
+//#region src/views/chat/ChatConversacionView.vue
+var ChatConversacionView_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "ChatConversacionView",
+	props: { id: {} },
+	setup(__props) {
+		const props = __props;
+		const router = useRouter();
+		const auth = useAuthStore();
+		const c = ref(null);
+		const resumen = ref(null);
+		const personas = ref([]);
+		const temas = ref([]);
+		const respuestas = ref([]);
+		/** Las del tema de la conversación y las generales. */
+		const respuestasDelTema = computed(() => respuestas.value.filter((r) => r.tema_id === null || r.tema_id === c.value?.tema?.id));
+		/** Inserta una respuesta guardada en el cuadro de texto, con el primer nombre del empleado. */
+		function insertarRespuesta(e) {
+			const select = e.target;
+			const r = respuestas.value.find((x) => x.id === Number(select.value));
+			select.value = "";
+			if (!r) return;
+			const nombre = (c.value?.empleado ?? "").trim().split(/\s+/)[0] ?? "";
+			const texto = r.cuerpo.replaceAll("{nombre}", nombre);
+			cuerpo.value = cuerpo.value.trim() ? `${cuerpo.value.trimEnd()}\n${texto}` : texto;
+		}
+		const cargando = ref(true);
+		const ocupado = ref(false);
+		const error = ref(null);
+		const cuerpo = ref("");
+		const interno = ref(false);
+		const ahora = ref(Date.now());
+		const fin = ref(null);
+		const reasignando = ref(false);
+		const cambio = ref({
+			usuario_id: null,
+			tema_id: null,
+			comentario: ""
+		});
+		const miId = computed(() => auth.usuario?.id ?? null);
+		const esMia = computed(() => c.value?.asignada_a?.id === miId.value);
+		const abierta = computed(() => [
+			"sin_asignar",
+			"asignada",
+			"esperando_empleado"
+		].includes(c.value?.estado ?? ""));
+		/** Responde quien la tiene asignada, un admin, o cualquiera si nadie la tiene (al responder la toma). */
+		const puedeResponder = computed(() => c.value !== null && c.value.estado !== "cerrada" && (!c.value.asignada_a || esMia.value || resumen.value?.es_admin === true));
+		const atienden = computed(() => personas.value.filter((p) => p.atiende_chat));
+		async function cargar(silencioso = false) {
+			if (!silencioso) cargando.value = true;
+			try {
+				const antes = c.value?.mensajes.length ?? 0;
+				c.value = await chatService.conversacion(props.id);
+				ahora.value = Date.now();
+				if (c.value.mensajes.length !== antes) await bajar();
+				if (!silencioso) error.value = null;
+			} catch (e) {
+				error.value = mensajeError(e, "No se pudo cargar la conversación.");
+			} finally {
+				cargando.value = false;
+			}
+		}
+		async function bajar() {
+			await nextTick();
+			fin.value?.scrollIntoView({ block: "end" });
+		}
+		async function accion(fn, falla) {
+			ocupado.value = true;
+			error.value = null;
+			try {
+				const r = await fn();
+				if (r === null) {
+					await router.replace({ name: RUTAS_PORTAL.chat });
+					return;
+				}
+				c.value = r;
+				await bajar();
+			} catch (e) {
+				error.value = mensajeError(e, falla);
+			} finally {
+				ocupado.value = false;
+			}
+		}
+		async function responder() {
+			const texto = cuerpo.value.trim();
+			if (!texto) return;
+			await accion(() => chatService.responder(props.id, texto, interno.value), "No se pudo enviar el mensaje.");
+			if (!error.value) {
+				cuerpo.value = "";
+				interno.value = false;
+			}
+		}
+		const tomar = () => accion(() => chatService.tomar(props.id), "No se pudo tomar la conversación.");
+		const esperando = () => accion(() => chatService.esperando(props.id), "No se pudo cambiar el estado.");
+		function resolver() {
+			const comentario = window.prompt("Comentario de cierre (opcional, no lo ve el empleado):", "");
+			if (comentario === null) return;
+			accion(() => chatService.resolver(props.id, comentario.trim() || null), "No se pudo resolver la conversación.");
+		}
+		function asignar(e) {
+			const usuarioId = Number(e.target.value);
+			if (!usuarioId) return;
+			accion(() => chatService.asignar(props.id, usuarioId), "No se pudo asignar la conversación.");
+		}
+		async function reasignar() {
+			await accion(() => chatService.reasignar(props.id, {
+				...cambio.value,
+				comentario: cambio.value.comentario.trim()
+			}), "No se pudo reasignar.");
+			if (!error.value) {
+				reasignando.value = false;
+				cambio.value = {
+					usuario_id: null,
+					tema_id: null,
+					comentario: ""
+				};
+			}
+		}
+		function autor(m) {
+			if (m.autor === "empleado") return c.value?.empleado ?? "Empleado";
+			if (m.autor === "sistema") return "Sistema";
+			if (m.autor === "ia") return "Asistente";
+			return m.autor_nombre ?? "RRHH";
+		}
+		const textoEvento = {
+			escalada: "Llegó a RRHH",
+			tomada: "La tomó",
+			asignada: "Asignada",
+			reasignada: "Reasignada",
+			cambio_tema: "Cambio de tema",
+			esperando: "Esperando al empleado",
+			resuelta: "Resuelta",
+			reabierta: "Reabierta",
+			cerrada: "Cerrada",
+			abierta_por_rrhh: "La abrió"
+		};
+		let reloj = null;
+		onMounted(async () => {
+			await cargar();
+			[resumen.value, personas.value, temas.value, respuestas.value] = await Promise.all([
+				chatService.resumen().catch(() => null),
+				chatService.personas().catch(() => []),
+				chatService.temas().catch(() => []),
+				chatService.respuestas().catch(() => [])
+			]);
+			reloj = setInterval(() => void cargar(true), CADA_MS);
+		});
+		onBeforeUnmount(() => {
+			if (reloj) clearInterval(reloj);
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("section", _hoisted_1, [createVNode(unref(RouterLink), {
+				to: { name: unref(RUTAS_PORTAL).chat },
+				class: "volver"
+			}, {
+				default: withCtx(() => [..._cache[6] || (_cache[6] = [createTextVNode("← Bandeja", -1)])]),
+				_: 1
+			}, 8, ["to"]), cargando.value ? (openBlock(), createElementBlock("p", _hoisted_2, "Cargando…")) : !c.value ? (openBlock(), createElementBlock("p", _hoisted_3, toDisplayString(error.value), 1)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+				createElementVNode("header", _hoisted_4, [createElementVNode("div", null, [
+					createElementVNode("h1", _hoisted_5, toDisplayString(c.value.empleado ?? "Empleado"), 1),
+					createElementVNode("p", _hoisted_6, [createTextVNode(toDisplayString(c.value.identificacion) + " · " + toDisplayString(c.value.tema?.nombre ?? "Sin tema"), 1), c.value.tema?.confidencial ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(" (confidencial)")], 64)) : createCommentVNode("", true)]),
+					c.value.cliente_interno ? (openBlock(), createElementBlock("p", _hoisted_7, [
+						_cache[7] || (_cache[7] = createTextVNode(" Escribe desde ", -1)),
+						createElementVNode("strong", null, toDisplayString(c.value.cliente_interno.nombre), 1),
+						c.value.cliente_interno.nit ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(" · NIT " + toDisplayString(c.value.cliente_interno.nit), 1)], 64)) : createCommentVNode("", true)
+					])) : createCommentVNode("", true)
+				]), createElementVNode("div", _hoisted_8, [createElementVNode("span", { class: normalizeClass(["estado", unref(ESTADOS_CONVERSACION)[c.value.estado].clase]) }, toDisplayString(unref(ESTADOS_CONVERSACION)[c.value.estado].texto), 3), c.value.asignada_a ? (openBlock(), createElementBlock("span", _hoisted_9, "Atiende: " + toDisplayString(c.value.asignada_a.nombre), 1)) : createCommentVNode("", true)])]),
+				error.value ? (openBlock(), createElementBlock("p", _hoisted_10, toDisplayString(error.value), 1)) : createCommentVNode("", true),
+				createElementVNode("div", _hoisted_11, [createElementVNode("div", _hoisted_12, [
+					createElementVNode("ol", _hoisted_13, [(openBlock(true), createElementBlock(Fragment, null, renderList(c.value.mensajes, (m) => {
+						return openBlock(), createElementBlock("li", {
+							key: m.id,
+							class: normalizeClass(["mensaje", {
+								propio: m.autor === "rrhh" && !m.interno,
+								nota: m.interno,
+								sistema: m.autor === "sistema",
+								ia: m.autor === "ia"
+							}])
+						}, [
+							createElementVNode("p", _hoisted_14, [
+								createTextVNode(toDisplayString(autor(m)), 1),
+								m.interno ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(" · nota interna")], 64)) : createCommentVNode("", true),
+								createElementVNode("span", _hoisted_15, toDisplayString(unref(fechaHora)(m.creado_en)), 1)
+							]),
+							createElementVNode("p", _hoisted_16, toDisplayString(m.cuerpo), 1),
+							(openBlock(true), createElementBlock(Fragment, null, renderList(m.tarjetas ?? [], (t, i) => {
+								return openBlock(), createElementBlock("table", {
+									key: i,
+									class: "tarjeta-datos"
+								}, [createElementVNode("caption", null, toDisplayString(t.titulo), 1), createElementVNode("tbody", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(t.filas, (fila, j) => {
+									return openBlock(), createElementBlock("tr", { key: j }, [createElementVNode("th", _hoisted_17, toDisplayString(fila[0]), 1), createElementVNode("td", null, toDisplayString(fila[1]), 1)]);
+								}), 128))])]);
+							}), 128)),
+							m.util != null ? (openBlock(), createElementBlock("p", _hoisted_18, toDisplayString(m.util ? "Al empleado le sirvió" : "Al empleado no le sirvió"), 1)) : createCommentVNode("", true)
+						], 2);
+					}), 128))]),
+					createElementVNode("div", {
+						ref_key: "fin",
+						ref: fin
+					}, null, 512),
+					puedeResponder.value ? (openBlock(), createElementBlock("form", {
+						key: 0,
+						class: "respuesta",
+						onSubmit: withModifiers(responder, ["prevent"])
+					}, [
+						_cache[10] || (_cache[10] = createElementVNode("label", {
+							for: "chat-respuesta",
+							class: "sr-only"
+						}, "Respuesta", -1)),
+						withDirectives(createElementVNode("textarea", {
+							id: "chat-respuesta",
+							"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => cuerpo.value = $event),
+							class: "input",
+							rows: "3",
+							maxlength: "4000",
+							placeholder: interno.value ? "Nota para RRHH (el empleado no la ve)" : "Respuesta para el empleado"
+						}, null, 8, _hoisted_19), [[vModelText, cuerpo.value]]),
+						createElementVNode("div", _hoisted_20, [
+							createElementVNode("label", _hoisted_21, [withDirectives(createElementVNode("input", {
+								"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => interno.value = $event),
+								type: "checkbox"
+							}, null, 512), [[vModelCheckbox, interno.value]]), _cache[8] || (_cache[8] = createTextVNode(" Nota interna", -1))]),
+							respuestas.value.length ? (openBlock(), createElementBlock("select", {
+								key: 0,
+								class: "input",
+								"aria-label": "Insertar una respuesta guardada",
+								onChange: insertarRespuesta
+							}, [_cache[9] || (_cache[9] = createElementVNode("option", { value: "" }, "Respuesta guardada…", -1)), (openBlock(true), createElementBlock(Fragment, null, renderList(respuestasDelTema.value, (r) => {
+								return openBlock(), createElementBlock("option", {
+									key: r.id,
+									value: r.id
+								}, toDisplayString(r.titulo), 9, _hoisted_22);
+							}), 128))], 32)) : createCommentVNode("", true),
+							!c.value.asignada_a && !interno.value ? (openBlock(), createElementBlock("span", _hoisted_23, "Al responder, la conversación queda asignada a usted.")) : createCommentVNode("", true),
+							createElementVNode("button", {
+								type: "submit",
+								class: "btn-primary",
+								style: { "margin-left": "auto" },
+								disabled: ocupado.value || !cuerpo.value.trim()
+							}, toDisplayString(interno.value ? "Guardar nota" : "Enviar"), 9, _hoisted_24)
+						])
+					], 32)) : c.value.estado !== "cerrada" ? (openBlock(), createElementBlock("p", _hoisted_25, "La atiende " + toDisplayString(c.value.asignada_a?.nombre) + ". Puede dejar una nota interna si se la reasignan.", 1)) : createCommentVNode("", true)
+				]), createElementVNode("aside", _hoisted_26, [
+					createElementVNode("div", _hoisted_27, [
+						_cache[18] || (_cache[18] = createElementVNode("p", { class: "panel-title" }, "Acciones", -1)),
+						abierta.value ? (openBlock(), createElementBlock("div", _hoisted_28, [
+							c.value.estado === "sin_asignar" ? (openBlock(), createElementBlock("button", {
+								key: 0,
+								type: "button",
+								class: "btn-primary",
+								disabled: ocupado.value,
+								onClick: tomar
+							}, "Tomar", 8, _hoisted_29)) : createCommentVNode("", true),
+							c.value.estado === "asignada" ? (openBlock(), createElementBlock("button", {
+								key: 1,
+								type: "button",
+								class: "btn-secondary",
+								disabled: ocupado.value,
+								onClick: esperando
+							}, " Esperando al empleado ", 8, _hoisted_30)) : createCommentVNode("", true),
+							createElementVNode("button", {
+								type: "button",
+								class: "btn-secondary",
+								disabled: ocupado.value,
+								onClick: _cache[2] || (_cache[2] = ($event) => reasignando.value = !reasignando.value)
+							}, "Reasignar…", 8, _hoisted_31),
+							createElementVNode("button", {
+								type: "button",
+								class: "btn-primary",
+								disabled: ocupado.value,
+								onClick: resolver
+							}, "Resolver", 8, _hoisted_32)
+						])) : (openBlock(), createElementBlock("p", _hoisted_33, "Conversación " + toDisplayString(unref(ESTADOS_CONVERSACION)[c.value.estado].texto.toLowerCase()) + ".", 1)),
+						abierta.value && resumen.value?.es_admin ? (openBlock(), createElementBlock("label", _hoisted_34, [_cache[12] || (_cache[12] = createElementVNode("span", { class: "label" }, "Asignar a", -1)), createElementVNode("select", {
+							class: "input",
+							disabled: ocupado.value,
+							onChange: asignar
+						}, [_cache[11] || (_cache[11] = createElementVNode("option", { value: "" }, "Elegir persona…", -1)), (openBlock(true), createElementBlock(Fragment, null, renderList(atienden.value, (p) => {
+							return openBlock(), createElementBlock("option", {
+								key: p.id,
+								value: p.id
+							}, toDisplayString(p.nombre), 9, _hoisted_36);
+						}), 128))], 40, _hoisted_35)])) : createCommentVNode("", true),
+						reasignando.value ? (openBlock(), createElementBlock("form", {
+							key: 3,
+							class: "reasignar",
+							onSubmit: withModifiers(reasignar, ["prevent"])
+						}, [
+							createElementVNode("label", _hoisted_37, [_cache[14] || (_cache[14] = createElementVNode("span", { class: "label" }, "Otra persona (opcional)", -1)), withDirectives(createElementVNode("select", {
+								"onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => cambio.value.usuario_id = $event),
+								class: "input"
+							}, [_cache[13] || (_cache[13] = createElementVNode("option", { value: null }, "Nadie: vuelve a «sin asignar»", -1)), (openBlock(true), createElementBlock(Fragment, null, renderList(atienden.value, (p) => {
+								return openBlock(), createElementBlock("option", {
+									key: p.id,
+									value: p.id
+								}, toDisplayString(p.nombre), 9, _hoisted_38);
+							}), 128))], 512), [[vModelSelect, cambio.value.usuario_id]])]),
+							createElementVNode("label", _hoisted_39, [_cache[16] || (_cache[16] = createElementVNode("span", { class: "label" }, "Otro tema (opcional)", -1)), withDirectives(createElementVNode("select", {
+								"onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => cambio.value.tema_id = $event),
+								class: "input"
+							}, [_cache[15] || (_cache[15] = createElementVNode("option", { value: null }, "El mismo", -1)), (openBlock(true), createElementBlock(Fragment, null, renderList(temas.value.filter((x) => x.activo), (t) => {
+								return openBlock(), createElementBlock("option", {
+									key: t.id,
+									value: t.id
+								}, toDisplayString(t.nombre), 9, _hoisted_40);
+							}), 128))], 512), [[vModelSelect, cambio.value.tema_id]])]),
+							createElementVNode("label", _hoisted_41, [_cache[17] || (_cache[17] = createElementVNode("span", { class: "label" }, "Motivo", -1)), withDirectives(createElementVNode("input", {
+								"onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => cambio.value.comentario = $event),
+								class: "input",
+								maxlength: "500",
+								required: ""
+							}, null, 512), [[vModelText, cambio.value.comentario]])]),
+							createElementVNode("button", {
+								type: "submit",
+								class: "btn-primary",
+								disabled: ocupado.value || !cambio.value.comentario.trim()
+							}, "Reasignar", 8, _hoisted_42)
+						], 32)) : createCommentVNode("", true)
+					]),
+					createElementVNode("div", _hoisted_43, [
+						_cache[19] || (_cache[19] = createElementVNode("p", { class: "panel-title" }, "Plazos", -1)),
+						createElementVNode("p", _hoisted_44, toDisplayString(unref(MOTIVOS_ESCALAMIENTO)[c.value.motivo_escalamiento ?? ""] ?? "—"), 1),
+						c.value.primera_respuesta_en ? (openBlock(), createElementBlock("p", _hoisted_45, "Primera respuesta: " + toDisplayString(unref(fechaHora)(c.value.primera_respuesta_en)), 1)) : c.value.vence_primera_respuesta_en ? (openBlock(), createElementBlock("p", {
+							key: 1,
+							class: normalizeClass(["panel-muted", { vencida: c.value.vencida }])
+						}, " Primera respuesta " + toDisplayString(unref(relativo)(c.value.vence_primera_respuesta_en, ahora.value)) + " (" + toDisplayString(unref(fechaHora)(c.value.vence_primera_respuesta_en)) + ") ", 3)) : createCommentVNode("", true),
+						c.value.vence_resolucion_en && abierta.value ? (openBlock(), createElementBlock("p", _hoisted_46, "Resolver antes de " + toDisplayString(unref(fechaHora)(c.value.vence_resolucion_en)), 1)) : createCommentVNode("", true),
+						c.value.calificacion ? (openBlock(), createElementBlock("p", _hoisted_47, "Calificación del empleado: " + toDisplayString(c.value.calificacion) + "/5", 1)) : createCommentVNode("", true)
+					]),
+					createElementVNode("div", _hoisted_48, [_cache[25] || (_cache[25] = createElementVNode("p", { class: "panel-title" }, "Empleo", -1)), createElementVNode("dl", _hoisted_49, [
+						c.value.cliente_interno ? (openBlock(), createElementBlock("dt", _hoisted_50, "Cliente")) : createCommentVNode("", true),
+						c.value.cliente_interno ? (openBlock(), createElementBlock("dd", _hoisted_51, [createTextVNode(toDisplayString(c.value.cliente_interno.nombre), 1), c.value.cliente_interno.nit ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(" · NIT " + toDisplayString(c.value.cliente_interno.nit), 1)], 64)) : createCommentVNode("", true)])) : createCommentVNode("", true),
+						_cache[20] || (_cache[20] = createElementVNode("dt", null, "Cargo", -1)),
+						createElementVNode("dd", null, toDisplayString(c.value.empleo.cargo ?? "—"), 1),
+						_cache[21] || (_cache[21] = createElementVNode("dt", null, "Contrato", -1)),
+						createElementVNode("dd", null, toDisplayString(c.value.empleo.tipo_contrato ?? "—"), 1),
+						_cache[22] || (_cache[22] = createElementVNode("dt", null, "Ingreso", -1)),
+						createElementVNode("dd", null, toDisplayString(c.value.empleo.fecha_ingreso ?? "—"), 1),
+						c.value.empleo.fecha_retiro ? (openBlock(), createElementBlock("dt", _hoisted_52, "Retiro")) : createCommentVNode("", true),
+						c.value.empleo.fecha_retiro ? (openBlock(), createElementBlock("dd", _hoisted_53, toDisplayString(c.value.empleo.fecha_retiro), 1)) : createCommentVNode("", true),
+						_cache[23] || (_cache[23] = createElementVNode("dt", null, "Vacaciones", -1)),
+						createElementVNode("dd", null, [createTextVNode(toDisplayString(c.value.empleo.dias_vacaciones ?? "—") + " días", 1), c.value.empleo.vacaciones_corte ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(" al " + toDisplayString(c.value.empleo.vacaciones_corte), 1)], 64)) : createCommentVNode("", true)]),
+						_cache[24] || (_cache[24] = createElementVNode("dt", null, "Solicitudes abiertas", -1)),
+						createElementVNode("dd", null, toDisplayString(c.value.empleo.solicitudes_abiertas), 1)
+					])]),
+					createElementVNode("div", _hoisted_54, [_cache[26] || (_cache[26] = createElementVNode("p", { class: "panel-title" }, "Historial", -1)), createElementVNode("ol", _hoisted_55, [(openBlock(true), createElementBlock(Fragment, null, renderList(c.value.eventos, (ev, i) => {
+						return openBlock(), createElementBlock("li", { key: i }, [
+							createElementVNode("strong", null, toDisplayString(textoEvento[ev.tipo] ?? ev.tipo), 1),
+							ev.usuario ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(" · " + toDisplayString(ev.usuario), 1)], 64)) : createCommentVNode("", true),
+							createElementVNode("span", _hoisted_56, [createTextVNode(toDisplayString(unref(fechaHora)(ev.creado_en)), 1), ev.detalle ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(" · " + toDisplayString(ev.detalle), 1)], 64)) : createCommentVNode("", true)])
+						]);
+					}), 128))])])
+				])])
+			], 64))]);
+		};
+	}
+}), [["__scopeId", "data-v-8a10d53d"]]);
+//#endregion
+export { ChatConversacionView_default as default };