@rapidmx/web-client 0.20.0 → 0.22.0

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

@@ -1,6 +1,6 @@
 import React, { MutableRefObject } from "react";
-import { Mailbox } from "@rapidmx/react-shared/mail/mailApi.js";
-import { CalendarOccurrence } from "@rapidmx/react-shared/calendar/recurrence.js";
+import { Mailbox } from "../../../../lib/mail/mailApi.js";
+import { CalendarOccurrence } from "../../../../lib/calendar/recurrence.js";
 import { QuickCreateConfig } from "./QuickCreateFaces.js";
 /**
  * The Location text this modal writes when it mints a video meeting for an event, and the one value it will

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

@@ -5,13 +5,14 @@ import { jsx as _jsx } from "react/jsx-runtime";
 ///////////////////////////////////////////////////////////////////////////////
 import { useEffect, useMemo, useState } from "react";
 import { format } from "date-fns";
-import { ApiRequestError } from "@rapidmx/react-shared/util/api.js";
-import { createCalendarEvent, getCalendarEvent, guestPermissionsOf, updateCalendarEvent, visibilityOf, } from "@rapidmx/react-shared/calendar/calendarApi.js";
-import { createVideoMeeting, getVideoMeeting, updateVideoMeeting, } from "@rapidmx/react-shared/videoconf/videoMeetingsApi.js";
-import { detachOccurrence, saveEventSeries } from "@rapidmx/react-shared/calendar/calendarMutations.js";
-import { toDatetimeLocal } from "@rapidmx/react-shared/util/dateInput.js";
-import { deviceTimeZone, timeZoneOptions } from "@rapidmx/react-shared/util/timeZone.js";
-import { fromEventWallClock, toEventWallClock } from "@rapidmx/react-shared/calendar/recurrence.js";
+import { ApiRequestError } from "../../../../lib/util/api.js";
+import { useApiClient } from "../../../../lib/util/apiClientContext.js";
+import { createCalendarEvent, getCalendarEvent, guestPermissionsOf, updateCalendarEvent, visibilityOf, } from "../../../../lib/calendar/calendarApi.js";
+import { createVideoMeeting, getVideoMeeting, updateVideoMeeting, } from "../../../../lib/videoconf/videoMeetingsApi.js";
+import { detachOccurrence, saveEventSeries } from "../../../../lib/calendar/calendarMutations.js";
+import { toDatetimeLocal } from "../../../../lib/util/dateInput.js";
+import { deviceTimeZone, timeZoneOptions } from "../../../../lib/util/timeZone.js";
+import { fromEventWallClock, toEventWallClock } from "../../../../lib/calendar/recurrence.js";
 import { addDaysToKey, allDayDateKey, allDayInstant, recurrenceUntilDateKey, recurrenceUntilInstant, startWeekdayCode } from "./allDay.js";
 import { joinMeetingUrl } from "../../calendar/calendarReminders.js";
 import EventExpandedForm from "./EventExpandedForm.js";
@@ -56,7 +57,7 @@ function wallTimeOfDayMs(instantMs, timezone) {
  * hours later (into the next day), never 22 hours earlier. The master's new start is converted back from
  * that wall clock, so a master on the other side of a DST change keeps the chosen local time.
  */
