valtech-components 4.0.203 → 4.0.204
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/components/molecules/load-more/load-more.component.mjs +7 -11
- package/esm2022/lib/components/organisms/organization-view/organization-view.component.mjs +1 -4
- package/esm2022/lib/components/organisms/switch-org-modal/switch-org-modal.component.mjs +3 -3
- package/esm2022/lib/services/auth/org-switch.service.mjs +1 -11
- package/esm2022/lib/services/pdf/pdf.service.mjs +59 -0
- package/esm2022/lib/services/pdf/types.mjs +2 -0
- package/esm2022/lib/version.mjs +2 -2
- package/esm2022/public-api.mjs +3 -1
- package/fesm2022/valtech-components.mjs +64 -26
- package/fesm2022/valtech-components.mjs.map +1 -1
- package/lib/components/organisms/organization-view/organization-view.component.d.ts +0 -1
- package/lib/services/auth/org-switch.service.d.ts +0 -9
- package/lib/services/pdf/pdf.service.d.ts +27 -0
- package/lib/services/pdf/types.d.ts +31 -0
- package/lib/version.d.ts +1 -1
- package/package.json +1 -1
- package/public-api.d.ts +2 -0
- package/src/lib/services/firebase/firebase-messaging-sw.js +145 -0
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { Observable } from 'rxjs';
|
|
2
2
|
import { AuthService } from './auth.service';
|
|
3
|
-
import { Organization } from '../org/types';
|
|
4
3
|
import * as i0 from "@angular/core";
|
|
5
4
|
/**
|
|
6
5
|
* Event emitted when the active organization changes.
|
|
@@ -90,7 +89,6 @@ export declare class OrgSwitchService {
|
|
|
90
89
|
private auth;
|
|
91
90
|
private readonly _switching;
|
|
92
91
|
private readonly _orgChanged;
|
|
93
|
-
private readonly _orgDataUpdated;
|
|
94
92
|
/**
|
|
95
93
|
* `true` while a switch is in flight. UI should disable interactions
|
|
96
94
|
* with org-scoped data and show a loading indicator.
|
|
@@ -104,13 +102,6 @@ export declare class OrgSwitchService {
|
|
|
104
102
|
* see the updated Firebase user / activeOrg claim.
|
|
105
103
|
*/
|
|
106
104
|
readonly orgChanged$: Observable<OrgChangedEvent>;
|
|
107
|
-
/**
|
|
108
|
-
* Fires when org data (name, logoUrl, etc.) changes without a full org switch.
|
|
109
|
-
* Subscribe in the app shell to keep the header org avatar up to date.
|
|
110
|
-
*/
|
|
111
|
-
readonly orgDataUpdated$: Observable<Organization>;
|
|
112
|
-
/** Notify subscribers that the active org's data was updated. */
|
|
113
|
-
notifyOrgDataUpdated(org: Organization): void;
|
|
114
105
|
constructor(auth: AuthService);
|
|
115
106
|
/**
|
|
116
107
|
* Switch the user's active organization.
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { Observable } from 'rxjs';
|
|
2
|
+
import { ValtechAuthConfig } from '../auth/types';
|
|
3
|
+
import type { PdfGenerateRequest, PdfResult } from './types';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
/**
|
|
6
|
+
* Servicio para generación de PDFs via el PDF Lambda (/v2/pdf/generate).
|
|
7
|
+
*
|
|
8
|
+
* El JWT del usuario se inyecta automáticamente por el authInterceptor
|
|
9
|
+
* (configurado vía provideValtechAuth). El app-id se toma de ValtechAuthConfig.
|
|
10
|
+
*
|
|
11
|
+
* Modos de uso:
|
|
12
|
+
* - source.template → renderiza una plantilla desde DynamoDB
|
|
13
|
+
* - source.html → HTML arbitrario provisto por el caller
|
|
14
|
+
* - source.url → URL pública (Puppeteer la carga)
|
|
15
|
+
*/
|
|
16
|
+
export declare class PdfService {
|
|
17
|
+
private config;
|
|
18
|
+
private http;
|
|
19
|
+
constructor(config: ValtechAuthConfig | null);
|
|
20
|
+
private get baseUrl();
|
|
21
|
+
private get appIdHeader();
|
|
22
|
+
generate(req: PdfGenerateRequest): Observable<PdfResult>;
|
|
23
|
+
generateAndDownload(req: PdfGenerateRequest, filename?: string): Observable<void>;
|
|
24
|
+
private _download;
|
|
25
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PdfService, [{ optional: true; }]>;
|
|
26
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<PdfService>;
|
|
27
|
+
}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
export interface PdfTemplateSource {
|
|
2
|
+
template: {
|
|
3
|
+
id: string;
|
|
4
|
+
language: string;
|
|
5
|
+
data: Record<string, string>;
|
|
6
|
+
};
|
|
7
|
+
}
|
|
8
|
+
export interface PdfHtmlSource {
|
|
9
|
+
html: string;
|
|
10
|
+
}
|
|
11
|
+
export interface PdfUrlSource {
|
|
12
|
+
url: string;
|
|
13
|
+
}
|
|
14
|
+
export type PdfSource = PdfTemplateSource | PdfHtmlSource | PdfUrlSource;
|
|
15
|
+
export interface PdfGenerateOptions {
|
|
16
|
+
format?: 'A4' | 'Letter';
|
|
17
|
+
}
|
|
18
|
+
export interface PdfDeliveryOptions {
|
|
19
|
+
expiresIn?: number;
|
|
20
|
+
}
|
|
21
|
+
export interface PdfGenerateRequest {
|
|
22
|
+
source: PdfSource;
|
|
23
|
+
output?: PdfGenerateOptions;
|
|
24
|
+
delivery?: PdfDeliveryOptions;
|
|
25
|
+
}
|
|
26
|
+
export interface PdfResult {
|
|
27
|
+
jobId: string;
|
|
28
|
+
status: 'completed';
|
|
29
|
+
url: string;
|
|
30
|
+
expiresAt: string;
|
|
31
|
+
}
|
package/lib/version.d.ts
CHANGED
package/package.json
CHANGED
package/public-api.d.ts
CHANGED
|
@@ -350,6 +350,8 @@ export * from './lib/components/templates/maintenance-page/types';
|
|
|
350
350
|
export * from './lib/components/templates/auth-background/auth-background.component';
|
|
351
351
|
export * from './lib/components/templates/auth-background/types';
|
|
352
352
|
export * from './lib/services/download.service';
|
|
353
|
+
export * from './lib/services/pdf/pdf.service';
|
|
354
|
+
export * from './lib/services/pdf/types';
|
|
353
355
|
export * from './lib/services/icons.service';
|
|
354
356
|
export * from './lib/services/in-app-browser.service';
|
|
355
357
|
export * from './lib/services/link-processor.service';
|
|
@@ -0,0 +1,145 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Firebase Messaging Service Worker
|
|
3
|
+
*
|
|
4
|
+
* Service Worker estático para Firebase Cloud Messaging.
|
|
5
|
+
* Carga la configuración dinámicamente desde /firebase-config.js.
|
|
6
|
+
*
|
|
7
|
+
* CONFIGURACIÓN:
|
|
8
|
+
* 1. Crea firebase.config.json con tu configuración de Firebase
|
|
9
|
+
* 2. Ejecuta: npm run generate:firebase-config
|
|
10
|
+
* Esto genera /firebase-config.js con: self.FIREBASE_CONFIG = {...}
|
|
11
|
+
* 3. Agrega este SW y firebase-config.js a los assets de angular.json
|
|
12
|
+
*
|
|
13
|
+
* Ver README.md para documentación completa.
|
|
14
|
+
*/
|
|
15
|
+
|
|
16
|
+
// Importar Firebase scripts
|
|
17
|
+
importScripts('https://www.gstatic.com/firebasejs/10.7.0/firebase-app-compat.js');
|
|
18
|
+
importScripts('https://www.gstatic.com/firebasejs/10.7.0/firebase-messaging-compat.js');
|
|
19
|
+
|
|
20
|
+
// Importar configuración desde archivo externo (generado en build)
|
|
21
|
+
// Este archivo define: self.FIREBASE_CONFIG = { ... }
|
|
22
|
+
try {
|
|
23
|
+
importScripts('/firebase-config.js');
|
|
24
|
+
} catch (e) {
|
|
25
|
+
console.error('[SW] No se pudo cargar firebase-config.js:', e);
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
// Verificar que la configuración existe
|
|
29
|
+
if (!self.FIREBASE_CONFIG) {
|
|
30
|
+
console.error('[SW] FIREBASE_CONFIG no está definido.');
|
|
31
|
+
console.error('[SW] Ejecuta: npm run generate:firebase-config');
|
|
32
|
+
} else {
|
|
33
|
+
// Inicializar Firebase
|
|
34
|
+
firebase.initializeApp(self.FIREBASE_CONFIG);
|
|
35
|
+
|
|
36
|
+
// Obtener instancia de messaging
|
|
37
|
+
const messaging = firebase.messaging();
|
|
38
|
+
|
|
39
|
+
/**
|
|
40
|
+
* Handler para mensajes en background.
|
|
41
|
+
*/
|
|
42
|
+
messaging.onBackgroundMessage((payload) => {
|
|
43
|
+
console.log('[SW] Mensaje recibido en background:', payload);
|
|
44
|
+
|
|
45
|
+
// Web push usa mensajes data-only (sin bloque `notification`) para que el
|
|
46
|
+
// navegador NO auto-muestre una notificación duplicada — el SW es el único
|
|
47
|
+
// que la pinta. Title/body/icon llegan dentro de `data`. Se mantiene el
|
|
48
|
+
// fallback a `payload.notification` por compatibilidad con mensajes
|
|
49
|
+
// legacy o nativos que sí traen el bloque.
|
|
50
|
+
const data = payload.data || {};
|
|
51
|
+
const notificationTitle =
|
|
52
|
+
payload.notification?.title || data.title || 'Nueva notificación';
|
|
53
|
+
const notificationBody = payload.notification?.body || data.body || '';
|
|
54
|
+
const notificationIcon =
|
|
55
|
+
payload.notification?.icon || data.icon || '/assets/icon/favicon.ico';
|
|
56
|
+
|
|
57
|
+
const notificationOptions = {
|
|
58
|
+
body: notificationBody,
|
|
59
|
+
icon: notificationIcon,
|
|
60
|
+
image: payload.notification?.image,
|
|
61
|
+
badge: '/assets/icon/badge.png',
|
|
62
|
+
tag: payload.messageId || data.messageId || 'default',
|
|
63
|
+
data: {
|
|
64
|
+
...data,
|
|
65
|
+
messageId: payload.messageId || data.messageId,
|
|
66
|
+
title: notificationTitle,
|
|
67
|
+
body: notificationBody,
|
|
68
|
+
},
|
|
69
|
+
vibrate: [200, 100, 200],
|
|
70
|
+
requireInteraction: data.require_interaction === 'true',
|
|
71
|
+
};
|
|
72
|
+
|
|
73
|
+
return self.registration.showNotification(notificationTitle, notificationOptions);
|
|
74
|
+
});
|
|
75
|
+
|
|
76
|
+
/**
|
|
77
|
+
* Handler para clicks en notificaciones.
|
|
78
|
+
*/
|
|
79
|
+
self.addEventListener('notificationclick', (event) => {
|
|
80
|
+
console.log('[SW] Click en notificación:', event);
|
|
81
|
+
event.notification.close();
|
|
82
|
+
|
|
83
|
+
const data = event.notification.data || {};
|
|
84
|
+
let targetUrl = '/';
|
|
85
|
+
|
|
86
|
+
if (data.route) {
|
|
87
|
+
targetUrl = data.route;
|
|
88
|
+
} else if (data.url) {
|
|
89
|
+
targetUrl = data.url;
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
if (data.query_params) {
|
|
93
|
+
const separator = targetUrl.includes('?') ? '&' : '?';
|
|
94
|
+
targetUrl += separator + data.query_params;
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
const notificationPayload = {
|
|
98
|
+
type: 'NOTIFICATION_CLICK',
|
|
99
|
+
notification: {
|
|
100
|
+
title: data.title,
|
|
101
|
+
body: data.body,
|
|
102
|
+
data: data,
|
|
103
|
+
messageId: data.messageId,
|
|
104
|
+
},
|
|
105
|
+
};
|
|
106
|
+
|
|
107
|
+
event.waitUntil(
|
|
108
|
+
clients
|
|
109
|
+
.matchAll({ type: 'window', includeUncontrolled: true })
|
|
110
|
+
.then((clientList) => {
|
|
111
|
+
// Siempre enviar postMessage para que la app pueda reaccionar
|
|
112
|
+
for (const client of clientList) {
|
|
113
|
+
client.postMessage(notificationPayload);
|
|
114
|
+
}
|
|
115
|
+
|
|
116
|
+
// Navegar si hay route o url
|
|
117
|
+
if (targetUrl !== '/') {
|
|
118
|
+
for (const client of clientList) {
|
|
119
|
+
if ('navigate' in client) {
|
|
120
|
+
return client.navigate(targetUrl).then((c) => c?.focus());
|
|
121
|
+
}
|
|
122
|
+
}
|
|
123
|
+
// Si no hay cliente abierto, abrir nueva ventana
|
|
124
|
+
if (clients.openWindow) {
|
|
125
|
+
return clients.openWindow(targetUrl);
|
|
126
|
+
}
|
|
127
|
+
}
|
|
128
|
+
|
|
129
|
+
// Solo hacer focus si no hay navegación
|
|
130
|
+
for (const client of clientList) {
|
|
131
|
+
if ('focus' in client) {
|
|
132
|
+
return client.focus();
|
|
133
|
+
}
|
|
134
|
+
}
|
|
135
|
+
if (clients.openWindow) {
|
|
136
|
+
return clients.openWindow('/');
|
|
137
|
+
}
|
|
138
|
+
})
|
|
139
|
+
);
|
|
140
|
+
});
|
|
141
|
+
|
|
142
|
+
self.addEventListener('notificationclose', (event) => {
|
|
143
|
+
console.log('[SW] Notificación cerrada:', event.notification.tag);
|
|
144
|
+
});
|
|
145
|
+
}
|