@rapidmx/web-client 0.21.0 → 0.23.0

package/apps/shared/components/admin/mailboxes/ResourceSettingsCard.tsx

@@ -3,10 +3,11 @@
 // SPDX-License-Identifier: MPL-2.0
 ///////////////////////////////////////////////////////////////////////////////
 import React, { FormEvent, useState } from "react";
-import { ApiRequestError } from "@rapidmx/react-shared/util/api.js";
-import { Mailbox, updateMailbox } from "@rapidmx/react-shared/mail/mailApi.js";
-import Alert from "@rapidmx/react-shared/components/feedback/Alert.js";
-import Button from "@rapidmx/react-shared/components/buttons/Button.js";
+import { ApiRequestError } from "../../../../../lib/util/api.js";
+import { Mailbox, updateMailbox } from "../../../../../lib/mail/mailApi.js";
+import { useApiClient } from "../../../../../lib/util/apiClientContext.js";
+import Alert from "../../../../../lib/components/feedback/Alert.js";
+import Button from "../../../../../lib/components/buttons/Button.js";
 
 const INPUT_CLASS =
     "w-full text-sm py-2 px-3 border border-border rounded-sm bg-surface text-text focus:outline-none focus:border-primary";
@@ -31,6 +32,7 @@ export interface ResourceSettingsCardProps {
  * resource at creation time (`apps/admin/mailboxes/new`), not retroactively from here.
  */
 export default function ResourceSettingsCard({ mailbox, onUpdate }: ResourceSettingsCardProps) {
+    const client = useApiClient();
     const [resourceType, setResourceType] = useState<"room" | "equipment">(mailbox.resourceType ?? "room");
     const [resourceCapacity, setResourceCapacity] = useState(mailbox.resourceCapacity?.toString() ?? "");
     const [autoAcceptBookings, setAutoAcceptBookings] = useState(!!mailbox.autoAcceptBookings);
@@ -47,16 +49,19 @@ export default function ResourceSettingsCard({ mailbox, onUpdate }: ResourceSett
         setSaved(false);
         setSaving(true);
         try {
-            const updated = await updateMailbox({
-                uid: mailbox.uid,
-                version: mailbox.version,
-                resourceType,
-                resourceCapacity: resourceCapacity ? Number(resourceCapacity) : null,
-                autoAcceptBookings,
-                allowConflicts,
-                bookingWindowDays: bookingWindowDays ? Number(bookingWindowDays) : null,
-                maxDurationMinutes: maxDurationMinutes ? Number(maxDurationMinutes) : null,
-            });
+            const updated = await updateMailbox(
+                {
+                    uid: mailbox.uid,
+                    version: mailbox.version,
+                    resourceType,
+                    resourceCapacity: resourceCapacity ? Number(resourceCapacity) : null,
+                    autoAcceptBookings,
+                    allowConflicts,
+                    bookingWindowDays: bookingWindowDays ? Number(bookingWindowDays) : null,
+                    maxDurationMinutes: maxDurationMinutes ? Number(maxDurationMinutes) : null,
+                },
+                client,
+            );
             onUpdate(updated);
             setSaved(true);
         } catch (err) {

package/apps/shared/components/admin/mailboxes/ShareAccessCard.tsx

@@ -3,17 +3,17 @@
 // SPDX-License-Identifier: MPL-2.0
 ///////////////////////////////////////////////////////////////////////////////
 import React, { useEffect, useState } from "react";
-import { ApiRequestError } from "@rapidmx/react-shared/util/api.js";
+import { ApiRequestError } from "../../../../../lib/util/api.js";
 import {
     listMailboxAccess,
     MailboxAccessMember,
     MailboxAccessRole,
     removeMailboxAccess,
     setMailboxAccess,
-} from "@rapidmx/react-shared/mail/mailboxAccessApi.js";
-import Alert from "@rapidmx/react-shared/components/feedback/Alert.js";
-import Button from "@rapidmx/react-shared/components/buttons/Button.js";
-import Modal from "@rapidmx/react-shared/components/overlays/Modal.js";
+} from "../../../../../lib/mail/mailboxAccessApi.js";
+import Alert from "../../../../../lib/components/feedback/Alert.js";
+import Button from "../../../../../lib/components/buttons/Button.js";
+import Modal from "../../../../../lib/components/overlays/Modal.js";
 import PrincipalPicker from "../../sharing/PrincipalPicker.js";
 
 const ROLE_LABELS: Record<MailboxAccessRole, string> = { viewer: "Read only", manager: "Full access" };

package/apps/shared/components/admin/settings/BrandingForm.tsx

@@ -3,7 +3,7 @@
 // SPDX-License-Identifier: MPL-2.0
 ///////////////////////////////////////////////////////////////////////////////
 import React, { ChangeEvent, FormEvent, useRef, useState } from "react";
-import { ApiRequestError } from "@rapidmx/react-shared/util/api.js";
+import { ApiRequestError } from "../../../../../lib/util/api.js";
 import {
     Branding,
     deleteBrandingIcon,
@@ -13,10 +13,10 @@ import {
     uploadBrandingIcon,
     uploadBrandingLogo,
     uploadBrandingStylesheet,
-} from "@rapidmx/react-shared/branding/brandingApi.js";
-import Alert from "@rapidmx/react-shared/components/feedback/Alert.js";
-import Button from "@rapidmx/react-shared/components/buttons/Button.js";
-import CopyButton from "@rapidmx/react-shared/components/buttons/CopyButton.js";
+} from "../../../../../lib/branding/brandingApi.js";
+import Alert from "../../../../../lib/components/feedback/Alert.js";
+import Button from "../../../../../lib/components/buttons/Button.js";
+import CopyButton from "../../../../../lib/components/buttons/CopyButton.js";
 
 const INPUT_CLASS =
     "w-full text-sm py-2 px-3 border border-border rounded-sm bg-surface text-text focus:outline-none focus:border-primary";

package/apps/shared/components/admin/settings/DomainDnsSetup.tsx

@@ -3,11 +3,11 @@
 // SPDX-License-Identifier: MPL-2.0
 ///////////////////////////////////////////////////////////////////////////////
 import React, { useEffect, useState } from "react";
-import { ApiRequestError } from "@rapidmx/react-shared/util/api.js";
-import { DnsRecordCheck, Domain, getDnsSetup, getDomain, verifyDomain } from "@rapidmx/react-shared/admin/domainsApi.js";
-import Alert from "@rapidmx/react-shared/components/feedback/Alert.js";
-import Button from "@rapidmx/react-shared/components/buttons/Button.js";
-import CopyButton from "@rapidmx/react-shared/components/buttons/CopyButton.js";
+import { ApiRequestError } from "../../../../../lib/util/api.js";
+import { DnsRecordCheck, Domain, getDnsSetup, getDomain, verifyDomain } from "../../../../../lib/admin/domainsApi.js";
+import Alert from "../../../../../lib/components/feedback/Alert.js";
+import Button from "../../../../../lib/components/buttons/Button.js";
+import CopyButton from "../../../../../lib/components/buttons/CopyButton.js";
 
 const RECORD_TYPE_LABELS: Record<DnsRecordCheck["type"], string> = {
     ownership: "Ownership (TXT)",

package/apps/shared/components/admin/settings/EncryptionPolicyForm.tsx

@@ -3,10 +3,10 @@
 // SPDX-License-Identifier: MPL-2.0
 ///////////////////////////////////////////////////////////////////////////////
 import React, { FormEvent, useEffect, useState } from "react";
-import { ApiRequestError } from "@rapidmx/react-shared/util/api.js";
-import { EncryptionPolicy, PolicyState, updateEncryptionPolicy } from "@rapidmx/react-shared/crypto/keyvaultApi.js";
-import Alert from "@rapidmx/react-shared/components/feedback/Alert.js";
-import Button from "@rapidmx/react-shared/components/buttons/Button.js";
+import { ApiRequestError } from "../../../../../lib/util/api.js";
+import { EncryptionPolicy, PolicyState, updateEncryptionPolicy } from "../../../../../lib/crypto/keyvaultApi.js";
+import Alert from "../../../../../lib/components/feedback/Alert.js";
+import Button from "../../../../../lib/components/buttons/Button.js";
 
 const SELECT_CLASS =
     "w-full text-sm py-2 px-3 border border-border rounded-sm bg-surface text-text focus:outline-none focus:border-primary";

package/apps/shared/components/admin/settings/LoadedSettingsForm.tsx

@@ -3,8 +3,8 @@
 // SPDX-License-Identifier: MPL-2.0
 ///////////////////////////////////////////////////////////////////////////////
 import React, { ReactNode, useEffect, useState } from "react";
-import { ApiRequestError } from "@rapidmx/react-shared/util/api.js";
-import Alert from "@rapidmx/react-shared/components/feedback/Alert.js";
+import { ApiRequestError } from "../../../../../lib/util/api.js";
+import Alert from "../../../../../lib/components/feedback/Alert.js";
 
 export interface LoadedSettingsFormProps<T> {
     load: () => Promise<T>;

package/apps/shared/components/admin/settings/MailboxCreateForm.tsx

@@ -3,14 +3,15 @@
 // SPDX-License-Identifier: MPL-2.0
 ///////////////////////////////////////////////////////////////////////////////
 import React, { FormEvent, useEffect, useRef, useState } from "react";
-import { ApiRequestError } from "@rapidmx/react-shared/util/api.js";
-import { getMailboxPolicy } from "@rapidmx/react-shared/admin/mailboxPolicyApi.js";
-import { LeftoverConflict, leftoverConflictOf } from "@rapidmx/react-shared/admin/leftoverMailboxApi.js";
-import { createMailbox, listMailboxDomains, Mailbox, resolveMailboxOwner, ResolvedPrincipal } from "@rapidmx/react-shared/mail/mailApi.js";
-import { deviceTimeZone } from "@rapidmx/react-shared/util/timeZone.js";
-import Alert from "@rapidmx/react-shared/components/feedback/Alert.js";
-import Button from "@rapidmx/react-shared/components/buttons/Button.js";
-import FormField from "@rapidmx/react-shared/components/forms/FormField.js";
+import { ApiRequestError } from "../../../../../lib/util/api.js";
+import { getMailboxPolicy } from "../../../../../lib/admin/mailboxPolicyApi.js";
+import { LeftoverConflict, leftoverConflictOf } from "../../../../../lib/admin/leftoverMailboxApi.js";
+import { createMailbox, listMailboxDomains, Mailbox, resolveMailboxOwner, ResolvedPrincipal } from "../../../../../lib/mail/mailApi.js";
+import { deviceTimeZone } from "../../../../../lib/util/timeZone.js";
+import { useApiClient } from "../../../../../lib/util/apiClientContext.js";
+import Alert from "../../../../../lib/components/feedback/Alert.js";
+import Button from "../../../../../lib/components/buttons/Button.js";
+import FormField from "../../../../../lib/components/forms/FormField.js";
 import PrincipalResolver, { describePerson } from "../../sharing/PrincipalResolver.js";
 import EraseLeftoverDataDialog from "../mailboxes/EraseLeftoverDataDialog.js";
 
@@ -32,6 +33,7 @@ export interface MailboxCreateFormProps {
  * policy's default.
  */
 export default function MailboxCreateForm({ onCreated, defaults, submitLabel = "Create mailbox", cancelHref }: MailboxCreateFormProps) {
+    const client = useApiClient();
     const [primarySmtpAddress, setPrimarySmtpAddress] = useState("");
     const [localPart, setLocalPart] = useState(defaults?.localPart ?? "");
     const [domains, setDomains] = useState<string[]>([]);
@@ -64,13 +66,13 @@ export default function MailboxCreateForm({ onCreated, defaults, submitLabel = "
     // `BaseMailboxRoute.create()`), so the form switches to a local-part input + domain dropdown to
     // make that restriction visible rather than let an admin discover it only via a rejected submit.
     useEffect(() => {
-        listMailboxDomains()
+        listMailboxDomains(client)
             .then((list) => {
                 setDomains(list);
                 setDomain(defaults?.domain && list.includes(defaults.domain) ? defaults.domain : (list[0] ?? ""));
             })
             .catch(() => undefined);
-        getMailboxPolicy()
+        getMailboxPolicy(client)
             .then((policy) => {
                 if (!quotaTouched.current) {
                     setQuotaGb(Math.round(policy.defaultQuotaBytes / 1_000_000_000));
@@ -115,22 +117,25 @@ export default function MailboxCreateForm({ onCreated, defaults, submitLabel = "
         try {
             // "Shared mailbox" creates a true ownerless mailbox (e.g. support@example.com); delegates are then
             // granted access from the mailbox's detail page. A resource mailbox is ownerless the same way.
-            const mailbox = await createMailbox({
-                primarySmtpAddress: address,
-                displayName: displayName.trim(),
-                ownerUserUid: ownerMode === "owned" ? resolvedOwner!.userUid : undefined,
-                timezone,
-                quotaBytes: Math.round(quotaGb * 1_000_000_000),
-                ...(isResource && {
-                    isResource: true,
-                    resourceType,
-                    resourceCapacity: resourceCapacity ? Number(resourceCapacity) : undefined,
-                    autoAcceptBookings,
-                    allowConflicts,
-                    bookingWindowDays: bookingWindowDays ? Number(bookingWindowDays) : undefined,
-                    maxDurationMinutes: maxDurationMinutes ? Number(maxDurationMinutes) : undefined,
-                }),
-            });
+            const mailbox = await createMailbox(
+                {
+                    primarySmtpAddress: address,
+                    displayName: displayName.trim(),
+                    ownerUserUid: ownerMode === "owned" ? resolvedOwner!.userUid : undefined,
+                    timezone,
+                    quotaBytes: Math.round(quotaGb * 1_000_000_000),
+                    ...(isResource && {
+                        isResource: true,
+                        resourceType,
+                        resourceCapacity: resourceCapacity ? Number(resourceCapacity) : undefined,
+                        autoAcceptBookings,
+                        allowConflicts,
+                        bookingWindowDays: bookingWindowDays ? Number(bookingWindowDays) : undefined,
+                        maxDurationMinutes: maxDurationMinutes ? Number(maxDurationMinutes) : undefined,
+                    }),
+                },
+                client,
+            );
             onCreated(mailbox);
         } catch (err) {
             const conflict = leftoverConflictOf(err);
@@ -265,7 +270,7 @@ export default function MailboxCreateForm({ onCreated, defaults, submitLabel = "
                                 </div>
                             ) : (
                                 <PrincipalResolver
-                                    resolve={resolveMailboxOwner}
+                                    resolve={(principal) => resolveMailboxOwner(principal, client)}
                                     onResolved={(person) => {
                                         setResolvedOwner(person);
                                     }}

package/apps/shared/components/admin/settings/MailboxPolicyForm.tsx

@@ -3,10 +3,10 @@
 // SPDX-License-Identifier: MPL-2.0
 ///////////////////////////////////////////////////////////////////////////////
 import React, { FormEvent, useEffect, useState } from "react";
-import { ApiRequestError } from "@rapidmx/react-shared/util/api.js";
-import { MailboxPolicy, updateMailboxPolicy } from "@rapidmx/react-shared/admin/mailboxPolicyApi.js";
-import Alert from "@rapidmx/react-shared/components/feedback/Alert.js";
-import Button from "@rapidmx/react-shared/components/buttons/Button.js";
+import { ApiRequestError } from "../../../../../lib/util/api.js";
+import { MailboxPolicy, updateMailboxPolicy } from "../../../../../lib/admin/mailboxPolicyApi.js";
+import Alert from "../../../../../lib/components/feedback/Alert.js";
+import Button from "../../../../../lib/components/buttons/Button.js";
 
 const INPUT_CLASS =
     "w-full text-sm py-2 px-3 border border-border rounded-sm bg-surface text-text focus:outline-none focus:border-primary";

package/apps/shared/components/admin/settings/PluginsManager.tsx

@@ -3,7 +3,7 @@
 // SPDX-License-Identifier: MPL-2.0
 ///////////////////////////////////////////////////////////////////////////////
 import React, { FormEvent, useCallback, useEffect, useId, useRef, useState } from "react";
-import { ApiRequestError } from "@rapidmx/react-shared/util/api.js";
+import { ApiRequestError } from "../../../../../lib/util/api.js";
 import {
     addPlugin,
     expectedPlanOf,
@@ -31,10 +31,10 @@ import {
     retryPluginPurge,
     searchPlugins,
     updatePlugin,
-} from "@rapidmx/react-shared/admin/pluginsApi.js";
-import Alert from "@rapidmx/react-shared/components/feedback/Alert.js";
-import Button from "@rapidmx/react-shared/components/buttons/Button.js";
-import Modal from "@rapidmx/react-shared/components/overlays/Modal.js";
+} from "../../../../../lib/admin/pluginsApi.js";
+import Alert from "../../../../../lib/components/feedback/Alert.js";
+import Button from "../../../../../lib/components/buttons/Button.js";
+import Modal from "../../../../../lib/components/overlays/Modal.js";
 import { notify } from "../../../notifications/store.js";
 import { isElevationRequired } from "../elevation.js";
 import { getAllowPrerelease, setAllowPrerelease } from "./pluginPreferences.js";

package/apps/shared/components/admin/settings/RetentionPolicyForm.tsx

@@ -3,11 +3,11 @@
 // SPDX-License-Identifier: MPL-2.0
 ///////////////////////////////////////////////////////////////////////////////
 import React, { FormEvent, useEffect, useState } from "react";
-import { ApiRequestError } from "@rapidmx/react-shared/util/api.js";
-import { MIN_AUDIT_LOG_RETENTION_DAYS, RetentionPolicy, RetentionPolicyUpdate, updateRetentionPolicy } from "@rapidmx/react-shared/admin/retentionPolicyApi.js";
-import Alert from "@rapidmx/react-shared/components/feedback/Alert.js";
-import Button from "@rapidmx/react-shared/components/buttons/Button.js";
-import Modal from "@rapidmx/react-shared/components/overlays/Modal.js";
+import { ApiRequestError } from "../../../../../lib/util/api.js";
+import { MIN_AUDIT_LOG_RETENTION_DAYS, RetentionPolicy, RetentionPolicyUpdate, updateRetentionPolicy } from "../../../../../lib/admin/retentionPolicyApi.js";
+import Alert from "../../../../../lib/components/feedback/Alert.js";
+import Button from "../../../../../lib/components/buttons/Button.js";
+import Modal from "../../../../../lib/components/overlays/Modal.js";
 
 const INPUT_CLASS =
     "w-full text-sm py-2 px-3 border border-border rounded-sm bg-surface text-text focus:outline-none focus:border-primary";

package/apps/shared/components/admin/setup/EscrowSetupStep.tsx

@@ -3,13 +3,13 @@
 // SPDX-License-Identifier: MPL-2.0
 ///////////////////////////////////////////////////////////////////////////////
 import React, { FormEvent, useEffect, useState } from "react";
-import { ApiRequestError } from "@rapidmx/react-shared/util/api.js";
-import { createEscrowScope, EscrowScope, listEscrowScopes } from "@rapidmx/react-shared/admin/escrowScopesApi.js";
-import { generateEscrowKeyPair, GeneratedEscrowKeys } from "@rapidmx/react-shared/crypto/escrowKeys.js";
-import { toDatetimeLocal } from "@rapidmx/react-shared/util/dateInput.js";
-import Alert from "@rapidmx/react-shared/components/feedback/Alert.js";
-import Button from "@rapidmx/react-shared/components/buttons/Button.js";
-import FormField from "@rapidmx/react-shared/components/forms/FormField.js";
+import { ApiRequestError } from "../../../../../lib/util/api.js";
+import { createEscrowScope, EscrowScope, listEscrowScopes } from "../../../../../lib/admin/escrowScopesApi.js";
+import { generateEscrowKeyPair, GeneratedEscrowKeys } from "../../../../../lib/crypto/escrowKeys.js";
+import { toDatetimeLocal } from "../../../../../lib/util/dateInput.js";
+import Alert from "../../../../../lib/components/feedback/Alert.js";
+import Button from "../../../../../lib/components/buttons/Button.js";
+import FormField from "../../../../../lib/components/forms/FormField.js";
 import EscrowScopeKeyAndHoldersFields, {
     emptyEscrowScopeKeyAndHoldersValue,
     EscrowScopeKeyAndHoldersValue,

package/apps/shared/components/admin/setup/SetupWizard.tsx

@@ -5,18 +5,19 @@
 import React, { FormEvent, useEffect, useRef, useState } from "react";
 import { useRouter } from "@rapidrest/react/client";
 import { HiCheck } from "react-icons/hi2";
-import { ApiRequestError } from "@rapidmx/react-shared/util/api.js";
-import { getRetentionPolicy } from "@rapidmx/react-shared/admin/retentionPolicyApi.js";
-import { getMailboxPolicy } from "@rapidmx/react-shared/admin/mailboxPolicyApi.js";
-import { createDomain, Domain, listDomains } from "@rapidmx/react-shared/admin/domainsApi.js";
-import { completeSetup, getSetupStatus, saveSetupStep, SetupStatus } from "@rapidmx/react-shared/admin/setupApi.js";
-import { getBranding } from "@rapidmx/react-shared/branding/brandingApi.js";
-import { EncryptionPolicy, getEncryptionPolicy } from "@rapidmx/react-shared/crypto/keyvaultApi.js";
-import { listMailboxes, Mailbox } from "@rapidmx/react-shared/mail/mailApi.js";
-import Alert from "@rapidmx/react-shared/components/feedback/Alert.js";
-import Button from "@rapidmx/react-shared/components/buttons/Button.js";
-import FormField from "@rapidmx/react-shared/components/forms/FormField.js";
-import Modal from "@rapidmx/react-shared/components/overlays/Modal.js";
+import { ApiRequestError } from "../../../../../lib/util/api.js";
+import { getRetentionPolicy } from "../../../../../lib/admin/retentionPolicyApi.js";
+import { getMailboxPolicy } from "../../../../../lib/admin/mailboxPolicyApi.js";
+import { createDomain, Domain, listDomains } from "../../../../../lib/admin/domainsApi.js";
+import { completeSetup, getSetupStatus, saveSetupStep, SetupStatus } from "../../../../../lib/admin/setupApi.js";
+import { getBranding } from "../../../../../lib/branding/brandingApi.js";
+import { EncryptionPolicy, getEncryptionPolicy } from "../../../../../lib/crypto/keyvaultApi.js";
+import { listMailboxes, Mailbox } from "../../../../../lib/mail/mailApi.js";
+import { useApiClient } from "../../../../../lib/util/apiClientContext.js";
+import Alert from "../../../../../lib/components/feedback/Alert.js";
+import Button from "../../../../../lib/components/buttons/Button.js";
+import FormField from "../../../../../lib/components/forms/FormField.js";
+import Modal from "../../../../../lib/components/overlays/Modal.js";
 import BrandingForm from "../settings/BrandingForm.js";
 import DomainDnsSetup from "../settings/DomainDnsSetup.js";
 import EncryptionPolicyForm, { isEncryptionEnabled } from "../settings/EncryptionPolicyForm.js";
@@ -38,8 +39,8 @@ export const SETUP_STEPS = [
     { id: "domain", title: "Domain", intro: "Add the domain this server receives mail for, then publish the DNS records below." },
     { id: "settings", title: "Server settings", intro: "Set the rules for encryption, how long mail is kept, and new mailboxes." },
     { id: "escrow", title: "Escrow", intro: "Decide whether encrypted mail can be recovered by a trusted group of holders." },
-    { id: "branding", title: "Branding", intro: "Make the sign-in page and apps look like your organization." },
     { id: "mailboxes", title: "Mailboxes", intro: "Create the first mailboxes, starting with your own." },
+    { id: "branding", title: "Branding", intro: "Make the sign-in page and apps look like your organization." },
 ] as const;
 
 export type SetupStepId = (typeof SETUP_STEPS)[number]["id"];
@@ -62,6 +63,7 @@ export interface SetupWizardProps {
  * except the domain can be passed over and configured later from the admin console.
  */
 export default function SetupWizard({ userUid }: SetupWizardProps) {
+    const client = useApiClient();
     const { navigate } = useRouter();
     const [step, setStep] = useState<SetupStepId | null>(null);
     const [status, setStatus] = useState<SetupStatus | undefined>();
@@ -79,7 +81,7 @@ export default function SetupWizard({ userUid }: SetupWizardProps) {
     const progress = useRef<{ running: Promise<void> | null; next: SetupStepId | null }>({ running: null, next: null });
 
     function loadDomains(): Promise<void> {
-        return listDomains({ limit: 25 })
+        return listDomains({ limit: 25 }, client)
             .then((list) => {
                 setDomains(list);
                 setDomainsError(null);
@@ -88,7 +90,7 @@ export default function SetupWizard({ userUid }: SetupWizardProps) {
     }
 
     useEffect(() => {
-        void Promise.all([getSetupStatus().catch(() => undefined), loadDomains()]).then(([loaded]) => {
+        void Promise.all([getSetupStatus(client).catch(() => undefined), loadDomains()]).then(([loaded]) => {
             setStatus(loaded);
             setStep(isStepId(loaded?.currentStep) ? loaded.currentStep : "plugins");
         });
@@ -96,7 +98,7 @@ export default function SetupWizard({ userUid }: SetupWizardProps) {
 
     useEffect(() => {
         if (step === "escrow" || step === "settings") {
-            getEncryptionPolicy()
+            getEncryptionPolicy(client)
                 .then(setEncryption)
                 .catch(() => setEncryption(null));
         }
@@ -122,7 +124,7 @@ export default function SetupWizard({ userUid }: SetupWizardProps) {
                 const target: SetupStepId = queue.next;
                 queue.next = null;
                 try {
-                    await saveSetupStep(target);
+                    await saveSetupStep(target, client);
                     setProgressFailed(false);
                 } catch (err) {
                     console.warn("Could not save setup progress", err);
@@ -163,7 +165,7 @@ export default function SetupWizard({ userUid }: SetupWizardProps) {
         try {
             // Let a step still being recorded land first, so it can't arrive after setup is marked finished.
             await progress.current.running;
-            await completeSetup();
+            await completeSetup(client);
             void navigate("/admin");
         } catch (err) {
             setError(errorMessage(err, "Could not finish setup."));
@@ -247,7 +249,7 @@ export default function SetupWizard({ userUid }: SetupWizardProps) {
                 {step === "settings" && (
                     <div className="flex flex-col gap-6 max-w-3xl">
                         <div className={CARD_CLASS}>
-                            <LoadedSettingsForm load={getEncryptionPolicy} loadErrorMessage="Could not load the encryption policy.">
+                            <LoadedSettingsForm load={() => getEncryptionPolicy(client)} loadErrorMessage="Could not load the encryption policy.">
                                 {(policy, onChange) => (
                                     <EncryptionPolicyForm
                                         embedded
@@ -262,14 +264,14 @@ export default function SetupWizard({ userUid }: SetupWizardProps) {
                             </LoadedSettingsForm>
                         </div>
                         <div className={CARD_CLASS}>
-                            <LoadedSettingsForm load={getRetentionPolicy} loadErrorMessage="Could not load the retention policy.">
+                            <LoadedSettingsForm load={() => getRetentionPolicy(client)} loadErrorMessage="Could not load the retention policy.">
                                 {(policy, onChange) => (
                                     <RetentionPolicyForm embedded policy={policy} onChange={onChange} onDirtyChange={trackUnsaved("retention")} />
                                 )}
                             </LoadedSettingsForm>
                         </div>
                         <div className={CARD_CLASS}>
-                            <LoadedSettingsForm load={getMailboxPolicy} loadErrorMessage="Could not load the mailbox policy.">
+                            <LoadedSettingsForm load={() => getMailboxPolicy(client)} loadErrorMessage="Could not load the mailbox policy.">
                                 {(policy, onChange) => (
                                     <MailboxPolicyForm embedded policy={policy} onChange={onChange} onDirtyChange={trackUnsaved("mailbox")} />
                                 )}
@@ -288,7 +290,7 @@ export default function SetupWizard({ userUid }: SetupWizardProps) {
                     ))}
                 {step === "branding" && (
                     <div className={`${CARD_CLASS} max-w-3xl`}>
-                        <LoadedSettingsForm load={getBranding} loadErrorMessage="Could not load branding.">
+                        <LoadedSettingsForm load={() => getBranding(client)} loadErrorMessage="Could not load branding.">
                             {(branding, onChange) => <BrandingForm embedded branding={branding} onChange={onChange} />}
                         </LoadedSettingsForm>
                     </div>
@@ -336,6 +338,7 @@ export default function SetupWizard({ userUid }: SetupWizardProps) {
 }
 
 function DomainStep({ domains, onCreated }: { domains: Domain[]; onCreated: (domain: Domain) => void }) {
+    const client = useApiClient();
     const [name, setName] = useState("");
     const [error, setError] = useState<string | null>(null);
     const [saving, setSaving] = useState(false);
@@ -349,7 +352,7 @@ function DomainStep({ domains, onCreated }: { domains: Domain[]; onCreated: (dom
         }
         setSaving(true);
         try {
-            onCreated(await createDomain({ name: name.trim() }));
+            onCreated(await createDomain({ name: name.trim() }, client));
             setName("");
         } catch (err) {
             setError(errorMessage(err, "Could not add the domain."));
@@ -387,6 +390,7 @@ function DomainStep({ domains, onCreated }: { domains: Domain[]; onCreated: (dom
 }
 
 function MailboxesStep({ userUid, domain }: { userUid: string; domain?: string }) {
+    const client = useApiClient();
     const [mailboxes, setMailboxes] = useState<Mailbox[]>([]);
     const [loaded, setLoaded] = useState(false);
     const [error, setError] = useState<string | null>(null);
@@ -394,7 +398,7 @@ function MailboxesStep({ userUid, domain }: { userUid: string; domain?: string }
 
     useEffect(() => {
         // The administration scope: every mailbox that exists (administrative metadata), not only the administrator's own.
-        listMailboxes({ limit: 100, scope: "admin" })
+        listMailboxes({ limit: 100, scope: "admin" }, client)
             .then((list) =>
                 // Keep any mailbox created here while the list was loading.
                 setMailboxes((prev) => [...list, ...prev.filter((mine) => !list.some((mailbox) => mailbox.uid === mine.uid))]),

package/apps/shared/components/admin/signOut.ts

@@ -2,7 +2,7 @@
 // Copyright (C) 2026 Jean-Philippe Steinmetz
 // SPDX-License-Identifier: MPL-2.0
 ///////////////////////////////////////////////////////////////////////////////
-import { authApiFetch } from "@rapidmx/react-shared/util/api.js";
+import { authApiFetch } from "../../../../lib/util/api.js";
 
 /**
  * The cross-tab sign-out channel - must stay identical to `SIGN_OUT_CHANNEL` in

package/apps/shared/components/admin/usePagedList.tsx

@@ -3,8 +3,8 @@
 // SPDX-License-Identifier: MPL-2.0
 ///////////////////////////////////////////////////////////////////////////////
 import React, { useRef, useState } from "react";
-import { ApiRequestError } from "@rapidmx/react-shared/util/api.js";
-import Button from "@rapidmx/react-shared/components/buttons/Button.js";
+import { ApiRequestError } from "../../../../lib/util/api.js";
+import Button from "../../../../lib/components/buttons/Button.js";
 
 /** Page size for the async-request lists (the server returns them newest first and caps `limit` at 500). */
 export const REQUEST_LIST_PAGE_SIZE = 50;

package/apps/shared/components/calendar/AppointmentQuickForm.tsx

@@ -4,9 +4,9 @@
 ///////////////////////////////////////////////////////////////////////////////
 import React, { FormEvent, ReactNode, useState } from "react";
 import { HiOutlineArrowTopRightOnSquare, HiOutlineCalendar, HiOutlineCalendarDays, HiOutlineClock, HiOutlineLink, HiOutlineMapPin } from "react-icons/hi2";
-import { ApiRequestError } from "@rapidmx/react-shared/util/api.js";
-import Button from "@rapidmx/react-shared/components/buttons/Button.js";
-import CopyButton from "@rapidmx/react-shared/components/buttons/CopyButton.js";
+import { ApiRequestError } from "../../../../lib/util/api.js";
+import Button from "../../../../lib/components/buttons/Button.js";
+import CopyButton from "../../../../lib/components/buttons/CopyButton.js";
 import {
     BookingLocationType,
     CreateBookingTypeInput,

package/apps/shared/components/calendar/CalendarListSidebar.tsx

@@ -3,9 +3,9 @@
 // SPDX-License-Identifier: MPL-2.0
 ///////////////////////////////////////////////////////////////////////////////
 import React, { FormEvent, useState } from "react";
-import { CALENDAR_COLOR_PALETTE, accentColorForMailbox, colorForFolder } from "@rapidmx/react-shared/calendar/calendarColors.js";
-import { Folder, Mailbox } from "@rapidmx/react-shared/mail/mailApi.js";
-import Alert from "@rapidmx/react-shared/components/feedback/Alert.js";
+import { CALENDAR_COLOR_PALETTE, accentColorForMailbox, colorForFolder } from "../../../../lib/calendar/calendarColors.js";
+import { Folder, Mailbox } from "../../../../lib/mail/mailApi.js";
+import Alert from "../../../../lib/components/feedback/Alert.js";
 import { notifyApiError } from "../../notifications/apiErrors.js";
 
 export interface CalendarListSidebarMailbox {

package/apps/shared/components/calendar/DescriptionEditor.tsx

@@ -8,7 +8,7 @@ import StarterKit from "@tiptap/starter-kit";
 import Placeholder from "@tiptap/extension-placeholder";
 import type { IconType } from "react-icons";
 import { BsEraser, BsLink45Deg, BsListOl, BsListUl, BsTypeBold, BsTypeItalic, BsTypeUnderline } from "react-icons/bs";
-import { safeDescriptionHref } from "@rapidmx/react-shared/calendar/eventDescription.js";
+import { safeDescriptionHref } from "../../../../lib/calendar/eventDescription.js";
 
 export interface DescriptionEditorProps {
     /** The description to start with, as HTML. Read once, when the editor is created: TipTap owns the document from then on. */

package/apps/shared/components/calendar/EventDescriptionView.tsx

@@ -3,7 +3,7 @@
 // SPDX-License-Identifier: MPL-2.0
 ///////////////////////////////////////////////////////////////////////////////
 import React, { ReactNode } from "react";
-import { DescriptionNode, htmlToPlainText, parseEventDescription } from "@rapidmx/react-shared/calendar/eventDescription.js";
+import { DescriptionNode, htmlToPlainText, parseEventDescription } from "../../../../lib/calendar/eventDescription.js";
 
 function renderNodes(nodes: DescriptionNode[]): ReactNode[] {
     return nodes.map((node, index) => {