-async function toSeriesFields(occurrence, fields) {
+async function toSeriesFields(occurrence, fields, client) {
     const { startDate, endDate, ...rest } = fields;
     if (sameMinute(startDate, occurrence.startDate) && sameMinute(endDate, occurrence.endDate)) {
         // `saveEventSeries()` treats *any* `timezone`/`allDay` in the update as a possible reinterpretation of
@@ -65,7 +66,7 @@ async function toSeriesFields(occurrence, fields) {
         const { timezone, allDay, ...others } = rest;
         return timezone === occurrence.timezone && allDay === occurrence.allDay ? others : rest;
     }
-    const master = await getCalendarEvent(occurrence.uid);
+    const master = await getCalendarEvent(occurrence.uid, client);
     const timezone = fields.timezone;
     const newStart = new Date(startDate).getTime();
     const durationMs = new Date(endDate).getTime() - newStart;
@@ -101,6 +102,7 @@ async function toSeriesFields(occurrence, fields) {
  * keeps what was typed.
  */
 export default function EventEditor({ layout, onExpand, onCancel, onSaved, onSyncWarning, dirtyRef, mailboxUid, folderUid, calendars, mailboxOptions, folderColors, organizerAddress, occurrence, initialStart, initialEnd, initialAllDay, quickCreate, }) {
+    const client = useApiClient();
     const [deviceZone] = useState(() => deviceTimeZone());
     const [values, setValues] = useState(() => {
         let start;
@@ -182,7 +184,7 @@ export default function EventEditor({ layout, onExpand, onCancel, onSaved, onSyn
             return;
         }
         let cancelled = false;
-        void getVideoMeeting(uid)
+        void getVideoMeeting(uid, client)
             .then((meeting) => meeting.organizerJoinUrl ?? null)
             .catch(() => null)
             .then((url) => {
@@ -193,7 +195,7 @@ export default function EventEditor({ layout, onExpand, onCancel, onSaved, onSyn
         return () => {
             cancelled = true;
         };
-    }, [occurrence?.videoMeetingUid]);
+    }, [occurrence?.videoMeetingUid, client]);
     // "This event only" detaches a standalone, non-repeating copy - the series' rule doesn't apply to it.
     const editingSingleOccurrence = !!occurrence?.isRecurringOccurrence && editScope === "occurrence";
     dirtyRef.current = !!(values.title.trim() || values.location.trim() || values.attendees.length > 0 || values.guestDraft.trim() || values.guestInvalid.length > 0 || hasDescriptionText(values.descriptionHtml));
@@ -334,24 +336,24 @@ export default function EventEditor({ layout, onExpand, onCancel, onSaved, onSyn
                     startTime: saved.startDate,
                     endTime: saved.endDate,
                     invitees,
-                });
+                }, client);
                 const patched = await updateCalendarEvent({
                     uid: saved.uid,
                     version: saved.version,
                     location: VIDEO_LOCATION_PLACEHOLDER,
                     videoMeetingUid: result.meeting.uid,
-                });
+                }, client);
                 setVideoMeetingUid(result.meeting.uid);
                 setOrganizerJoinUrl(result.organizerJoinUrl ?? null);
                 update({ location: VIDEO_LOCATION_PLACEHOLDER });
                 return { event: patched, failed: false };
             }
-            await updateVideoMeeting(videoMeetingUid, { status: "cancelled" });
+            await updateVideoMeeting(videoMeetingUid, { status: "cancelled" }, client);
             const restoredLocation = location.trim() === VIDEO_LOCATION_PLACEHOLDER ? "" : location.trim();
             // A stored event clears a field with an explicit `null` (see `EventFields`) - an omitted one would
             // leave the placeholder (and the link to the now-cancelled meeting) in place.
             const patch = { location: restoredLocation || null, videoMeetingUid: null };
-            const patched = await updateCalendarEvent({ uid: saved.uid, version: saved.version, ...patch });
+            const patched = await updateCalendarEvent({ uid: saved.uid, version: saved.version, ...patch }, client);
             setVideoMeetingUid(undefined);
             setOrganizerJoinUrl(undefined);
             update({ location: restoredLocation });
@@ -451,7 +453,7 @@ export default function EventEditor({ layout, onExpand, onCancel, onSaved, onSyn
                 // update exactly the record the first attempt left behind, whichever branch below created it.
                 // A series' own exception/detached-occurrence re-pointing already ran on that attempt and has
                 // nothing left to shift - the dates being sent again are the ones it moved everything to.
-                saved = await updateCalendarEvent({ uid: savedEvent.uid, version: savedEvent.version, ...fields });
+                saved = await updateCalendarEvent({ uid: savedEvent.uid, version: savedEvent.version, ...fields }, client);
             }
             else if (!occurrence) {
                 // The organizer is only ever set on create - an edit keeps the event's own organizer.
@@ -460,18 +462,18 @@ export default function EventEditor({ layout, onExpand, onCancel, onSaved, onSyn
                     folderUid: values.targetFolderUid,
                     ...fields,
                     organizer: { address: effectiveOrganizerAddress, type: "to" },
-                });
+                }, client);
             }
             else if (editingSingleOccurrence) {
-                saved = await detachOccurrence(occurrence, fields);
+                saved = await detachOccurrence(occurrence, fields, client);
             }
             else if (occurrence.isRecurringOccurrence) {
-                const series = await saveEventSeries(occurrence, (await toSeriesFields(occurrence, fields)));
+                const series = await saveEventSeries(occurrence, (await toSeriesFields(occurrence, fields, client)), client);
                 saved = series;
                 detachedSyncFailed = !!series.detachedOccurrenceSyncFailed;
             }
             else {
-                saved = await updateCalendarEvent({ uid: occurrence.uid, version: occurrence.version, ...fields });
+                saved = await updateCalendarEvent({ uid: occurrence.uid, version: occurrence.version, ...fields }, client);
             }
             const video = await applyVideoConferencing(saved, merged.attendees);
             if (video.failed) {

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

@@ -5,8 +5,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 ///////////////////////////////////////////////////////////////////////////////
 import { useRef, useState } from "react";
 import { HiOutlineBriefcase, HiOutlineCalendarDays, HiOutlineXMark } from "react-icons/hi2";
-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 FindATime from "./FindATime.js";
 import { CalendarField, DateTimeControls, DescriptionRow, GuestPermissions, GuestsField, INPUT_CLASS, IconRow, LocationRow, ReminderRow, VideoConferencingRow, VisibilitySelect, } from "./EventFormParts.js";
 import { BUSY_STATUSES, BUSY_STATUS_LABEL } from "./eventFormat.js";

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

@@ -1,5 +1,5 @@
 import React, { ReactNode } from "react";
-import { RecurrenceRule, WeekdayCode } from "@rapidmx/react-shared/calendar/calendarApi.js";
+import { RecurrenceRule, WeekdayCode } from "../../../../lib/calendar/calendarApi.js";
 import { EventFormController } from "./eventForm.js";
 export declare const INPUT_CLASS = "w-full text-sm py-2 px-3 border border-border rounded-md bg-surface text-text focus:outline-none focus:border-primary";
 export declare const SELECT_CLASS = "text-sm py-2 px-2 border border-border rounded-md bg-surface text-text focus:outline-none focus:border-primary";

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

@@ -5,7 +5,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 ///////////////////////////////////////////////////////////////////////////////
 import { useRef, useState } from "react";
 import { HiOutlineBars3BottomLeft, HiOutlineBell, HiOutlineMapPin, HiOutlineUserGroup, HiOutlineVideoCamera, HiOutlineXMark } from "react-icons/hi2";
-import Button from "@rapidmx/react-shared/components/buttons/Button.js";
+import Button from "../../../../lib/components/buttons/Button.js";
 import GuestInput from "./GuestInput.js";
 import LazyDescriptionEditor from "./LazyDescriptionEditor.js";
 import RecurrenceEditor from "./RecurrenceEditor.js";

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

@@ -1,6 +1,6 @@
 import React from "react";
-import { Mailbox } from "@rapidmx/react-shared/mail/mailApi.js";
-import { CalendarOccurrence } from "@rapidmx/react-shared/calendar/recurrence.js";
+import { Mailbox } from "../../../../lib/mail/mailApi.js";
+import { CalendarOccurrence } from "../../../../lib/calendar/recurrence.js";
 import { EventAnchor } from "./EventShell.js";
 export { VIDEO_LOCATION_PLACEHOLDER } from "./EventEditor.js";
 export type { EventAnchor } from "./EventShell.js";

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

@@ -4,9 +4,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // SPDX-License-Identifier: MPL-2.0
 ///////////////////////////////////////////////////////////////////////////////
 import { useRef, useState } from "react";
-import Modal from "@rapidmx/react-shared/components/overlays/Modal.js";
-import Button from "@rapidmx/react-shared/components/buttons/Button.js";
-import useIsMobile from "@rapidmx/react-shared/util/useIsMobile.js";
+import Modal from "../../../../lib/components/overlays/Modal.js";
+import Button from "../../../../lib/components/buttons/Button.js";
+import useIsMobile from "../../../../lib/util/useIsMobile.js";
 import EventDetails from "./EventDetails.js";
 import EventEditor from "./EventEditor.js";
 import EventShell from "./EventShell.js";

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

@@ -5,9 +5,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 ///////////////////////////////////////////////////////////////////////////////
 import { useContext, useState } from "react";
 import { HiOutlineBars2, HiOutlineCalendarDays, HiOutlineClock, HiOutlineXMark } from "react-icons/hi2";
-import { describeRecurrence } from "@rapidmx/react-shared/calendar/recurrence.js";
-import Alert from "@rapidmx/react-shared/components/feedback/Alert.js";
-import Button from "@rapidmx/react-shared/components/buttons/Button.js";
+import { describeRecurrence } from "../../../../lib/calendar/recurrence.js";
+import Alert from "../../../../lib/components/feedback/Alert.js";
+import Button from "../../../../lib/components/buttons/Button.js";
 import { EventShellContext } from "./EventShell.js";
 import { CalendarField, DateTimeControls, DescriptionRow, GuestsRow, IconRow, LocationRow, VideoConferencingRow } from "./EventFormParts.js";
 import { BUSY_STATUS_LABEL, VISIBILITY_LABEL, describeReminder, formatFormWhen, reminderOf } from "./eventFormat.js";

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

@@ -5,7 +5,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 ///////////////////////////////////////////////////////////////////////////////
 import { createContext, useCallback, useEffect, useLayoutEffect, useRef, useState } from "react";
 import { createPortal } from "react-dom";
-import { OverlayDepthContext, useOverlayDialog } from "@rapidmx/react-shared/components/overlays/overlayStack.js";
+import { OverlayDepthContext, useOverlayDialog } from "../../../../lib/components/overlays/overlayStack.js";
 /** The anchor for a clicked element (see `EventAnchor`). */
 export function anchorOf(element, placement = "side") {
     const { left, top, right, bottom } = element.getBoundingClientRect();

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

@@ -5,8 +5,9 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 ///////////////////////////////////////////////////////////////////////////////
 import { useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { format } from "date-fns";
-import { FREE_BUSY_MAX_ADDRESSES, availabilityDuring, availabilityOf, getFreeBusy, suggestTimes, summarizeAvailability, withoutOwnBlock, } from "@rapidmx/react-shared/calendar/freeBusyApi.js";
-import Button from "@rapidmx/react-shared/components/buttons/Button.js";
+import { FREE_BUSY_MAX_ADDRESSES, availabilityDuring, availabilityOf, getFreeBusy, suggestTimes, summarizeAvailability, withoutOwnBlock, } from "../../../../lib/calendar/freeBusyApi.js";
+import Button from "../../../../lib/components/buttons/Button.js";
+import { useApiClient } from "../../../../lib/util/apiClientContext.js";
 import { addDaysToKey } from "./allDay.js";
 import { formatFormWhen, localDateFromKey, msToWallString, wallStringToMs } from "./eventFormat.js";
 import { SEARCH_DAYS, WORK_END_HOUR, WORK_START_HOUR, clockLabel, dayStartMs, freeBusyErrorMessage, isDayKey, minuteOfDay, summaryLine, workingWindows, } from "./findTimeGrid.js";
@@ -55,6 +56,7 @@ function stateText(state, status) {
  */
 export default function FindATime({ c }) {
     const { values, deviceZone, organizerAddress, occurrence } = c;
+    const client = useApiClient();
     const { start, end, allDay, formZone } = values;
     const startDay = start.slice(0, 10);
     const [dayKey, setDayKey] = useState(() => (isDayKey(startDay) ? startDay : format(new Date(), "yyyy-MM-dd")));
@@ -95,14 +97,14 @@ export default function FindATime({ c }) {
         let current = true;
         setLookUp((previous) => ({ status: "loading", people: previous.people }));
         const timer = setTimeout(() => {
-            getFreeBusy(addresses, new Date(rangeStart), new Date(rangeEnd)).then((response) => current && setLookUp({ status: "ready", people: availabilityOf(response) }), (err) => current && setLookUp({ status: "error", people: [], message: freeBusyErrorMessage(err) }));
+            getFreeBusy(addresses, new Date(rangeStart), new Date(rangeEnd), client).then((response) => current && setLookUp({ status: "ready", people: availabilityOf(response) }), (err) => current && setLookUp({ status: "error", people: [], message: freeBusyErrorMessage(err) }));
         }, FIND_TIME_DEBOUNCE_MS);
         return () => {
             current = false;
             clearTimeout(timer);
         };
         // `addresses` is what `addressesKey` says.
-    }, [addressesKey, rangeStart, rangeEnd, allDay, retry]);
+    }, [addressesKey, rangeStart, rangeEnd, allDay, retry, client]);
     // The event's own time, when it is being rescheduled, is on the calendars of the people already invited: not their conflict with themselves.
     const people = useMemo(() => {
         if (!occurrence || occurrence.allDay) {

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

@@ -1,6 +1,6 @@
 import React from "react";
-import type { Attendee } from "@rapidmx/react-shared/calendar/calendarApi.js";
-import type { ContactSuggestionOptions, RecipientSuggestion } from "@rapidmx/react-shared/mail/directoryApi.js";
+import type { Attendee } from "../../../../lib/calendar/calendarApi.js";
+import type { ContactSuggestionOptions, RecipientSuggestion } from "../../../../lib/mail/directoryApi.js";
 declare const VARIANT_CLASS: {
     /** Reads as plain text until it is hovered or focused, as the rows of the quick-create popover do. */
     quiet: string;

package/dist/apps/shared/components/calendar/MonthView.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 MonthViewProps {
     /** Any date within the month to display. */

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;

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. */