@rapidmx/web-client 0.21.0 → 0.23.0

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useDraggable, useDroppable } from "@dnd-kit/core";
 import { addDays, eachDayOfInterval, endOfMonth, endOfWeek, format, isSameMonth, isToday, startOfMonth, startOfWeek } from "date-fns";
-import { dayDropId, eventDragId } from "@rapidmx/react-shared/calendar/calendarDragIds.js";
+import { dayDropId, eventDragId } from "../../../../lib/calendar/calendarDragIds.js";
 import { occursOnDay, startsOnDay } from "./allDay.js";
 import { anchorOf } from "./EventShell.js";
 const MAX_CHIPS_PER_DAY = 3;

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

@@ -4,7 +4,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 // SPDX-License-Identifier: MPL-2.0
 ///////////////////////////////////////////////////////////////////////////////
 import { useEffect, useRef, useState } from "react";
-import { deviceTimeZone } from "@rapidmx/react-shared/util/timeZone.js";
+import { deviceTimeZone } from "../../../../lib/util/timeZone.js";
 import AppointmentQuickForm, { initialAppointmentDraft } from "./AppointmentQuickForm.js";
 import EventExpandedForm from "./EventExpandedForm.js";
 import EventQuickForm from "./EventQuickForm.js";

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

@@ -5,7 +5,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 ///////////////////////////////////////////////////////////////////////////////
 import { useContext } from "react";
 import { HiOutlineBars2, HiOutlineXMark } from "react-icons/hi2";
-import Alert from "@rapidmx/react-shared/components/feedback/Alert.js";
+import Alert from "../../../../lib/components/feedback/Alert.js";
 import { EventShellContext } from "./EventShell.js";
 import { quickPanelProps } from "./QuickCreateTabs.js";
 /**

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

@@ -1,5 +1,5 @@
 import React from "react";
-import { RecurrenceRule, WeekdayCode } from "@rapidmx/react-shared/calendar/calendarApi.js";
+import { RecurrenceRule, WeekdayCode } from "../../../../lib/calendar/calendarApi.js";
 export interface RecurrenceEditorProps {
     /** `null` means "does not repeat". */
     value: RecurrenceRule | null;

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { format } from "date-fns";
-import { WEEKDAY_CODES, WEEKDAY_LABELS, describeRecurrence } from "@rapidmx/react-shared/calendar/recurrence.js";
+import { WEEKDAY_CODES, WEEKDAY_LABELS, describeRecurrence } from "../../../../lib/calendar/recurrence.js";
 import { recurrenceUntilDateKey, recurrenceUntilInstant } from "./allDay.js";
 const SELECT_CLASS = "text-sm py-2 px-2 border border-border rounded-sm bg-surface text-text focus:outline-none focus:border-primary";
 const INPUT_CLASS = "text-sm py-2 px-2 border border-border rounded-sm bg-surface text-text focus:outline-none focus:border-primary";

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

@@ -5,11 +5,12 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 ///////////////////////////////////////////////////////////////////////////////
 import { useState } from "react";
 import { HiOutlineXMark } from "react-icons/hi2";
-import { requestEventChange } from "@rapidmx/react-shared/calendar/calendarApi.js";
-import { htmlToPlainText, sanitizeEventDescriptionHtml } from "@rapidmx/react-shared/calendar/eventDescription.js";
-import Alert from "@rapidmx/react-shared/components/feedback/Alert.js";
-import Button from "@rapidmx/react-shared/components/buttons/Button.js";
-import { toDatetimeLocal } from "@rapidmx/react-shared/util/dateInput.js";
+import { requestEventChange } from "../../../../lib/calendar/calendarApi.js";
+import { htmlToPlainText, sanitizeEventDescriptionHtml } from "../../../../lib/calendar/eventDescription.js";
+import Alert from "../../../../lib/components/feedback/Alert.js";
+import Button from "../../../../lib/components/buttons/Button.js";
+import { toDatetimeLocal } from "../../../../lib/util/dateInput.js";
+import { useApiClient } from "../../../../lib/util/apiClientContext.js";
 import { notifyApiError } from "../../notifications/apiErrors.js";
 import { notify } from "../../notifications/store.js";
 import { INPUT_CLASS } from "./EventFormParts.js";
