@softdin/portal-admin 0.0.0-stage → 0.2.0

package/dist-lib/chunks/ChatBandejaView-HqhdSw7G.js

@@ -0,0 +1,274 @@
+import { t as useClienteInternoStore } from "./cliente-interno.store-De39VsEE.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, s as relativo } from "./chat.service-C7ZQf4w3.js";
+import { t as mensajeError } from "./apiError-BHGbwz97.js";
+import { Fragment, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, onBeforeUnmount, onMounted, openBlock, ref, renderList, toDisplayString, unref, vModelSelect, watch, withCtx, withDirectives } from "vue";
+import { RouterLink } from "vue-router";
+//#region src/views/chat/ChatBandejaView.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "page-shell" };
+var _hoisted_2 = { class: "page-header" };
+var _hoisted_3 = { class: "toolbar" };
+var _hoisted_4 = {
+	key: 0,
+	class: "label disponible",
+	title: "Si está disponible, el chat le asigna conversaciones solo (en los temas con asignación automática)."
+};
+var _hoisted_5 = ["checked", "disabled"];
+var _hoisted_6 = {
+	key: 0,
+	class: "panel-error",
+	role: "alert"
+};
+var _hoisted_7 = {
+	class: "toolbar",
+	role: "tablist",
+	"aria-label": "Vistas de la bandeja"
+};
+var _hoisted_8 = ["aria-selected", "onClick"];
+var _hoisted_9 = {
+	key: 0,
+	class: "contador"
+};
+var _hoisted_10 = ["value"];
+var _hoisted_11 = ["disabled"];
+var _hoisted_12 = {
+	key: 1,
+	class: "panel-error",
+	role: "alert"
+};
+var _hoisted_13 = {
+	key: 2,
+	class: "panel-muted"
+};
+var _hoisted_14 = {
+	key: 3,
+	class: "panel-muted"
+};
+var _hoisted_15 = {
+	key: 4,
+	class: "table-wrap"
+};
+var _hoisted_16 = { class: "data-table" };
+var _hoisted_17 = ["aria-label"];
+var _hoisted_18 = ["title"];
+var _hoisted_19 = { class: "sub" };
+var _hoisted_20 = {
+	key: 0,
+	class: "sub"
+};
+var _hoisted_21 = { class: "extracto" };
+var _hoisted_22 = { class: "sub" };
+var _hoisted_23 = {
+	key: 0,
+	class: "sub"
+};
+var _hoisted_24 = { class: "sub" };
+/**
+* Bandeja del chat con RRHH (softdin-portal-api/docs/chat-rrhh.md). Cada usuario ve las
+* conversaciones de los temas que atiende; lo que vence antes va primero. Se actualiza sola
+* cada 30 segundos. Cada conversación dice desde qué cliente interno escribió el empleado.
+*/
+var CADA_MS = 3e4;
+//#endregion
+//#region src/views/chat/ChatBandejaView.vue
+var ChatBandejaView_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "ChatBandejaView",
+	setup(__props) {
+		const vistas = [
+			{
+				valor: "sin_asignar",
+				texto: "Sin asignar"
+			},
+			{
+				valor: "mias",
+				texto: "Mías"
+			},
+			{
+				valor: "esperando",
+				texto: "Esperando al empleado"
+			},
+			{
+				valor: "resueltas",
+				texto: "Resueltas"
+			},
+			{
+				valor: "todas",
+				texto: "Todas"
+			}
+		];
+		const vista = ref("sin_asignar");
+		const temaId = ref(null);
+		const temas = ref([]);
+		const clientesInternos = useClienteInternoStore();
+		const resumen = ref(null);
+		const items = ref([]);
+		const cargando = ref(true);
+		const error = ref(null);
+		const ahora = ref(Date.now());
+		const cambiandoDisponible = ref(false);
+		async function cambiarDisponible(e) {
+			const disponible = e.target.checked;
+			cambiandoDisponible.value = true;
+			try {
+				await chatService.marcarDisponible(disponible);
+				if (resumen.value) resumen.value = {
+					...resumen.value,
+					disponible
+				};
+			} catch (err) {
+				error.value = mensajeError(err, "No se pudo cambiar su disponibilidad.");
+			} finally {
+				cambiandoDisponible.value = false;
+			}
+		}
+		async function cargar(silencioso = false) {
+			if (!silencioso) cargando.value = true;
+			error.value = null;
+			try {
+				[resumen.value, items.value] = await Promise.all([chatService.resumen(), chatService.conversaciones(vista.value, temaId.value, clientesInternos.seleccionado)]);
+				ahora.value = Date.now();
+			} catch (e) {
+				error.value = mensajeError(e, "No se pudo cargar la bandeja del chat.");
+			} finally {
+				cargando.value = false;
+			}
+		}
+		function contador(v) {
+			if (!resumen.value) return 0;
+			if (v === "sin_asignar") return resumen.value.sin_asignar;
+			if (v === "mias") return resumen.value.mias;
+			return 0;
+		}
+		watch([
+			vista,
+			temaId,
+			() => clientesInternos.seleccionado
+		], () => void cargar());
+		let reloj = null;
+		onMounted(async () => {
+			await cargar();
+			chatService.temas().then((t) => temas.value = t).catch(() => void 0);
+			reloj = setInterval(() => void cargar(true), CADA_MS);
+		});
+		onBeforeUnmount(() => {
+			if (reloj) clearInterval(reloj);
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("section", _hoisted_1, [
+				createElementVNode("header", _hoisted_2, [_cache[7] || (_cache[7] = createElementVNode("div", null, [createElementVNode("h1", { class: "page-title" }, "Chat con los empleados"), createElementVNode("p", { class: "page-subtitle" }, " Consultas que los empleados escriben desde su Portal de autogestión. Tome una conversación para atenderla; el plazo de primera respuesta corre solo en el horario de atención. ")], -1)), createElementVNode("div", _hoisted_3, [
+					resumen.value?.atiende ? (openBlock(), createElementBlock("label", _hoisted_4, [createElementVNode("input", {
+						type: "checkbox",
+						checked: resumen.value.disponible !== false,
+						disabled: cambiandoDisponible.value,
+						onChange: cambiarDisponible
+					}, null, 40, _hoisted_5), _cache[2] || (_cache[2] = createTextVNode(" Disponible ", -1))])) : createCommentVNode("", true),
+					createVNode(unref(RouterLink), {
+						to: { name: unref(RUTAS_PORTAL).chatInforme },
+						class: "btn-secondary"
+					}, {
+						default: withCtx(() => [..._cache[3] || (_cache[3] = [createTextVNode("Informe", -1)])]),
+						_: 1
+					}, 8, ["to"]),
+					createVNode(unref(RouterLink), {
+						to: { name: unref(RUTAS_PORTAL).chatRespuestas },
+						class: "btn-secondary"
+					}, {
+						default: withCtx(() => [..._cache[4] || (_cache[4] = [createTextVNode("Respuestas guardadas", -1)])]),
+						_: 1
+					}, 8, ["to"]),
+					createVNode(unref(RouterLink), {
+						to: { name: unref(RUTAS_PORTAL).chatConocimiento },
+						class: "btn-secondary"
+					}, {
+						default: withCtx(() => [..._cache[5] || (_cache[5] = [createTextVNode("Base de conocimiento", -1)])]),
+						_: 1
+					}, 8, ["to"]),
+					createVNode(unref(RouterLink), {
+						to: { name: unref(RUTAS_PORTAL).chatConfiguracion },
+						class: "btn-secondary"
+					}, {
+						default: withCtx(() => [..._cache[6] || (_cache[6] = [createTextVNode("Configuración", -1)])]),
+						_: 1
+					}, 8, ["to"])
+				])]),
+				resumen.value && resumen.value.vencidas > 0 ? (openBlock(), createElementBlock("p", _hoisted_6, toDisplayString(resumen.value.vencidas) + " " + toDisplayString(resumen.value.vencidas === 1 ? "conversación pasó" : "conversaciones pasaron") + " el plazo de primera respuesta. ", 1)) : createCommentVNode("", true),
+				createElementVNode("div", _hoisted_7, [
+					(openBlock(), createElementBlock(Fragment, null, renderList(vistas, (v) => {
+						return createElementVNode("button", {
+							key: v.valor,
+							type: "button",
+							role: "tab",
+							"aria-selected": vista.value === v.valor,
+							class: normalizeClass(vista.value === v.valor ? "btn-primary" : "btn-secondary"),
+							onClick: ($event) => vista.value = v.valor
+						}, [createTextVNode(toDisplayString(v.texto) + " ", 1), contador(v.valor) > 0 ? (openBlock(), createElementBlock("span", _hoisted_9, toDisplayString(contador(v.valor)), 1)) : createCommentVNode("", true)], 10, _hoisted_8);
+					}), 64)),
+					_cache[9] || (_cache[9] = createElementVNode("label", {
+						for: "chat-tema",
+						class: "label",
+						style: { "margin-left": "auto" }
+					}, "Tema", -1)),
+					withDirectives(createElementVNode("select", {
+						id: "chat-tema",
+						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => temaId.value = $event),
+						class: "input"
+					}, [_cache[8] || (_cache[8] = createElementVNode("option", { value: null }, "Todos", -1)), (openBlock(true), createElementBlock(Fragment, null, renderList(temas.value, (t) => {
+						return openBlock(), createElementBlock("option", {
+							key: t.id,
+							value: t.id
+						}, toDisplayString(t.nombre), 9, _hoisted_10);
+					}), 128))], 512), [[vModelSelect, temaId.value]]),
+					createElementVNode("button", {
+						type: "button",
+						class: "btn-secondary",
+						disabled: cargando.value,
+						onClick: _cache[1] || (_cache[1] = ($event) => cargar())
+					}, "Actualizar", 8, _hoisted_11)
+				]),
+				error.value ? (openBlock(), createElementBlock("p", _hoisted_12, toDisplayString(error.value), 1)) : cargando.value ? (openBlock(), createElementBlock("p", _hoisted_13, "Cargando…")) : items.value.length === 0 ? (openBlock(), createElementBlock("p", _hoisted_14, "No hay conversaciones en esta vista.")) : (openBlock(), createElementBlock("div", _hoisted_15, [createElementVNode("table", _hoisted_16, [_cache[10] || (_cache[10] = createElementVNode("thead", null, [createElementVNode("tr", null, [
+					createElementVNode("th", null, "Empleado"),
+					createElementVNode("th", null, "Tema"),
+					createElementVNode("th", null, "Último mensaje"),
+					createElementVNode("th", null, "Estado"),
+					createElementVNode("th", null, "Plazo")
+				])], -1)), createElementVNode("tbody", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(items.value, (c) => {
+					return openBlock(), createElementBlock("tr", { key: c.id }, [
+						createElementVNode("td", null, [
+							createVNode(unref(RouterLink), {
+								to: {
+									name: unref(RUTAS_PORTAL).chatConversacion,
+									params: { id: c.id }
+								},
+								class: "enlace"
+							}, {
+								default: withCtx(() => [createTextVNode(toDisplayString(c.empleado ?? "—"), 1)]),
+								_: 2
+							}, 1032, ["to"]),
+							c.no_leidos > 0 ? (openBlock(), createElementBlock("span", {
+								key: 0,
+								class: "contador nuevo",
+								"aria-label": `${c.no_leidos} sin leer`
+							}, toDisplayString(c.no_leidos), 9, _hoisted_17)) : createCommentVNode("", true),
+							c.cliente_interno ? (openBlock(), createElementBlock("span", {
+								key: 1,
+								class: "cliente",
+								title: c.cliente_interno.nit ? `NIT ${c.cliente_interno.nit}` : void 0
+							}, toDisplayString(c.cliente_interno.nombre), 9, _hoisted_18)) : createCommentVNode("", true),
+							createElementVNode("span", _hoisted_19, [createTextVNode(toDisplayString(c.identificacion), 1), c.cargo ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(" · " + toDisplayString(c.cargo), 1)], 64)) : createCommentVNode("", true)])
+						]),
+						createElementVNode("td", null, [createTextVNode(toDisplayString(c.tema?.nombre ?? "Sin tema") + " ", 1), c.tema?.confidencial ? (openBlock(), createElementBlock("span", _hoisted_20, "Confidencial")) : createCommentVNode("", true)]),
+						createElementVNode("td", null, [createElementVNode("span", _hoisted_21, [c.ultimo_mensaje?.interno ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode("Nota interna: ")], 64)) : createCommentVNode("", true), createTextVNode(toDisplayString(c.ultimo_mensaje?.extracto ?? "—"), 1)]), createElementVNode("span", _hoisted_22, toDisplayString(unref(fechaHora)(c.ultimo_mensaje_en)), 1)]),
+						createElementVNode("td", null, [createElementVNode("span", { class: normalizeClass(["estado", unref(ESTADOS_CONVERSACION)[c.estado].clase]) }, toDisplayString(unref(ESTADOS_CONVERSACION)[c.estado].texto), 3), c.asignada_a ? (openBlock(), createElementBlock("span", _hoisted_23, toDisplayString(c.asignada_a.nombre), 1)) : createCommentVNode("", true)]),
+						createElementVNode("td", null, [!c.primera_respuesta_en && c.vence_primera_respuesta_en && ["sin_asignar", "asignada"].includes(c.estado) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createElementVNode("span", { class: normalizeClass({ vencida: c.vencida }) }, "Responder " + toDisplayString(unref(relativo)(c.vence_primera_respuesta_en, ahora.value)), 3), createElementVNode("span", _hoisted_24, toDisplayString(unref(fechaHora)(c.vence_primera_respuesta_en)), 1)], 64)) : ["asignada", "esperando_empleado"].includes(c.estado) && c.vence_resolucion_en ? (openBlock(), createElementBlock("span", {
+							key: 1,
+							class: normalizeClass({ vencida: c.vencida })
+						}, "Resolver " + toDisplayString(unref(relativo)(c.vence_resolucion_en, ahora.value)), 3)) : c.calificacion ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [createTextVNode("Calificación: " + toDisplayString(c.calificacion) + "/5", 1)], 64)) : (openBlock(), createElementBlock(Fragment, { key: 3 }, [createTextVNode("—")], 64))])
+					]);
+				}), 128))])])]))
+			]);
+		};
+	}
+}), [["__scopeId", "data-v-63d2d7cc"]]);
+//#endregion
+export { ChatBandejaView_default as default };