@rapidmx/web-client 0.21.0 → 0.23.0

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

@@ -6,18 +6,19 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useEffect, useRef, useState } from "react";
 import { useRouter } from "@rapidrest/react/client";
 import { HiCheck } from "react-icons/hi2";
-import { ApiRequestError } from "@rapidmx/react-shared/util/api.js";
-import { getRetentionPolicy } from "@rapidmx/react-shared/admin/retentionPolicyApi.js";
-import { getMailboxPolicy } from "@rapidmx/react-shared/admin/mailboxPolicyApi.js";
-import { createDomain, listDomains } from "@rapidmx/react-shared/admin/domainsApi.js";
-import { completeSetup, getSetupStatus, saveSetupStep } from "@rapidmx/react-shared/admin/setupApi.js";
-import { getBranding } from "@rapidmx/react-shared/branding/brandingApi.js";
-import { getEncryptionPolicy } from "@rapidmx/react-shared/crypto/keyvaultApi.js";
-import { listMailboxes } from "@rapidmx/react-shared/mail/mailApi.js";
-import Alert from "@rapidmx/react-shared/components/feedback/Alert.js";
-import Button from "@rapidmx/react-shared/components/buttons/Button.js";
-import FormField from "@rapidmx/react-shared/components/forms/FormField.js";
-import Modal from "@rapidmx/react-shared/components/overlays/Modal.js";
+import { ApiRequestError } from "../../../../../lib/util/api.js";
+import { getRetentionPolicy } from "../../../../../lib/admin/retentionPolicyApi.js";
+import { getMailboxPolicy } from "../../../../../lib/admin/mailboxPolicyApi.js";
+import { createDomain, listDomains } from "../../../../../lib/admin/domainsApi.js";
+import { completeSetup, getSetupStatus, saveSetupStep } from "../../../../../lib/admin/setupApi.js";
+import { getBranding } from "../../../../../lib/branding/brandingApi.js";
+import { getEncryptionPolicy } from "../../../../../lib/crypto/keyvaultApi.js";
+import { listMailboxes } from "../../../../../lib/mail/mailApi.js";
+import { useApiClient } from "../../../../../lib/util/apiClientContext.js";
+import Alert from "../../../../../lib/components/feedback/Alert.js";
+import Button from "../../../../../lib/components/buttons/Button.js";
+import FormField from "../../../../../lib/components/forms/FormField.js";
+import Modal from "../../../../../lib/components/overlays/Modal.js";
 import BrandingForm from "../settings/BrandingForm.js";
 import DomainDnsSetup from "../settings/DomainDnsSetup.js";
 import EncryptionPolicyForm, { isEncryptionEnabled } from "../settings/EncryptionPolicyForm.js";
