@genesislcap/foundation-utils 14.321.1-alpha-c162d67.0 → 14.322.0

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.
Files changed (59) hide show
  1. package/dist/custom-elements.json +814 -186
  2. package/dist/dts/inactivity/inactivity-dialog.d.ts +24 -0
  3. package/dist/dts/inactivity/inactivity-dialog.d.ts.map +1 -0
  4. package/dist/dts/inactivity/inactivity-manager.d.ts +24 -0
  5. package/dist/dts/inactivity/inactivity-manager.d.ts.map +1 -0
  6. package/dist/dts/inactivity/inactivity-service.d.ts +34 -0
  7. package/dist/dts/inactivity/inactivity-service.d.ts.map +1 -0
  8. package/dist/dts/inactivity/index.d.ts +4 -0
  9. package/dist/dts/inactivity/index.d.ts.map +1 -0
  10. package/dist/dts/index.d.ts +1 -0
  11. package/dist/dts/index.d.ts.map +1 -1
  12. package/dist/esm/inactivity/inactivity-dialog.js +217 -0
  13. package/dist/esm/inactivity/inactivity-manager.js +92 -0
  14. package/dist/esm/inactivity/inactivity-service.js +128 -0
  15. package/dist/esm/inactivity/index.js +3 -0
  16. package/dist/esm/index.js +1 -0
  17. package/dist/foundation-utils.api.json +1248 -0
  18. package/dist/foundation-utils.d.ts +84 -0
  19. package/docs/api/foundation-utils.inactivityconfig.md +71 -0
  20. package/docs/api/foundation-utils.inactivityconfig.timeoutminutes.md +11 -0
  21. package/docs/api/foundation-utils.inactivityconfig.warningminutes.md +11 -0
  22. package/docs/api/foundation-utils.inactivitydialog.configure.md +50 -0
  23. package/docs/api/foundation-utils.inactivitydialog.disconnectedcallback.md +15 -0
  24. package/docs/api/foundation-utils.inactivitydialog.handlecontinue.md +15 -0
  25. package/docs/api/foundation-utils.inactivitydialog.handlelogout.md +15 -0
  26. package/docs/api/foundation-utils.inactivitydialog.hide.md +15 -0
  27. package/docs/api/foundation-utils.inactivitydialog.isvisible.md +11 -0
  28. package/docs/api/foundation-utils.inactivitydialog.md +164 -0
  29. package/docs/api/foundation-utils.inactivitydialog.remainingseconds.md +11 -0
  30. package/docs/api/foundation-utils.inactivitydialog.show.md +15 -0
  31. package/docs/api/foundation-utils.inactivitydialogoptions.md +88 -0
  32. package/docs/api/foundation-utils.inactivitydialogoptions.oncontinue.md +11 -0
  33. package/docs/api/foundation-utils.inactivitydialogoptions.onlogout.md +11 -0
  34. package/docs/api/foundation-utils.inactivitydialogoptions.remainingseconds.md +11 -0
  35. package/docs/api/foundation-utils.inactivityevents._inactivity-reset_.md +11 -0
  36. package/docs/api/foundation-utils.inactivityevents._inactivity-timeout_.md +11 -0
  37. package/docs/api/foundation-utils.inactivityevents._inactivity-warning_.md +13 -0
  38. package/docs/api/foundation-utils.inactivityevents.md +88 -0
  39. package/docs/api/foundation-utils.inactivitymanager._constructor_.md +48 -0
  40. package/docs/api/foundation-utils.inactivitymanager.destroy.md +15 -0
  41. package/docs/api/foundation-utils.inactivitymanager.getservice.md +15 -0
  42. package/docs/api/foundation-utils.inactivitymanager.iswarningvisible.md +15 -0
  43. package/docs/api/foundation-utils.inactivitymanager.md +138 -0
  44. package/docs/api/foundation-utils.inactivitymanager.reset.md +15 -0
  45. package/docs/api/foundation-utils.inactivitymanager.start.md +15 -0
  46. package/docs/api/foundation-utils.inactivitymanager.stop.md +15 -0
  47. package/docs/api/foundation-utils.inactivitymanagerconfig.md +55 -0
  48. package/docs/api/foundation-utils.inactivitymanagerconfig.onlogout.md +11 -0
  49. package/docs/api/foundation-utils.inactivityservice._constructor_.md +48 -0
  50. package/docs/api/foundation-utils.inactivityservice.destroy.md +15 -0
  51. package/docs/api/foundation-utils.inactivityservice.md +138 -0
  52. package/docs/api/foundation-utils.inactivityservice.off.md +64 -0
  53. package/docs/api/foundation-utils.inactivityservice.on.md +64 -0
  54. package/docs/api/foundation-utils.inactivityservice.resettimer.md +15 -0
  55. package/docs/api/foundation-utils.inactivityservice.start.md +15 -0
  56. package/docs/api/foundation-utils.inactivityservice.stop.md +15 -0
  57. package/docs/api/foundation-utils.md +63 -0
  58. package/docs/api-report.md.api.md +92 -0
  59. package/package.json +11 -11
