@rapidmx/web-client 0.20.0 → 0.21.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.
- package/README.md +381 -381
- package/apps/admin/branding/index.tsx +39 -39
- package/apps/admin/data-requests/index.tsx +482 -482
- package/apps/admin/domains/[uid].tsx +166 -166
- package/apps/admin/escrow-scopes/[uid].tsx +350 -350
- package/apps/admin/index.tsx +129 -129
- package/apps/admin/mailboxes/[uid].tsx +271 -271
- package/apps/admin/mailboxes/new/index.tsx +30 -30
- package/apps/admin/plugins/index.tsx +15 -15
- package/apps/admin/retention-policy/index.tsx +39 -39
- package/apps/admin/signing-certificates/index.tsx +343 -343
- package/apps/escrow/audit-log/index.tsx +196 -196
- package/apps/escrow/matters/[uid].tsx +621 -621
- package/apps/shared/auth/adminAccess.ts +99 -99
- package/apps/shared/components/admin/layout/AdminShell.tsx +384 -384
- package/apps/shared/components/admin/mailboxes/EraseLeftoverDataDialog.tsx +238 -238
- package/apps/shared/components/admin/mailboxes/EscrowScopeCard.tsx +152 -152
- package/apps/shared/components/admin/mailboxes/LeftoverMailboxesSection.tsx +194 -194
- package/apps/shared/components/admin/settings/BrandingForm.tsx +423 -423
- package/apps/shared/components/admin/settings/EncryptionPolicyForm.tsx +119 -119
- package/apps/shared/components/admin/settings/MailboxPolicyForm.tsx +198 -198
- package/apps/shared/components/admin/settings/PluginsManager.tsx +2093 -2093
- package/apps/shared/components/admin/settings/RetentionPolicyForm.tsx +182 -182
- package/apps/shared/components/admin/setup/EscrowSetupStep.tsx +288 -288
- package/apps/shared/components/admin/setup/SetupWizard.tsx +446 -446
- package/apps/shared/components/admin/usePagedList.tsx +129 -129
- package/apps/shared/components/calendar/EventModal.tsx +206 -206
- package/apps/shared/components/calendar/MonthView.tsx +185 -185
- package/apps/shared/components/calendar/RecurrenceEditor.tsx +227 -227
- package/apps/shared/components/calendar/SplitDayView.tsx +144 -144
- package/apps/shared/components/calendar/TimeGridView.tsx +246 -246
- package/apps/shared/components/calendar/allDay.ts +124 -124
- package/apps/shared/components/contacts/ContactForm.tsx +383 -383
- package/apps/shared/components/contacts/ContactsToolbar.tsx +103 -103
- package/apps/shared/components/escrow/layout/EscrowShell.tsx +155 -155
- package/apps/shared/components/layout/AppShell.tsx +463 -461
- package/apps/shared/components/layout/KeyEnrollmentGate.tsx +398 -398
- package/apps/shared/components/layout/MailboxProvisioning.tsx +168 -168
- package/apps/shared/components/layout/ResponsiveToolbar.tsx +315 -315
- package/apps/shared/components/layout/ThemeSwitch.tsx +84 -84
- package/apps/shared/components/layout/UserMenu.tsx +439 -439
- package/apps/shared/components/mail/ConversationList.tsx +332 -332
- package/apps/shared/components/mail/ConversationThreadPane.tsx +613 -613
- package/apps/shared/components/mail/MailSelectionBar.tsx +240 -240
- package/apps/shared/components/mail/MenuButton.tsx +404 -404
- package/apps/shared/components/mail/MessageDetailPane.tsx +1757 -1757
- package/apps/shared/components/mail/compose/ComposeContext.tsx +312 -312
- package/apps/shared/components/mail/compose/ComposeToolbar.tsx +422 -422
- package/apps/shared/components/mail/compose/ComposeWindow.tsx +1705 -1681
- package/apps/shared/components/mail/compose/RichTextEditor.tsx +147 -147
- package/apps/shared/components/mail/compose/composeFlushRegistry.ts +60 -60
- package/apps/shared/components/mail/compose/quotedBody.ts +161 -161
- package/apps/shared/components/mail/reading/MessageMoreMenu.tsx +258 -258
- package/apps/shared/components/mail/reading/MessageSourceDialog.tsx +79 -79
- package/apps/shared/components/mail/reading/messageExport.ts +59 -59
- package/apps/shared/components/mail/reading/printMessage.ts +99 -99
- package/apps/shared/components/mail/reading/useMessageActions.ts +443 -443
- package/apps/shared/components/mail/verificationSeals.ts +125 -125
- package/apps/shared/components/rules/RuleBuilder.tsx +311 -311
- package/apps/shared/components/settings/SigningCertificateCard.tsx +344 -344
- package/apps/shared/keyboard/GlobalShortcuts.tsx +51 -51
- package/apps/shared/keyboard/ShortcutProvider.tsx +62 -62
- package/apps/shared/keyboard/ShortcutsDialog.tsx +84 -84
- package/apps/shared/keyboard/dispatch.ts +124 -124
- package/apps/shared/keyboard/format.ts +89 -89
- package/apps/shared/keyboard/keymap.ts +114 -114
- package/apps/shared/keyboard/registry.ts +65 -65
- package/apps/shared/keyboard/targets.ts +79 -79
- package/apps/shared/mail/folderOfType.ts +49 -49
- package/apps/shared/mail/folderTree.ts +143 -143
- package/apps/shared/mail/listAllPages.ts +39 -39
- package/apps/shared/mail/newMailNotifications.ts +171 -171
- package/apps/shared/mail/outbox/sendJob.ts +445 -445
- package/apps/shared/mail/outbox/sendOutcomes.ts +155 -155
- package/apps/shared/mail/reportNotices.ts +66 -66
- package/apps/shared/mail/senderBlocking.ts +141 -141
- package/apps/shared/mail/useMailConnection.ts +205 -205
- package/apps/shared/mail/useMailLiveUpdates.ts +277 -277
- package/apps/shared/mail/useMailboxUpdateAccess.ts +60 -60
- package/apps/shared/mail/useMarkMessageRead.ts +47 -47
- package/apps/shared/mail/useNewMailNotifications.ts +178 -178
- package/apps/shared/notifications/store.ts +560 -560
- package/apps/shared/search/LocalIndexLifecycle.tsx +114 -114
- package/apps/shared/search/localIndexBuilder.ts +481 -481
- package/apps/shared/signing/enrollmentStorage.ts +33 -33
- package/apps/shared/signing/enrollmentTracker.ts +385 -385
- package/apps/shared/signing/enrollmentView.ts +251 -251
- package/apps/shared/signing/useNow.ts +19 -19
- package/apps/shared/signing/useSigningEnrollmentWatcher.ts +90 -90
- package/apps/shared/styles/app.css +396 -396
- package/apps/www/calendar/index.tsx +581 -581
- package/apps/www/contacts/[uid].tsx +112 -112
- package/apps/www/index.tsx +3012 -3012
- package/apps/www/messages/[uid].tsx +139 -139
- package/apps/www/settings/auto-reply/index.tsx +136 -136
- package/apps/www/settings/blocked-senders/index.tsx +303 -303
- package/apps/www/settings/encryption/index.tsx +1290 -1290
- package/apps/www/settings/filters/[uid].tsx +179 -179
- package/apps/www/settings/filters/index.tsx +105 -105
- package/apps/www/settings/filters/new/index.tsx +165 -165
- package/apps/www/settings/labels/index.tsx +207 -207
- package/apps/www/settings/privacy/index.tsx +495 -495
- package/apps/www/settings/profile/index.tsx +251 -251
- package/apps/www/settings/read-receipts/index.tsx +150 -150
- package/apps/www/settings/sharing/index.tsx +259 -259
- package/apps/www/settings/signatures/[uid].tsx +175 -175
- package/apps/www/settings/signatures/index.tsx +91 -91
- package/apps/www/settings/signatures/new/index.tsx +138 -138
- package/apps/www/tasks/index.tsx +654 -654
- package/dist/apps/shared/components/admin/layout/AdminShell.js +2 -2
- package/dist/apps/shared/components/admin/settings/BrandingForm.js +3 -3
- package/dist/apps/shared/components/escrow/layout/EscrowShell.js +2 -2
- package/dist/apps/shared/components/layout/AppShell.js +4 -2
- package/dist/apps/shared/components/mail/compose/ComposeWindow.d.ts +7 -1
- package/dist/apps/shared/components/mail/compose/ComposeWindow.js +20 -1
- package/dist/apps/shared/components/mail/reading/printMessage.js +11 -11
- package/dist/apps/shared/styles/app.css +396 -396
- package/package.json +2 -2
|
@@ -1,114 +1,114 @@
|
|
|
1
|
-
///////////////////////////////////////////////////////////////////////////////
|
|
2
|
-
// Copyright (C) 2026 Jean-Philippe Steinmetz
|
|
3
|
-
// SPDX-License-Identifier: MPL-2.0
|
|
4
|
-
///////////////////////////////////////////////////////////////////////////////
|
|
5
|
-
/**
|
|
6
|
-
* Mounts the Tier 2 local index's lifecycle: starts the background build for the active mailbox once it's
|
|
7
|
-
* unlocked, and destroys an index on the same events that destroy that mailbox's unlocked keys (spec §11
|
|
8
|
-
* "MUST be destroyed on the same events that destroy private keys: explicit logout, session revocation,
|
|
9
|
-
* and the configurable idle timeout").
|
|
10
|
-
*
|
|
11
|
-
* **Why polling, not hooking the existing destroy call sites directly**: `destroyUnlockedKeys()`
|
|
12
|
-
* (`react-shared/src/crypto/keySession.ts`) has no observer/callback hook. Watching `getUnlockedKeys()`
|
|
13
|
-
* for a present-to-absent transition catches *every* destroy path uniformly - idle timeout, the manual
|
|
14
|
-
* button, or anything else that calls it - without needing to know which one fired.
|
|
15
|
-
*
|
|
16
|
-
* Every mailbox this component has seen unlocked is tracked for the life of the mount - not just whichever
|
|
17
|
-
* is active right now - so switching mailboxes (or a folders-list refresh re-running the build effect)
|
|
18
|
-
* can never lose a pending unlocked-to-locked transition for a mailbox whose index was already built.
|
|
19
|
-
*
|
|
20
|
-
* **Explicit logout** navigates away immediately, which may not leave time for a poll tick - `AppShell.tsx`
|
|
21
|
-
* handles that case itself via `destroyAllLocalIndexes()`.
|
|
22
|
-
*/
|
|
23
|
-
import { useEffect, useRef } from "react";
|
|
24
|
-
import { getUnlockedKeys } from "@rapidmx/react-shared/crypto/keySession.js";
|
|
25
|
-
import type { PublicKey } from "@rapidmx/react-shared/crypto/keyvaultApi.js";
|
|
26
|
-
import type { Folder } from "@rapidmx/react-shared/mail/mailApi.js";
|
|
27
|
-
|
|
28
|
-
/**
|
|
29
|
-
* The index builder (with the message security code it decrypts through - PKI.js and the ASN.1/X.509 libraries, over half a
|
|
30
|
-
* megabyte) is loaded only once a mailbox is actually unlocked and a build is due, so an inbox that never unlocks - the
|
|
31
|
-
* common case - never downloads it.
|
|
32
|
-
*/
|
|
33
|
-
let builder: Promise<typeof import("./localIndexBuilder.js")> | undefined;
|
|
34
|
-
const loadBuilder = () =>
|
|
35
|
-
(builder ??= import("./localIndexBuilder.js").catch((err) => {
|
|
36
|
-
// A failed download is tried again the next time one is due.
|
|
37
|
-
builder = undefined;
|
|
38
|
-
throw err;
|
|
39
|
-
}));
|
|
40
|
-
import { destroyLocalIndex, pruneInaccessibleLocalIndexes } from "./localIndexRpcClient.js";
|
|
41
|
-
|
|
42
|
-
export const POLL_INTERVAL_MS = 5_000;
|
|
43
|
-
|
|
44
|
-
export interface LocalIndexLifecycleProps {
|
|
45
|
-
mailboxUid?: string;
|
|
46
|
-
mailboxKeys?: PublicKey[];
|
|
47
|
-
folders: Folder[];
|
|
48
|
-
/** Every mailbox the signed-in user can currently access. Once known, indexes on this device for any
|
|
49
|
-
* other mailbox (e.g. left behind by a different user who never signed out) are removed. */
|
|
50
|
-
accessibleMailboxUids?: string[];
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
/** Renders nothing - pure side-effect component, mounted by `MailShell.tsx`. */
|
|
54
|
-
export default function LocalIndexLifecycle({ mailboxUid, folders, accessibleMailboxUids }: LocalIndexLifecycleProps) {
|
|
55
|
-
// mailboxUid -> whether it was unlocked at the last check. An entry exists for every mailbox whose
|
|
56
|
-
// build this component started; only ever changed by a real observed transition, never reset by an
|
|
57
|
-
// effect re-run.
|
|
58
|
-
const trackedRef = useRef(new Map<string, boolean>());
|
|
59
|
-
// The latest props, for the long-lived polling interval below.
|
|
60
|
-
const latestRef = useRef({ mailboxUid, folders });
|
|
61
|
-
latestRef.current = { mailboxUid, folders };
|
|
62
|
-
|
|
63
|
-
function startBuildIfUnlocked(targetMailboxUid: string, targetFolders: Folder[]) {
|
|
64
|
-
const unlocked = getUnlockedKeys(targetMailboxUid);
|
|
65
|
-
if (!unlocked || targetFolders.length === 0 || trackedRef.current.get(targetMailboxUid)) {
|
|
66
|
-
return;
|
|
67
|
-
}
|
|
68
|
-
trackedRef.current.set(targetMailboxUid, true);
|
|
69
|
-
// Never an unhandled rejection - a broken local index is best-effort infrastructure, not a build
|
|
70
|
-
// the rest of the app depends on.
|
|
71
|
-
loadBuilder()
|
|
72
|
-
.then(({ buildLocalIndex }) => buildLocalIndex(targetMailboxUid, unlocked, targetFolders))
|
|
73
|
-
.catch(() => undefined);
|
|
74
|
-
}
|
|
75
|
-
|
|
76
|
-
useEffect(() => {
|
|
77
|
-
if (mailboxUid) {
|
|
78
|
-
startBuildIfUnlocked(mailboxUid, folders);
|
|
79
|
-
}
|
|
80
|
-
}, [mailboxUid, folders]);
|
|
81
|
-
|
|
82
|
-
useEffect(() => {
|
|
83
|
-
const interval = setInterval(() => {
|
|
84
|
-
for (const [trackedUid, wasUnlocked] of trackedRef.current) {
|
|
85
|
-
if (wasUnlocked && !getUnlockedKeys(trackedUid)) {
|
|
86
|
-
// A present-to-absent transition: something just destroyed this mailbox's keys.
|
|
87
|
-
trackedRef.current.set(trackedUid, false);
|
|
88
|
-
// Stop the pass still running with the now-destroyed keys; the destroy itself also makes
|
|
89
|
-
// the Worker reject anything that pass still sends.
|
|
90
|
-
loadBuilder()
|
|
91
|
-
.then(({ cancelLocalIndexBuild }) => cancelLocalIndexBuild(trackedUid))
|
|
92
|
-
.catch(() => undefined);
|
|
93
|
-
void destroyLocalIndex(trackedUid);
|
|
94
|
-
}
|
|
95
|
-
}
|
|
96
|
-
// The active mailbox was (re-)unlocked since the last check, e.g. via an on-demand unlock prompt.
|
|
97
|
-
const { mailboxUid: activeUid, folders: activeFolders } = latestRef.current;
|
|
98
|
-
if (activeUid) {
|
|
99
|
-
startBuildIfUnlocked(activeUid, activeFolders);
|
|
100
|
-
}
|
|
101
|
-
}, POLL_INTERVAL_MS);
|
|
102
|
-
return () => clearInterval(interval);
|
|
103
|
-
}, []);
|
|
104
|
-
|
|
105
|
-
// A stable string key so a re-render with an equal-but-new array doesn't re-scan OPFS.
|
|
106
|
-
const accessibleKey = accessibleMailboxUids && accessibleMailboxUids.length > 0 ? JSON.stringify([...accessibleMailboxUids].sort()) : "";
|
|
107
|
-
useEffect(() => {
|
|
108
|
-
if (accessibleKey) {
|
|
109
|
-
void pruneInaccessibleLocalIndexes(JSON.parse(accessibleKey) as string[]);
|
|
110
|
-
}
|
|
111
|
-
}, [accessibleKey]);
|
|
112
|
-
|
|
113
|
-
return null;
|
|
114
|
-
}
|
|
1
|
+
///////////////////////////////////////////////////////////////////////////////
|
|
2
|
+
// Copyright (C) 2026 Jean-Philippe Steinmetz
|
|
3
|
+
// SPDX-License-Identifier: MPL-2.0
|
|
4
|
+
///////////////////////////////////////////////////////////////////////////////
|
|
5
|
+
/**
|
|
6
|
+
* Mounts the Tier 2 local index's lifecycle: starts the background build for the active mailbox once it's
|
|
7
|
+
* unlocked, and destroys an index on the same events that destroy that mailbox's unlocked keys (spec §11
|
|
8
|
+
* "MUST be destroyed on the same events that destroy private keys: explicit logout, session revocation,
|
|
9
|
+
* and the configurable idle timeout").
|
|
10
|
+
*
|
|
11
|
+
* **Why polling, not hooking the existing destroy call sites directly**: `destroyUnlockedKeys()`
|
|
12
|
+
* (`react-shared/src/crypto/keySession.ts`) has no observer/callback hook. Watching `getUnlockedKeys()`
|
|
13
|
+
* for a present-to-absent transition catches *every* destroy path uniformly - idle timeout, the manual
|
|
14
|
+
* button, or anything else that calls it - without needing to know which one fired.
|
|
15
|
+
*
|
|
16
|
+
* Every mailbox this component has seen unlocked is tracked for the life of the mount - not just whichever
|
|
17
|
+
* is active right now - so switching mailboxes (or a folders-list refresh re-running the build effect)
|
|
18
|
+
* can never lose a pending unlocked-to-locked transition for a mailbox whose index was already built.
|
|
19
|
+
*
|
|
20
|
+
* **Explicit logout** navigates away immediately, which may not leave time for a poll tick - `AppShell.tsx`
|
|
21
|
+
* handles that case itself via `destroyAllLocalIndexes()`.
|
|
22
|
+
*/
|
|
23
|
+
import { useEffect, useRef } from "react";
|
|
24
|
+
import { getUnlockedKeys } from "@rapidmx/react-shared/crypto/keySession.js";
|
|
25
|
+
import type { PublicKey } from "@rapidmx/react-shared/crypto/keyvaultApi.js";
|
|
26
|
+
import type { Folder } from "@rapidmx/react-shared/mail/mailApi.js";
|
|
27
|
+
|
|
28
|
+
/**
|
|
29
|
+
* The index builder (with the message security code it decrypts through - PKI.js and the ASN.1/X.509 libraries, over half a
|
|
30
|
+
* megabyte) is loaded only once a mailbox is actually unlocked and a build is due, so an inbox that never unlocks - the
|
|
31
|
+
* common case - never downloads it.
|
|
32
|
+
*/
|
|
33
|
+
let builder: Promise<typeof import("./localIndexBuilder.js")> | undefined;
|
|
34
|
+
const loadBuilder = () =>
|
|
35
|
+
(builder ??= import("./localIndexBuilder.js").catch((err) => {
|
|
36
|
+
// A failed download is tried again the next time one is due.
|
|
37
|
+
builder = undefined;
|
|
38
|
+
throw err;
|
|
39
|
+
}));
|
|
40
|
+
import { destroyLocalIndex, pruneInaccessibleLocalIndexes } from "./localIndexRpcClient.js";
|
|
41
|
+
|
|
42
|
+
export const POLL_INTERVAL_MS = 5_000;
|
|
43
|
+
|
|
44
|
+
export interface LocalIndexLifecycleProps {
|
|
45
|
+
mailboxUid?: string;
|
|
46
|
+
mailboxKeys?: PublicKey[];
|
|
47
|
+
folders: Folder[];
|
|
48
|
+
/** Every mailbox the signed-in user can currently access. Once known, indexes on this device for any
|
|
49
|
+
* other mailbox (e.g. left behind by a different user who never signed out) are removed. */
|
|
50
|
+
accessibleMailboxUids?: string[];
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
/** Renders nothing - pure side-effect component, mounted by `MailShell.tsx`. */
|
|
54
|
+
export default function LocalIndexLifecycle({ mailboxUid, folders, accessibleMailboxUids }: LocalIndexLifecycleProps) {
|
|
55
|
+
// mailboxUid -> whether it was unlocked at the last check. An entry exists for every mailbox whose
|
|
56
|
+
// build this component started; only ever changed by a real observed transition, never reset by an
|
|
57
|
+
// effect re-run.
|
|
58
|
+
const trackedRef = useRef(new Map<string, boolean>());
|
|
59
|
+
// The latest props, for the long-lived polling interval below.
|
|
60
|
+
const latestRef = useRef({ mailboxUid, folders });
|
|
61
|
+
latestRef.current = { mailboxUid, folders };
|
|
62
|
+
|
|
63
|
+
function startBuildIfUnlocked(targetMailboxUid: string, targetFolders: Folder[]) {
|
|
64
|
+
const unlocked = getUnlockedKeys(targetMailboxUid);
|
|
65
|
+
if (!unlocked || targetFolders.length === 0 || trackedRef.current.get(targetMailboxUid)) {
|
|
66
|
+
return;
|
|
67
|
+
}
|
|
68
|
+
trackedRef.current.set(targetMailboxUid, true);
|
|
69
|
+
// Never an unhandled rejection - a broken local index is best-effort infrastructure, not a build
|
|
70
|
+
// the rest of the app depends on.
|
|
71
|
+
loadBuilder()
|
|
72
|
+
.then(({ buildLocalIndex }) => buildLocalIndex(targetMailboxUid, unlocked, targetFolders))
|
|
73
|
+
.catch(() => undefined);
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
useEffect(() => {
|
|
77
|
+
if (mailboxUid) {
|
|
78
|
+
startBuildIfUnlocked(mailboxUid, folders);
|
|
79
|
+
}
|
|
80
|
+
}, [mailboxUid, folders]);
|
|
81
|
+
|
|
82
|
+
useEffect(() => {
|
|
83
|
+
const interval = setInterval(() => {
|
|
84
|
+
for (const [trackedUid, wasUnlocked] of trackedRef.current) {
|
|
85
|
+
if (wasUnlocked && !getUnlockedKeys(trackedUid)) {
|
|
86
|
+
// A present-to-absent transition: something just destroyed this mailbox's keys.
|
|
87
|
+
trackedRef.current.set(trackedUid, false);
|
|
88
|
+
// Stop the pass still running with the now-destroyed keys; the destroy itself also makes
|
|
89
|
+
// the Worker reject anything that pass still sends.
|
|
90
|
+
loadBuilder()
|
|
91
|
+
.then(({ cancelLocalIndexBuild }) => cancelLocalIndexBuild(trackedUid))
|
|
92
|
+
.catch(() => undefined);
|
|
93
|
+
void destroyLocalIndex(trackedUid);
|
|
94
|
+
}
|
|
95
|
+
}
|
|
96
|
+
// The active mailbox was (re-)unlocked since the last check, e.g. via an on-demand unlock prompt.
|
|
97
|
+
const { mailboxUid: activeUid, folders: activeFolders } = latestRef.current;
|
|
98
|
+
if (activeUid) {
|
|
99
|
+
startBuildIfUnlocked(activeUid, activeFolders);
|
|
100
|
+
}
|
|
101
|
+
}, POLL_INTERVAL_MS);
|
|
102
|
+
return () => clearInterval(interval);
|
|
103
|
+
}, []);
|
|
104
|
+
|
|
105
|
+
// A stable string key so a re-render with an equal-but-new array doesn't re-scan OPFS.
|
|
106
|
+
const accessibleKey = accessibleMailboxUids && accessibleMailboxUids.length > 0 ? JSON.stringify([...accessibleMailboxUids].sort()) : "";
|
|
107
|
+
useEffect(() => {
|
|
108
|
+
if (accessibleKey) {
|
|
109
|
+
void pruneInaccessibleLocalIndexes(JSON.parse(accessibleKey) as string[]);
|
|
110
|
+
}
|
|
111
|
+
}, [accessibleKey]);
|
|
112
|
+
|
|
113
|
+
return null;
|
|
114
|
+
}
|