@softdin/portal-admin 0.0.0-stage → 0.2.0

package/dist-lib/chunks/EmpleadosView-BtqrO5-8.js

@@ -0,0 +1,311 @@
+import { n as portalEmpleadosService, 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 { o as fechaCorta } from "./portal-empleado-6KQrnsQJ.js";
+import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, normalizeClass, onBeforeUnmount, onMounted, openBlock, ref, renderList, toDisplayString, unref, useModel, vModelText, watch, withDirectives, withModifiers } from "vue";
+import FormCloseButton from "@softdin/shared/components/forms/FormCloseButton.vue";
+import qrcode from "qrcode-generator";
+import FormHelpButton from "@softdin/shared/components/forms/FormHelpButton.vue";
+import FormHelpModal from "@softdin/shared/components/forms/FormHelpModal.vue";
+//#region src/components/InvitacionPortalModal.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$1 = {
+	key: 0,
+	class: "modal-backdrop"
+};
+var _hoisted_2$1 = {
+	class: "modal-panel",
+	role: "dialog",
+	"aria-modal": "true",
+	"aria-labelledby": "invitacion-portal-titulo"
+};
+var _hoisted_3$1 = { class: "modal-header" };
+var _hoisted_4$1 = { class: "modal-header-actions" };
+var _hoisted_5$1 = { class: "modal-body" };
+var _hoisted_6$1 = { class: "state-hint" };
+var _hoisted_7$1 = {
+	key: 0,
+	class: "alert-error",
+	role: "alert"
+};
+var _hoisted_8$1 = {
+	key: 1,
+	class: "qr-box"
+};
+var _hoisted_9$1 = ["innerHTML"];
+var _hoisted_10$1 = { class: "qr-text" };
+var _hoisted_11$1 = { class: "qr-timer" };
+var _hoisted_12$1 = {
+	key: 1,
+	class: "state-hint"
+};
+var _hoisted_13$1 = {
+	key: 2,
+	class: "alert-ok"
+};
+var _hoisted_14 = {
+	key: 3,
+	class: "alert-ok"
+};
+var _hoisted_15 = { class: "modal-footer" };
+var _hoisted_16 = ["disabled"];
+var _hoisted_17 = ["disabled"];
+//#endregion
+//#region src/components/InvitacionPortalModal.vue
+var InvitacionPortalModal_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "InvitacionPortalModal",
+	props: /*@__PURE__*/ mergeModels({
+		empleoId: {},
+		empleado: {}
+	}, {
+		"open": {
+			type: Boolean,
+			required: true
+		},
+		"openModifiers": {}
+	}),
+	emits: ["update:open"],
+	setup(__props) {
+		const props = __props;
+		const open = useModel(__props, "open");
+		const enviando = ref(null);
+		const error = ref(null);
+		const respuesta = ref(null);
+		const helpOpen = ref(false);
+		const ahora = ref(Date.now());
+		let reloj = null;
+		const qr = computed(() => respuesta.value?.estado === "qr" ? respuesta.value : null);
+		/** SVG del QR, generado en el navegador: el enlace no sale a ningún servicio externo. */
+		const qrSvg = computed(() => {
+			if (!qr.value) return "";
+			const codigo = qrcode(0, "M");
+			codigo.addData(qr.value.url);
+			codigo.make();
+			return codigo.createSvgTag({
+				cellSize: 6,
+				margin: 2,
+				scalable: true
+			});
+		});
+		const segundosRestantes = computed(() => qr.value ? Math.max(0, Math.round((Date.parse(qr.value.expira_en) - ahora.value) / 1e3)) : 0);
+		const vencido = computed(() => qr.value !== null && segundosRestantes.value === 0);
+		const tiempo = computed(() => {
+			const s = segundosRestantes.value;
+			return `${Math.floor(s / 60)}:${String(s % 60).padStart(2, "0")}`;
+		});
+		watch(open, (abierto) => {
+			if (abierto) {
+				respuesta.value = null;
+				error.value = null;
+			} else respuesta.value = null;
+		});
+		watch(qr, (valor) => {
+			if (reloj) clearInterval(reloj);
+			reloj = valor ? setInterval(() => ahora.value = Date.now(), 1e3) : null;
+		});
+		onBeforeUnmount(() => {
+			if (reloj) clearInterval(reloj);
+		});
+		async function invitar(canal) {
+			if (props.empleoId === null) return;
+			enviando.value = canal;
+			error.value = null;
+			respuesta.value = null;
+			try {
+				respuesta.value = await portalEmpleadosService.invitar(props.empleoId, canal);
+			} catch (e) {
+				error.value = mensajeError(e, "No fue posible generar la invitación.");
+			} finally {
+				enviando.value = null;
+			}
+		}
+		function close() {
+			open.value = false;
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [(openBlock(), createBlock(Teleport, { to: "body" }, [open.value ? (openBlock(), createElementBlock("div", _hoisted_1$1, [createElementVNode("div", _hoisted_2$1, [createElementVNode("header", _hoisted_3$1, [_cache[4] || (_cache[4] = createElementVNode("h2", {
+				id: "invitacion-portal-titulo",
+				class: "modal-title"
+			}, "Portal del empleado", -1)), createElementVNode("div", _hoisted_4$1, [createVNode(FormHelpButton, { onClick: _cache[0] || (_cache[0] = ($event) => helpOpen.value = true) }), createVNode(FormCloseButton, {
+				disabled: enviando.value !== null,
+				onClick: close
+			}, null, 8, ["disabled"])])]), createElementVNode("div", _hoisted_5$1, [
+				createElementVNode("p", _hoisted_6$1, [createElementVNode("strong", null, toDisplayString(__props.empleado), 1)]),
+				error.value ? (openBlock(), createElementBlock("p", _hoisted_7$1, toDisplayString(error.value), 1)) : createCommentVNode("", true),
+				qr.value ? (openBlock(), createElementBlock("div", _hoisted_8$1, [!vencido.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+					createElementVNode("div", {
+						class: "qr-image",
+						role: "img",
+						"aria-label": "Código QR de activación",
+						innerHTML: qrSvg.value
+					}, null, 8, _hoisted_9$1),
+					createElementVNode("p", _hoisted_10$1, " Pida al empleado que lo escanee con la cámara de su celular. Para " + toDisplayString(qr.value.cuenta_activa ? "crear una contraseña nueva" : "activar su cuenta") + " confirmará su documento y su fecha de nacimiento. ", 1),
+					createElementVNode("p", _hoisted_11$1, "Vence en " + toDisplayString(tiempo.value), 1)
+				], 64)) : (openBlock(), createElementBlock("p", _hoisted_12$1, "El código venció. Genere uno nuevo si el empleado aún no lo ha usado."))])) : respuesta.value?.estado === "enviada" ? (openBlock(), createElementBlock("p", _hoisted_13$1, " Invitación enviada a " + toDisplayString(respuesta.value.correo) + ". El enlace vence en 72 horas. ", 1)) : respuesta.value?.estado === "activa" ? (openBlock(), createElementBlock("p", _hoisted_14, " La cuenta ya está activa. Si el empleado olvidó su contraseña, puede usar «¿Olvidaste tu contraseña?» en el portal, o escanear un QR desde aquí. ")) : createCommentVNode("", true),
+				createElementVNode("footer", _hoisted_15, [createElementVNode("button", {
+					type: "button",
+					class: "btn-secondary",
+					disabled: enviando.value !== null,
+					onClick: _cache[1] || (_cache[1] = ($event) => invitar("correo"))
+				}, toDisplayString(enviando.value === "correo" ? "Enviando…" : "Reenviar invitación por correo"), 9, _hoisted_16), createElementVNode("button", {
+					type: "button",
+					class: "btn-primary",
+					disabled: enviando.value !== null,
+					onClick: _cache[2] || (_cache[2] = ($event) => invitar("qr"))
+				}, toDisplayString(enviando.value === "qr" ? "Generando…" : qr.value ? "Generar otro QR" : "Mostrar QR de activación"), 9, _hoisted_17)])
+			])])])) : createCommentVNode("", true)])), createVNode(FormHelpModal, {
+				open: helpOpen.value,
+				"onUpdate:open": _cache[3] || (_cache[3] = ($event) => helpOpen.value = $event),
+				title: "Portal del empleado",
+				intro: "Invite al empleado a su portal, donde consulta volantes y certificados y radica permisos y vacaciones. Al registrar el contrato la invitación sale sola por correo; aquí puede mostrarla en persona o reenviarla.",
+				steps: [
+					{
+						title: "Con el empleado presente, muestre el QR.",
+						body: "El código sirve 15 minutos y una sola vez. Queda registrado quién lo generó. Úselo cuando no tenga correo o no le llegó el enlace."
+					},
+					{
+						title: "Si no está presente, reenvíe por correo.",
+						body: "Se envía al correo que SoftDIN publicó al portal (comunicaciones del tercero, tipo correo). Si está mal, corríjalo en SoftDIN y reenvíe."
+					},
+					{
+						title: "El empleado confirma su identidad.",
+						body: "Para activar pide el documento y la fecha de nacimiento de su hoja de vida. Tras 5 intentos fallidos el enlace se anula y hay que generar otro."
+					},
+					{
+						title: "Una cuenta para todas sus empresas.",
+						body: "Si ya tenía cuenta por otro empleador, no necesita activar de nuevo: la empresa aparece sola en su portal."
+					}
+				]
+			}, null, 8, ["open"])], 64);
+		};
+	}
+}), [["__scopeId", "data-v-73530e3d"]]);
+//#endregion
+//#region src/views/EmpleadosView.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "grid gap-4" };
+var _hoisted_2 = ["disabled"];
+var _hoisted_3 = {
+	key: 0,
+	class: "text-sm text-red-700",
+	role: "alert"
+};
+var _hoisted_4 = {
+	key: 1,
+	class: "text-sm text-slate-500"
+};
+var _hoisted_5 = {
+	key: 2,
+	class: "text-sm text-slate-500"
+};
+var _hoisted_6 = {
+	key: 3,
+	class: "divide-y divide-slate-200 rounded-xl border border-slate-200 bg-white"
+};
+var _hoisted_7 = { class: "min-w-0 flex-1" };
+var _hoisted_8 = { class: "font-medium text-slate-900" };
+var _hoisted_9 = {
+	key: 0,
+	class: "ml-1 rounded-full bg-slate-100 px-2 py-0.5 text-xs text-slate-600"
+};
+var _hoisted_10 = { class: "text-xs text-slate-500" };
+var _hoisted_11 = {
+	key: 0,
+	class: "text-xs text-amber-700"
+};
+var _hoisted_12 = ["onClick"];
+var _hoisted_13 = {
+	key: 4,
+	class: "text-xs text-slate-500"
+};
+//#endregion
+//#region src/views/EmpleadosView.vue
+var EmpleadosView_default = /* @__PURE__ */ defineComponent({
+	__name: "EmpleadosView",
+	setup(__props) {
+		const buscar = ref("");
+		const items = ref([]);
+		const cargando = ref(false);
+		const error = ref(null);
+		const seleccionado = ref(null);
+		const modalOpen = ref(false);
+		const clientesInternos = useClienteInternoStore();
+		async function cargar() {
+			cargando.value = true;
+			error.value = null;
+			try {
+				items.value = await portalEmpleadosService.buscar(buscar.value, clientesInternos.seleccionado);
+			} catch (e) {
+				error.value = mensajeError(e, "No se pudo cargar la lista de empleados.");
+			} finally {
+				cargando.value = false;
+			}
+		}
+		function invitar(e) {
+			seleccionado.value = e;
+			modalOpen.value = true;
+		}
+		watch(() => clientesInternos.seleccionado, () => void cargar());
+		onMounted(() => void cargar());
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("section", _hoisted_1, [
+				_cache[3] || (_cache[3] = createElementVNode("header", null, [createElementVNode("h2", { class: "text-xl font-semibold text-slate-900" }, "Empleados"), createElementVNode("p", { class: "mt-1 text-sm text-slate-600" }, " Al registrar el contrato en SoftDIN, la invitación al portal sale sola por correo. Aquí puede mostrarla como QR a quien está presente o reenviarla por correo. ")], -1)),
+				createElementVNode("form", {
+					class: "flex flex-wrap gap-2",
+					onSubmit: withModifiers(cargar, ["prevent"])
+				}, [
+					_cache[2] || (_cache[2] = createElementVNode("label", {
+						for: "buscar",
+						class: "sr-only"
+					}, "Buscar", -1)),
+					withDirectives(createElementVNode("input", {
+						id: "buscar",
+						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => buscar.value = $event),
+						type: "search",
+						placeholder: "Nombre o documento",
+						class: "min-w-0 flex-1 rounded-lg border border-slate-300 px-3 py-2 text-sm"
+					}, null, 512), [[vModelText, buscar.value]]),
+					createElementVNode("button", {
+						type: "submit",
+						class: "rounded-lg bg-brand-700 px-4 py-2 text-sm font-semibold text-white",
+						disabled: cargando.value
+					}, " Buscar ", 8, _hoisted_2)
+				], 32),
+				error.value ? (openBlock(), createElementBlock("p", _hoisted_3, toDisplayString(error.value), 1)) : cargando.value ? (openBlock(), createElementBlock("p", _hoisted_4, "Cargando…")) : items.value.length === 0 ? (openBlock(), createElementBlock("p", _hoisted_5, "No hay empleados que coincidan.")) : (openBlock(), createElementBlock("ul", _hoisted_6, [(openBlock(true), createElementBlock(Fragment, null, renderList(items.value, (e) => {
+					return openBlock(), createElementBlock("li", {
+						key: e.id,
+						class: "flex flex-wrap items-center gap-3 px-4 py-3"
+					}, [createElementVNode("div", _hoisted_7, [
+						createElementVNode("p", _hoisted_8, [
+							createTextVNode(toDisplayString(e.empleado ?? "—") + " ", 1),
+							createElementVNode("span", { class: normalizeClass(["ml-1 rounded-full px-2 py-0.5 text-xs font-semibold", e.cuenta === "activa" ? "bg-green-100 text-green-800" : "bg-amber-100 text-amber-800"]) }, toDisplayString(e.cuenta === "activa" ? "Cuenta activa" : "Sin activar"), 3),
+							e.retirado ? (openBlock(), createElementBlock("span", _hoisted_9, "Retirado")) : createCommentVNode("", true)
+						]),
+						createElementVNode("p", _hoisted_10, [
+							createTextVNode(toDisplayString(e.identificacion), 1),
+							e.cliente_interno ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(" · " + toDisplayString(e.cliente_interno), 1)], 64)) : createCommentVNode("", true),
+							e.cargo ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(" · " + toDisplayString(e.cargo), 1)], 64)) : createCommentVNode("", true),
+							e.fecha_ingreso ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [createTextVNode(" · ingreso " + toDisplayString(unref(fechaCorta)(e.fecha_ingreso)), 1)], 64)) : createCommentVNode("", true)
+						]),
+						!e.tiene_correo ? (openBlock(), createElementBlock("p", _hoisted_11, "Sin correo registrado: use el QR.")) : createCommentVNode("", true)
+					]), createElementVNode("button", {
+						type: "button",
+						class: "rounded-lg border border-brand-700 px-3 py-1.5 text-sm font-medium text-brand-700 hover:bg-brand-50",
+						onClick: ($event) => invitar(e)
+					}, " Invitar al portal ", 8, _hoisted_12)]);
+				}), 128))])),
+				items.value.length === 100 ? (openBlock(), createElementBlock("p", _hoisted_13, "Se muestran los primeros 100: afine la búsqueda.")) : createCommentVNode("", true),
+				createVNode(InvitacionPortalModal_default, {
+					open: modalOpen.value,
+					"onUpdate:open": _cache[1] || (_cache[1] = ($event) => modalOpen.value = $event),
+					"empleo-id": seleccionado.value?.id ?? null,
+					empleado: seleccionado.value?.empleado ?? ""
+				}, null, 8, [
+					"open",
+					"empleo-id",
+					"empleado"
+				])
+			]);
+		};
+	}
+});
+//#endregion
+export { EmpleadosView_default as default };