@rapidmx/web-client 0.20.0 → 0.22.0

package/dist/apps/shared/components/admin/settings/BrandingForm.js

@@ -4,17 +4,17 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 // SPDX-License-Identifier: MPL-2.0
 ///////////////////////////////////////////////////////////////////////////////
 import { useRef, useState } from "react";
-import { ApiRequestError } from "@rapidmx/react-shared/util/api.js";
-import { deleteBrandingIcon, deleteBrandingLogo, deleteBrandingStylesheet, updateBranding, 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";
+import { ApiRequestError } from "../../../../../lib/util/api.js";
+import { deleteBrandingIcon, deleteBrandingLogo, deleteBrandingStylesheet, updateBranding, uploadBrandingIcon, uploadBrandingLogo, uploadBrandingStylesheet, } 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";
 const MAX_UPLOAD_BYTES = 5 * 1024 * 1024;
 /** A header that uses both variables - the snippet the Branding page offers to copy. */
-export const HEADER_HTML_EXAMPLE = `<div style="display:flex; align-items:center; justify-content:space-between; padding:0.5rem 1rem">
-    <span>{APP_TITLE}</span>
-    <span>{USER_MENU}</span>
+export const HEADER_HTML_EXAMPLE = `<div style="display:flex; align-items:center; justify-content:space-between; padding:0.5rem 1rem">
+    <span>{APP_TITLE}</span>
+    <span>{USER_MENU}</span>
 </div>`;
 /** SVG logo/icon uploads are refused (the server refuses them too): an SVG served from this origin can carry script. */
 export function isSvgFile(file) {

package/dist/apps/shared/components/admin/settings/DomainDnsSetup.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { Domain } from "@rapidmx/react-shared/admin/domainsApi.js";
+import { Domain } from "../../../../../lib/admin/domainsApi.js";
 export interface DomainDnsSetupProps {
     uid: string;
     /** Called with the domain every time it's (re)loaded - e.g. after "Verify now". */

package/dist/apps/shared/components/admin/settings/DomainDnsSetup.js

@@ -4,11 +4,11 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 // SPDX-License-Identifier: MPL-2.0
 ///////////////////////////////////////////////////////////////////////////////
 import { useEffect, useState } from "react";
-import { ApiRequestError } from "@rapidmx/react-shared/util/api.js";
-import { 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 { 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 = {
     ownership: "Ownership (TXT)",
     mx: "MX",

package/dist/apps/shared/components/admin/settings/EncryptionPolicyForm.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { EncryptionPolicy } from "@rapidmx/react-shared/crypto/keyvaultApi.js";
+import { EncryptionPolicy } from "../../../../../lib/crypto/keyvaultApi.js";
 /** Whether end-to-end encryption can be used at all under `policy` - i.e. any tier allows it. */
 export declare function isEncryptionEnabled(policy: EncryptionPolicy): boolean;
 export interface EncryptionPolicyFormProps {

package/dist/apps/shared/components/admin/settings/EncryptionPolicyForm.js

@@ -4,10 +4,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // SPDX-License-Identifier: MPL-2.0
 ///////////////////////////////////////////////////////////////////////////////
 import { useEffect, useState } from "react";
-import { ApiRequestError } from "@rapidmx/react-shared/util/api.js";
-import { 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 { 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";
 const TIERS = [
     { key: "encryptSameOrg", label: "Mail within this server", help: "Messages between mailboxes hosted on this server." },

package/dist/apps/shared/components/admin/settings/LoadedSettingsForm.js

@@ -4,8 +4,8 @@ import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 // SPDX-License-Identifier: MPL-2.0
 ///////////////////////////////////////////////////////////////////////////////
 import { 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";
 /** Loads a settings object, then renders its form - the loading and error states every settings page shares. */
 export default function LoadedSettingsForm({ load, loadErrorMessage, children }) {
     const [value, setValue] = useState(null);

package/dist/apps/shared/components/admin/settings/MailboxCreateForm.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { Mailbox } from "@rapidmx/react-shared/mail/mailApi.js";
+import { Mailbox } from "../../../../../lib/mail/mailApi.js";
 export interface MailboxCreateFormProps {
     onCreated: (mailbox: Mailbox) => void;
     /** Initial field values, e.g. the signed-in admin's own mailbox in the setup wizard. */

package/dist/apps/shared/components/admin/settings/MailboxCreateForm.js

@@ -4,14 +4,15 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 // SPDX-License-Identifier: MPL-2.0
 ///////////////////////////////////////////////////////////////////////////////
 import { useEffect, useRef, useState } from "react";
-import { ApiRequestError } from "@rapidmx/react-shared/util/api.js";
-import { getMailboxPolicy } from "@rapidmx/react-shared/admin/mailboxPolicyApi.js";
-import { leftoverConflictOf } from "@rapidmx/react-shared/admin/leftoverMailboxApi.js";
-import { createMailbox, listMailboxDomains, resolveMailboxOwner } 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 { leftoverConflictOf } from "../../../../../lib/admin/leftoverMailboxApi.js";
+import { createMailbox, listMailboxDomains, resolveMailboxOwner } 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";
 const INPUT_CLASS = "w-full text-sm py-2.5 px-3 border border-border rounded-sm bg-surface text-text focus:outline-none focus:border-primary";
@@ -21,6 +22,7 @@ const SELECT_CLASS = "text-sm py-2.5 px-3 border border-border rounded-sm bg-sur
  * policy's default.
  */
 export default function MailboxCreateForm({ onCreated, defaults, submitLabel = "Create mailbox", cancelHref }) {
+    const client = useApiClient();
     const [primarySmtpAddress, setPrimarySmtpAddress] = useState("");
     const [localPart, setLocalPart] = useState(defaults?.localPart ?? "");
     const [domains, setDomains] = useState([]);
@@ -52,13 +54,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 / 1000000000));
@@ -113,7 +115,7 @@ export default function MailboxCreateForm({ onCreated, defaults, submitLabel = "
                     bookingWindowDays: bookingWindowDays ? Number(bookingWindowDays) : undefined,
                     maxDurationMinutes: maxDurationMinutes ? Number(maxDurationMinutes) : undefined,
                 }),
-            });
+            }, client);
             onCreated(mailbox);
         }
         catch (err) {
@@ -138,7 +140,7 @@ export default function MailboxCreateForm({ onCreated, defaults, submitLabel = "
                                                     setOwnerMode("shared");
                                                     setResolvedOwner(null);
                                                 } }), "Shared mailbox (no single owner)"] }), _jsxs("label", { className: "flex items-center gap-2 text-sm", children: [_jsx("input", { type: "radio", name: "ownerMode", checked: ownerMode === "owned", onChange: () => setOwnerMode("owned") }), "Owned by a specific person"] }), ownerMode === "owned" &&
-                                        (resolvedOwner ? (_jsxs("div", { className: "flex items-center justify-between gap-3 text-sm py-2 px-3 border border-border rounded-sm", children: [_jsxs("span", { children: ["Owner: ", _jsx("strong", { className: "break-all", children: describePerson(resolvedOwner) })] }), _jsx(Button, { type: "button", variant: "text", className: "!w-auto", onClick: () => setResolvedOwner(null), children: "Change" })] })) : (_jsx(PrincipalResolver, { resolve: resolveMailboxOwner, onResolved: (person) => {
+                                        (resolvedOwner ? (_jsxs("div", { className: "flex items-center justify-between gap-3 text-sm py-2 px-3 border border-border rounded-sm", children: [_jsxs("span", { children: ["Owner: ", _jsx("strong", { className: "break-all", children: describePerson(resolvedOwner) })] }), _jsx(Button, { type: "button", variant: "text", className: "!w-auto", onClick: () => setResolvedOwner(null), children: "Change" })] })) : (_jsx(PrincipalResolver, { resolve: (principal) => resolveMailboxOwner(principal, client), onResolved: (person) => {
                                                 setResolvedOwner(person);
                                             }, initialPrincipal: defaults?.ownerUserUid, placeholder: "Email address, username or user id", ariaLabel: "Mailbox owner", confirmLabel: "Use this owner", confirmErrorMessage: "Could not confirm this person.", describeConfirm: (person) => (_jsxs(_Fragment, { children: ["Make ", _jsx("strong", { className: "break-all", children: describePerson(person) }), " the owner?"] })) })))] })] }), _jsx(FormField, { label: "Timezone", htmlFor: "timezone", children: _jsx("input", { id: "timezone", type: "text", className: INPUT_CLASS, value: timezone, onChange: (e) => setTimezone(e.target.value), placeholder: "America/Los_Angeles" }) }), _jsx(FormField, { label: "Quota (GB)", htmlFor: "quotaGb", children: _jsx("input", { id: "quotaGb", type: "number", min: 1, step: 1, className: INPUT_CLASS, value: quotaGb, onChange: (e) => {
                                 quotaTouched.current = true;

package/dist/apps/shared/components/admin/settings/MailboxPolicyForm.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { MailboxPolicy } from "@rapidmx/react-shared/admin/mailboxPolicyApi.js";
+import { MailboxPolicy } from "../../../../../lib/admin/mailboxPolicyApi.js";
 export interface MailboxPolicyFormProps {
     policy: MailboxPolicy;
     onChange: (policy: MailboxPolicy) => void;

package/dist/apps/shared/components/admin/settings/MailboxPolicyForm.js

@@ -4,10 +4,10 @@ import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-run
 // SPDX-License-Identifier: MPL-2.0
 ///////////////////////////////////////////////////////////////////////////////
 import { useEffect, useState } from "react";
-import { ApiRequestError } from "@rapidmx/react-shared/util/api.js";
-import { 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 { 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";
 const GB = 1000000000;
 /** Unrounded, so a quota that isn't a whole number of hundredths of a GB (say 4 MB) is shown as it is. */

package/dist/apps/shared/components/admin/settings/PluginsManager.js

@@ -4,11 +4,11 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 // SPDX-License-Identifier: MPL-2.0
 ///////////////////////////////////////////////////////////////////////////////
 import { useCallback, useEffect, useId, useRef, useState } from "react";
-import { ApiRequestError } from "@rapidmx/react-shared/util/api.js";
-import { addPlugin, expectedPlanOf, getPluginStatus, getPluginUpdates, listPluginNamespaces, listPlugins, lookupPluginPackage, planPluginChange, removePlugin, 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";
+import { ApiRequestError } from "../../../../../lib/util/api.js";
+import { addPlugin, expectedPlanOf, getPluginStatus, getPluginUpdates, listPluginNamespaces, listPlugins, lookupPluginPackage, planPluginChange, removePlugin, retryPluginPurge, searchPlugins, updatePlugin, } 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/dist/apps/shared/components/admin/settings/RetentionPolicyForm.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { RetentionPolicy } from "@rapidmx/react-shared/admin/retentionPolicyApi.js";
+import { RetentionPolicy } from "../../../../../lib/admin/retentionPolicyApi.js";
 /** The retention policy editor, shared by the Retention Policy page and the setup wizard. */
 export default function RetentionPolicyForm({ policy, onChange, onDirtyChange, embedded, }: {
     policy: RetentionPolicy;

package/dist/apps/shared/components/admin/settings/RetentionPolicyForm.js

@@ -4,11 +4,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // SPDX-License-Identifier: MPL-2.0
 ///////////////////////////////////////////////////////////////////////////////
 import { useEffect, useState } from "react";
-import { ApiRequestError } from "@rapidmx/react-shared/util/api.js";
-import { MIN_AUDIT_LOG_RETENTION_DAYS, 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, 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";
 /** Whether saving `next` days newly starts purging (nothing was configured) or purges sooner than `saved` days. */
 function shortensRetention(next, saved) {

package/dist/apps/shared/components/admin/setup/EscrowSetupStep.js

@@ -4,13 +4,13 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 // SPDX-License-Identifier: MPL-2.0
 ///////////////////////////////////////////////////////////////////////////////
 import { useEffect, useState } from "react";
-import { ApiRequestError } from "@rapidmx/react-shared/util/api.js";
-import { createEscrowScope, listEscrowScopes } from "@rapidmx/react-shared/admin/escrowScopesApi.js";
-import { generateEscrowKeyPair } 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, listEscrowScopes } from "../../../../../lib/admin/escrowScopesApi.js";
+import { generateEscrowKeyPair } 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, selfAsHolderError, } from "../escrowScopes/EscrowScopeKeyAndHoldersFields.js";
 const INPUT_CLASS = "w-full text-sm py-2.5 px-3 border border-border rounded-sm bg-surface text-text focus:outline-none focus:border-primary";
 /** How long a download's object URL is kept, since some browsers are still reading it after the click returns. */

package/dist/apps/shared/components/admin/setup/SetupWizard.js

@@ -6,18 +6,19 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { 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, listDomains } from "@rapidmx/react-shared/admin/domainsApi.js";
-import { completeSetup, getSetupStatus, saveSetupStep } from "@rapidmx/react-shared/admin/setupApi.js";
-import { getBranding } from "@rapidmx/react-shared/branding/brandingApi.js";
-import { getEncryptionPolicy } from "@rapidmx/react-shared/crypto/keyvaultApi.js";
-import { listMailboxes } 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, listDomains } from "../../../../../lib/admin/domainsApi.js";
+import { completeSetup, getSetupStatus, saveSetupStep } from "../../../../../lib/admin/setupApi.js";
+import { getBranding } from "../../../../../lib/branding/brandingApi.js";
+import { getEncryptionPolicy } from "../../../../../lib/crypto/keyvaultApi.js";
+import { listMailboxes } 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";
@@ -50,6 +51,7 @@ function errorMessage(err, fallback) {
  * except the domain can be passed over and configured later from the admin console.
  */
 export default function SetupWizard({ userUid }) {
+    const client = useApiClient();
     const { navigate } = useRouter();
     const [step, setStep] = useState(null);
     const [status, setStatus] = useState();
@@ -66,7 +68,7 @@ export default function SetupWizard({ userUid }) {
     /** Step saves run one at a time, and only the latest step still waiting is saved. */
     const progress = useRef({ running: null, next: null });
     function loadDomains() {
-        return listDomains({ limit: 25 })
+        return listDomains({ limit: 25 }, client)
             .then((list) => {
             setDomains(list);
             setDomainsError(null);
@@ -74,14 +76,14 @@ export default function SetupWizard({ userUid }) {
             .catch((err) => setDomainsError(errorMessage(err, "Could not load your domains.")));
     }
     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");
         });
     }, []);
     useEffect(() => {
         if (step === "escrow" || step === "settings") {
-            getEncryptionPolicy()
+            getEncryptionPolicy(client)
                 .then(setEncryption)
                 .catch(() => setEncryption(null));
         }
@@ -104,7 +106,7 @@ export default function SetupWizard({ userUid }) {
                 const target = queue.next;
                 queue.next = null;
                 try {
-                    await saveSetupStep(target);
+                    await saveSetupStep(target, client);
                     setProgressFailed(false);
                 }
                 catch (err) {
@@ -142,7 +144,7 @@ export default function SetupWizard({ userUid }) {
         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) {
@@ -162,13 +164,14 @@ export default function SetupWizard({ userUid }) {
                                 : i < index
                                     ? "bg-surface border-border text-text hover:not-disabled:border-primary"
                                     : "bg-surface border-border text-text-muted hover:not-disabled:border-primary hover:not-disabled:text-text",
-                        ].join(" "), children: [i < index && _jsx(HiCheck, { "aria-hidden": "true", className: "w-4 h-4 text-success" }), i + 1, ". ", s.title, i < index && _jsx("span", { className: "sr-only", children: " (done)" })] }) }, s.id))) }), _jsxs("section", { "aria-labelledby": "setup-step-title", className: "flex flex-col gap-5", children: [_jsxs("div", { className: "flex flex-col gap-1", children: [_jsxs("h2", { id: "setup-step-title", className: "flex flex-col gap-0.5", children: [_jsxs("span", { className: "text-xs font-bold uppercase tracking-wide text-text-muted", children: ["Step ", index + 1, " of ", SETUP_STEPS.length, _jsx("span", { className: "sr-only", children: ":" })] }), " ", _jsx("span", { className: "text-lg font-bold uppercase tracking-wide", children: current.title })] }), _jsx("p", { className: "text-sm text-text-muted max-w-3xl", children: current.intro })] }), step === "plugins" && (_jsx("div", { children: _jsx(PluginsManager, { embedded: true }) })), step === "domain" && _jsx(DomainStep, { domains: domains, onCreated: (domain) => setDomains((prev) => [...prev, domain]) }), step === "settings" && (_jsxs("div", { className: "flex flex-col gap-6 max-w-3xl", children: [_jsx("div", { className: CARD_CLASS, children: _jsx(LoadedSettingsForm, { load: getEncryptionPolicy, loadErrorMessage: "Could not load the encryption policy.", children: (policy, onChange) => (_jsx(EncryptionPolicyForm, { embedded: true, policy: policy, onDirtyChange: trackUnsaved("encryption"), onChange: (updated) => {
+                        ].join(" "), children: [i < index && _jsx(HiCheck, { "aria-hidden": "true", className: "w-4 h-4 text-success" }), i + 1, ". ", s.title, i < index && _jsx("span", { className: "sr-only", children: " (done)" })] }) }, s.id))) }), _jsxs("section", { "aria-labelledby": "setup-step-title", className: "flex flex-col gap-5", children: [_jsxs("div", { className: "flex flex-col gap-1", children: [_jsxs("h2", { id: "setup-step-title", className: "flex flex-col gap-0.5", children: [_jsxs("span", { className: "text-xs font-bold uppercase tracking-wide text-text-muted", children: ["Step ", index + 1, " of ", SETUP_STEPS.length, _jsx("span", { className: "sr-only", children: ":" })] }), " ", _jsx("span", { className: "text-lg font-bold uppercase tracking-wide", children: current.title })] }), _jsx("p", { className: "text-sm text-text-muted max-w-3xl", children: current.intro })] }), step === "plugins" && (_jsx("div", { children: _jsx(PluginsManager, { embedded: true }) })), step === "domain" && _jsx(DomainStep, { domains: domains, onCreated: (domain) => setDomains((prev) => [...prev, domain]) }), step === "settings" && (_jsxs("div", { className: "flex flex-col gap-6 max-w-3xl", children: [_jsx("div", { className: CARD_CLASS, children: _jsx(LoadedSettingsForm, { load: () => getEncryptionPolicy(client), loadErrorMessage: "Could not load the encryption policy.", children: (policy, onChange) => (_jsx(EncryptionPolicyForm, { embedded: true, policy: policy, onDirtyChange: trackUnsaved("encryption"), onChange: (updated) => {
                                             onChange(updated);
                                             setEncryption(updated);
-                                        } })) }) }), _jsx("div", { className: CARD_CLASS, children: _jsx(LoadedSettingsForm, { load: getRetentionPolicy, loadErrorMessage: "Could not load the retention policy.", children: (policy, onChange) => (_jsx(RetentionPolicyForm, { embedded: true, policy: policy, onChange: onChange, onDirtyChange: trackUnsaved("retention") })) }) }), _jsx("div", { className: CARD_CLASS, children: _jsx(LoadedSettingsForm, { load: getMailboxPolicy, loadErrorMessage: "Could not load the mailbox policy.", children: (policy, onChange) => (_jsx(MailboxPolicyForm, { embedded: true, policy: policy, onChange: onChange, onDirtyChange: trackUnsaved("mailbox") })) }) })] })), step === "escrow" &&
-                        (encryption && !isEncryptionEnabled(encryption) ? (_jsx("p", { role: "status", className: "text-sm py-2 px-3 rounded-sm bg-surface-alt text-text max-w-3xl", children: "End-to-end encryption is turned off, so escrow isn\u2019t needed. You can set it up later if you turn encryption on." })) : (_jsx(EscrowSetupStep, { adminUid: userUid }))), step === "branding" && (_jsx("div", { className: `${CARD_CLASS} max-w-3xl`, children: _jsx(LoadedSettingsForm, { load: getBranding, loadErrorMessage: "Could not load branding.", children: (branding, onChange) => _jsx(BrandingForm, { embedded: true, branding: branding, onChange: onChange }) }) })), step === "mailboxes" && _jsx(MailboxesStep, { userUid: userUid, domain: domains.find((d) => d.verified)?.name ?? domains[0]?.name })] }), error && _jsx(Alert, { children: error }), _jsxs("div", { className: "flex items-center gap-3 border-t border-border pt-5", children: [index > 0 && (_jsx(Button, { type: "button", variant: "secondary", className: "!w-auto", onClick: () => requestGoTo(SETUP_STEPS[index - 1].id), children: "Back" })), _jsx("div", { className: "flex-1" }), progressFailed && _jsx("span", { className: "text-xs text-text-muted", children: "Your place in setup couldn\u2019t be saved." }), blocked && _jsx("span", { className: "text-sm text-text-muted", children: last ? "Add a domain before finishing setup." : "Add a domain to continue." }), last ? (_jsx(Button, { type: "button", className: "!w-auto", loading: finishing, disabled: finishing || blocked, onClick: () => void finish(), children: "Finish setup" })) : (_jsx(Button, { type: "button", className: "!w-auto", disabled: blocked, onClick: () => requestGoTo(SETUP_STEPS[index + 1].id), children: "Continue" }))] }), leavingTo && (_jsxs(Modal, { open: true, onClose: () => setLeavingTo(null), title: "Discard unsaved changes?", children: [_jsx("p", { className: "text-sm mb-4", children: "Some server settings on this step have changes that haven\u2019t been saved." }), _jsxs("div", { className: "flex gap-2 justify-end", children: [_jsx(Button, { type: "button", variant: "secondary", className: "!w-auto", onClick: () => setLeavingTo(null), children: "Keep editing" }), _jsx(Button, { type: "button", className: "!w-auto", onClick: () => goTo(leavingTo), children: "Discard changes" })] })] }))] }));
+                                        } })) }) }), _jsx("div", { className: CARD_CLASS, children: _jsx(LoadedSettingsForm, { load: () => getRetentionPolicy(client), loadErrorMessage: "Could not load the retention policy.", children: (policy, onChange) => (_jsx(RetentionPolicyForm, { embedded: true, policy: policy, onChange: onChange, onDirtyChange: trackUnsaved("retention") })) }) }), _jsx("div", { className: CARD_CLASS, children: _jsx(LoadedSettingsForm, { load: () => getMailboxPolicy(client), loadErrorMessage: "Could not load the mailbox policy.", children: (policy, onChange) => (_jsx(MailboxPolicyForm, { embedded: true, policy: policy, onChange: onChange, onDirtyChange: trackUnsaved("mailbox") })) }) })] })), step === "escrow" &&
+                        (encryption && !isEncryptionEnabled(encryption) ? (_jsx("p", { role: "status", className: "text-sm py-2 px-3 rounded-sm bg-surface-alt text-text max-w-3xl", children: "End-to-end encryption is turned off, so escrow isn\u2019t needed. You can set it up later if you turn encryption on." })) : (_jsx(EscrowSetupStep, { adminUid: userUid }))), step === "branding" && (_jsx("div", { className: `${CARD_CLASS} max-w-3xl`, children: _jsx(LoadedSettingsForm, { load: () => getBranding(client), loadErrorMessage: "Could not load branding.", children: (branding, onChange) => _jsx(BrandingForm, { embedded: true, branding: branding, onChange: onChange }) }) })), step === "mailboxes" && _jsx(MailboxesStep, { userUid: userUid, domain: domains.find((d) => d.verified)?.name ?? domains[0]?.name })] }), error && _jsx(Alert, { children: error }), _jsxs("div", { className: "flex items-center gap-3 border-t border-border pt-5", children: [index > 0 && (_jsx(Button, { type: "button", variant: "secondary", className: "!w-auto", onClick: () => requestGoTo(SETUP_STEPS[index - 1].id), children: "Back" })), _jsx("div", { className: "flex-1" }), progressFailed && _jsx("span", { className: "text-xs text-text-muted", children: "Your place in setup couldn\u2019t be saved." }), blocked && _jsx("span", { className: "text-sm text-text-muted", children: last ? "Add a domain before finishing setup." : "Add a domain to continue." }), last ? (_jsx(Button, { type: "button", className: "!w-auto", loading: finishing, disabled: finishing || blocked, onClick: () => void finish(), children: "Finish setup" })) : (_jsx(Button, { type: "button", className: "!w-auto", disabled: blocked, onClick: () => requestGoTo(SETUP_STEPS[index + 1].id), children: "Continue" }))] }), leavingTo && (_jsxs(Modal, { open: true, onClose: () => setLeavingTo(null), title: "Discard unsaved changes?", children: [_jsx("p", { className: "text-sm mb-4", children: "Some server settings on this step have changes that haven\u2019t been saved." }), _jsxs("div", { className: "flex gap-2 justify-end", children: [_jsx(Button, { type: "button", variant: "secondary", className: "!w-auto", onClick: () => setLeavingTo(null), children: "Keep editing" }), _jsx(Button, { type: "button", className: "!w-auto", onClick: () => goTo(leavingTo), children: "Discard changes" })] })] }))] }));
 }
 function DomainStep({ domains, onCreated }) {
+    const client = useApiClient();
     const [name, setName] = useState("");
     const [error, setError] = useState(null);
     const [saving, setSaving] = useState(false);
@@ -181,7 +184,7 @@ function DomainStep({ domains, onCreated }) {
         }
         setSaving(true);
         try {
-            onCreated(await createDomain({ name: name.trim() }));
+            onCreated(await createDomain({ name: name.trim() }, client));
             setName("");
         }
         catch (err) {
@@ -194,13 +197,14 @@ function DomainStep({ domains, onCreated }) {
     return (_jsxs("div", { className: "flex flex-col gap-5 max-w-3xl", children: [domains.map((domain) => (_jsxs("div", { className: "flex flex-col gap-3", children: [_jsx("h3", { className: "text-base font-bold", children: domain.name }), _jsx(DomainDnsSetup, { uid: domain.uid })] }, domain.uid))), error && _jsx(Alert, { children: error }), _jsxs("form", { onSubmit: handleSubmit, className: CARD_CLASS, children: [_jsx(FormField, { label: domains.length === 0 ? "Domain name" : "Add another domain", htmlFor: "setupDomainName", children: _jsx("input", { id: "setupDomainName", type: "text", className: INPUT_CLASS, value: name, onChange: (e) => setName(e.target.value), placeholder: "example.com" }) }), _jsx(Button, { type: "submit", loading: saving, disabled: saving, className: "!w-auto", children: "Add domain" })] })] }));
 }
 function MailboxesStep({ userUid, domain }) {
+    const client = useApiClient();
     const [mailboxes, setMailboxes] = useState([]);
     const [loaded, setLoaded] = useState(false);
     const [error, setError] = useState(null);
     const [formKey, setFormKey] = useState(0);
     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/dist/apps/shared/components/admin/signOut.js

@@ -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
  * `apps/shared/search/localIndexRpcClient.ts` (the channel `AppShell` listens on and `destroyAllLocalIndexes()`

package/dist/apps/shared/components/admin/usePagedList.js

@@ -4,8 +4,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 // SPDX-License-Identifier: MPL-2.0
 ///////////////////////////////////////////////////////////////////////////////
 import { 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/dist/apps/shared/components/calendar/AppointmentQuickForm.js

@@ -5,9 +5,9 @@ import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-run
 ///////////////////////////////////////////////////////////////////////////////
 import { 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 { bookingPublicUrl, createBookingType, newBookingLinkHref, slugFor, } from "../../calendar/bookingPlugin.js";
 import { CalendarField, INPUT_CLASS, IconRow, SELECT_CLASS } from "./EventFormParts.js";
 import QuickFaceFrame from "./QuickFaceFrame.js";

package/dist/apps/shared/components/calendar/CalendarListSidebar.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { Folder, Mailbox } from "@rapidmx/react-shared/mail/mailApi.js";
+import { Folder, Mailbox } from "../../../../lib/mail/mailApi.js";
 export interface CalendarListSidebarMailbox {
     mailbox: Mailbox;
     calendarFolders: Folder[];

package/dist/apps/shared/components/calendar/CalendarListSidebar.js

@@ -4,8 +4,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // SPDX-License-Identifier: MPL-2.0
 ///////////////////////////////////////////////////////////////////////////////
 import { useState } from "react";
-import { CALENDAR_COLOR_PALETTE, accentColorForMailbox, colorForFolder } from "@rapidmx/react-shared/calendar/calendarColors.js";
-import Alert from "@rapidmx/react-shared/components/feedback/Alert.js";
+import { CALENDAR_COLOR_PALETTE, accentColorForMailbox, colorForFolder } from "../../../../lib/calendar/calendarColors.js";
+import Alert from "../../../../lib/components/feedback/Alert.js";
 import { notifyApiError } from "../../notifications/apiErrors.js";
 /**
  * Calendar's left-sidebar checklist of calendars — one row per `calendar`-type folder, a color swatch,

package/dist/apps/shared/components/calendar/DescriptionEditor.js

@@ -8,7 +8,7 @@ import { EditorContent, useEditor, useEditorState } from "@tiptap/react";
 import StarterKit from "@tiptap/starter-kit";
 import Placeholder from "@tiptap/extension-placeholder";
 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";
 /**
  * The plain text on a clipboard as paragraphs, one for each line - what `handlePaste` inserts instead of the pasted formatting. Empty lines are kept as
  * empty paragraphs, so a pasted block keeps its shape.

package/dist/apps/shared/components/calendar/EventDescriptionView.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { htmlToPlainText, parseEventDescription } from "@rapidmx/react-shared/calendar/eventDescription.js";
+import { htmlToPlainText, parseEventDescription } from "../../../../lib/calendar/eventDescription.js";
 function renderNodes(nodes) {
     return nodes.map((node, index) => {
         if ("text" in node) {

package/dist/apps/shared/components/calendar/EventDetails.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-import { AttendeeResponseInput } from "@rapidmx/react-shared/calendar/calendarApi.js";
-import { CalendarOccurrence } from "@rapidmx/react-shared/calendar/recurrence.js";
+import { AttendeeResponseInput } from "../../../../lib/calendar/calendarApi.js";
+import { CalendarOccurrence } from "../../../../lib/calendar/recurrence.js";
 export interface EventDetailsProps {
     occurrence: CalendarOccurrence;
     /** Whether this mailbox is invited to the event rather than organizing it: only the organizer can change an event, so there is no

package/dist/apps/shared/components/calendar/EventDetails.js

@@ -5,15 +5,16 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 ///////////////////////////////////////////////////////////////////////////////
 import { useEffect, useState } from "react";
 import { HiOutlineBars3BottomLeft, HiOutlineBell, HiOutlineBriefcase, HiOutlineCheck, HiOutlineClock, HiOutlineMapPin, HiOutlineUser, HiOutlineUserGroup, HiOutlineVideoCamera, HiOutlineXMark, } from "react-icons/hi2";
-import { ApiRequestError } from "@rapidmx/react-shared/util/api.js";
-import { guestPermissionsOf, respondToEvent, visibilityOf } from "@rapidmx/react-shared/calendar/calendarApi.js";
-import { htmlToPlainText } from "@rapidmx/react-shared/calendar/eventDescription.js";
-import { deleteEventOccurrence, deleteEventSeries } from "@rapidmx/react-shared/calendar/calendarMutations.js";
-import { describeRecurrence } from "@rapidmx/react-shared/calendar/recurrence.js";
-import { getVideoMeeting } from "@rapidmx/react-shared/videoconf/videoMeetingsApi.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 { ApiRequestError } from "../../../../lib/util/api.js";
+import { useApiClient } from "../../../../lib/util/apiClientContext.js";
+import { guestPermissionsOf, respondToEvent, visibilityOf } from "../../../../lib/calendar/calendarApi.js";
+import { htmlToPlainText } from "../../../../lib/calendar/eventDescription.js";
+import { deleteEventOccurrence, deleteEventSeries } from "../../../../lib/calendar/calendarMutations.js";
+import { describeRecurrence } from "../../../../lib/calendar/recurrence.js";
+import { getVideoMeeting } from "../../../../lib/videoconf/videoMeetingsApi.js";
+import { deviceTimeZone } from "../../../../lib/util/timeZone.js";
+import Alert from "../../../../lib/components/feedback/Alert.js";
+import Button from "../../../../lib/components/buttons/Button.js";
 import { joinMeetingUrl } from "../../calendar/calendarReminders.js";
 import EventDescriptionView from "./EventDescriptionView.js";
 import RequestChangeForm from "./RequestChangeForm.js";
@@ -33,6 +34,7 @@ function DetailRow({ icon, children }) {
  * its time and that it is busy - with nothing to change, delete or answer.
  */
 export default function EventDetails({ occurrence, isInvited, myResponse, isOwnAddress, calendarName, calendarColor, onClose, onModify, onSaved, onDeleted, }) {
+    const client = useApiClient();
     const [error, setError] = useState(null);
     const [busy, setBusy] = useState(false);
     const [confirmingDelete, setConfirmingDelete] = useState(false);
@@ -47,7 +49,7 @@ export default function EventDetails({ occurrence, isInvited, myResponse, isOwnA
             return;
         }
         let cancelled = false;
-        void getVideoMeeting(videoMeetingUid)
+        void getVideoMeeting(videoMeetingUid, client)
             .then((meeting) => meeting.organizerJoinUrl ?? null)
             .catch(() => null)
             .then((url) => {
@@ -58,7 +60,7 @@ export default function EventDetails({ occurrence, isInvited, myResponse, isOwnA
         return () => {
             cancelled = true;
         };
-    }, [videoMeetingUid]);
+    }, [videoMeetingUid, client]);
     // The same scheme allow-list a reminder's own location gets: a hostile or malformed join link never reaches `window.open()`.
     const joinUrl = joinMeetingUrl(organizerJoinUrl);
     async function handleDelete(scope) {
@@ -66,10 +68,10 @@ export default function EventDetails({ occurrence, isInvited, myResponse, isOwnA
         setBusy(true);
         try {
             if (occurrence.isRecurringOccurrence && scope === "occurrence") {
-                await deleteEventOccurrence(occurrence);
+                await deleteEventOccurrence(occurrence, client);
             }
             else {
-                await deleteEventSeries(occurrence);
+                await deleteEventSeries(occurrence, client);
             }
             onDeleted();
         }
@@ -84,7 +86,7 @@ export default function EventDetails({ occurrence, isInvited, myResponse, isOwnA
         setError(null);
         setBusy(true);
         try {
-            await respondToEvent(occurrence.uid, responseStatus);
+            await respondToEvent(occurrence.uid, responseStatus, client);
             // A decline soft-deletes the mailbox's own copy server-side - treat it the same as a
             // delete rather than a save so the calendar view drops it immediately.
             if (responseStatus === "declined") {