@softdin/portal-admin 0.0.0-stage → 0.2.0

package/dist-lib/chunks/CarnetView-BsdUtYeu.js

@@ -0,0 +1,450 @@
+import { t as api } from "./api-M7D1c3IT.js";
+import { t as useClienteInternoStore } from "./cliente-interno.store-De39VsEE.js";
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.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, normalizeClass, onBeforeUnmount, onMounted, openBlock, ref, renderList, toDisplayString, unref, vModelText, watch, withDirectives } from "vue";
+//#region src/services/configuracion-cliente-interno.service.ts
+var carnetClientesInternosService = {
+	async config() {
+		const { data } = await api.get("/carnet/config");
+		return data.data;
+	},
+	/** Valor propio de un cliente interno. */
+	async fijar(clienteInternoId, activo) {
+		const { data } = await api.patch("/carnet/config", {
+			carnet_activo: activo,
+			cliente_interno_id: clienteInternoId
+		});
+		return data.data;
+	},
+	/** Quita el valor propio: vuelve a heredar el del tenant. */
+	async heredar(clienteInternoId) {
+		const { data } = await api.delete(`/carnet/config/clientes-internos/${clienteInternoId}`);
+		return data.data;
+	}
+};
+//#endregion
+//#region src/components/CarnetClientesInternos.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$1 = { class: "panel" };
+var _hoisted_2$1 = { class: "fila" };
+var _hoisted_3$1 = { class: "panel-title" };
+var _hoisted_4$1 = { class: "panel-muted" };
+var _hoisted_5$1 = { class: "control" };
+var _hoisted_6$1 = [
+	"aria-label",
+	"value",
+	"disabled"
+];
+var _hoisted_7$1 = {
+	key: 0,
+	class: "panel-error",
+	role: "alert"
+};
+//#endregion
+//#region src/components/CarnetClientesInternos.vue
+var CarnetClientesInternos_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "CarnetClientesInternos",
+	props: {
+		clienteId: {},
+		tenantActivo: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const clientesInternos = useClienteInternoStore();
+		const propios = ref([]);
+		const ocupado = ref(false);
+		const error = ref(null);
+		const nombre = computed(() => clientesInternos.nombre(props.clienteId));
+		const propio = computed(() => propios.value.find((p) => p.cliente_interno_id === props.clienteId)?.activo);
+		const opcion = computed(() => propio.value === void 0 ? "heredar" : propio.value ? "si" : "no");
+		const efectivo = computed(() => propio.value ?? props.tenantActivo);
+		async function cargar() {
+			error.value = null;
+			try {
+				propios.value = (await carnetClientesInternosService.config()).clientes_internos;
+			} catch (e) {
+				error.value = mensajeError(e, "No se pudo cargar el carnet del cliente.");
+			}
+		}
+		async function cambiar(valor) {
+			ocupado.value = true;
+			error.value = null;
+			try {
+				const config = valor === "heredar" ? await carnetClientesInternosService.heredar(props.clienteId) : await carnetClientesInternosService.fijar(props.clienteId, valor === "si");
+				propios.value = config.clientes_internos;
+			} catch (e) {
+				error.value = mensajeError(e, "No se pudo guardar el cambio.");
+			} finally {
+				ocupado.value = false;
+			}
+		}
+		watch(() => props.clienteId, () => void cargar());
+		onMounted(() => void cargar());
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$1, [createElementVNode("div", _hoisted_2$1, [createElementVNode("div", null, [createElementVNode("p", _hoisted_3$1, "Carnet digital para los empleados de " + toDisplayString(nombre.value), 1), createElementVNode("p", _hoisted_4$1, " Usa lo de todo el tenant (hoy " + toDisplayString(__props.tenantActivo ? "encendido" : "apagado") + "), salvo que le fije su propio valor: ese prevalece para sus empleados. ", 1)]), createElementVNode("div", _hoisted_5$1, [createElementVNode("select", {
+				id: "carnet-cliente-interno",
+				class: "campo",
+				"aria-label": `Carnet para ${nombre.value}`,
+				value: opcion.value,
+				disabled: ocupado.value,
+				onChange: _cache[0] || (_cache[0] = ($event) => cambiar($event.target.value))
+			}, [..._cache[1] || (_cache[1] = [
+				createElementVNode("option", { value: "heredar" }, "Como todo el tenant", -1),
+				createElementVNode("option", { value: "si" }, "Encendido", -1),
+				createElementVNode("option", { value: "no" }, "Apagado", -1)
+			])], 40, _hoisted_6$1), createElementVNode("span", { class: normalizeClass(["estado", efectivo.value ? "estado-si" : "estado-no"]) }, toDisplayString(efectivo.value ? "Encendido" : "Apagado"), 3)])]), error.value ? (openBlock(), createElementBlock("p", _hoisted_7$1, toDisplayString(error.value), 1)) : createCommentVNode("", true)]);
+		};
+	}
+}), [["__scopeId", "data-v-1a4f4dcb"]]);
+//#endregion
+//#region src/services/carnet.service.ts
+var carnetService = {
+	async config() {
+		const { data } = await api.get("/carnet/config");
+		return data.data.carnet_activo;
+	},
+	async activar(activo) {
+		const { data } = await api.patch("/carnet/config", { carnet_activo: activo });
+		return data.data.carnet_activo;
+	},
+	/** Con `clienteInterno`, solo las de los empleados de ese cliente interno. */
+	async fotos(estado = "pendiente", clienteInterno = null) {
+		const params = { estado };
+		if (clienteInterno !== null) params.cliente_interno_id = clienteInterno;
+		const { data } = await api.get("/carnet/fotos", { params });
+		return data.data;
+	},
+	/** La imagen va con el token de la sesión: se pide como blob y se muestra con una URL local. */
+	async imagen(id) {
+		const { data } = await api.get(`/carnet/fotos/${id}/imagen`, { responseType: "blob" });
+		return data;
+	},
+	/** Aprueba la foto y la envía a SoftDIN; responde cómo quedó ese envío. */
+	async aprobar(id) {
+		const { data } = await api.post(`/carnet/fotos/${id}/aprobar`);
+		return data.data;
+	},
+	/** Reintenta a mano el envío a SoftDIN de una foto aprobada. */
+	async sincronizar(id) {
+		const { data } = await api.post(`/carnet/fotos/${id}/sincronizar`);
+		return data.data;
+	},
+	async rechazar(id, motivo) {
+		await api.post(`/carnet/fotos/${id}/rechazar`, { motivo });
+	},
+	/** Con `clienteInterno`, solo los de los empleados de ese cliente interno. */
+	async carnets(clienteInterno = null) {
+		const params = clienteInterno === null ? {} : { cliente_interno_id: clienteInterno };
+		const { data } = await api.get("/carnet/carnets", { params });
+		return data.data;
+	},
+	async revocar(id) {
+		await api.post(`/carnet/carnets/${id}/revocar`);
+	}
+};
+//#endregion
+//#region src/views/CarnetView.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-aviso",
+	role: "status"
+};
+var _hoisted_4 = {
+	key: 2,
+	class: "panel-muted"
+};
+var _hoisted_5 = {
+	key: 0,
+	class: "panel flex-row"
+};
+var _hoisted_6 = { class: "panel" };
+var _hoisted_7 = { class: "panel-title" };
+var _hoisted_8 = {
+	key: 0,
+	class: "panel-muted"
+};
+var _hoisted_9 = {
+	key: 1,
+	class: "fotos"
+};
+var _hoisted_10 = ["src", "alt"];
+var _hoisted_11 = {
+	key: 1,
+	class: "foto-vacia"
+};
+var _hoisted_12 = { class: "foto-nombre" };
+var _hoisted_13 = { class: "panel-muted" };
+var _hoisted_14 = {
+	key: 2,
+	class: "panel-muted"
+};
+var _hoisted_15 = ["onUpdate:modelValue"];
+var _hoisted_16 = { class: "acciones" };
+var _hoisted_17 = ["disabled", "onClick"];
+var _hoisted_18 = ["disabled"];
+var _hoisted_19 = {
+	key: 4,
+	class: "acciones"
+};
+var _hoisted_20 = ["disabled", "onClick"];
+var _hoisted_21 = ["disabled", "onClick"];
+var _hoisted_22 = { class: "panel" };
+var _hoisted_23 = { class: "panel-title" };
+var _hoisted_24 = {
+	key: 0,
+	class: "panel-muted"
+};
+var _hoisted_25 = {
+	key: 1,
+	class: "table-wrap"
+};
+var _hoisted_26 = { class: "data-table" };
+var _hoisted_27 = {
+	key: 0,
+	class: "insignia insignia-ok"
+};
+var _hoisted_28 = {
+	key: 0,
+	class: "panel-muted"
+};
+var _hoisted_29 = {
+	key: 1,
+	class: "panel-muted"
+};
+var _hoisted_30 = {
+	key: 2,
+	class: "panel-muted"
+};
+var _hoisted_31 = ["disabled", "onClick"];
+var _hoisted_32 = { class: "panel" };
+var _hoisted_33 = { class: "panel-title" };
+var _hoisted_34 = {
+	key: 0,
+	class: "panel-muted"
+};
+var _hoisted_35 = {
+	key: 1,
+	class: "table-wrap"
+};
+var _hoisted_36 = { class: "data-table" };
+var _hoisted_37 = ["disabled", "onClick"];
+//#endregion
+//#region src/views/CarnetView.vue
+var CarnetView_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "CarnetView",
+	setup(__props) {
+		const clientesInternos = useClienteInternoStore();
+		const activo = ref(false);
+		const fotos = ref([]);
+		const aprobadas = ref([]);
+		const aviso = ref(null);
+		const carnets = ref([]);
+		const imagenes = ref({});
+		const motivos = ref({});
+		const rechazando = ref(null);
+		const cargando = ref(true);
+		const ocupado = ref(false);
+		const error = ref(null);
+		function soltarImagenes() {
+			Object.values(imagenes.value).forEach((u) => URL.revokeObjectURL(u));
+			imagenes.value = {};
+		}
+		async function cargar() {
+			cargando.value = true;
+			error.value = null;
+			try {
+				activo.value = await carnetService.config();
+				[fotos.value, aprobadas.value, carnets.value] = await Promise.all([
+					carnetService.fotos("pendiente", clientesInternos.seleccionado),
+					carnetService.fotos("aprobada", clientesInternos.seleccionado),
+					carnetService.carnets(clientesInternos.seleccionado)
+				]);
+				soltarImagenes();
+				for (const f of fotos.value) carnetService.imagen(f.id).then((b) => imagenes.value = {
+					...imagenes.value,
+					[f.id]: URL.createObjectURL(b)
+				}).catch(() => void 0);
+			} catch (e) {
+				error.value = mensajeError(e, "No se pudo cargar el carnet digital.");
+			} finally {
+				cargando.value = false;
+			}
+		}
+		async function cambiarActivo(valor) {
+			ocupado.value = true;
+			error.value = null;
+			try {
+				activo.value = await carnetService.activar(valor);
+			} catch (e) {
+				error.value = mensajeError(e, "No se pudo guardar el cambio.");
+			} finally {
+				ocupado.value = false;
+			}
+		}
+		async function accion(fn, falla) {
+			ocupado.value = true;
+			error.value = null;
+			aviso.value = null;
+			try {
+				await fn();
+				rechazando.value = null;
+				await cargar();
+			} catch (e) {
+				error.value = mensajeError(e, falla);
+			} finally {
+				ocupado.value = false;
+			}
+		}
+		/** Cómo quedó el envío a SoftDIN, en palabras para RRHH. */
+		function contarEnvio(nombre, r, aprobada) {
+			const inicio = aprobada ? `Foto de ${nombre} aprobada` : `Foto de ${nombre}`;
+			aviso.value = r.sincronizacion === "sincronizada" ? `${inicio} y guardada en SoftDIN.` : r.sincronizacion === "pendiente" ? `${inicio}${aprobada ? "" : ":"} SoftDIN no respondió; se reintentará sola. Ya sale en el carnet.` : `${inicio}${aprobada ? "" : ":"} no se pudo guardar en SoftDIN${r.sincronizacion_error ? ` (${r.sincronizacion_error})` : ""}. Ya sale en el carnet; reinténtalo abajo.`;
+		}
+		const aprobar = (f) => accion(async () => contarEnvio(f.empleado, await carnetService.aprobar(f.id), true), "No se pudo aprobar la foto.");
+		const reintentar = (f) => accion(async () => contarEnvio(f.empleado, await carnetService.sincronizar(f.id), false), "No se pudo reintentar el envío.");
+		const estadoEnvio = {
+			sincronizada: {
+				texto: "Guardada en SoftDIN",
+				clase: "insignia-ok"
+			},
+			pendiente: {
+				texto: "Pendiente de enviar a SoftDIN (se reintenta sola)",
+				clase: "insignia-espera"
+			},
+			fallida: {
+				texto: "No se pudo guardar en SoftDIN",
+				clase: "insignia-error"
+			}
+		};
+		const rechazar = (f) => accion(() => carnetService.rechazar(f.id, (motivos.value[f.id] ?? "").trim()), "No se pudo rechazar la foto.");
+		function revocar(c) {
+			if (!window.confirm(`¿Revocar el carnet de ${c.empleado}? Deja de validar desde el siguiente escaneo.`)) return;
+			accion(() => carnetService.revocar(c.id), "No se pudo revocar el carnet.");
+		}
+		const fecha = (iso) => iso ? new Date(iso).toLocaleDateString("es-CO", {
+			day: "numeric",
+			month: "short",
+			year: "numeric"
+		}) : "—";
+		watch(() => clientesInternos.seleccionado, () => void cargar());
+		onMounted(() => void cargar());
+		onBeforeUnmount(soltarImagenes);
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("section", _hoisted_1, [
+				_cache[6] || (_cache[6] = createElementVNode("header", null, [createElementVNode("h1", { class: "page-title" }, "Carnet digital"), createElementVNode("p", { class: "page-subtitle" }, " El empleado muestra en su Portal de autogestión un carnet con su foto y un código QR que cambia cada 30 segundos. Quien lo escanea ve si es válido y la foto aprobada aquí. El retiro en SoftDIN lo invalida solo. ")], -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…")) : (openBlock(), createElementBlock(Fragment, { key: 3 }, [
+					unref(clientesInternos).seleccionado === null ? (openBlock(), createElementBlock("div", _hoisted_5, [_cache[1] || (_cache[1] = createElementVNode("div", null, [createElementVNode("p", { class: "panel-title" }, "Carnet digital para los empleados de todo el tenant"), createElementVNode("p", { class: "panel-muted" }, "Apagado, los empleados no pueden enviar foto ni activar el carnet, y los ya activos no validan.")], -1)), createVNode(ToggleSwitch_default, {
+						"model-value": activo.value,
+						disabled: ocupado.value,
+						"onUpdate:modelValue": cambiarActivo
+					}, null, 8, ["model-value", "disabled"])])) : (openBlock(), createBlock(CarnetClientesInternos_default, {
+						key: 1,
+						"cliente-id": unref(clientesInternos).seleccionado,
+						"tenant-activo": activo.value
+					}, null, 8, ["cliente-id", "tenant-activo"])),
+					createElementVNode("div", _hoisted_6, [
+						createElementVNode("p", _hoisted_7, "Fotos por revisar (" + toDisplayString(fotos.value.length) + ")", 1),
+						_cache[3] || (_cache[3] = createElementVNode("p", { class: "nota" }, [
+							createTextVNode(" Aprobar una foto la deja también como la foto del empleado en SoftDIN: "),
+							createElementVNode("strong", null, "reemplaza la que tenga su tercero"),
+							createTextVNode(". Si el tercero ya tenía foto en SoftDIN, esa se usa en el carnet sin pedirle otra. ")
+						], -1)),
+						!fotos.value.length ? (openBlock(), createElementBlock("p", _hoisted_8, "No hay fotos pendientes.")) : (openBlock(), createElementBlock("div", _hoisted_9, [(openBlock(true), createElementBlock(Fragment, null, renderList(fotos.value, (f) => {
+							return openBlock(), createElementBlock("article", {
+								key: f.id,
+								class: "foto"
+							}, [
+								imagenes.value[f.id] ? (openBlock(), createElementBlock("img", {
+									key: 0,
+									src: imagenes.value[f.id],
+									alt: `Foto de ${f.empleado}`
+								}, null, 8, _hoisted_10)) : (openBlock(), createElementBlock("div", _hoisted_11)),
+								createElementVNode("p", _hoisted_12, toDisplayString(f.empleado), 1),
+								createElementVNode("p", _hoisted_13, toDisplayString(f.cargo ?? "") + " · " + toDisplayString(fecha(f.enviada_en)), 1),
+								f.tiene_aprobada ? (openBlock(), createElementBlock("p", _hoisted_14, "Reemplaza la foto actual del carnet.")) : createCommentVNode("", true),
+								_cache[2] || (_cache[2] = createElementVNode("p", { class: "panel-muted" }, "Al aprobarla reemplaza la foto del tercero en SoftDIN.", -1)),
+								rechazando.value === f.id ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [withDirectives(createElementVNode("input", {
+									"onUpdate:modelValue": ($event) => motivos.value[f.id] = $event,
+									class: "campo",
+									maxlength: "300",
+									placeholder: "Motivo (lo verá el empleado)",
+									"aria-label": "Motivo del rechazo"
+								}, null, 8, _hoisted_15), [[vModelText, motivos.value[f.id]]]), createElementVNode("div", _hoisted_16, [createElementVNode("button", {
+									type: "button",
+									class: "btn btn-peligro",
+									disabled: ocupado.value || !(motivos.value[f.id] ?? "").trim(),
+									onClick: ($event) => rechazar(f)
+								}, " Rechazar ", 8, _hoisted_17), createElementVNode("button", {
+									type: "button",
+									class: "btn",
+									disabled: ocupado.value,
+									onClick: _cache[0] || (_cache[0] = ($event) => rechazando.value = null)
+								}, "Cancelar", 8, _hoisted_18)])], 64)) : (openBlock(), createElementBlock("div", _hoisted_19, [createElementVNode("button", {
+									type: "button",
+									class: "btn btn-primario",
+									disabled: ocupado.value,
+									onClick: ($event) => aprobar(f)
+								}, "Aprobar", 8, _hoisted_20), createElementVNode("button", {
+									type: "button",
+									class: "btn",
+									disabled: ocupado.value,
+									onClick: ($event) => rechazando.value = f.id
+								}, "Rechazar…", 8, _hoisted_21)]))
+							]);
+						}), 128))]))
+					]),
+					createElementVNode("div", _hoisted_22, [createElementVNode("p", _hoisted_23, "Fotos aprobadas y su envío a SoftDIN (" + toDisplayString(aprobadas.value.length) + ")", 1), !aprobadas.value.length ? (openBlock(), createElementBlock("p", _hoisted_24, "Todavía no hay fotos aprobadas.")) : (openBlock(), createElementBlock("div", _hoisted_25, [createElementVNode("table", _hoisted_26, [_cache[4] || (_cache[4] = createElementVNode("thead", null, [createElementVNode("tr", null, [
+						createElementVNode("th", null, "Empleado"),
+						createElementVNode("th", null, "Cargo"),
+						createElementVNode("th", null, "En SoftDIN"),
+						createElementVNode("th")
+					])], -1)), createElementVNode("tbody", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(aprobadas.value, (f) => {
+						return openBlock(), createElementBlock("tr", { key: f.id }, [
+							createElementVNode("td", null, toDisplayString(f.empleado), 1),
+							createElementVNode("td", null, toDisplayString(f.cargo ?? "—"), 1),
+							createElementVNode("td", null, [f.origen === "softdin" ? (openBlock(), createElementBlock("span", _hoisted_27, "Tomada de SoftDIN")) : f.sincronizacion && estadoEnvio[f.sincronizacion] ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createElementVNode("span", { class: normalizeClass(["insignia", estadoEnvio[f.sincronizacion].clase]) }, toDisplayString(estadoEnvio[f.sincronizacion].texto), 3), f.sincronizacion === "sincronizada" ? (openBlock(), createElementBlock("span", _hoisted_28, " · " + toDisplayString(fecha(f.sincronizada_en)), 1)) : f.sincronizacion_error ? (openBlock(), createElementBlock("p", _hoisted_29, toDisplayString(f.sincronizacion_intentos) + " intento(s). Último error: " + toDisplayString(f.sincronizacion_error), 1)) : createCommentVNode("", true)], 64)) : (openBlock(), createElementBlock("span", _hoisted_30, "—"))]),
+							createElementVNode("td", null, [f.origen === "portal" && (f.sincronizacion === "fallida" || f.sincronizacion === "pendiente") ? (openBlock(), createElementBlock("button", {
+								key: 0,
+								type: "button",
+								class: "btn",
+								disabled: ocupado.value,
+								onClick: ($event) => reintentar(f)
+							}, " Reintentar ahora ", 8, _hoisted_31)) : createCommentVNode("", true)])
+						]);
+					}), 128))])])]))]),
+					createElementVNode("div", _hoisted_32, [createElementVNode("p", _hoisted_33, "Carnets activos (" + toDisplayString(carnets.value.length) + ")", 1), !carnets.value.length ? (openBlock(), createElementBlock("p", _hoisted_34, "Ningún empleado ha activado el carnet todavía.")) : (openBlock(), createElementBlock("div", _hoisted_35, [createElementVNode("table", _hoisted_36, [_cache[5] || (_cache[5] = createElementVNode("thead", null, [createElementVNode("tr", null, [
+						createElementVNode("th", null, "Empleado"),
+						createElementVNode("th", null, "Cargo"),
+						createElementVNode("th", null, "Activado"),
+						createElementVNode("th", null, "Vence"),
+						createElementVNode("th")
+					])], -1)), createElementVNode("tbody", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(carnets.value, (c) => {
+						return openBlock(), createElementBlock("tr", { key: c.id }, [
+							createElementVNode("td", null, toDisplayString(c.empleado), 1),
+							createElementVNode("td", null, toDisplayString(c.cargo ?? "—"), 1),
+							createElementVNode("td", null, toDisplayString(fecha(c.emitido_en)), 1),
+							createElementVNode("td", null, toDisplayString(fecha(c.vence_en)), 1),
+							createElementVNode("td", null, [createElementVNode("button", {
+								type: "button",
+								class: "btn btn-peligro",
+								disabled: ocupado.value,
+								onClick: ($event) => revocar(c)
+							}, "Revocar", 8, _hoisted_37)])
+						]);
+					}), 128))])])]))])
+				], 64))
+			]);
+		};
+	}
+}), [["__scopeId", "data-v-4e70ef58"]]);
+//#endregion
+export { CarnetView_default as default };