@rapidmx/web-client 0.21.0 → 0.22.0

package/dist/apps/shared/search/searchTier2.d.ts

@@ -13,9 +13,9 @@
  * alongside Tier 1/Tier 3 (`apps/www/index.tsx`'s own search orchestration) must never see the *whole
  * search* fail just because this one, most novel piece had a bad moment.
  */
-import type { UnlockedKeys } from "@rapidmx/react-shared/crypto/keySession.js";
-import type { ParsedSearchQuery } from "@rapidmx/react-shared/search/queryGrammar.js";
-import type { SearchResult } from "@rapidmx/react-shared/search/searchApi.js";
+import type { UnlockedKeys } from "../../../lib/crypto/keySession.js";
+import type { ParsedSearchQuery } from "../../../lib/search/queryGrammar.js";
+import type { SearchResult } from "../../../lib/search/searchApi.js";
 import type { Coverage } from "./localIndexWorker.js";
 export interface Tier2SearchOutcome {
     results: SearchResult[];

package/dist/apps/shared/signing/enrollmentTracker.d.ts

@@ -1,4 +1,4 @@
-import { CurrentSignEnrollment, EnrollmentResult } from "@rapidmx/react-shared/crypto/keyvaultApi.js";
+import { CurrentSignEnrollment, EnrollmentResult } from "../../../lib/crypto/keyvaultApi.js";
 /** The code of the 404 the server answers for an enrollment id it does not know (another provider after a configuration change, one long gone).
  * Re-exported from react-shared's `signingProviderApi.js` (R6's) rather than a second copy of the literal. */
 export declare const UNKNOWN_ENROLLMENT_CODE = "signing-enrollment-unknown";

package/dist/apps/shared/signing/enrollmentTracker.js

@@ -3,9 +3,9 @@
 // SPDX-License-Identifier: MPL-2.0
 ///////////////////////////////////////////////////////////////////////////////
 import { useSyncExternalStore } from "react";
-import { ApiRequestError } from "@rapidmx/react-shared/util/api.js";
-import { checkNowRetryAfterSeconds, checkSignEnrollmentNow, checkSignEnrollmentStatus, } from "@rapidmx/react-shared/crypto/keyvaultApi.js";
-import { SIGNING_ENROLLMENT_UNKNOWN } from "@rapidmx/react-shared/crypto/signingProviderApi.js";
+import { ApiRequestError } from "../../../lib/util/api.js";
+import { checkNowRetryAfterSeconds, checkSignEnrollmentNow, checkSignEnrollmentStatus, } from "../../../lib/crypto/keyvaultApi.js";
+import { SIGNING_ENROLLMENT_UNKNOWN } from "../../../lib/crypto/signingProviderApi.js";
 import { storeSignEnrollment } from "./enrollmentStorage.js";
 import { resetSigningInfo } from "./signingInfo.js";
 /** The code of the 404 the server answers for an enrollment id it does not know (another provider after a configuration change, one long gone).

package/dist/apps/shared/signing/enrollmentView.d.ts

@@ -1,4 +1,4 @@
-import type { EnrollmentResult, SignEnrollmentStep } from "@rapidmx/react-shared/crypto/keyvaultApi.js";
+import type { EnrollmentResult, SignEnrollmentStep } from "../../../lib/crypto/keyvaultApi.js";
 import type { SigningEnrollmentInfo } from "./signingInfo.js";
 /** Warn about an expiring certificate this many days ahead. */
 export declare const EXPIRY_WARNING_DAYS = 30;

package/dist/apps/shared/signing/signingInfo.d.ts

@@ -1,4 +1,4 @@
-import { SigningEnrollmentInfo } from "@rapidmx/react-shared/crypto/signingProviderApi.js";
+import { SigningEnrollmentInfo } from "../../../lib/crypto/signingProviderApi.js";
 export type { SigningEnrollmentInfo };
 /** How long an answer is reused: the page asks once when it opens, and again after this if it is opened again. */
 export declare const SIGNING_INFO_CACHE_MS: number;

package/dist/apps/shared/signing/signingInfo.js

@@ -3,7 +3,7 @@
 // SPDX-License-Identifier: MPL-2.0
 ///////////////////////////////////////////////////////////////////////////////
 import { useEffect, useState } from "react";
-import { getSigningEnrollmentInfo } from "@rapidmx/react-shared/crypto/signingProviderApi.js";
+import { getSigningEnrollmentInfo } from "../../../lib/crypto/signingProviderApi.js";
 /** How long an answer is reused: the page asks once when it opens, and again after this if it is opened again. */
 export const SIGNING_INFO_CACHE_MS = 5 * 60000;
 let cached;

package/dist/apps/shared/signing/useSigningEnrollmentWatcher.d.ts

@@ -1,4 +1,4 @@
-import type { Mailbox } from "@rapidmx/react-shared/mail/mailApi.js";
+import type { Mailbox } from "../../../lib/mail/mailApi.js";
 /** Where the pop-up's action leads: the page that shows the certificate. */
 export declare const SIGNING_SETTINGS_HREF = "/settings/encryption";
 /**

package/dist/apps/shared/signing/useSigningEnrollmentWatcher.js

@@ -3,7 +3,8 @@
 // SPDX-License-Identifier: MPL-2.0
 ///////////////////////////////////////////////////////////////////////////////
 import { useEffect, useRef } from "react";
-import { getCurrentSignEnrollment } from "@rapidmx/react-shared/crypto/keyvaultApi.js";
+import { getCurrentSignEnrollment } from "../../../lib/crypto/keyvaultApi.js";
+import { useApiClient } from "../../../lib/util/apiClientContext.js";
 import { notify } from "../notifications/store.js";
 import { readStoredSignEnrollment, storeSignEnrollment } from "./enrollmentStorage.js";
 import { onEnrollmentEnded, watchCurrentEnrollment, watchEnrollment } from "./enrollmentTracker.js";
@@ -19,6 +20,7 @@ export const SIGNING_SETTINGS_HREF = "/settings/encryption";
  * was seen pending - never for a certificate issued long ago.
  */
 export function useSigningEnrollmentWatcher({ userUid, mailboxes, enabled }) {
+    const client = useApiClient();
     const mailboxesRef = useRef(mailboxes);
     mailboxesRef.current = mailboxes;
     // Keyed on the uids of the mailboxes the user owns: a refreshed list of the same mailboxes must not start over.
@@ -41,7 +43,7 @@ export function useSigningEnrollmentWatcher({ userUid, mailboxes, enabled }) {
             // Never throws or rejects: a lookup that cannot be made (an older server, offline, anything) is "nothing is pending", and the frame goes on.
             void (async () => {
                 try {
-                    const current = await getCurrentSignEnrollment(mailboxUid);
+                    const current = await getCurrentSignEnrollment(mailboxUid, client);
                     if (!cancelled && current?.status === "pending") {
                         storeSignEnrollment(mailboxUid, current.enrollmentId);
                         releases.push(watchCurrentEnrollment(mailboxUid, current));
@@ -58,7 +60,7 @@ export function useSigningEnrollmentWatcher({ userUid, mailboxes, enabled }) {
             stopListening();
             releases.forEach((release) => release());
         };
-    }, [enabled, userUid, ownedKey]);
+    }, [enabled, userUid, ownedKey, client]);
 }
 /** The pop-up for an enrollment that just ended - issued or failed (the tracker announces nothing else, and always with its answer). */
 function announce(snapshot, mailboxes) {

package/dist/apps/shared/styles/app.css

@@ -10,27 +10,6 @@
  */
 @import "tailwindcss";
 
-/*
- * Tailwind v4's automatic content scanning excludes `node_modules` by default, which is exactly where
- * `@rapidmx/react-shared`'s components live - without these, none of its Tailwind classnames (Modal/
- * Drawer/Button/Alert/Skeleton/FormField/PopoverPortal/ContactAvatar/MiniDatePicker/BottomTabBar) are
- * generated, and e.g. a Modal renders with no overlay, position or width. The published package ships
- * only its compiled `dist` (no `src`), and `@source` paths resolve from this file's directory
- * (`apps/shared/styles/`), so both install layouts are listed; a path that doesn't exist is skipped:
- * - `../../../node_modules/...`: react-shared under this package's own `node_modules` - this repo's
- *   checkout, or a consumer install that nests it under web-client.
- * - `../../../../react-shared/dist`: react-shared hoisted beside this package, i.e. this file at
- *   `<consumer>/node_modules/@rapidmx/web-client/apps/shared/styles/` and react-shared at
- *   `<consumer>/node_modules/@rapidmx/react-shared` - how `server` installs both, for its pages and
- *   for the plugin pages' `plugin-ui.css`, which imports this file from there.
- * `electron-client` links `node_modules/@rapidmx/web-client` to a checkout of this repo, so one of the
- * two matches whether this file is reached through the link or its real path. From a checkout, the
- * second path can also find a sibling `react-shared` checkout's build, which only adds classes
- * react-shared itself uses.
- */
-@source "../../../node_modules/@rapidmx/react-shared/dist";
-@source "../../../../react-shared/dist";
-
 /*
  * `server`'s own build (unlike `electron-client`, which already explicitly sourced this same tree in
  * its own `styles.css`) has no explicit `@source` for this package's *own* `apps/**` tree at all,
@@ -42,11 +21,23 @@
  * `max-w-md`, ...) used by `AdminShell.tsx` (which has its own, separate `import "./app.css"`) was
  * silently absent from the built stylesheet, even though `AdminShell.tsx` itself was very much in the
  * bundle - verified directly by diffing every classname `AdminShell.tsx` uses against the actual built
- * CSS. An explicit `@source` here makes the scan independent of Vite's per-entry chunking, the same
- * fix this file applies to `react-shared` above, just for this package's own source too.
+ * CSS. An explicit `@source` here makes the scan independent of Vite's per-entry chunking.
  */
 @source "../../";
 
+/*
+ * `lib/` (this package's own `admin/`, `appearance/`, `auth/`, `branding/`, `calendar/`, `components/`,
+ * `contacts/`, `crypto/`, `mail/`, `search/`, `tasks/`, `util/`, `videoconf/` - merged in from the former
+ * `@rapidmx/react-shared` package, 2026-09-27, see `.claude/NOTES.md`) is a sibling of `apps/`, not a
+ * descendant of it, so the `@source "../../"` above does not reach it. Its `components/` tree (Modal/
+ * Drawer/Button/Alert/Skeleton/FormField/PopoverPortal/ContactAvatar/MiniDatePicker/BottomTabBar) needs
+ * the same explicit `@source` as `apps/**` does, for the same per-chunk-scanning reason, and for the same
+ * reason wherever this file is consumed from a `node_modules/@rapidmx/web-client/apps/shared/styles/`
+ * install too: `lib/` ships alongside `apps/` there as well, so this one relative path resolves correctly
+ * from both this repo's own checkout and a consumer's install.
+ */
+@source "../../../lib";
+
 /*
  * Self-hosted display typeface — the four weights shipped in `public/fonts/`. Matches the
  * Book/Medium/Bold/Heavy naming + 400/500/700/800 weight mapping from the brand style guide

package/dist/apps/www/_layout.d.ts

@@ -1,5 +1,5 @@
 import React, { PropsWithChildren } from "react";
-import { Branding } from "@rapidmx/react-shared/branding/brandingApi.js";
+import { Branding } from "../../lib/branding/brandingApi.js";
 export interface LayoutProps {
     /**
      * Supplied by `WwwRoute`'s `fetchProps()` override (`src/mongo/routes/wwwRoute.ts`/

package/dist/apps/www/_layout.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { AppearanceHead, appearanceHtmlAttributes } from "../shared/appearance/AppearanceHead.js";
-import { CUSTOM_STYLESHEET_LINK_ID } from "@rapidmx/react-shared/branding/useBranding.js";
+import { CUSTOM_STYLESHEET_LINK_ID } from "../../lib/branding/useBranding.js";
 export default function Layout({ children, branding, appearance, userUid }) {
     const title = branding?.title || branding?.companyName ? `${branding?.title || branding?.companyName}: Mail` : "RapidMX: Mail";
     const iconHref = branding?.iconUrl || branding?.logoUrl || "/images/logo.svg";

package/dist/apps/www/calendar/index.d.ts

@@ -4,5 +4,5 @@ declare function CalendarPage(props: CalendarShellProps): React.JSX.Element;
 export default CalendarPage;
 /** The tab's title: `Brand: Calendar` (see `pageTitle()`). */
 export declare const title: (props: {
-    branding?: Pick<import("@rapidmx/react-shared/branding/brandingApi.js").Branding, "title" | "companyName"> | null;
+    branding?: Pick<import("../../../lib/branding/brandingApi.js").Branding, "title" | "companyName"> | null;
 }) => string;

package/dist/apps/www/calendar/index.js

@@ -8,27 +8,28 @@ import { useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { DndContext, MouseSensor, TouchSensor, useSensor, useSensors } from "@dnd-kit/core";
 import { HiOutlineBars3, HiOutlinePlus } from "react-icons/hi2";
 import { addDays, addMonths, addWeeks, eachDayOfInterval, endOfDay, endOfMonth, endOfWeek, format, parseISO, startOfDay, startOfMonth, startOfWeek, } from "date-fns";
-import { ApiRequestError } from "@rapidmx/react-shared/util/api.js";
-import useIsMobile from "@rapidmx/react-shared/util/useIsMobile.js";
-import { getCalendarEvent, listCalendarEvents } from "@rapidmx/react-shared/calendar/calendarApi.js";
-import { getPushClient } from "@rapidmx/react-shared/mail/pushClient.js";
-import { moveOccurrence, resizeOccurrenceEnd } from "@rapidmx/react-shared/calendar/calendarMutations.js";
-import { resolveDragAction } from "@rapidmx/react-shared/calendar/calendarDragIds.js";
-import { createFolder } from "@rapidmx/react-shared/mail/mailApi.js";
-import { expandAllOccurrences } from "@rapidmx/react-shared/calendar/recurrence.js";
-import Drawer from "@rapidmx/react-shared/components/overlays/Drawer.js";
+import { ApiRequestError } from "../../../lib/util/api.js";
+import { useApiClient } from "../../../lib/util/apiClientContext.js";
+import useIsMobile from "../../../lib/util/useIsMobile.js";
+import { getCalendarEvent, listCalendarEvents } from "../../../lib/calendar/calendarApi.js";
+import { getPushClient } from "../../../lib/mail/pushClient.js";
+import { moveOccurrence, resizeOccurrenceEnd } from "../../../lib/calendar/calendarMutations.js";
+import { resolveDragAction } from "../../../lib/calendar/calendarDragIds.js";
+import { createFolder } from "../../../lib/mail/mailApi.js";
+import { expandAllOccurrences } from "../../../lib/calendar/recurrence.js";
+import Drawer from "../../../lib/components/overlays/Drawer.js";
 import CalendarShell, { useCalendarShell } from "../../shared/components/calendar/layout/CalendarShell.js";
 import CalendarListSidebar from "../../shared/components/calendar/CalendarListSidebar.js";
 import { useWritableMailboxes } from "../../shared/components/mail/writableMailboxes.js";
 import EventModal from "../../shared/components/calendar/EventModal.js";
 import FloatingActionButton from "../../shared/components/layout/FloatingActionButton.js";
 import { anchorOf } from "../../shared/components/calendar/EventShell.js";
-import MiniDatePicker from "@rapidmx/react-shared/components/pickers/MiniDatePicker.js";
+import MiniDatePicker from "../../../lib/components/pickers/MiniDatePicker.js";
 import MonthView from "../../shared/components/calendar/MonthView.js";
 import SplitDayView from "../../shared/components/calendar/SplitDayView.js";
 import TimeGridView from "../../shared/components/calendar/TimeGridView.js";
-import Alert from "@rapidmx/react-shared/components/feedback/Alert.js";
-import Button from "@rapidmx/react-shared/components/buttons/Button.js";
+import Alert from "../../../lib/components/feedback/Alert.js";
+import Button from "../../../lib/components/buttons/Button.js";
 import { SWIPE_PERIOD_SHIFT } from "../../shared/components/calendar/swipeNavigation.js";
 import { useSwipeSlide } from "../../shared/gestures/useSwipeSlide.js";
 import { useEnterSlide } from "../../shared/gestures/useEnterSlide.js";
@@ -65,6 +66,7 @@ function ViewButton({ view, current, onSelect }) {
 }
 function CalendarContent({ userUid, bookingHref }) {
     const { mailboxUid, folderUid, calendarFolders, mailboxCalendars, mailboxes, reloadFolders, colorFor } = useCalendarShell();
+    const client = useApiClient();
     // `PointerSensor` alone activates a drag on the very first touch-move, indistinguishable from a
     // scroll gesture on a touch device. `MouseSensor` (a small `distance` — desktop drags still start
     // immediately on a deliberate movement, no change from before) + `TouchSensor` (a `delay`+`tolerance`
@@ -113,7 +115,7 @@ function CalendarContent({ userUid, bookingHref }) {
         });
     }
     async function handleAddCalendar(targetMailboxUid, name, color) {
-        const created = await createFolder({ mailboxUid: targetMailboxUid, name, type: "calendar", color });
+        const created = await createFolder({ mailboxUid: targetMailboxUid, name, type: "calendar", color }, client);
         setCheckedFolderUidsState((prev) => new Set([...(prev ?? calendarFolders.map((f) => f.uid)), created.uid]));
         reloadFolders();
     }
@@ -153,7 +155,7 @@ function CalendarContent({ userUid, bookingHref }) {
         }
         setLoading(true);
         setError(null);
-        void Promise.allSettled(targets.map((f) => listCalendarEvents(f.uid)))
+        void Promise.allSettled(targets.map((f) => listCalendarEvents(f.uid, client)))
             .then((results) => {
             if (seq !== reloadSeqRef.current) {
                 return;
@@ -206,7 +208,7 @@ function CalendarContent({ userUid, bookingHref }) {
         if (!uid) {
             return;
         }
-        void getCalendarEvent(uid).then((fresh) => {
+        void getCalendarEvent(uid, client).then((fresh) => {
             if (checkedFolderUidsRef.current.has(fresh.folderUid)) {
                 setEvents((previous) => previous.some((existing) => existing.uid === fresh.uid)
                     ? previous.map((existing) => (existing.uid === fresh.uid ? fresh : existing))
@@ -217,7 +219,7 @@ function CalendarContent({ userUid, bookingHref }) {
                 setEvents((previous) => previous.filter((existing) => existing.uid !== uid));
             }
         });
-    }), []);
+    }), [client]);
     const occurrences = useMemo(() => expandAllOccurrences(events, rangeStart, rangeEnd), [events, rangeStart, rangeEnd]);
     const splitColumns = useMemo(() => calendarFolders
         .filter((f) => checkedFolderUids.has(f.uid))
@@ -318,10 +320,10 @@ function CalendarContent({ userUid, bookingHref }) {
         }
         try {
             if (action.type === "move") {
-                await moveOccurrence(action.occurrence, action.deltaMs);
+                await moveOccurrence(action.occurrence, action.deltaMs, client);
             }
             else {
-                await resizeOccurrenceEnd(action.occurrence, action.newEnd);
+                await resizeOccurrenceEnd(action.occurrence, action.newEnd, client);
             }
             reload();
         }

package/dist/apps/www/contacts/[uid].d.ts

@@ -14,5 +14,5 @@ declare function ContactDetailPage(props: ContactsShellProps & {
 export default ContactDetailPage;
 /** The tab's title: `Brand: Contacts` (see `pageTitle()`). */
 export declare const title: (props: {
-    branding?: Pick<import("@rapidmx/react-shared/branding/brandingApi.js").Branding, "title" | "companyName"> | null;
+    branding?: Pick<import("../../../lib/branding/brandingApi.js").Branding, "title" | "companyName"> | null;
 }) => string;

package/dist/apps/www/contacts/[uid].js

@@ -6,12 +6,13 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { pageTitle } from "../../shared/navigation/pageTitle.js";
 import { useNavigate } from "../../shared/navigation/index.js";
 import { useEffect, useState } from "react";
-import { ApiRequestError } from "@rapidmx/react-shared/util/api.js";
-import { deleteContact, getContact } from "@rapidmx/react-shared/contacts/contactsApi.js";
+import { ApiRequestError } from "../../../lib/util/api.js";
+import { deleteContact, getContact } from "../../../lib/contacts/contactsApi.js";
+import { useApiClient } from "../../../lib/util/apiClientContext.js";
 import ContactsShell from "../../shared/components/contacts/layout/ContactsShell.js";
 import ContactDetailPane from "../../shared/components/contacts/ContactDetailPane.js";
 import ContactForm from "../../shared/components/contacts/ContactForm.js";
-import Alert from "@rapidmx/react-shared/components/feedback/Alert.js";
+import Alert from "../../../lib/components/feedback/Alert.js";
 import { clearPinnedSignerCache } from "../../shared/components/mail/pinnedSigners.js";
 import { notifyApiError } from "../../shared/notifications/apiErrors.js";
 /**
@@ -25,6 +26,7 @@ function ContactDetailPage(props) {
 }
 function ContactDetailContent({ uid }) {
     const navigate = useNavigate();
+    const client = useApiClient();
     const [contact, setContact] = useState(null);
     const [loading, setLoading] = useState(true);
     const [error, setError] = useState(null);
@@ -32,7 +34,7 @@ function ContactDetailContent({ uid }) {
     useEffect(() => {
         setLoading(true);
         setError(null);
-        getContact(uid)
+        getContact(uid, client)
             .then(setContact)
             .catch((err) => setError(err instanceof ApiRequestError ? err.message : "Could not load this contact."))
             .finally(() => setLoading(false));
@@ -43,7 +45,7 @@ function ContactDetailContent({ uid }) {
     // never runs with a stale/absent contact — no redundant null check needed here.
     async function handleDelete(contact) {
         try {
-            await deleteContact(contact.uid, contact.version);
+            await deleteContact(contact.uid, contact.version, client);
             // A deleted contact's pinned signing keys must stop vouching for signatures.
             clearPinnedSignerCache();
             navigate("/contacts");
@@ -55,7 +57,7 @@ function ContactDetailContent({ uid }) {
     }
     // After a key change was resolved (or found stale): re-read the contact, keeping the one shown if that fails.
     function handleKeysChanged() {
-        getContact(uid).then(setContact, () => undefined);
+        getContact(uid, client).then(setContact, () => undefined);
     }
     if (loading) {
         return _jsx("p", { className: "p-8 text-sm text-text-muted", children: "Loading\u2026" });

package/dist/apps/www/contacts/index.d.ts

@@ -4,5 +4,5 @@ declare function ContactsPage(props: ContactsShellProps): React.JSX.Element;
 export default ContactsPage;
 /** The tab's title: `Brand: Contacts` (see `pageTitle()`). */
 export declare const title: (props: {
-    branding?: Pick<import("@rapidmx/react-shared/branding/brandingApi.js").Branding, "title" | "companyName"> | null;
+    branding?: Pick<import("../../../lib/branding/brandingApi.js").Branding, "title" | "companyName"> | null;
 }) => string;

package/dist/apps/www/contacts/index.js

@@ -6,24 +6,25 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { pageTitle } from "../../shared/navigation/pageTitle.js";
 import { useNavigate } from "../../shared/navigation/index.js";
 import { useEffect, useMemo, useRef, useState } from "react";
-import { ApiRequestError } from "@rapidmx/react-shared/util/api.js";
-import { createContact, deleteContact, listContacts, listDeletedContacts, setContactFavorite, updateContact, } from "@rapidmx/react-shared/contacts/contactsApi.js";
-import { contactsToVCardFile, contactToVCard, parseVCards } from "@rapidmx/react-shared/contacts/vcard.js";
-import useIsMobile from "@rapidmx/react-shared/util/useIsMobile.js";
+import { ApiRequestError } from "../../../lib/util/api.js";
+import { createContact, deleteContact, listContacts, listDeletedContacts, setContactFavorite, updateContact, } from "../../../lib/contacts/contactsApi.js";
+import { contactsToVCardFile, contactToVCard, parseVCards } from "../../../lib/contacts/vcard.js";
+import useIsMobile from "../../../lib/util/useIsMobile.js";
+import { useApiClient } from "../../../lib/util/apiClientContext.js";
 import { useCompose } from "../../shared/components/mail/compose/ComposeContext.js";
 import ContactsShell, { useContactsShell } from "../../shared/components/contacts/layout/ContactsShell.js";
 import ContactsSidebar from "../../shared/components/contacts/ContactsSidebar.js";
 import ContactsToolbar from "../../shared/components/contacts/ContactsToolbar.js";
 import FloatingActionButton from "../../shared/components/layout/FloatingActionButton.js";
 import { HiOutlineUserPlus } from "react-icons/hi2";
-import ContactAvatar from "@rapidmx/react-shared/components/avatar/ContactAvatar.js";
+import ContactAvatar from "../../../lib/components/avatar/ContactAvatar.js";
 import ContactDetailPane from "../../shared/components/contacts/ContactDetailPane.js";
 import ContactForm from "../../shared/components/contacts/ContactForm.js";
 import { useWritableMailboxes } from "../../shared/components/mail/writableMailboxes.js";
-import { getMyMailboxAccess } 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";
+import { getMyMailboxAccess } 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 { LIST_PAGE_SIZE, MAX_LIST_PAGES, listAllPages } from "../../shared/mail/listAllPages.js";
 import { clearPinnedSignerCache } from "../../shared/components/mail/pinnedSigners.js";
 import { SHORTCUTS } from "../../shared/keyboard/keymap.js";
@@ -59,6 +60,7 @@ function ContactsContent({ userUid }) {
     const { openCompose } = useCompose();
     const isMobile = useIsMobile();
     const navigate = useNavigate();
+    const client = useApiClient();
     const [contacts, setContacts] = useState([]);
     const [deletedContacts, setDeletedContacts] = useState([]);
     const [deletedLoading, setDeletedLoading] = useState(false);
@@ -90,7 +92,7 @@ function ContactsContent({ userUid }) {
         }
         setLoading(true);
         setError(null);
-        return listAllPages((page) => listContacts(folderUid, { limit: LIST_PAGE_SIZE, page }))
+        return listAllPages((page) => listContacts(folderUid, { limit: LIST_PAGE_SIZE, page }, client))
             .then((result) => {
             setContacts(result.items);
             setTruncated(result.truncated);
@@ -117,7 +119,7 @@ function ContactsContent({ userUid }) {
             return;
         }
         let cancelled = false;
-        getMyMailboxAccess(mailboxUid).then((access) => {
+        getMyMailboxAccess(mailboxUid, client).then((access) => {
             if (!cancelled) {
                 setDelegateCanViewDeleted(access.canDelete && access.canUpdate);
                 setDelegateCanUpdate(access.canUpdate);
@@ -134,7 +136,7 @@ function ContactsContent({ userUid }) {
         }
         setDeletedLoading(true);
         setDeletedError(null);
-        listAllPages((page) => listDeletedContacts(folderUid, { limit: LIST_PAGE_SIZE, page }))
+        listAllPages((page) => listDeletedContacts(folderUid, { limit: LIST_PAGE_SIZE, page }, client))
             .then((result) => {
             // A server that dropped the `deleted` filter (no delete+update right on this folder) answers with live
             // contacts, which must never be listed as deleted.
@@ -249,7 +251,7 @@ function ContactsContent({ userUid }) {
     }
     async function handleDelete(contact) {
         try {
-            await deleteContact(contact.uid, contact.version);
+            await deleteContact(contact.uid, contact.version, client);
             // Trusted signer pins come from contacts - a deleted contact's keys must stop vouching for signatures.
             clearPinnedSignerCache();
             setSelectedUid(null);
@@ -265,7 +267,7 @@ function ContactsContent({ userUid }) {
         setConfirmingBulkDelete(false);
         for (const contact of checkedContacts) {
             try {
-                await deleteContact(contact.uid, contact.version);
+                await deleteContact(contact.uid, contact.version, client);
             }
             catch (err) {
                 notifyApiError(err, "Couldn't delete some of the contacts");
@@ -293,7 +295,7 @@ function ContactsContent({ userUid }) {
         const allFavorited = checkedContacts.every((c) => c.favorite);
         for (const contact of checkedContacts) {
             try {
-                await setContactFavorite(contact, !allFavorited);
+                await setContactFavorite(contact, !allFavorited, client);
             }
             catch (err) {
                 notifyApiError(err, "Couldn't update some of the contacts");
@@ -312,7 +314,7 @@ function ContactsContent({ userUid }) {
             try {
                 // Only the changed field - sending the whole fetched contact back includes server-managed
                 // fields restapi rejects, and would overwrite any concurrent edit to the other fields.
-                await updateContact({ uid: contact.uid, version: contact.version, categories });
+                await updateContact({ uid: contact.uid, version: contact.version, categories }, client);
             }
             catch (err) {
                 notifyApiError(err, "Couldn't update some of the contacts");
@@ -332,7 +334,7 @@ function ContactsContent({ userUid }) {
         const parsed = parseVCards(text);
         for (const input of parsed) {
             try {
-                await createContact({ mailboxUid, folderUid, ...input });
+                await createContact({ mailboxUid, folderUid, ...input }, client);
             }
             catch (err) {
                 notifyApiError(err, "Couldn't import some of the contacts");

package/dist/apps/www/index.d.ts

@@ -4,5 +4,5 @@ declare function InboxPage(props: MailShellProps): React.JSX.Element;
 export default InboxPage;
 /** The tab's title: `Brand: Mail` (see `pageTitle()`). */
 export declare const title: (props: {
-    branding?: Pick<import("@rapidmx/react-shared/branding/brandingApi.js").Branding, "title" | "companyName"> | null;
+    branding?: Pick<import("../../lib/branding/brandingApi.js").Branding, "title" | "companyName"> | null;
 }) => string;