@@ -35,8 +36,8 @@ export const SETUP_STEPS = [
     { id: "domain", title: "Domain", intro: "Add the domain this server receives mail for, then publish the DNS records below." },
     { id: "settings", title: "Server settings", intro: "Set the rules for encryption, how long mail is kept, and new mailboxes." },
     { id: "escrow", title: "Escrow", intro: "Decide whether encrypted mail can be recovered by a trusted group of holders." },
-    { id: "branding", title: "Branding", intro: "Make the sign-in page and apps look like your organization." },
     { id: "mailboxes", title: "Mailboxes", intro: "Create the first mailboxes, starting with your own." },
+    { id: "branding", title: "Branding", intro: "Make the sign-in page and apps look like your organization." },
 ];
 function isStepId(value) {
     return SETUP_STEPS.some((step) => step.id === value);
@@ -50,6 +51,7 @@ function errorMessage(err, fallback) {
  * except the domain can be passed over and configured later from the admin console.
  */
 export default function SetupWizard({ userUid }) {
+    const client = useApiClient();
     const { navigate } = useRouter();
     const [step, setStep] = useState(null);
     const [status, setStatus] = useState();
@@ -66,7 +68,7 @@ export default function SetupWizard({ userUid }) {
     /** Step saves run one at a time, and only the latest step still waiting is saved. */
     const progress = useRef({ running: null, next: null });
     function loadDomains() {
-        return listDomains({ limit: 25 })
+        return listDomains({ limit: 25 }, client)
             .then((list) => {
             setDomains(list);
             setDomainsError(null);
@@ -74,14 +76,14 @@ export default function SetupWizard({ userUid }) {
             .catch((err) => setDomainsError(errorMessage(err, "Could not load your domains.")));
     }
     useEffect(() => {
-        void Promise.all([getSetupStatus().catch(() => undefined), loadDomains()]).then(([loaded]) => {
+        void Promise.all([getSetupStatus(client).catch(() => undefined), loadDomains()]).then(([loaded]) => {
             setStatus(loaded);
             setStep(isStepId(loaded?.currentStep) ? loaded.currentStep : "plugins");
         });
     }, []);
     useEffect(() => {
         if (step === "escrow" || step === "settings") {
-            getEncryptionPolicy()
+            getEncryptionPolicy(client)
                 .then(setEncryption)
                 .catch(() => setEncryption(null));
         }
@@ -104,7 +106,7 @@ export default function SetupWizard({ userUid }) {
                 const target = queue.next;
                 queue.next = null;
                 try {
-                    await saveSetupStep(target);
+                    await saveSetupStep(target, client);
                     setProgressFailed(false);
                 }
                 catch (err) {
@@ -142,7 +144,7 @@ export default function SetupWizard({ userUid }) {
         try {
             // Let a step still being recorded land first, so it can't arrive after setup is marked finished.
             await progress.current.running;
-            await completeSetup();
+            await completeSetup(client);
             void navigate("/admin");
         }
         catch (err) {
@@ -162,13 +164,14 @@ export default function SetupWizard({ userUid }) {
                                 : i < index
                                     ? "bg-surface border-border text-text hover:not-disabled:border-primary"
                                     : "bg-surface border-border text-text-muted hover:not-disabled:border-primary hover:not-disabled:text-text",
-                        ].join(" "), children: [i < index && _jsx(HiCheck, { "aria-hidden": "true", className: "w-4 h-4 text-success" }), i + 1, ". ", s.title, i < index && _jsx("span", { className: "sr-only", children: " (done)" })] }) }, s.id))) }), _jsxs("section", { "aria-labelledby": "setup-step-title", className: "flex flex-col gap-5", children: [_jsxs("div", { className: "flex flex-col gap-1", children: [_jsxs("h2", { id: "setup-step-title", className: "flex flex-col gap-0.5", children: [_jsxs("span", { className: "text-xs font-bold uppercase tracking-wide text-text-muted", children: ["Step ", index + 1, " of ", SETUP_STEPS.length, _jsx("span", { className: "sr-only", children: ":" })] }), " ", _jsx("span", { className: "text-lg font-bold uppercase tracking-wide", children: current.title })] }), _jsx("p", { className: "text-sm text-text-muted max-w-3xl", children: current.intro })] }), step === "plugins" && (_jsx("div", { children: _jsx(PluginsManager, { embedded: true }) })), step === "domain" && _jsx(DomainStep, { domains: domains, onCreated: (domain) => setDomains((prev) => [...prev, domain]) }), step === "settings" && (_jsxs("div", { className: "flex flex-col gap-6 max-w-3xl", children: [_jsx("div", { className: CARD_CLASS, children: _jsx(LoadedSettingsForm, { load: getEncryptionPolicy, loadErrorMessage: "Could not load the encryption policy.", children: (policy, onChange) => (_jsx(EncryptionPolicyForm, { embedded: true, policy: policy, onDirtyChange: trackUnsaved("encryption"), onChange: (updated) => {
+                        ].join(" "), children: [i < index && _jsx(HiCheck, { "aria-hidden": "true", className: "w-4 h-4 text-success" }), i + 1, ". ", s.title, i < index && _jsx("span", { className: "sr-only", children: " (done)" })] }) }, s.id))) }), _jsxs("section", { "aria-labelledby": "setup-step-title", className: "flex flex-col gap-5", children: [_jsxs("div", { className: "flex flex-col gap-1", children: [_jsxs("h2", { id: "setup-step-title", className: "flex flex-col gap-0.5", children: [_jsxs("span", { className: "text-xs font-bold uppercase tracking-wide text-text-muted", children: ["Step ", index + 1, " of ", SETUP_STEPS.length, _jsx("span", { className: "sr-only", children: ":" })] }), " ", _jsx("span", { className: "text-lg font-bold uppercase tracking-wide", children: current.title })] }), _jsx("p", { className: "text-sm text-text-muted max-w-3xl", children: current.intro })] }), step === "plugins" && (_jsx("div", { children: _jsx(PluginsManager, { embedded: true }) })), step === "domain" && _jsx(DomainStep, { domains: domains, onCreated: (domain) => setDomains((prev) => [...prev, domain]) }), step === "settings" && (_jsxs("div", { className: "flex flex-col gap-6 max-w-3xl", children: [_jsx("div", { className: CARD_CLASS, children: _jsx(LoadedSettingsForm, { load: () => getEncryptionPolicy(client), loadErrorMessage: "Could not load the encryption policy.", children: (policy, onChange) => (_jsx(EncryptionPolicyForm, { embedded: true, policy: policy, onDirtyChange: trackUnsaved("encryption"), onChange: (updated) => {
                                             onChange(updated);
                                             setEncryption(updated);
-                                        } })) }) }), _jsx("div", { className: CARD_CLASS, children: _jsx(LoadedSettingsForm, { load: getRetentionPolicy, loadErrorMessage: "Could not load the retention policy.", children: (policy, onChange) => (_jsx(RetentionPolicyForm, { embedded: true, policy: policy, onChange: onChange, onDirtyChange: trackUnsaved("retention") })) }) }), _jsx("div", { className: CARD_CLASS, children: _jsx(LoadedSettingsForm, { load: getMailboxPolicy, loadErrorMessage: "Could not load the mailbox policy.", children: (policy, onChange) => (_jsx(MailboxPolicyForm, { embedded: true, policy: policy, onChange: onChange, onDirtyChange: trackUnsaved("mailbox") })) }) })] })), step === "escrow" &&
-                        (encryption && !isEncryptionEnabled(encryption) ? (_jsx("p", { role: "status", className: "text-sm py-2 px-3 rounded-sm bg-surface-alt text-text max-w-3xl", children: "End-to-end encryption is turned off, so escrow isn\u2019t needed. You can set it up later if you turn encryption on." })) : (_jsx(EscrowSetupStep, { adminUid: userUid }))), step === "branding" && (_jsx("div", { className: `${CARD_CLASS} max-w-3xl`, children: _jsx(LoadedSettingsForm, { load: getBranding, loadErrorMessage: "Could not load branding.", children: (branding, onChange) => _jsx(BrandingForm, { embedded: true, branding: branding, onChange: onChange }) }) })), step === "mailboxes" && _jsx(MailboxesStep, { userUid: userUid, domain: domains.find((d) => d.verified)?.name ?? domains[0]?.name })] }), error && _jsx(Alert, { children: error }), _jsxs("div", { className: "flex items-center gap-3 border-t border-border pt-5", children: [index > 0 && (_jsx(Button, { type: "button", variant: "secondary", className: "!w-auto", onClick: () => requestGoTo(SETUP_STEPS[index - 1].id), children: "Back" })), _jsx("div", { className: "flex-1" }), progressFailed && _jsx("span", { className: "text-xs text-text-muted", children: "Your place in setup couldn\u2019t be saved." }), blocked && _jsx("span", { className: "text-sm text-text-muted", children: last ? "Add a domain before finishing setup." : "Add a domain to continue." }), last ? (_jsx(Button, { type: "button", className: "!w-auto", loading: finishing, disabled: finishing || blocked, onClick: () => void finish(), children: "Finish setup" })) : (_jsx(Button, { type: "button", className: "!w-auto", disabled: blocked, onClick: () => requestGoTo(SETUP_STEPS[index + 1].id), children: "Continue" }))] }), leavingTo && (_jsxs(Modal, { open: true, onClose: () => setLeavingTo(null), title: "Discard unsaved changes?", children: [_jsx("p", { className: "text-sm mb-4", children: "Some server settings on this step have changes that haven\u2019t been saved." }), _jsxs("div", { className: "flex gap-2 justify-end", children: [_jsx(Button, { type: "button", variant: "secondary", className: "!w-auto", onClick: () => setLeavingTo(null), children: "Keep editing" }), _jsx(Button, { type: "button", className: "!w-auto", onClick: () => goTo(leavingTo), children: "Discard changes" })] })] }))] }));
+                                        } })) }) }), _jsx("div", { className: CARD_CLASS, children: _jsx(LoadedSettingsForm, { load: () => getRetentionPolicy(client), loadErrorMessage: "Could not load the retention policy.", children: (policy, onChange) => (_jsx(RetentionPolicyForm, { embedded: true, policy: policy, onChange: onChange, onDirtyChange: trackUnsaved("retention") })) }) }), _jsx("div", { className: CARD_CLASS, children: _jsx(LoadedSettingsForm, { load: () => getMailboxPolicy(client), loadErrorMessage: "Could not load the mailbox policy.", children: (policy, onChange) => (_jsx(MailboxPolicyForm, { embedded: true, policy: policy, onChange: onChange, onDirtyChange: trackUnsaved("mailbox") })) }) })] })), step === "escrow" &&
+                        (encryption && !isEncryptionEnabled(encryption) ? (_jsx("p", { role: "status", className: "text-sm py-2 px-3 rounded-sm bg-surface-alt text-text max-w-3xl", children: "End-to-end encryption is turned off, so escrow isn\u2019t needed. You can set it up later if you turn encryption on." })) : (_jsx(EscrowSetupStep, { adminUid: userUid }))), step === "branding" && (_jsx("div", { className: `${CARD_CLASS} max-w-3xl`, children: _jsx(LoadedSettingsForm, { load: () => getBranding(client), loadErrorMessage: "Could not load branding.", children: (branding, onChange) => _jsx(BrandingForm, { embedded: true, branding: branding, onChange: onChange }) }) })), step === "mailboxes" && _jsx(MailboxesStep, { userUid: userUid, domain: domains.find((d) => d.verified)?.name ?? domains[0]?.name })] }), error && _jsx(Alert, { children: error }), _jsxs("div", { className: "flex items-center gap-3 border-t border-border pt-5", children: [index > 0 && (_jsx(Button, { type: "button", variant: "secondary", className: "!w-auto", onClick: () => requestGoTo(SETUP_STEPS[index - 1].id), children: "Back" })), _jsx("div", { className: "flex-1" }), progressFailed && _jsx("span", { className: "text-xs text-text-muted", children: "Your place in setup couldn\u2019t be saved." }), blocked && _jsx("span", { className: "text-sm text-text-muted", children: last ? "Add a domain before finishing setup." : "Add a domain to continue." }), last ? (_jsx(Button, { type: "button", className: "!w-auto", loading: finishing, disabled: finishing || blocked, onClick: () => void finish(), children: "Finish setup" })) : (_jsx(Button, { type: "button", className: "!w-auto", disabled: blocked, onClick: () => requestGoTo(SETUP_STEPS[index + 1].id), children: "Continue" }))] }), leavingTo && (_jsxs(Modal, { open: true, onClose: () => setLeavingTo(null), title: "Discard unsaved changes?", children: [_jsx("p", { className: "text-sm mb-4", children: "Some server settings on this step have changes that haven\u2019t been saved." }), _jsxs("div", { className: "flex gap-2 justify-end", children: [_jsx(Button, { type: "button", variant: "secondary", className: "!w-auto", onClick: () => setLeavingTo(null), children: "Keep editing" }), _jsx(Button, { type: "button", className: "!w-auto", onClick: () => goTo(leavingTo), children: "Discard changes" })] })] }))] }));
 }
 function DomainStep({ domains, onCreated }) {
+    const client = useApiClient();
     const [name, setName] = useState("");
     const [error, setError] = useState(null);
     const [saving, setSaving] = useState(false);
@@ -181,7 +184,7 @@ function DomainStep({ domains, onCreated }) {
         }
         setSaving(true);
         try {
-            onCreated(await createDomain({ name: name.trim() }));
+            onCreated(await createDomain({ name: name.trim() }, client));
             setName("");
         }
         catch (err) {
@@ -194,13 +197,14 @@ function DomainStep({ domains, onCreated }) {
     return (_jsxs("div", { className: "flex flex-col gap-5 max-w-3xl", children: [domains.map((domain) => (_jsxs("div", { className: "flex flex-col gap-3", children: [_jsx("h3", { className: "text-base font-bold", children: domain.name }), _jsx(DomainDnsSetup, { uid: domain.uid })] }, domain.uid))), error && _jsx(Alert, { children: error }), _jsxs("form", { onSubmit: handleSubmit, className: CARD_CLASS, children: [_jsx(FormField, { label: domains.length === 0 ? "Domain name" : "Add another domain", htmlFor: "setupDomainName", children: _jsx("input", { id: "setupDomainName", type: "text", className: INPUT_CLASS, value: name, onChange: (e) => setName(e.target.value), placeholder: "example.com" }) }), _jsx(Button, { type: "submit", loading: saving, disabled: saving, className: "!w-auto", children: "Add domain" })] })] }));
 }
 function MailboxesStep({ userUid, domain }) {
+    const client = useApiClient();
     const [mailboxes, setMailboxes] = useState([]);
     const [loaded, setLoaded] = useState(false);
     const [error, setError] = useState(null);
     const [formKey, setFormKey] = useState(0);
     useEffect(() => {
         // The administration scope: every mailbox that exists (administrative metadata), not only the administrator's own.
-        listMailboxes({ limit: 100, scope: "admin" })
+        listMailboxes({ limit: 100, scope: "admin" }, client)
             .then((list) => 
         // Keep any mailbox created here while the list was loading.
         setMailboxes((prev) => [...list, ...prev.filter((mine) => !list.some((mailbox) => mailbox.uid === mine.uid))]))

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

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

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

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

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

@@ -5,9 +5,9 @@ import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-run
 ///////////////////////////////////////////////////////////////////////////////
 import { useState } from "react";
 import { HiOutlineArrowTopRightOnSquare, HiOutlineCalendar, HiOutlineCalendarDays, HiOutlineClock, HiOutlineLink, HiOutlineMapPin } from "react-icons/hi2";
-import { ApiRequestError } from "@rapidmx/react-shared/util/api.js";
-import Button from "@rapidmx/react-shared/components/buttons/Button.js";
-import CopyButton from "@rapidmx/react-shared/components/buttons/CopyButton.js";
+import { ApiRequestError } from "../../../../lib/util/api.js";
+import Button from "../../../../lib/components/buttons/Button.js";
+import CopyButton from "../../../../lib/components/buttons/CopyButton.js";
 import { bookingPublicUrl, createBookingType, newBookingLinkHref, slugFor, } from "../../calendar/bookingPlugin.js";
 import { CalendarField, INPUT_CLASS, IconRow, SELECT_CLASS } from "./EventFormParts.js";
 import QuickFaceFrame from "./QuickFaceFrame.js";

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

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

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

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

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

@@ -8,7 +8,7 @@ import { EditorContent, useEditor, useEditorState } from "@tiptap/react";
 import StarterKit from "@tiptap/starter-kit";
 import Placeholder from "@tiptap/extension-placeholder";
 import { BsEraser, BsLink45Deg, BsListOl, BsListUl, BsTypeBold, BsTypeItalic, BsTypeUnderline } from "react-icons/bs";
-import { safeDescriptionHref } from "@rapidmx/react-shared/calendar/eventDescription.js";
+import { safeDescriptionHref } from "../../../../lib/calendar/eventDescription.js";
 /**
  * The plain text on a clipboard as paragraphs, one for each line - what `handlePaste` inserts instead of the pasted formatting. Empty lines are kept as
  * empty paragraphs, so a pasted block keeps its shape.

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

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

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

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

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

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

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