@@ -0,0 +1,24 @@
1
+ import { FASTElement } from '@microsoft/fast-element';
2
+ export interface InactivityDialogOptions {
3
+ remainingSeconds: number;
4
+ onContinue: () => void;
5
+ onLogout: () => void;
6
+ }
7
+ export declare class InactivityDialog extends FASTElement {
8
+ isVisible: boolean;
9
+ remainingSeconds: number;
10
+ private onContinue?;
11
+ private onLogout?;
12
+ private countdownInterval?;
13
+ private startTime;
14
+ private totalSeconds;
15
+ configure(options: InactivityDialogOptions): void;
16
+ show(): boolean;
17
+ hide(): boolean;
18
+ private startCountdown;
19
+ private stopCountdown;
20
+ handleContinue(): void;
21
+ handleLogout(): void;
22
+ disconnectedCallback(): void;
23
+ }
24
+ //# sourceMappingURL=inactivity-dialog.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"inactivity-dialog.d.ts","sourceRoot":"","sources":["../../../src/inactivity/inactivity-dialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,WAAW,EAAyB,MAAM,yBAAyB,CAAC;AAM5F,MAAM,WAAW,uBAAuB;IACtC,gBAAgB,EAAE,MAAM,CAAC;IACzB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AA0CD,qBAgGa,gBAAiB,SAAQ,WAAW;IACnC,SAAS,EAAE,OAAO,CAAS;IAC3B,gBAAgB,EAAE,MAAM,CAAK;IAEzC,OAAO,CAAC,UAAU,CAAC,CAAa;IAChC,OAAO,CAAC,QAAQ,CAAC,CAAa;IAC9B,OAAO,CAAC,iBAAiB,CAAC,CAAS;IACnC,OAAO,CAAC,SAAS,CAAa;IAC9B,OAAO,CAAC,YAAY,CAAa;IAE1B,SAAS,CAAC,OAAO,EAAE,uBAAuB,GAAG,IAAI;IAOjD,IAAI,IAAI,OAAO;IAMf,IAAI,IAAI,OAAO;IAMtB,OAAO,CAAC,cAAc;IAuBtB,OAAO,CAAC,aAAa;IAOd,cAAc,IAAI,IAAI;IAOtB,YAAY,IAAI,IAAI;IAO3B,oBAAoB,IAAI,IAAI;CAI7B"}
@@ -0,0 +1,24 @@
1
+ import { InactivityService, InactivityConfig } from './inactivity-service';
2
+ export interface InactivityManagerConfig extends InactivityConfig {
3
+ onLogout: () => void;
4
+ }
5
+ export declare class InactivityManager {
6
+ private service;
7
+ private dialog;
8
+ private config;
9
+ private isDialogVisible;
10
+ constructor(config: InactivityManagerConfig);
11
+ private setupEventListeners;
12
+ private showWarningDialog;
13
+ private hideWarningDialog;
14
+ private handleContinue;
15
+ private handleLogout;
16
+ private handleTimeout;
17
+ start(): void;
18
+ stop(): void;
19
+ reset(): void;
20
+ destroy(): void;
21
+ getService(): InactivityService;
22
+ isWarningVisible(): boolean;
23
+ }
24
+ //# sourceMappingURL=inactivity-manager.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"inactivity-manager.d.ts","sourceRoot":"","sources":["../../../src/inactivity/inactivity-manager.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAE3E,MAAM,WAAW,uBAAwB,SAAQ,gBAAgB;IAC/D,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,qBAAa,iBAAiB;IAC5B,OAAO,CAAC,OAAO,CAAoB;IACnC,OAAO,CAAC,MAAM,CAAiC;IAC/C,OAAO,CAAC,MAAM,CAA0B;IACxC,OAAO,CAAC,eAAe,CAAkB;gBAE7B,MAAM,EAAE,uBAAuB;IAU3C,OAAO,CAAC,mBAAmB;YAUb,iBAAiB;IA0B/B,OAAO,CAAC,iBAAiB;IAKzB,OAAO,CAAC,cAAc;IAKtB,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,aAAa;IAQd,KAAK,IAAI,IAAI;IAIb,IAAI,IAAI,IAAI;IAKZ,KAAK,IAAI,IAAI;IAKb,OAAO,IAAI,IAAI;IAKf,UAAU,IAAI,iBAAiB;IAI/B,gBAAgB,IAAI,OAAO;CAGnC"}
@@ -0,0 +1,34 @@
1
+ export interface InactivityConfig {
2
+ timeoutMinutes: number;
3
+ warningMinutes: number;
4
+ }
5
+ export interface InactivityEvents {
6
+ 'inactivity-warning': {
7
+ remainingSeconds: number;
8
+ };
9
+ 'inactivity-timeout': void;
10
+ 'inactivity-reset': void;
11
+ }
12
+ type EventListener<T = any> = (data: T) => void;
13
+ export declare class InactivityService {
14
+ private config;
15
+ private warningId;
16
+ private timeoutId;
17
+ private lastActivity;
18
+ private isActive;
19
+ private eventListeners;
20
+ constructor(config: InactivityConfig);
21
+ private setupActivityListeners;
22
+ private checkTimeout;
23
+ on<K extends keyof InactivityEvents>(event: K, listener: EventListener<InactivityEvents[K]>): void;
24
+ off<K extends keyof InactivityEvents>(event: K, listener: EventListener<InactivityEvents[K]>): void;
25
+ private emit;
26
+ start(): void;
27
+ stop(): void;
28
+ resetTimer(): void;
29
+ private scheduleTimers;
30
+ private clearTimers;
31
+ destroy(): void;
32
+ }
33
+ export {};
34
+ //# sourceMappingURL=inactivity-service.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"inactivity-service.d.ts","sourceRoot":"","sources":["../../../src/inactivity/inactivity-service.ts"],"names":[],"mappings":"AAKA,MAAM,WAAW,gBAAgB;IAC/B,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,gBAAgB;IAC/B,oBAAoB,EAAE;QAAE,gBAAgB,EAAE,MAAM,CAAA;KAAE,CAAC;IACnD,oBAAoB,EAAE,IAAI,CAAC;IAC3B,kBAAkB,EAAE,IAAI,CAAC;CAC1B;AAED,KAAK,aAAa,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;AAEhD,qBAAa,iBAAiB;IAC5B,OAAO,CAAC,MAAM,CAAmB;IACjC,OAAO,CAAC,SAAS,CAAuB;IACxC,OAAO,CAAC,SAAS,CAAuB;IACxC,OAAO,CAAC,YAAY,CAAsB;IAC1C,OAAO,CAAC,QAAQ,CAAkB;IAClC,OAAO,CAAC,cAAc,CAA2D;gBAErE,MAAM,EAAE,gBAAgB;IAKpC,OAAO,CAAC,sBAAsB;IA6B9B,OAAO,CAAC,YAAY;IAkBb,EAAE,CAAC,CAAC,SAAS,MAAM,gBAAgB,EACxC,KAAK,EAAE,CAAC,EACR,QAAQ,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,GAC3C,IAAI;IAKA,GAAG,CAAC,CAAC,SAAS,MAAM,gBAAgB,EACzC,KAAK,EAAE,CAAC,EACR,QAAQ,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,GAC3C,IAAI;IAOP,OAAO,CAAC,IAAI;IAYL,KAAK,IAAI,IAAI;IAMb,IAAI,IAAI,IAAI;IAKZ,UAAU,IAAI,IAAI;IAQzB,OAAO,CAAC,cAAc;IAkBtB,OAAO,CAAC,WAAW;IAWZ,OAAO,IAAI,IAAI;CAIvB"}
@@ -0,0 +1,4 @@
1
+ export * from './inactivity-dialog';
2
+ export * from './inactivity-manager';
3
+ export * from './inactivity-service';
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/inactivity/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC"}
@@ -19,4 +19,5 @@ export * from './styles';
19
19
  export * from './utils';