@@ -30,6 +31,7 @@ function sameMinute(a, b) {
  * A title or location can be changed, not cleared (the server refuses that), and the time of a series or an all-day event is not offered.
  */
 export default function RequestChangeForm({ subject, canChange, canInvite, onSent, onCancel }) {
+    const client = useApiClient();
     const canChangeTime = canChange && !subject.allDay && !subject.recurring && !!subject.startDate && !!subject.endDate;
     const [title, setTitle] = useState(subject.title);
     const [location, setLocation] = useState(subject.location ?? "");
@@ -110,7 +112,7 @@ export default function RequestChangeForm({ subject, canChange, canInvite, onSen
         }
         setSending(true);
         try {
-            await requestEventChange(subject.uid, request);
+            await requestEventChange(subject.uid, request, client);
             notify({
                 kind: "success",
                 title: "Your change was sent to the organizer",

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

@@ -1,5 +1,5 @@
 import React, { RefObject } from "react";
-import { Mailbox } from "@rapidmx/react-shared/mail/mailApi.js";
+import { Mailbox } from "../../../../lib/mail/mailApi.js";
 export interface ResourcePickerProps {
     anchorRef: RefObject<HTMLElement | null>;
     onClose: () => void;

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

@@ -4,9 +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 { listResourceMailboxes } from "@rapidmx/react-shared/mail/mailApi.js";
-import PopoverPortal from "@rapidmx/react-shared/components/overlays/PopoverPortal.js";
+import { ApiRequestError } from "../../../../lib/util/api.js";
+import { useApiClient } from "../../../../lib/util/apiClientContext.js";
+import { listResourceMailboxes } from "../../../../lib/mail/mailApi.js";
+import PopoverPortal from "../../../../lib/components/overlays/PopoverPortal.js";
 /**
  * A searchable dropdown of bookable resource mailboxes (rooms/equipment), for adding one as a `"resource"`
  * attendee in `EventModal` without typing its raw address. Fetches the caller's full visible resource-mailbox
@@ -16,14 +17,15 @@ import PopoverPortal from "@rapidmx/react-shared/components/overlays/PopoverPort
  * endpoint for mailboxes and the resource-mailbox count in any one org is expected to be small.
  */
 export default function ResourcePicker({ anchorRef, onClose, onSelect, excludeAddresses }) {
+    const client = useApiClient();
     const [resources, setResources] = useState(null);
     const [error, setError] = useState(null);
     const [query, setQuery] = useState("");
     useEffect(() => {
-        listResourceMailboxes({ limit: 100 })
+        listResourceMailboxes({ limit: 100 }, client)
             .then(setResources)
             .catch((err) => setError(err instanceof ApiRequestError ? err.message : "Could not load resources."));
-    }, []);
+    }, [client]);
     const excluded = new Set(excludeAddresses);
     const filtered = (resources ?? []).filter((mailbox) => {
         if (excluded.has(mailbox.primarySmtpAddress.toLowerCase())) {

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

@@ -1,5 +1,5 @@
 import React from "react";
-import { CalendarOccurrence } from "@rapidmx/react-shared/calendar/recurrence.js";
+import { CalendarOccurrence } from "../../../../lib/calendar/recurrence.js";
 import { EventAnchor } from "./EventShell.js";
 export interface SplitDayColumn {
     folderUid: string;

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

@@ -1,5 +1,5 @@
 import React, { ReactNode } from "react";
-import { TaskPriority } from "@rapidmx/react-shared/tasks/tasksApi.js";
+import { TaskPriority } from "../../../../lib/tasks/tasksApi.js";
 import { EventFormController } from "./eventForm.js";
 /**
  * What the Task tab holds besides the title (which is the Event tab's): kept by `QuickCreateFaces`, so it survives a trip to another tab.

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

@@ -6,9 +6,10 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useEffect, useState } from "react";
 import { parseISO } from "date-fns";
 import { HiOutlineBars3BottomLeft, HiOutlineBell, HiOutlineClock, HiOutlineFlag, HiOutlineFolder, HiOutlineListBullet, HiOutlineSun, HiOutlineXMark, } from "react-icons/hi2";
-import { ApiRequestError } from "@rapidmx/react-shared/util/api.js";
-import { createTask, listTaskLists } from "@rapidmx/react-shared/tasks/tasksApi.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 { createTask, listTaskLists } from "../../../../lib/tasks/tasksApi.js";
+import Button from "../../../../lib/components/buttons/Button.js";
 import { findWellKnownFolderUid } from "../../mail/findWellKnownFolderUid.js";
 import { notify } from "../../notifications/store.js";
 import { INPUT_CLASS, IconRow, SELECT_CLASS } from "./EventFormParts.js";
@@ -34,6 +35,7 @@ export function initialTaskDraft(start, allDayClick) {
  */
 export default function TaskQuickForm({ c, draft, onDraftChange, tabs, expanded, onExpand }) {
     const { values } = c;
+    const client = useApiClient();
     const [lists, setLists] = useState([]);
     const [error, setError] = useState(null);
     const [saving, setSaving] = useState(false);
@@ -41,7 +43,7 @@ export default function TaskQuickForm({ c, draft, onDraftChange, tabs, expanded,
     useEffect(() => {
         let cancelled = false;
         setLists([]);
-        void listTaskLists(values.targetMailboxUid)
+        void listTaskLists(values.targetMailboxUid, {}, client)
             .catch(() => [])
             .then((result) => {
             if (!cancelled) {
@@ -51,7 +53,7 @@ export default function TaskQuickForm({ c, draft, onDraftChange, tabs, expanded,
         return () => {
             cancelled = true;
         };
-    }, [values.targetMailboxUid]);
+    }, [values.targetMailboxUid, client]);
     const mailboxChoices = c.mailboxOptions && c.mailboxOptions.length > 1 ? c.mailboxOptions : undefined;
     // A list of another mailbox that was chosen before the mailbox changed is no longer one.
     const listUid = lists.some((list) => list.uid === draft.listUid) ? draft.listUid : "";
@@ -70,7 +72,7 @@ export default function TaskQuickForm({ c, draft, onDraftChange, tabs, expanded,
         setSaving(true);
         try {
             const mailboxUid = values.targetMailboxUid;
-            const folderUid = await findWellKnownFolderUid(mailboxUid, "tasks");
+            const folderUid = await findWellKnownFolderUid(mailboxUid, "tasks", client);
             if (!folderUid) {
                 setError("That mailbox has no Tasks folder.");
                 return;
@@ -86,7 +88,7 @@ export default function TaskQuickForm({ c, draft, onDraftChange, tabs, expanded,
                 reminderDate: draft.reminder ? parseISO(draft.reminder).toISOString() : undefined,
                 taskListUid: listUid || undefined,
                 myDay: draft.myDay || undefined,
-            });
+            }, client);
             notify({ kind: "success", title: "Task added", message: `“${title}” was added to Tasks.` });
             c.onCancel();
         }

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

@@ -1,5 +1,5 @@
 import React from "react";
-import { CalendarOccurrence } from "@rapidmx/react-shared/calendar/recurrence.js";
+import { CalendarOccurrence } from "../../../../lib/calendar/recurrence.js";
 import { EventAnchor } from "./EventShell.js";
 export interface TimeGridViewProps {
     /** One day for the Day view, seven for the Week view, five for the Work Week view. */

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useDraggable, useDroppable } from "@dnd-kit/core";
 import { addDays, addMinutes, format, isToday, startOfDay } from "date-fns";
-import { eventDragId, resizeDragId, slotDropId } from "@rapidmx/react-shared/calendar/calendarDragIds.js";
+import { eventDragId, resizeDragId, slotDropId } from "../../../../lib/calendar/calendarDragIds.js";
 import { occursOnDay, startsOnDay } from "./allDay.js";
 import { anchorOf } from "./EventShell.js";
 const HOUR_HEIGHT_PX = 48;
@@ -16,7 +16,7 @@ export default function TimeGridView({ days, occurrences, folderColors, onSelect
     const timedEvents = occurrences.filter((occ) => !occ.allDay);
     return (_jsxs("div", { "data-calendar-scroller": true, className: "flex-1 flex flex-col min-h-0 overflow-y-auto", children: [_jsxs("div", { className: "flex border-b border-border shrink-0", children: [_jsx("div", { className: "w-14 shrink-0" }), days.map((day) => (_jsx("div", { className: ["flex-1 min-w-0 py-1 text-center text-xs font-semibold border-l border-border", isToday(day) ? "text-primary-dark" : ""].join(" "), children: format(day, "EEE d") }, day.toISOString())))] }), allDayEvents.length > 0 && (_jsxs("div", { className: "flex border-b border-border shrink-0", children: [_jsx("div", { className: "w-14 shrink-0" }), days.map((day) => (_jsx("div", { className: "flex-1 min-w-0 p-1 flex flex-col gap-0.5 border-l border-border", children: allDayEvents
                             .filter((occ) => occursOnDay(occ, day))
-                            .map((occ) => (_jsx("button", { type: "button", onClick: () => onSelectEvent(occ), style: { backgroundColor: folderColors[occ.folderUid], color: "#fff" }, className: "text-xs text-left truncate rounded-sm px-1.5 py-0.5", children: occ.title }, occ.occurrenceKey))) }, day.toISOString())))] })), _jsxs("div", { className: "flex flex-1", children: [_jsx("div", { className: "w-14 shrink-0", children: HOURS.map((hour) => (_jsx("div", { style: { height: HOUR_HEIGHT_PX }, className: "text-[10px] text-text-muted text-right pr-1.5 -mt-1.5", children: hour === 0 ? "" : format(new Date(2000, 0, 1, hour), "ha") }, hour))) }), days.map((day) => (_jsx(DayColumn, { day: day, occurrences: timedEvents.filter((occ) => occursOnDay(occ, day)), folderColors: folderColors, onSelectEvent: onSelectEvent, onSelectSlot: onSelectSlot }, day.toISOString())))] })] }));
+                            .map((occ) => (_jsx("button", { type: "button", onClick: () => onSelectEvent(occ), style: { backgroundColor: folderColors[occ.folderUid], color: "#fff" }, className: "text-xs text-left truncate rounded-sm px-1.5 py-0.5", children: occ.title }, occ.occurrenceKey))) }, day.toISOString())))] })), _jsxs("div", { className: "flex flex-1", children: [_jsx("div", { className: "w-14 shrink-0", children: HOURS.map((hour) => (_jsx("div", { style: { height: HOUR_HEIGHT_PX }, className: "relative -top-1.5 text-[10px] text-text-muted text-right pr-1.5", children: hour === 0 ? "" : format(new Date(2000, 0, 1, hour), "ha") }, hour))) }), days.map((day) => (_jsx(DayColumn, { day: day, occurrences: timedEvents.filter((occ) => occursOnDay(occ, day)), folderColors: folderColors, onSelectEvent: onSelectEvent, onSelectSlot: onSelectSlot }, day.toISOString())))] })] }));
 }
 function DayColumn({ day, occurrences, folderColors, onSelectEvent, onSelectSlot }) {
     const dayStart = startOfDay(day);

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

@@ -1,5 +1,5 @@
-import { WeekdayCode } from "@rapidmx/react-shared/calendar/calendarApi.js";
-import { CalendarOccurrence } from "@rapidmx/react-shared/calendar/recurrence.js";
+import { WeekdayCode } from "../../../../lib/calendar/calendarApi.js";
+import { CalendarOccurrence } from "../../../../lib/calendar/recurrence.js";
 /**
  * All-day events are stored date-only: `startDate` is UTC midnight of the first day and `endDate` is UTC
  * midnight of the day *after* the last day (exclusive, like iCalendar's `DTEND;VALUE=DATE`). That keeps

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

@@ -3,7 +3,7 @@
 // SPDX-License-Identifier: MPL-2.0
 ///////////////////////////////////////////////////////////////////////////////
 import { format } from "date-fns";
-import { toEventWallClock } from "@rapidmx/react-shared/calendar/recurrence.js";
+import { toEventWallClock } from "../../../../lib/calendar/recurrence.js";
 const MS_PER_DAY = 86400000;
 /**
  * All-day events are stored date-only: `startDate` is UTC midnight of the first day and `endDate` is UTC

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

@@ -1,5 +1,5 @@
-import { EventVisibility } from "@rapidmx/react-shared/calendar/calendarApi.js";
-import { CalendarOccurrence } from "@rapidmx/react-shared/calendar/recurrence.js";
+import { EventVisibility } from "../../../../lib/calendar/calendarApi.js";
+import { CalendarOccurrence } from "../../../../lib/calendar/recurrence.js";
 import { EventFormValues } from "./eventForm.js";
 /** The event dialog's own fields of a `CalendarEventInput` - only the ones that differ from what the event has, so saving an event no one touched these on
  * says nothing about them (and asks for no new invitations). */

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

@@ -2,8 +2,8 @@
 // Copyright (C) 2026 Jean-Philippe Steinmetz
 // SPDX-License-Identifier: MPL-2.0
 ///////////////////////////////////////////////////////////////////////////////
-import { guestPermissionsOf, visibilityOf } from "@rapidmx/react-shared/calendar/calendarApi.js";
-import { MAX_EVENT_DESCRIPTION_HTML_LENGTH, MAX_EVENT_DESCRIPTION_LENGTH, htmlToPlainText, sanitizeEventDescriptionHtml, } from "@rapidmx/react-shared/calendar/eventDescription.js";
+import { guestPermissionsOf, visibilityOf } from "../../../../lib/calendar/calendarApi.js";
+import { MAX_EVENT_DESCRIPTION_HTML_LENGTH, MAX_EVENT_DESCRIPTION_LENGTH, htmlToPlainText, sanitizeEventDescriptionHtml, } from "../../../../lib/calendar/eventDescription.js";
 function escapeHtml(text) {
     return text.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
 }

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

@@ -1,7 +1,7 @@
 import { FormEvent } from "react";
-import { Attendee, BusyStatus, EventVisibility, RecurrenceRule, WeekdayCode } from "@rapidmx/react-shared/calendar/calendarApi.js";
-import { Mailbox } from "@rapidmx/react-shared/mail/mailApi.js";
-import { CalendarOccurrence } from "@rapidmx/react-shared/calendar/recurrence.js";
+import { Attendee, BusyStatus, EventVisibility, RecurrenceRule, WeekdayCode } from "../../../../lib/calendar/calendarApi.js";
+import { Mailbox } from "../../../../lib/mail/mailApi.js";
+import { CalendarOccurrence } from "../../../../lib/calendar/recurrence.js";
 /** Which occurrences of a recurring event an edit applies to. */
 export type EditScope = "occurrence" | "series";
 /**

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

@@ -1,4 +1,4 @@
-import { Attendee, AttendeeResponseStatus, BusyStatus, EventVisibility, GuestPermissions } from "@rapidmx/react-shared/calendar/calendarApi.js";
+import { Attendee, AttendeeResponseStatus, BusyStatus, EventVisibility, GuestPermissions } from "../../../../lib/calendar/calendarApi.js";
 /** What the event form and the read-only event view both need to say about a busy status / an answer. */
 export declare const BUSY_STATUSES: BusyStatus[];
 export declare const BUSY_STATUS_LABEL: Record<BusyStatus, string>;

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

@@ -3,8 +3,8 @@
 // SPDX-License-Identifier: MPL-2.0
 ///////////////////////////////////////////////////////////////////////////////
 import { format } from "date-fns";
-import { fromEventWallClock, toEventWallClock } from "@rapidmx/react-shared/calendar/recurrence.js";
-import { toDatetimeLocal } from "@rapidmx/react-shared/util/dateInput.js";
+import { fromEventWallClock, toEventWallClock } from "../../../../lib/calendar/recurrence.js";
+import { toDatetimeLocal } from "../../../../lib/util/dateInput.js";
 import { formatRecipient, isValidRecipientAddress, parseRecipient, splitRecipientList } from "../mail/compose/recipients.js";
 import { addDaysToKey, allDayDateKey } from "./allDay.js";
 /** What the event form and the read-only event view both need to say about a busy status / an answer. */

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

@@ -1,4 +1,4 @@
-import { AvailabilitySummary } from "@rapidmx/react-shared/calendar/freeBusyApi.js";
+import { AvailabilitySummary } from "../../../../lib/calendar/freeBusyApi.js";
 /** How many days, from the one on show, one look-up covers: the grid's own day and the days the suggested times are found in. */
 export declare const SEARCH_DAYS = 7;
 /** The working day suggestions are found in, in the hours of the zone the event is being set in. */

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

@@ -3,7 +3,7 @@
 // SPDX-License-Identifier: MPL-2.0
 ///////////////////////////////////////////////////////////////////////////////
 import { format } from "date-fns";
-import { ApiRequestError } from "@rapidmx/react-shared/util/api.js";
+import { ApiRequestError } from "../../../../lib/util/api.js";
 import { addDaysToKey } from "./allDay.js";
 import { msToWallString, wallStringToMs } from "./eventFormat.js";
 /** How many days, from the one on show, one look-up covers: the grid's own day and the days the suggested times are found in. */

package/dist/apps/shared/components/calendar/layout/CalendarShell.d.ts

@@ -1,5 +1,5 @@
 import React, { PropsWithChildren } from "react";
-import { Folder, Mailbox } from "@rapidmx/react-shared/mail/mailApi.js";
+import { Folder, Mailbox } from "../../../../../lib/mail/mailApi.js";
 import { AppShellProps } from "../../layout/AppShell.js";
 export type CalendarShellProps = Omit<AppShellProps, "active">;
 /** One mailbox's own `calendar`-type folders. `error` is set (and `calendarFolders` left empty) when that

package/dist/apps/shared/components/calendar/layout/CalendarShell.js

@@ -4,11 +4,12 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // SPDX-License-Identifier: MPL-2.0
 ///////////////////////////////////////////////////////////////////////////////
 import { createContext, useCallback, useContext, useEffect, useMemo, useState } from "react";
-import { ApiRequestError } from "@rapidmx/react-shared/util/api.js";
-import { accentColorForMailbox, colorForFolder } from "@rapidmx/react-shared/calendar/calendarColors.js";
-import { listFolders, listMailboxes } from "@rapidmx/react-shared/mail/mailApi.js";
-import Alert from "@rapidmx/react-shared/components/feedback/Alert.js";
-import Skeleton, { SkeletonList } from "@rapidmx/react-shared/components/feedback/Skeleton.js";
+import { ApiRequestError } from "../../../../../lib/util/api.js";
+import { useApiClient } from "../../../../../lib/util/apiClientContext.js";
+import { accentColorForMailbox, colorForFolder } from "../../../../../lib/calendar/calendarColors.js";
+import { listFolders, listMailboxes } from "../../../../../lib/mail/mailApi.js";
+import Alert from "../../../../../lib/components/feedback/Alert.js";
+import Skeleton, { SkeletonList } from "../../../../../lib/components/feedback/Skeleton.js";
 import AppShell from "../../layout/AppShell.js";
 import { useLocation } from "../../../navigation/index.js";
 import MailboxProvisioning from "../../layout/MailboxProvisioning.js";
@@ -32,6 +33,7 @@ export function useCalendarShell() {
  * views/dates must be instant (no full page reload) and this framework has no client-side router.
  */
 export default function CalendarShell({ userUid, authServerUrl, impersonating, impersonationBaseUrl, trusted, trustedRoles, pluginNav, children, }) {
+    const client = useApiClient();
     const [status, setStatus] = useState("checking");
     const [error, setError] = useState(null);
     const [mailboxes, setMailboxes] = useState([]);
@@ -48,7 +50,7 @@ export default function CalendarShell({ userUid, authServerUrl, impersonating, i
         if (!userUid) {
             return;
         }
-        listMailboxes({ limit: 100 })
+        listMailboxes({ limit: 100 }, client)
             .then((result) => {
             setMailboxes(orderMailboxes(result, userUid));
             setStatus("ready");
@@ -57,7 +59,7 @@ export default function CalendarShell({ userUid, authServerUrl, impersonating, i
             setError(err instanceof ApiRequestError ? err.message : "Could not load your mailboxes.");
             setStatus("error");
         });
-    }, [userUid]);
+    }, [userUid, client]);
     const ownMailboxUid = primaryMailboxUid(mailboxes, userUid);
     const mailboxUid = (requestedMailboxUid && mailboxes.some((mb) => mb.uid === requestedMailboxUid) ? requestedMailboxUid : undefined) ??
         ownMailboxUid;
@@ -67,7 +69,7 @@ export default function CalendarShell({ userUid, authServerUrl, impersonating, i
             return;
         }
         let cancelled = false;
-        void Promise.all(mailboxes.map((mailbox) => listFolders(mailbox.uid)
+        void Promise.all(mailboxes.map((mailbox) => listFolders(mailbox.uid, client)
             .then((folders) => ({ mailbox, calendarFolders: folders.filter((f) => f.type === "calendar") }))
             .catch((err) => ({
             mailbox,
@@ -81,7 +83,7 @@ export default function CalendarShell({ userUid, authServerUrl, impersonating, i
         return () => {
             cancelled = true;
         };
-    }, [mailboxes, folderRefreshToken]);
+    }, [mailboxes, folderRefreshToken, client]);
     const calendarFolders = useMemo(() => mailboxCalendars.flatMap((mc) => mc.calendarFolders), [mailboxCalendars]);
     const folderUid = calendarFolders.find((f) => f.mailboxUid === mailboxUid)?.uid;
     const colorFor = useCallback((folder) => colorForFolder(folder, folder.mailboxUid === ownMailboxUid ? undefined : accentColorForMailbox(folder.mailboxUid)), [ownMailboxUid]);

package/dist/apps/shared/components/contacts/ContactDetailPane.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { Contact } from "@rapidmx/react-shared/contacts/contactsApi.js";
+import { Contact } from "../../../../lib/contacts/contactsApi.js";
 export interface ContactDetailPaneProps {
     contact: Contact;
     onEdit: () => void;

package/dist/apps/shared/components/contacts/ContactDetailPane.js

@@ -4,8 +4,8 @@ import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 // SPDX-License-Identifier: MPL-2.0
 ///////////////////////////////////////////////////////////////////////////////
 import { useState } from "react";
-import Button from "@rapidmx/react-shared/components/buttons/Button.js";
-import ContactAvatar from "@rapidmx/react-shared/components/avatar/ContactAvatar.js";
+import Button from "../../../../lib/components/buttons/Button.js";
+import ContactAvatar from "../../../../lib/components/avatar/ContactAvatar.js";
 import KeyChangeReview from "./KeyChangeReview.js";
 import { KEY_CHANGE_STALE_MESSAGE, formatDate, keyPinnedSince, revocationLabel } from "./contactKeys.js";
 import { clearPinnedSignerCache } from "../mail/pinnedSigners.js";

package/dist/apps/shared/components/contacts/ContactForm.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-import { Contact } from "@rapidmx/react-shared/contacts/contactsApi.js";
-import { Mailbox } from "@rapidmx/react-shared/mail/mailApi.js";
+import { Contact } from "../../../../lib/contacts/contactsApi.js";
+import { Mailbox } from "../../../../lib/mail/mailApi.js";
 export interface ContactFormProps {
     contact?: Contact;
     /** Create mode: the default mailbox (and its Contacts folder) to create in. */

package/dist/apps/shared/components/contacts/ContactForm.js

@@ -4,11 +4,12 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // SPDX-License-Identifier: MPL-2.0
 ///////////////////////////////////////////////////////////////////////////////
 import { useState } from "react";
-import { ApiRequestError } from "@rapidmx/react-shared/util/api.js";
-import { createContact, updateContact, } from "@rapidmx/react-shared/contacts/contactsApi.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 { createContact, updateContact, } from "../../../../lib/contacts/contactsApi.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 { useApiClient } from "../../../../lib/util/apiClientContext.js";
 import { findWellKnownFolderUid } from "../../mail/findWellKnownFolderUid.js";
 import { clearPinnedSignerCache } from "../mail/pinnedSigners.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";
@@ -20,6 +21,7 @@ const ADDRESS_KINDS = ["home", "work", "other"];
  * desktop-and-mobile-inline (see that route's own doc comment on why "new" never gets a dedicated route).
  */
 export default function ContactForm({ contact, mailboxUid, folderUid, mailboxes, onSaved, onCancel }) {
+    const client = useApiClient();
     const [targetMailboxUid, setTargetMailboxUid] = useState(mailboxUid);
     const [displayName, setDisplayName] = useState(contact?.displayName ?? "");
     const [givenName, setGivenName] = useState(contact?.givenName ?? "");
@@ -89,10 +91,12 @@ export default function ContactForm({ contact, mailboxUid, folderUid, mailboxes,
                     uid: contact.uid,
                     version: contact.version,
                     ...input,
-                });
+                }, client);
             }
             else {
-                const targetFolderUid = targetMailboxUid === mailboxUid ? folderUid : await findWellKnownFolderUid(targetMailboxUid, "contacts");
+                const targetFolderUid = targetMailboxUid === mailboxUid
+                    ? folderUid
+                    : await findWellKnownFolderUid(targetMailboxUid, "contacts", client);
                 if (!targetFolderUid) {
                     setError("That mailbox has no Contacts folder.");
                     return;
@@ -101,7 +105,7 @@ export default function ContactForm({ contact, mailboxUid, folderUid, mailboxes,
                     mailboxUid: targetMailboxUid,
                     folderUid: targetFolderUid,
                     ...input,
-                });
+                }, client);
             }
             // A message opened later in this page load must see the changed contact's signing keys.
             clearPinnedSignerCache();

package/dist/apps/shared/components/contacts/ContactsSidebar.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { Contact } from "@rapidmx/react-shared/contacts/contactsApi.js";
+import { Contact } from "../../../../lib/contacts/contactsApi.js";
 export type ContactsView = {
     type: "all";
 } | {

package/dist/apps/shared/components/contacts/ContactsSidebar.js

@@ -5,9 +5,10 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 ///////////////////////////////////////////////////////////////////////////////
 import { useEffect, useMemo, useState } from "react";
 import { HiOutlineBars3 } from "react-icons/hi2";
-import { ApiRequestError } from "@rapidmx/react-shared/util/api.js";
-import { createContactList, listContactLists } from "@rapidmx/react-shared/contacts/contactsApi.js";
-import Drawer from "@rapidmx/react-shared/components/overlays/Drawer.js";
+import { ApiRequestError } from "../../../../lib/util/api.js";
+import { createContactList, listContactLists } from "../../../../lib/contacts/contactsApi.js";
+import Drawer from "../../../../lib/components/overlays/Drawer.js";
+import { useApiClient } from "../../../../lib/util/apiClientContext.js";
 import { notifyApiError } from "../../notifications/apiErrors.js";
 export function contactsViewKey(view) {
     switch (view.type) {
@@ -45,6 +46,7 @@ function NavItem({ label, count, active, onClick, swatch, }) {
  * `ContactsShellContext` itself minimal (mailbox/folder resolution only).
  */
 export default function ContactsSidebar({ mailboxUid, contacts, active, onSelect, refreshToken, showDeleted = true }) {
+    const client = useApiClient();
     const [lists, setLists] = useState([]);
     const [listsError, setListsError] = useState(null);
     const [addingList, setAddingList] = useState(false);
@@ -56,7 +58,7 @@ export default function ContactsSidebar({ mailboxUid, contacts, active, onSelect
             return;
         }
         setListsError(null);
-        listContactLists(mailboxUid, { limit: 200 })
+        listContactLists(mailboxUid, { limit: 200 }, client)
             .then(setLists)
             .catch((err) => setListsError(err instanceof ApiRequestError ? err.message : "Could not load contact lists."));
     }, [mailboxUid, refreshToken]);
@@ -85,7 +87,7 @@ export default function ContactsSidebar({ mailboxUid, contacts, active, onSelect
             return;
         }
         try {
-            const created = await createContactList({ mailboxUid, name: newListName.trim() });
+            const created = await createContactList({ mailboxUid, name: newListName.trim() }, client);
             setLists((prev) => [...prev, created].sort((a, b) => a.name.localeCompare(b.name)));
             setNewListName("");
             setAddingList(false);

package/dist/apps/shared/components/contacts/KeyChangeReview.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { type KeyConflict } from "@rapidmx/react-shared/crypto/keyvaultApi.js";
+import { type KeyConflict } from "../../../../lib/crypto/keyvaultApi.js";
 export interface KeyChangeReviewProps {
     /** The mailbox whose contact holds the pinned key. */
     mailboxUid: string;

package/dist/apps/shared/components/contacts/KeyChangeReview.js

@@ -4,11 +4,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // SPDX-License-Identifier: MPL-2.0
 ///////////////////////////////////////////////////////////////////////////////
 import { useState } from "react";
-import { PinnedKeyChangedError, resolveKeyConflict } from "@rapidmx/react-shared/crypto/keyvaultApi.js";
-import Modal from "@rapidmx/react-shared/components/overlays/Modal.js";
-import Alert from "@rapidmx/react-shared/components/feedback/Alert.js";
-import Button from "@rapidmx/react-shared/components/buttons/Button.js";
-import { ApiRequestError } from "@rapidmx/react-shared/util/api.js";
+import { PinnedKeyChangedError, resolveKeyConflict } from "../../../../lib/crypto/keyvaultApi.js";
+import Modal from "../../../../lib/components/overlays/Modal.js";
+import Alert from "../../../../lib/components/feedback/Alert.js";
+import Button from "../../../../lib/components/buttons/Button.js";
+import { ApiRequestError } from "../../../../lib/util/api.js";
 import { conflictSourceLabel, formatDate, groupFingerprint, keyChangeErrorMessage } from "./contactKeys.js";
 /**
  * The old-versus-new comparison for a changed contact key, with Accept new key (confirmed in a dialog) and Keep current

package/dist/apps/shared/components/contacts/contactKeys.d.ts

@@ -1,5 +1,5 @@
-import type { Contact } from "@rapidmx/react-shared/contacts/contactsApi.js";
-import { type KeyConflict, type PublicKey } from "@rapidmx/react-shared/crypto/keyvaultApi.js";
+import type { Contact } from "../../../../lib/contacts/contactsApi.js";
+import { type KeyConflict, type PublicKey } from "../../../../lib/crypto/keyvaultApi.js";
 export declare const KEY_CHANGE_STALE_MESSAGE = "This contact's keys changed while you were looking; reload to see the latest.";
 export declare const KEY_CHANGE_INVALID_MESSAGE = "The new key isn't a valid, current certificate for this address, so it can't be accepted. Nothing was changed.";
 export declare const KEY_CHANGE_FORBIDDEN_MESSAGE = "You don't have permission to change this contact's keys.";

package/dist/apps/shared/components/contacts/contactKeys.js

@@ -4,8 +4,8 @@
 ///////////////////////////////////////////////////////////////////////////////
 /** Display and error helpers for a contact's pinned keys and key changes (`KeyChangeReview`, `ContactDetailPane`,
  * `MessageDetailPane`). */
-import { ApiRequestError } from "@rapidmx/react-shared/util/api.js";
-import { PinnedKeyChangedError } from "@rapidmx/react-shared/crypto/keyvaultApi.js";
+import { ApiRequestError } from "../../../../lib/util/api.js";
+import { PinnedKeyChangedError } from "../../../../lib/crypto/keyvaultApi.js";
 export const KEY_CHANGE_STALE_MESSAGE = "This contact's keys changed while you were looking; reload to see the latest.";
 export const KEY_CHANGE_INVALID_MESSAGE = "The new key isn't a valid, current certificate for this address, so it can't be accepted. Nothing was changed.";
 export const KEY_CHANGE_FORBIDDEN_MESSAGE = "You don't have permission to change this contact's keys.";

package/dist/apps/shared/components/contacts/layout/ContactsShell.d.ts

@@ -1,5 +1,5 @@
 import React, { PropsWithChildren } from "react";
-import { Mailbox } from "@rapidmx/react-shared/mail/mailApi.js";
+import { Mailbox } from "../../../../../lib/mail/mailApi.js";
 import { AppShellProps } from "../../layout/AppShell.js";
 export type ContactsShellProps = Omit<AppShellProps, "active">;
 export interface ContactsShellContextValue {