@softdin/portal-admin 0.0.0-stage → 0.2.0

package/dist-lib/chunks/ChatConfiguracionView-BdH5gDdR.js

@@ -0,0 +1,716 @@
+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 { c as textoHorario, i as chatService, t as DIAS_SEMANA } from "./chat.service-C7ZQf4w3.js";
+import { t as mensajeError } from "./apiError-BHGbwz97.js";
+import { t as ToggleSwitch_default } from "./ToggleSwitch-BYrIyheq.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, normalizeClass, onMounted, openBlock, ref, renderList, toDisplayString, unref, useModel, vModelCheckbox, vModelSelect, vModelText, withCtx, withDirectives, withModifiers } from "vue";
+import { RouterLink } from "vue-router";
+//#region src/components/chat/ChatHorarioCampos.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$2 = ["disabled"];
+var _hoisted_2$2 = { class: "toolbar" };
+var _hoisted_3$2 = ["aria-pressed", "onClick"];
+var _hoisted_4$2 = { class: "toolbar" };
+var _hoisted_5$2 = ["for"];
+var _hoisted_6$2 = ["id"];
+var _hoisted_7$2 = ["for"];
+var _hoisted_8$2 = ["id"];
+//#endregion
+//#region src/components/chat/ChatHorarioCampos.vue
+var ChatHorarioCampos_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "ChatHorarioCampos",
+	props: /*@__PURE__*/ mergeModels({
+		id: {},
+		disabled: { type: Boolean }
+	}, {
+		"modelValue": { required: true },
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const horario = useModel(__props, "modelValue");
+		function alternarDia(n) {
+			const dias = horario.value.dias;
+			horario.value = {
+				...horario.value,
+				dias: dias.includes(n) ? dias.filter((d) => d !== n) : [...dias, n].sort()
+			};
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("fieldset", {
+				class: "horario",
+				disabled: __props.disabled
+			}, [
+				_cache[2] || (_cache[2] = createElementVNode("legend", { class: "label" }, "Días de atención", -1)),
+				createElementVNode("div", _hoisted_2$2, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(DIAS_SEMANA), (d) => {
+					return openBlock(), createElementBlock("button", {
+						key: d.n,
+						type: "button",
+						class: normalizeClass(horario.value.dias.includes(d.n) ? "btn-primary" : "btn-secondary"),
+						"aria-pressed": horario.value.dias.includes(d.n),
+						onClick: ($event) => alternarDia(d.n)
+					}, toDisplayString(d.texto), 11, _hoisted_3$2);
+				}), 128))]),
+				createElementVNode("div", _hoisted_4$2, [
+					createElementVNode("label", {
+						class: "label",
+						for: `${__props.id}-desde`
+					}, "Desde", 8, _hoisted_5$2),
+					withDirectives(createElementVNode("input", {
+						id: `${__props.id}-desde`,
+						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => horario.value.desde = $event),
+						type: "time",
+						class: "input"
+					}, null, 8, _hoisted_6$2), [[vModelText, horario.value.desde]]),
+					createElementVNode("label", {
+						class: "label",
+						for: `${__props.id}-hasta`
+					}, "hasta", 8, _hoisted_7$2),
+					withDirectives(createElementVNode("input", {
+						id: `${__props.id}-hasta`,
+						"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => horario.value.hasta = $event),
+						type: "time",
+						class: "input"
+					}, null, 8, _hoisted_8$2), [[vModelText, horario.value.hasta]])
+				])
+			], 8, _hoisted_1$2);
+		};
+	}
+}), [["__scopeId", "data-v-772cd631"]]);
+//#endregion
+//#region src/components/chat/ChatClientesInternos.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$1 = {
+	key: 0,
+	class: "panel"
+};
+var _hoisted_2$1 = {
+	key: 0,
+	class: "panel-error",
+	role: "alert"
+};
+var _hoisted_3$1 = {
+	key: 1,
+	class: "panel-muted",
+	role: "status"
+};
+var _hoisted_4$1 = { class: "table-wrap" };
+var _hoisted_5$1 = { class: "data-table" };
+var _hoisted_6$1 = { key: 0 };
+var _hoisted_7$1 = ["data-cliente"];
+var _hoisted_8$1 = {
+	key: 0,
+	class: "sub"
+};
+var _hoisted_9$1 = { key: 0 };
+var _hoisted_10$1 = { class: "toolbar acciones" };
+var _hoisted_11$1 = ["disabled", "onClick"];
+var _hoisted_12$1 = ["disabled", "onClick"];
+var _hoisted_13$1 = { class: "panel-title" };
+var _hoisted_14$1 = { class: "campo corto" };
+var _hoisted_15$1 = { value: false };
+var _hoisted_16$1 = {
+	key: 0,
+	class: "panel-muted"
+};
+var _hoisted_17$1 = { class: "label" };
+var _hoisted_18$1 = {
+	key: 2,
+	class: "panel-muted"
+};
+var _hoisted_19$1 = { class: "label" };
+var _hoisted_20$1 = {
+	key: 4,
+	class: "panel-muted"
+};
+var _hoisted_21$1 = { class: "toolbar" };
+var _hoisted_22$1 = ["disabled"];
+var _hoisted_23$1 = ["disabled"];
+//#endregion
+//#region src/components/chat/ChatClientesInternos.vue
+var ChatClientesInternos_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "ChatClientesInternos",
+	props: {
+		general: {},
+		ajustes: {},
+		admin: { type: Boolean }
+	},
+	emits: ["actualizados"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const clientesInternos = useClienteInternoStore();
+		const clientes = computed(() => clientesInternos.seleccionado === null ? clientesInternos.lista : clientesInternos.lista.filter((c) => c.id === clientesInternos.seleccionado));
+		const editando = ref(null);
+		const ocupado = ref(false);
+		const error = ref(null);
+		const aviso = ref(null);
+		const porCliente = computed(() => new Map(props.ajustes.map((a) => [a.cliente_interno_id, a])));
+		/** Lo que de verdad aplica a un cliente y si es propio o heredado. */
+		function estado(c) {
+			const a = porCliente.value.get(c.id);
+			return {
+				ajustado: a !== void 0,
+				activo: props.general.activo && a?.activo !== false,
+				activoPropio: props.general.activo && a?.activo === false,
+				horario: a?.horario ?? props.general.horario,
+				horarioPropio: !!a?.horario,
+				mensaje: a?.mensaje_fuera_horario ?? props.general.mensaje_fuera_horario,
+				mensajePropio: a?.mensaje_fuera_horario != null
+			};
+		}
+		const copiaHorario = (h) => ({
+			...h,
+			dias: [...h.dias]
+		});
+		function ajustar(c) {
+			const a = porCliente.value.get(c.id);
+			aviso.value = null;
+			editando.value = {
+				cliente: c,
+				apagado: a?.activo === false,
+				horarioPropio: !!a?.horario,
+				horario: copiaHorario(a?.horario ?? props.general.horario),
+				mensajePropio: a?.mensaje_fuera_horario != null,
+				mensaje: a?.mensaje_fuera_horario ?? props.general.mensaje_fuera_horario ?? ""
+			};
+		}
+		async function ejecutar(fn, ok) {
+			ocupado.value = true;
+			error.value = null;
+			aviso.value = null;
+			try {
+				const config = await fn();
+				emit("actualizados", config.clientes_internos ?? []);
+				editando.value = null;
+				aviso.value = ok;
+			} catch (e) {
+				error.value = mensajeError(e, "No se pudo guardar el ajuste del cliente.");
+			} finally {
+				ocupado.value = false;
+			}
+		}
+		function guardar() {
+			const e = editando.value;
+			if (!e) return;
+			const ajuste = {
+				activo: e.apagado ? false : null,
+				horario: e.horarioPropio ? e.horario : null,
+				mensaje_fuera_horario: e.mensajePropio && e.mensaje.trim() ? e.mensaje.trim() : null
+			};
+			if (ajuste.activo === null && ajuste.horario === null && ajuste.mensaje_fuera_horario === null) {
+				if (porCliente.value.has(e.cliente.id)) volverAlGeneral(e.cliente);
+				else editando.value = null;
+				return;
+			}
+			ejecutar(() => chatService.ajustarClienteInterno(e.cliente.id, ajuste), `${e.cliente.nombre}: ajuste guardado.`);
+		}
+		async function volverAlGeneral(c) {
+			await ejecutar(() => chatService.heredarClienteInterno(c.id), `${c.nombre}: vuelve a lo general.`);
+		}
+		return (_ctx, _cache) => {
+			return clientes.value.length ? (openBlock(), createElementBlock("div", _hoisted_1$1, [
+				_cache[14] || (_cache[14] = createElementVNode("div", null, [createElementVNode("p", { class: "panel-title" }, "Ajustes por cliente"), createElementVNode("p", { class: "panel-muted" }, " Cada cliente usa lo general, salvo lo que se le ajuste: eso prevalece para sus empleados. Se puede apagar el chat para un cliente, pero no encenderlo si el general está apagado. ")], -1)),
+				error.value ? (openBlock(), createElementBlock("p", _hoisted_2$1, toDisplayString(error.value), 1)) : createCommentVNode("", true),
+				aviso.value ? (openBlock(), createElementBlock("p", _hoisted_3$1, toDisplayString(aviso.value), 1)) : createCommentVNode("", true),
+				createElementVNode("div", _hoisted_4$1, [createElementVNode("table", _hoisted_5$1, [createElementVNode("thead", null, [createElementVNode("tr", null, [
+					_cache[6] || (_cache[6] = createElementVNode("th", null, "Cliente", -1)),
+					_cache[7] || (_cache[7] = createElementVNode("th", null, "Chat", -1)),
+					_cache[8] || (_cache[8] = createElementVNode("th", null, "Horario", -1)),
+					_cache[9] || (_cache[9] = createElementVNode("th", null, "Mensaje fuera de horario", -1)),
+					__props.admin ? (openBlock(), createElementBlock("th", _hoisted_6$1)) : createCommentVNode("", true)
+				])]), createElementVNode("tbody", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(clientes.value, (c) => {
+					return openBlock(), createElementBlock("tr", {
+						key: c.id,
+						"data-cliente": c.id
+					}, [
+						createElementVNode("td", null, [
+							createTextVNode(toDisplayString(c.nombre) + " ", 1),
+							c.nit ? (openBlock(), createElementBlock("span", _hoisted_8$1, "NIT " + toDisplayString(c.nit), 1)) : createCommentVNode("", true),
+							createElementVNode("span", { class: normalizeClass(["estado", estado(c).ajustado ? "estado-info" : "estado-neutro"]) }, toDisplayString(estado(c).ajustado ? "Ajustado" : "Como el general"), 3)
+						]),
+						createElementVNode("td", null, [createElementVNode("span", { class: normalizeClass(["estado", estado(c).activo ? "estado-ok" : "estado-neutro"]) }, toDisplayString(estado(c).activo ? "Encendido" : "Apagado"), 3), createElementVNode("span", { class: normalizeClass(["sub", { propio: estado(c).activoPropio }]) }, toDisplayString(estado(c).activoPropio ? "Propio" : "Del general"), 3)]),
+						createElementVNode("td", null, [createTextVNode(toDisplayString(unref(textoHorario)(estado(c).horario)) + " ", 1), createElementVNode("span", { class: normalizeClass(["sub", { propio: estado(c).horarioPropio }]) }, toDisplayString(estado(c).horarioPropio ? "Propio" : "Del general"), 3)]),
+						createElementVNode("td", null, [createTextVNode(toDisplayString(estado(c).mensaje ?? "—") + " ", 1), createElementVNode("span", { class: normalizeClass(["sub", { propio: estado(c).mensajePropio }]) }, toDisplayString(estado(c).mensajePropio ? "Propio" : "Del general"), 3)]),
+						__props.admin ? (openBlock(), createElementBlock("td", _hoisted_9$1, [createElementVNode("div", _hoisted_10$1, [createElementVNode("button", {
+							type: "button",
+							class: "btn-secondary",
+							disabled: ocupado.value,
+							onClick: ($event) => ajustar(c)
+						}, "Ajustar", 8, _hoisted_11$1), estado(c).ajustado ? (openBlock(), createElementBlock("button", {
+							key: 0,
+							type: "button",
+							class: "btn-secondary",
+							disabled: ocupado.value,
+							onClick: ($event) => volverAlGeneral(c)
+						}, " Volver al general ", 8, _hoisted_12$1)) : createCommentVNode("", true)])])) : createCommentVNode("", true)
+					], 8, _hoisted_7$1);
+				}), 128))])])]),
+				__props.admin && editando.value ? (openBlock(), createElementBlock("form", {
+					key: 2,
+					class: "edicion",
+					onSubmit: withModifiers(guardar, ["prevent"])
+				}, [
+					createElementVNode("p", _hoisted_13$1, "Ajuste para " + toDisplayString(editando.value.cliente.nombre), 1),
+					createElementVNode("label", _hoisted_14$1, [_cache[11] || (_cache[11] = createElementVNode("span", { class: "label" }, "Chat", -1)), withDirectives(createElementVNode("select", {
+						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => editando.value.apagado = $event),
+						class: "input",
+						"aria-label": "Chat para este cliente"
+					}, [createElementVNode("option", _hoisted_15$1, "Como el general (" + toDisplayString(__props.general.activo ? "encendido" : "apagado") + ")", 1), _cache[10] || (_cache[10] = createElementVNode("option", { value: true }, "Apagado para este cliente", -1))], 512), [[vModelSelect, editando.value.apagado]])]),
+					!__props.general.activo ? (openBlock(), createElementBlock("p", _hoisted_16$1, "El chat general está apagado: este cliente tampoco lo tiene mientras siga así.")) : createCommentVNode("", true),
+					createElementVNode("label", _hoisted_17$1, [withDirectives(createElementVNode("input", {
+						"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => editando.value.horarioPropio = $event),
+						type: "checkbox"
+					}, null, 512), [[vModelCheckbox, editando.value.horarioPropio]]), _cache[12] || (_cache[12] = createTextVNode(" Horario propio", -1))]),
+					editando.value.horarioPropio ? (openBlock(), createBlock(ChatHorarioCampos_default, {
+						key: 1,
+						modelValue: editando.value.horario,
+						"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => editando.value.horario = $event),
+						id: `chat-ci-${editando.value.cliente.id}`
+					}, null, 8, ["modelValue", "id"])) : (openBlock(), createElementBlock("p", _hoisted_18$1, "Usa el general: " + toDisplayString(unref(textoHorario)(__props.general.horario)) + ".", 1)),
+					createElementVNode("label", _hoisted_19$1, [withDirectives(createElementVNode("input", {
+						"onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => editando.value.mensajePropio = $event),
+						type: "checkbox"
+					}, null, 512), [[vModelCheckbox, editando.value.mensajePropio]]), _cache[13] || (_cache[13] = createTextVNode(" Mensaje fuera de horario propio", -1))]),
+					editando.value.mensajePropio ? withDirectives((openBlock(), createElementBlock("input", {
+						key: 3,
+						"onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => editando.value.mensaje = $event),
+						class: "input",
+						maxlength: "500",
+						"aria-label": "Mensaje fuera de horario del cliente",
+						placeholder: "Te responderemos el siguiente día hábil."
+					}, null, 512)), [[vModelText, editando.value.mensaje]]) : (openBlock(), createElementBlock("p", _hoisted_20$1, "Usa el general: " + toDisplayString(__props.general.mensaje_fuera_horario ?? "sin mensaje") + ".", 1)),
+					createElementVNode("div", _hoisted_21$1, [createElementVNode("button", {
+						type: "submit",
+						class: "btn-primary",
+						disabled: ocupado.value || editando.value.horarioPropio && editando.value.horario.dias.length === 0
+					}, " Guardar ", 8, _hoisted_22$1), createElementVNode("button", {
+						type: "button",
+						class: "btn-secondary",
+						disabled: ocupado.value,
+						onClick: _cache[5] || (_cache[5] = ($event) => editando.value = null)
+					}, "Cancelar", 8, _hoisted_23$1)])
+				], 32)) : createCommentVNode("", true)
+			])) : createCommentVNode("", true);
+		};
+	}
+}), [["__scopeId", "data-v-fdeaf51a"]]);
+//#endregion
+//#region src/views/chat/ChatConfiguracionView.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "page-shell" };
+var _hoisted_2 = {
+	key: 0,
+	class: "panel-error",
+	role: "alert"
+};
+var _hoisted_3 = {
+	key: 1,
+	class: "panel-muted",
+	role: "status"
+};
+var _hoisted_4 = {
+	key: 2,
+	class: "panel-muted"
+};
+var _hoisted_5 = {
+	key: 0,
+	class: "panel-muted"
+};
+var _hoisted_6 = { class: "fila" };
+var _hoisted_7 = { class: "campo" };
+var _hoisted_8 = ["disabled"];
+var _hoisted_9 = { class: "campo corto" };
+var _hoisted_10 = ["disabled"];
+var _hoisted_11 = { class: "fila ia" };
+var _hoisted_12 = { class: "panel-muted" };
+var _hoisted_13 = {
+	key: 0,
+	class: "panel-error"
+};
+var _hoisted_14 = {
+	key: 1,
+	class: "panel-muted"
+};
+var _hoisted_15 = { class: "campo corto" };
+var _hoisted_16 = ["disabled"];
+var _hoisted_17 = { key: 0 };
+var _hoisted_18 = ["disabled"];
+var _hoisted_19 = { class: "panel" };
+var _hoisted_20 = {
+	key: 0,
+	class: "panel-muted"
+};
+var _hoisted_21 = {
+	key: 1,
+	class: "table-wrap"
+};
+var _hoisted_22 = { class: "data-table" };
+var _hoisted_23 = { key: 0 };
+var _hoisted_24 = ["onUpdate:modelValue", "disabled"];
+var _hoisted_25 = ["onUpdate:modelValue", "disabled"];
+var _hoisted_26 = ["onUpdate:modelValue", "disabled"];
+var _hoisted_27 = [
+	"value",
+	"disabled",
+	"onChange"
+];
+var _hoisted_28 = [
+	"value",
+	"disabled",
+	"onChange"
+];
+var _hoisted_29 = ["onUpdate:modelValue", "disabled"];
+var _hoisted_30 = { key: 0 };
+var _hoisted_31 = ["disabled", "onClick"];
+var _hoisted_32 = ["disabled"];
+var _hoisted_33 = { class: "panel" };
+var _hoisted_34 = { class: "table-wrap" };
+var _hoisted_35 = { class: "data-table" };
+var _hoisted_36 = { key: 0 };
+var _hoisted_37 = { class: "sub" };
+var _hoisted_38 = [
+	"onUpdate:modelValue",
+	"disabled",
+	"aria-label"
+];
+var _hoisted_39 = [
+	"onUpdate:modelValue",
+	"disabled",
+	"aria-label"
+];
+var _hoisted_40 = { class: "temas-persona" };
+var _hoisted_41 = [
+	"checked",
+	"disabled",
+	"onChange"
+];
+var _hoisted_42 = { key: 0 };
+var _hoisted_43 = ["disabled", "onClick"];
+//#endregion
+//#region src/views/chat/ChatConfiguracionView.vue
+var ChatConfiguracionView_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "ChatConfiguracionView",
+	setup(__props) {
+		const resumen = ref(null);
+		const config = ref(null);
+		/** Lo general tal como está guardado: es lo que heredan los clientes internos sin ajuste. */
+		const guardada = ref(null);
+		const temas = ref([]);
+		const personas = ref([]);
+		const cargando = ref(true);
+		const ocupado = ref(false);
+		const error = ref(null);
+		const aviso = ref(null);
+		const nuevoTema = ref("");
+		const admin = computed(() => resumen.value?.es_admin === true);
+		async function cargar() {
+			cargando.value = true;
+			error.value = null;
+			try {
+				[resumen.value, config.value, temas.value, personas.value] = await Promise.all([
+					chatService.resumen(),
+					chatService.configuracion(),
+					chatService.temas(),
+					chatService.personas()
+				]);
+				recordarGuardada();
+			} catch (e) {
+				error.value = mensajeError(e, "No se pudo cargar la configuración del chat.");
+			} finally {
+				cargando.value = false;
+			}
+		}
+		async function guardar(fn, ok, falla) {
+			ocupado.value = true;
+			error.value = null;
+			aviso.value = null;
+			try {
+				await fn();
+				aviso.value = ok;
+			} catch (e) {
+				error.value = mensajeError(e, falla);
+			} finally {
+				ocupado.value = false;
+			}
+		}
+		function recordarGuardada() {
+			guardada.value = config.value ? JSON.parse(JSON.stringify(config.value)) : null;
+		}
+		/** Los ajustes por cliente se guardan aparte: solo se reemplazan ellos, sin pisar lo general sin guardar. */
+		function ajustesActualizados(ajustes) {
+			if (config.value) config.value.clientes_internos = ajustes;
+		}
+		const guardarConfig = () => guardar(async () => {
+			config.value = await chatService.guardarConfiguracion(config.value);
+			recordarGuardada();
+			temas.value = await chatService.temas();
+		}, "Configuración guardada.", "No se pudo guardar la configuración.");
+		const guardarTema = (t) => guardar(async () => {
+			const r = await chatService.actualizarTema(t.id, {
+				nombre: t.nombre,
+				descripcion: t.descripcion,
+				confidencial: t.confidencial,
+				asignacion_automatica: t.asignacion_automatica,
+				minutos_primera_respuesta: t.minutos_primera_respuesta,
+				minutos_resolucion: t.minutos_resolucion,
+				activo: t.activo
+			});
+			Object.assign(t, r);
+		}, `Tema «${t.nombre}» guardado.`, "No se pudo guardar el tema.");
+		const crearTema = () => guardar(async () => {
+			temas.value.push(await chatService.crearTema({
+				nombre: nuevoTema.value.trim(),
+				orden: temas.value.length
+			}));
+			nuevoTema.value = "";
+		}, "Tema creado.", "No se pudo crear el tema.");
+		function alternarTemaDePersona(p, temaId) {
+			p.temas = p.temas.includes(temaId) ? p.temas.filter((t) => t !== temaId) : [...p.temas, temaId];
+		}
+		const guardarPersona = (p) => guardar(async () => {
+			personas.value = await chatService.actualizarPersona(p.id, {
+				atiende_chat: p.atiende_chat,
+				disponible: p.disponible,
+				temas: p.atiende_chat ? p.temas : []
+			});
+			temas.value = await chatService.temas();
+		}, `${p.nombre}: guardado.`, "No se pudo guardar la persona.");
+		/** Minutos hábiles ↔ horas, para editar en horas. */
+		const horas = (min) => Math.round(min / 60 * 10) / 10;
+		const aMinutos = (h) => Math.max(15, Math.round(Number(h) * 60));
+		onMounted(() => void cargar());
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("section", _hoisted_1, [
+				createVNode(unref(RouterLink), {
+					to: { name: unref(RUTAS_PORTAL).chat },
+					class: "volver"
+				}, {
+					default: withCtx(() => [..._cache[7] || (_cache[7] = [createTextVNode("← Bandeja", -1)])]),
+					_: 1
+				}, 8, ["to"]),
+				_cache[31] || (_cache[31] = createElementVNode("header", null, [createElementVNode("h1", { class: "page-title" }, "Configuración del chat"), createElementVNode("p", { class: "page-subtitle" }, " Los empleados escriben desde su Portal de autogestión y les responde una persona de RRHH. Los plazos se cuentan en horas hábiles: dentro del horario de atención y sin festivos. ")], -1)),
+				error.value ? (openBlock(), createElementBlock("p", _hoisted_2, toDisplayString(error.value), 1)) : createCommentVNode("", true),
+				aviso.value ? (openBlock(), createElementBlock("p", _hoisted_3, toDisplayString(aviso.value), 1)) : createCommentVNode("", true),
+				cargando.value ? (openBlock(), createElementBlock("p", _hoisted_4, "Cargando…")) : config.value ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [
+					!admin.value ? (openBlock(), createElementBlock("p", _hoisted_5, "Solo un administrador del cliente puede cambiar esta configuración.")) : createCommentVNode("", true),
+					createElementVNode("form", {
+						class: "panel",
+						onSubmit: withModifiers(guardarConfig, ["prevent"])
+					}, [
+						createElementVNode("div", _hoisted_6, [_cache[8] || (_cache[8] = createElementVNode("div", null, [createElementVNode("p", { class: "panel-title" }, "Chat activo para los empleados"), createElementVNode("p", { class: "panel-muted" }, "Apagado, los empleados no pueden escribir; lo ya abierto se sigue atendiendo aquí.")], -1)), createVNode(ToggleSwitch_default, {
+							modelValue: config.value.activo,
+							"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => config.value.activo = $event),
+							disabled: !admin.value || ocupado.value,
+							"aria-label": "Chat activo"
+						}, null, 8, ["modelValue", "disabled"])]),
+						createVNode(ChatHorarioCampos_default, {
+							modelValue: config.value.horario,
+							"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => config.value.horario = $event),
+							id: "chat",
+							disabled: !admin.value
+						}, null, 8, ["modelValue", "disabled"]),
+						createElementVNode("label", _hoisted_7, [_cache[9] || (_cache[9] = createElementVNode("span", { class: "label" }, "Mensaje fuera de horario (opcional)", -1)), withDirectives(createElementVNode("input", {
+							"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => config.value.mensaje_fuera_horario = $event),
+							class: "input",
+							maxlength: "500",
+							disabled: !admin.value,
+							placeholder: "Te responderemos el siguiente día hábil."
+						}, null, 8, _hoisted_8), [[vModelText, config.value.mensaje_fuera_horario]])]),
+						createElementVNode("label", _hoisted_9, [_cache[10] || (_cache[10] = createElementVNode("span", { class: "label" }, "Conservar las conversaciones (días desde el cierre)", -1)), withDirectives(createElementVNode("input", {
+							"onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => config.value.dias_conservacion = $event),
+							type: "number",
+							min: "30",
+							max: "3650",
+							class: "input",
+							disabled: !admin.value
+						}, null, 8, _hoisted_10), [[
+							vModelText,
+							config.value.dias_conservacion,
+							void 0,
+							{ number: true }
+						]])]),
+						createElementVNode("div", _hoisted_11, [createElementVNode("div", null, [
+							_cache[14] || (_cache[14] = createElementVNode("p", { class: "panel-title" }, "Asistente de IA", -1)),
+							createElementVNode("p", _hoisted_12, [
+								_cache[12] || (_cache[12] = createTextVNode(" Responde primero a los empleados que acepten su aviso de privacidad, con sus datos publicados y la ", -1)),
+								createVNode(unref(RouterLink), {
+									to: { name: unref(RUTAS_PORTAL).chatConocimiento },
+									class: "enlace"
+								}, {
+									default: withCtx(() => [..._cache[11] || (_cache[11] = [createTextVNode("base de conocimiento", -1)])]),
+									_: 1
+								}, 8, ["to"]),
+								_cache[13] || (_cache[13] = createTextVNode(". Los temas sensibles nunca le llegan: pasan directo a una persona. ", -1))
+							]),
+							config.value.ia_en_servidor === false ? (openBlock(), createElementBlock("p", _hoisted_13, " El servidor del portal aún no tiene el asistente habilitado: encenderlo aquí no tiene efecto hasta que se configure. ")) : createCommentVNode("", true),
+							config.value.uso_ia_hoy ? (openBlock(), createElementBlock("p", _hoisted_14, " Hoy: " + toDisplayString(config.value.uso_ia_hoy.mensajes) + " respuestas del asistente (" + toDisplayString(config.value.uso_ia_hoy.llamadas) + " consultas al proveedor). ", 1)) : createCommentVNode("", true)
+						]), createVNode(ToggleSwitch_default, {
+							modelValue: config.value.ia_activa,
+							"onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => config.value.ia_activa = $event),
+							disabled: !admin.value || ocupado.value,
+							"aria-label": "Asistente de IA activo"
+						}, null, 8, ["modelValue", "disabled"])]),
+						createElementVNode("label", _hoisted_15, [_cache[15] || (_cache[15] = createElementVNode("span", { class: "label" }, "Máximo de respuestas del asistente por día (después responde una persona)", -1)), withDirectives(createElementVNode("input", {
+							"onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => config.value.tope_mensajes_ia_dia = $event),
+							type: "number",
+							min: "0",
+							max: "100000",
+							class: "input",
+							disabled: !admin.value
+						}, null, 8, _hoisted_16), [[
+							vModelText,
+							config.value.tope_mensajes_ia_dia,
+							void 0,
+							{ number: true }
+						]])]),
+						admin.value ? (openBlock(), createElementBlock("div", _hoisted_17, [createElementVNode("button", {
+							type: "submit",
+							class: "btn-primary",
+							disabled: ocupado.value || config.value.horario.dias.length === 0
+						}, "Guardar", 8, _hoisted_18)])) : createCommentVNode("", true)
+					], 32),
+					guardada.value ? (openBlock(), createBlock(ChatClientesInternos_default, {
+						key: 1,
+						general: guardada.value,
+						ajustes: config.value.clientes_internos ?? [],
+						admin: admin.value,
+						onActualizados: ajustesActualizados
+					}, null, 8, [
+						"general",
+						"ajustes",
+						"admin"
+					])) : createCommentVNode("", true),
+					createElementVNode("div", _hoisted_19, [
+						_cache[23] || (_cache[23] = createElementVNode("p", { class: "panel-title" }, "Temas", -1)),
+						_cache[24] || (_cache[24] = createElementVNode("p", { class: "panel-muted" }, " El empleado elige uno al escribir. Un tema confidencial solo lo leen sus personas asignadas (nunca el soporte de SoftDIN) y no se le ofrece al empleado mientras no tenga a nadie. ", -1)),
+						temas.value.length === 0 ? (openBlock(), createElementBlock("p", _hoisted_20, "Se crean al activar el chat.")) : (openBlock(), createElementBlock("div", _hoisted_21, [createElementVNode("table", _hoisted_22, [createElementVNode("thead", null, [createElementVNode("tr", null, [
+							_cache[16] || (_cache[16] = createElementVNode("th", null, "Nombre", -1)),
+							_cache[17] || (_cache[17] = createElementVNode("th", null, "Confidencial", -1)),
+							_cache[18] || (_cache[18] = createElementVNode("th", { title: "Lo que queda sin asignar va solo a la persona disponible con menos carga" }, "Asignación automática", -1)),
+							_cache[19] || (_cache[19] = createElementVNode("th", null, "Primera respuesta (h)", -1)),
+							_cache[20] || (_cache[20] = createElementVNode("th", null, "Resolución (h)", -1)),
+							_cache[21] || (_cache[21] = createElementVNode("th", null, "Personas", -1)),
+							_cache[22] || (_cache[22] = createElementVNode("th", null, "Activo", -1)),
+							admin.value ? (openBlock(), createElementBlock("th", _hoisted_23)) : createCommentVNode("", true)
+						])]), createElementVNode("tbody", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(temas.value, (t) => {
+							return openBlock(), createElementBlock("tr", { key: t.id }, [
+								createElementVNode("td", null, [withDirectives(createElementVNode("input", {
+									"onUpdate:modelValue": ($event) => t.nombre = $event,
+									class: "input",
+									maxlength: "100",
+									disabled: !admin.value,
+									"aria-label": "Nombre del tema"
+								}, null, 8, _hoisted_24), [[vModelText, t.nombre]])]),
+								createElementVNode("td", null, [withDirectives(createElementVNode("input", {
+									"onUpdate:modelValue": ($event) => t.confidencial = $event,
+									type: "checkbox",
+									disabled: !admin.value,
+									"aria-label": "Confidencial"
+								}, null, 8, _hoisted_25), [[vModelCheckbox, t.confidencial]])]),
+								createElementVNode("td", null, [withDirectives(createElementVNode("input", {
+									"onUpdate:modelValue": ($event) => t.asignacion_automatica = $event,
+									type: "checkbox",
+									disabled: !admin.value,
+									"aria-label": "Asignación automática"
+								}, null, 8, _hoisted_26), [[vModelCheckbox, t.asignacion_automatica]])]),
+								createElementVNode("td", null, [createElementVNode("input", {
+									value: horas(t.minutos_primera_respuesta),
+									type: "number",
+									min: "0.25",
+									step: "0.25",
+									class: "input numero",
+									disabled: !admin.value,
+									"aria-label": "Horas para la primera respuesta",
+									onChange: ($event) => t.minutos_primera_respuesta = aMinutos($event.target.value)
+								}, null, 40, _hoisted_27)]),
+								createElementVNode("td", null, [createElementVNode("input", {
+									value: horas(t.minutos_resolucion),
+									type: "number",
+									min: "0.25",
+									step: "0.25",
+									class: "input numero",
+									disabled: !admin.value,
+									"aria-label": "Horas para resolver",
+									onChange: ($event) => t.minutos_resolucion = aMinutos($event.target.value)
+								}, null, 40, _hoisted_28)]),
+								createElementVNode("td", null, toDisplayString(t.personas.length ? personas.value.filter((p) => t.personas.includes(p.id)).map((p) => p.nombre).join(", ") : t.confidencial ? "Nadie (no se ofrece)" : "Cualquiera que atienda"), 1),
+								createElementVNode("td", null, [withDirectives(createElementVNode("input", {
+									"onUpdate:modelValue": ($event) => t.activo = $event,
+									type: "checkbox",
+									disabled: !admin.value,
+									"aria-label": "Activo"
+								}, null, 8, _hoisted_29), [[vModelCheckbox, t.activo]])]),
+								admin.value ? (openBlock(), createElementBlock("td", _hoisted_30, [createElementVNode("button", {
+									type: "button",
+									class: "btn-secondary",
+									disabled: ocupado.value,
+									onClick: ($event) => guardarTema(t)
+								}, "Guardar", 8, _hoisted_31)])) : createCommentVNode("", true)
+							]);
+						}), 128))])])])),
+						admin.value ? (openBlock(), createElementBlock("form", {
+							key: 2,
+							class: "toolbar",
+							onSubmit: withModifiers(crearTema, ["prevent"])
+						}, [withDirectives(createElementVNode("input", {
+							"onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => nuevoTema.value = $event),
+							class: "input",
+							maxlength: "100",
+							placeholder: "Nuevo tema",
+							"aria-label": "Nombre del nuevo tema"
+						}, null, 512), [[vModelText, nuevoTema.value]]), createElementVNode("button", {
+							type: "submit",
+							class: "btn-secondary",
+							disabled: ocupado.value || !nuevoTema.value.trim()
+						}, "Agregar tema", 8, _hoisted_32)], 32)) : createCommentVNode("", true)
+					]),
+					createElementVNode("div", _hoisted_33, [
+						_cache[29] || (_cache[29] = createElementVNode("p", { class: "panel-title" }, "Personas que atienden", -1)),
+						_cache[30] || (_cache[30] = createElementVNode("p", { class: "panel-muted" }, " Usuarios de RRHH de este cliente. Quien atiende el chat ve las conversaciones de sus temas y las de los temas sin personas asignadas. Si deja de atender, lo que tenía vuelve a «sin asignar». ", -1)),
+						createElementVNode("div", _hoisted_34, [createElementVNode("table", _hoisted_35, [createElementVNode("thead", null, [createElementVNode("tr", null, [
+							_cache[25] || (_cache[25] = createElementVNode("th", null, "Usuario", -1)),
+							_cache[26] || (_cache[26] = createElementVNode("th", null, "Atiende el chat", -1)),
+							_cache[27] || (_cache[27] = createElementVNode("th", { title: "Recibe conversaciones de la asignación automática" }, "Disponible", -1)),
+							_cache[28] || (_cache[28] = createElementVNode("th", null, "Temas", -1)),
+							admin.value ? (openBlock(), createElementBlock("th", _hoisted_36)) : createCommentVNode("", true)
+						])]), createElementVNode("tbody", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(personas.value, (p) => {
+							return openBlock(), createElementBlock("tr", { key: p.id }, [
+								createElementVNode("td", null, [createTextVNode(toDisplayString(p.nombre) + " ", 1), createElementVNode("span", _hoisted_37, [createTextVNode(toDisplayString(p.email) + " · " + toDisplayString(p.rol === "admin" ? "Administrador" : "RRHH"), 1), p.es_superadmin ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(" · soporte SoftDIN")], 64)) : createCommentVNode("", true)])]),
+								createElementVNode("td", null, [withDirectives(createElementVNode("input", {
+									"onUpdate:modelValue": ($event) => p.atiende_chat = $event,
+									type: "checkbox",
+									disabled: !admin.value,
+									"aria-label": `${p.nombre} atiende el chat`
+								}, null, 8, _hoisted_38), [[vModelCheckbox, p.atiende_chat]])]),
+								createElementVNode("td", null, [withDirectives(createElementVNode("input", {
+									"onUpdate:modelValue": ($event) => p.disponible = $event,
+									type: "checkbox",
+									disabled: !admin.value || !p.atiende_chat,
+									"aria-label": `${p.nombre} disponible`
+								}, null, 8, _hoisted_39), [[vModelCheckbox, p.disponible]])]),
+								createElementVNode("td", null, [createElementVNode("div", _hoisted_40, [(openBlock(true), createElementBlock(Fragment, null, renderList(temas.value, (t) => {
+									return openBlock(), createElementBlock("label", {
+										key: t.id,
+										class: "opcion"
+									}, [createElementVNode("input", {
+										type: "checkbox",
+										checked: p.temas.includes(t.id),
+										disabled: !admin.value || !p.atiende_chat || t.confidencial && p.es_superadmin,
+										onChange: ($event) => alternarTemaDePersona(p, t.id)
+									}, null, 40, _hoisted_41), createTextVNode(" " + toDisplayString(t.nombre), 1)]);
+								}), 128))])]),
+								admin.value ? (openBlock(), createElementBlock("td", _hoisted_42, [createElementVNode("button", {
+									type: "button",
+									class: "btn-secondary",
+									disabled: ocupado.value,
+									onClick: ($event) => guardarPersona(p)
+								}, "Guardar", 8, _hoisted_43)])) : createCommentVNode("", true)
+							]);
+						}), 128))])])])
+					])
+				], 64)) : createCommentVNode("", true)
+			]);
+		};
+	}
+}), [["__scopeId", "data-v-6a4fed44"]]);
+//#endregion
+export { ChatConfiguracionView_default as default };