20
20
  export * from './uuid';
21
21
  export * from './window';
22
+ export * from './inactivity';
22
23
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC"}
@@ -0,0 +1,217 @@
1
+ import { __decorate } from "tslib";
2
+ import { customElement, FASTElement, observable, html, css } from '@microsoft/fast-element';
3
+ import { getCurrentDesignSystemPrefix } from '../design-system/design-system';
4
+ // Constants for time conversions
5
+ const MILLISECONDS_PER_SECOND = 1000;
6
+ const getPrefixedInactivityDialog = (prefix) => html `
7
+ <div class="inactivity-overlay" style="display: ${(x) => (x.isVisible ? 'display' : 'none')}">
8
+ <${prefix}-card class="dialog-card">
9
+ <div class="card-body">
10
+ <div class="dialog-header">
11
+ <${prefix}-icon name="warning" class="warning-icon"></${prefix}-icon>
12
+ <h2>Session Timeout Warning</h2>
13
+ </div>
14
+ <div class="dialog-content">
15
+ <p>
16
+ You have been inactive for too long. You will be automatically logged out in
17
+ <strong>${(x) => x.remainingSeconds}</strong>
18
+ seconds.
19
+ </p>
20
+ <p>
21
+ Click "Continue Session" to stay logged in, or "Logout Now" to end your session
22
+ immediately.
23
+ </p>
24
+ </div>
25
+ <div class="dialog-actions">
26
+ <${prefix}-button
27
+ appearance="accent"
28
+ @click=${(x) => x.handleContinue()}
29
+ class="continue-button"
30
+ >
31
+ Continue Session
32
+ </${prefix}-button>
33
+ <${prefix}-button
34
+ appearance="outline"
35
+ @click=${(x) => x.handleLogout()}
36
+ class="logout-button"
37
+ >
38
+ Logout Now
39
+ </${prefix}-button>
40
+ </div>
41
+ </div>
42
+ </${prefix}-card>
43
+ </div>
44
+ `;
45
+ let InactivityDialog = class InactivityDialog extends FASTElement {
46
+ constructor() {
47
+ super(...arguments);
48
+ this.isVisible = false;
49
+ this.remainingSeconds = 0;
50
+ this.startTime = 0;
51
+ this.totalSeconds = 0;
52
+ }
53
+ configure(options) {
54
+ this.totalSeconds = options.remainingSeconds;
55
+ this.remainingSeconds = options.remainingSeconds;
56
+ this.onContinue = options.onContinue;
57
+ this.onLogout = options.onLogout;
58
+ }
59
+ show() {
60
+ this.startCountdown();
61
+ this.isVisible = true;
62
+ return this.isVisible;
63
+ }
64
+ hide() {
65
+ this.isVisible = false;
66
+ this.stopCountdown();
67
+ return this.isVisible;
68
+ }
69
+ startCountdown() {
70
+ this.startTime = Date.now();
71
+ this.countdownInterval = window.setInterval(() => {
72
+ try {
73
+ // Calculate actual elapsed time since dialog started
74
+ const elapsedMs = Date.now() - this.startTime;
75
+ const elapsedSeconds = Math.floor(elapsedMs / MILLISECONDS_PER_SECOND);
76
+ // Calculate remaining time based on actual elapsed time
77
+ this.remainingSeconds = Math.max(0, this.totalSeconds - elapsedSeconds);
78
+ if (this.remainingSeconds <= 0) {
79
+ this.stopCountdown();
80
+ this.handleLogout();
81
+ }
82
+ }
83
+ catch (error) {
84
+ // If there's an error during countdown, stop the timer
85
+ this.stopCountdown();
86
+ console.warn('Error during inactivity countdown:', error);
87
+ }
88
+ }, MILLISECONDS_PER_SECOND);
89
+ }
90
+ stopCountdown() {
91
+ if (this.countdownInterval) {
92
+ clearInterval(this.countdownInterval);
93
+ this.countdownInterval = undefined;
94
+ }
95
+ }
96
+ handleContinue() {
97
+ this.hide();
98
+ if (this.onContinue) {
99
+ this.onContinue();
100
+ }
101
+ }
102
+ handleLogout() {
103
+ this.hide();
104
+ if (this.onLogout) {
105
+ this.onLogout();
106
+ }
107
+ }
108
+ disconnectedCallback() {
109
+ super.disconnectedCallback();
110
+ this.stopCountdown();
111
+ }
112
+ };
113
+ __decorate([
114
+ observable
115
+ ], InactivityDialog.prototype, "isVisible", void 0);
116
+ __decorate([
117
+ observable
118
+ ], InactivityDialog.prototype, "remainingSeconds", void 0);
119
+ InactivityDialog = __decorate([
120
+ customElement({
121
+ name: 'inactivity-dialog',
122
+ template: html `
123
+ ${(x) => getPrefixedInactivityDialog(getCurrentDesignSystemPrefix(x, 'rapid'))}
124
+ `,
125
+ styles: css `
126
+ .inactivity-overlay {
127
+ position: fixed;
128
+ inset: 0;
129
+ width: 100vw;
130
+ height: 100vh;
131
+ background-color: rgba(0, 0, 0, 0.6);
132
+ display: flex;
133
+ align-items: center;
134
+ justify-content: center;
135
+ z-index: 9999;
136
+ backdrop-filter: blur(2px);
137
+ }
138
+
139
+ .dialog-card {
140
+ height: 260px;
141
+ max-height: 260px;
142
+ max-width: 520px;
143
+ width: 92%;
144
+ }
145
+
146
+ .card-body {
147
+ padding: 24px;
148
+ box-sizing: border-box;
149
+ }
150
+
151
+ .dialog-header {
152
+ display: flex;
153
+ align-items: center;
154
+ gap: 12px;
155
+ margin-bottom: 16px;
156
+ }
157
+
158
+ .warning-icon {
159
+ color: var(--accent-fill-rest);
160
+ font-size: 24px;
161
+ }
162
+
163
+ .dialog-header h2 {
164
+ margin: 0;
165
+ color: var(--neutral-foreground-rest);
166
+ font-size: 20px;
167
+ font-weight: 600;
168
+ }
169
+
170
+ .dialog-content {
171
+ margin-bottom: 24px;
172
+ }
173
+
174
+ .dialog-content p {
175
+ margin: 0 0 12px 0;
176
+ color: var(--neutral-foreground-rest);
177
+ line-height: 1.5;
178
+ }
179
+
180
+ .dialog-content p:last-child {
181
+ margin-bottom: 0;
182
+ }
183
+
184
+ .dialog-content strong {
185
+ color: var(--accent-foreground-rest);
186
+ font-weight: 600;
187
+ }
188
+
189
+ .dialog-actions {
190
+ display: flex;
191
+ gap: 12px;
192
+ justify-content: flex-end;
193
+ }
194
+
195
+ .continue-button {
196
+ min-width: 140px;
197
+ }
198
+ .logout-button {
199
+ min-width: 120px;
200
+ }
201
+
202
+ @media (max-width: 480px) {
203
+ .card-body {
204
+ padding: 20px;
205
+ }
206
+ .dialog-actions {
207
+ flex-direction: column;
208
+ }
209
+ .continue-button,
210
+ .logout-button {
211
+ width: 100%;
212
+ }
213
+ }
214
+ `,
215
+ })
216
+ ], InactivityDialog);
217
+ export { InactivityDialog };
@@ -0,0 +1,92 @@
1
+ import { __awaiter } from "tslib";
2
+ import { getCurrentDesignSystem } from '../design-system/design-system';
3
+ import { InactivityDialog } from './inactivity-dialog';
4
+ import { InactivityService } from './inactivity-service';
5
+ export class InactivityManager {
6
+ constructor(config) {
7
+ this.dialog = null;
8
+ this.isDialogVisible = false;
9
+ this.config = config;
10
+ this.service = new InactivityService({
11
+ timeoutMinutes: config.timeoutMinutes,
12
+ warningMinutes: config.warningMinutes,
13
+ });
14
+ this.setupEventListeners();
15
+ }
16
+ setupEventListeners() {
17
+ this.service.on('inactivity-warning', (data) => {
18
+ void this.showWarningDialog(data.remainingSeconds);
19
+ });
20
+ this.service.on('inactivity-timeout', () => {
21
+ this.handleTimeout();
22
+ });
23
+ }
24
+ showWarningDialog(remainingSeconds) {
25
+ return __awaiter(this, void 0, void 0, function* () {
26
+ if (this.isDialogVisible)
27
+ return;
28
+ if (!this.dialog) {
29
+ InactivityDialog;
30
+ this.dialog = document.createElement('inactivity-dialog');
31
+ // Find the design system provider and append the dialog to it
32
+ const { element: providerElement } = getCurrentDesignSystem(document.body, 'rapid');
33
+ if (providerElement) {
34
+ providerElement.appendChild(this.dialog);
35
+ }
36
+ else {
37
+ // Fallback to document.body if no provider is found
38
+ document.body.appendChild(this.dialog);
39
+ }
40
+ }
41
+ this.dialog.configure({
42
+ remainingSeconds,
43
+ onContinue: () => this.handleContinue(),
44
+ onLogout: () => this.handleLogout(),
45
+ });
46
+ this.isDialogVisible = this.dialog.show();
47
+ });
48
+ }
49
+ hideWarningDialog() {
50
+ if (!this.isDialogVisible || !this.dialog)
51
+ return;
52
+ this.isDialogVisible = this.dialog.hide();
53
+ }
54
+ handleContinue() {
55
+ this.service.resetTimer();
56
+ this.hideWarningDialog();
57
+ }
58
+ handleLogout() {
59
+ this.hideWarningDialog();
60
+ this.service.stop();
61
+ if (this.config.onLogout)
62
+ this.config.onLogout();
63
+ }
64
+ handleTimeout() {
65
+ // If dialog is visible, let it handle the countdown
66
+ if (this.isDialogVisible)
67
+ return;
68
+ // Otherwise, logout immediately
69
+ this.handleLogout();
70
+ }
71
+ start() {
72
+ this.service.start();
73
+ }
74
+ stop() {
75
+ this.service.stop();
76
+ this.hideWarningDialog();
77
+ }
78
+ reset() {
79
+ this.service.resetTimer();
80
+ this.hideWarningDialog();
81
+ }
82
+ destroy() {
83
+ this.service.destroy();
84
+ this.hideWarningDialog();
85
+ }
86
+ getService() {
87
+ return this.service;
88
+ }
89
+ isWarningVisible() {
90
+ return this.isDialogVisible;
91
+ }
92
+ }
@@ -0,0 +1,128 @@
1
+ // Constants for time conversions
2
+ const SECONDS_PER_MINUTE = 60;
3
+ const MILLISECONDS_PER_SECOND = 1000;
4
+ const MILLISECONDS_PER_MINUTE = SECONDS_PER_MINUTE * MILLISECONDS_PER_SECOND;
5
+ export class InactivityService {
6
+ constructor(config) {
7
+ this.warningId = null;
8
+ this.timeoutId = null;
9
+ this.lastActivity = Date.now();
10
+ this.isActive = false;
11
+ this.eventListeners = new Map();
12
+ this.config = config;
13
+ this.setupActivityListeners();
14
+ }
15
+ setupActivityListeners() {
16
+ const events = [
17
+ 'mousedown',
18
+ 'mousemove',
19
+ 'keydown',
20
+ 'touchstart',
21
+ 'click',
22
+ 'focus',
23
+ 'blur',
24
+ 'wheel',
25
+ 'touchmove',
26
+ ];
27
+ const handler = () => this.resetTimer();
28
+ events.forEach((event) => {
29
+ document.addEventListener(event, handler, { passive: true });
30
+ });
31
+ // Handle scroll events
32
+ window.addEventListener('scroll', handler, { passive: true, capture: true });
33
+ document.addEventListener('scroll', handler, { passive: true, capture: true });
34
+ // Handle sleep/wake cycles
35
+ document.addEventListener('visibilitychange', () => {
36
+ if (document.visibilityState === 'visible' && this.isActive) {
37
+ this.checkTimeout();
38
+ }
39
+ });
40
+ }
41
+ checkTimeout() {
42
+ const timeSinceLastActivity = Date.now() - this.lastActivity;
43
+ const timeoutMs = this.config.timeoutMinutes * MILLISECONDS_PER_MINUTE;
44
+ const warningMs = (this.config.timeoutMinutes - this.config.warningMinutes) * MILLISECONDS_PER_MINUTE;
45
+ if (timeSinceLastActivity >= timeoutMs) {
46
+ this.emit('inactivity-timeout');
47
+ }
48
+ else if (timeSinceLastActivity >= warningMs) {
49
+ const remainingSeconds = Math.round((timeoutMs - timeSinceLastActivity) / MILLISECONDS_PER_SECOND);
50
+ this.emit('inactivity-warning', { remainingSeconds });
51
+ }
52
+ else {
53
+ this.resetTimer();
54
+ }
55
+ }
56
+ on(event, listener) {
57
+ if (!this.eventListeners.has(event))
58
+ this.eventListeners.set(event, []);
59
+ this.eventListeners.get(event).push(listener);
60
+ }
61
+ off(event, listener) {
62
+ const listeners = this.eventListeners.get(event);
63
+ if (!listeners)
64
+ return;
65
+ const i = listeners.indexOf(listener);
66
+ if (i > -1)
67
+ listeners.splice(i, 1);
68
+ }
69
+ emit(event, data) {
70
+ const listeners = this.eventListeners.get(event);
71
+ if (!listeners)
72
+ return;
73
+ for (const l of listeners) {
74
+ try {
75
+ l(data);
76
+ }
77
+ catch (e) {
78
+ console.error(`InactivityService listener error for event "${event}":`, e);
79
+ }
80
+ }
81
+ }
82
+ start() {
83
+ this.isActive = true;
84
+ this.lastActivity = Date.now();
85
+ this.scheduleTimers();
86
+ }
87
+ stop() {
88
+ this.isActive = false;
89
+ this.clearTimers();
90
+ }
91
+ resetTimer() {
92
+ if (!this.isActive)
93
+ return;
94
+ this.lastActivity = Date.now();
95
+ this.clearTimers();
96
+ this.scheduleTimers();
97
+ this.emit('inactivity-reset');
98
+ }
99
+ scheduleTimers() {
100
+ const warningDelayMs = (this.config.timeoutMinutes - this.config.warningMinutes) * MILLISECONDS_PER_MINUTE;
101
+ this.warningId = window.setTimeout(() => {
102
+ if (this.isActive) {
103
+ const remainingSeconds = Math.round(this.config.warningMinutes * SECONDS_PER_MINUTE);
104
+ this.emit('inactivity-warning', { remainingSeconds });
105
+ }
106
+ }, warningDelayMs);
107
+ const timeoutDelayMs = this.config.timeoutMinutes * MILLISECONDS_PER_MINUTE;
108
+ this.timeoutId = window.setTimeout(() => {
109
+ if (this.isActive) {
110
+ this.emit('inactivity-timeout');
111
+ }
112
+ }, timeoutDelayMs);
113
+ }
114
+ clearTimers() {
115
+ if (this.warningId) {
116
+ clearTimeout(this.warningId);
117
+ this.warningId = null;
118
+ }
119
+ if (this.timeoutId) {
120
+ clearTimeout(this.timeoutId);
121
+ this.timeoutId = null;
122
+ }
123
+ }
124
+ destroy() {
125
+ this.stop();
126
+ this.eventListeners.clear();
127
+ }
128
+ }
@@ -0,0 +1,3 @@
1
+ export * from './inactivity-dialog';
2
+ export * from './inactivity-manager';
3
+ export * from './inactivity-service';
package/dist/esm/index.js CHANGED
@@ -19,3 +19,4 @@ export * from './styles';
19
19
  export * from './utils';
20
20
  export * from './uuid';
21
21
  export * from './window';
22
+ export * from './inactivity';