@rapidmx/web-client 0.21.0 → 0.23.0

package/apps/admin/transport-rules/_transportRuleConfig.tsx

@@ -3,9 +3,9 @@
 // SPDX-License-Identifier: MPL-2.0
 ///////////////////////////////////////////////////////////////////////////////
 import React from "react";
-import { TransportRuleAction, TransportRuleConditions } from "@rapidmx/react-shared/admin/transportRulesApi.js";
-import Button from "@rapidmx/react-shared/components/buttons/Button.js";
-import Modal from "@rapidmx/react-shared/components/overlays/Modal.js";
+import { TransportRuleAction, TransportRuleConditions } from "../../../lib/admin/transportRulesApi.js";
+import Button from "../../../lib/components/buttons/Button.js";
+import Modal from "../../../lib/components/overlays/Modal.js";
 import { ActionTypeDef, ConditionFieldDef, hasConditions } from "../../shared/components/rules/RuleBuilder.js";
 
 /** Refused outright when a rule has no conditions: it would reject or quarantine every message the server receives. */

package/apps/admin/transport-rules/index.tsx

@@ -3,11 +3,11 @@
 // SPDX-License-Identifier: MPL-2.0
 ///////////////////////////////////////////////////////////////////////////////
 import React, { useEffect, useState } from "react";
-import { ApiRequestError } from "@rapidmx/react-shared/util/api.js";
-import { listTransportRules, TransportRule } from "@rapidmx/react-shared/admin/transportRulesApi.js";
+import { ApiRequestError } from "../../../lib/util/api.js";
+import { listTransportRules, TransportRule } from "../../../lib/admin/transportRulesApi.js";
 import AdminShell, { AdminShellProps } from "../../shared/components/admin/layout/AdminShell.js";
-import Alert from "@rapidmx/react-shared/components/feedback/Alert.js";
-import Button from "@rapidmx/react-shared/components/buttons/Button.js";
+import Alert from "../../../lib/components/feedback/Alert.js";
+import Button from "../../../lib/components/buttons/Button.js";
 
 const PAGE_SIZE = 25;
 

package/apps/admin/transport-rules/new/index.tsx

@@ -4,12 +4,12 @@
 ///////////////////////////////////////////////////////////////////////////////
 import React, { FormEvent, useState } from "react";
 import { useRouter } from "@rapidrest/react/client";
-import { ApiRequestError } from "@rapidmx/react-shared/util/api.js";
+import { ApiRequestError } from "../../../../lib/util/api.js";
 import {
     createTransportRule,
     TransportRuleAction,
     TransportRuleConditions,
-} from "@rapidmx/react-shared/admin/transportRulesApi.js";
+} from "../../../../lib/admin/transportRulesApi.js";
 import AdminShell, { AdminShellProps } from "../../../shared/components/admin/layout/AdminShell.js";
 import RuleBuilder, { RuleBuilderValue } from "../../../shared/components/rules/RuleBuilder.js";
 import {
@@ -19,9 +19,9 @@ import {
     TRANSPORT_RULE_ACTION_TYPES,
     TRANSPORT_RULE_CONDITION_FIELDS,
 } from "../_transportRuleConfig.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 Alert from "../../../../lib/components/feedback/Alert.js";
+import Button from "../../../../lib/components/buttons/Button.js";
+import FormField from "../../../../lib/components/forms/FormField.js";
 
 const INPUT_CLASS =
     "w-full text-sm py-2.5 px-3 border border-border rounded-sm bg-surface text-text focus:outline-none focus:border-primary";

package/apps/escrow/_layout.tsx

@@ -3,7 +3,7 @@
 // SPDX-License-Identifier: MPL-2.0
 ///////////////////////////////////////////////////////////////////////////////
 import React, { PropsWithChildren } from "react";
-import { Branding } from "@rapidmx/react-shared/branding/brandingApi.js";
+import { Branding } from "../../lib/branding/brandingApi.js";
 import { AppearanceHead, appearanceHtmlAttributes } from "../shared/appearance/AppearanceHead.js";
 
 export interface LayoutProps {

package/apps/escrow/audit-log/index.tsx

@@ -3,16 +3,16 @@
 // SPDX-License-Identifier: MPL-2.0
 ///////////////////////////////////////////////////////////////////////////////
 import React, { useEffect, useState } from "react";
-import { apiFetch, ApiRequestError } from "@rapidmx/react-shared/util/api.js";
+import { apiFetch, ApiRequestError } from "../../../lib/util/api.js";
 import {
     EscrowAuditLogEntry,
     EscrowAuditVerificationResult,
     listAuditLogEntries,
     verifyAuditChain,
-} from "@rapidmx/react-shared/admin/escrowAuditLogApi.js";
+} from "../../../lib/admin/escrowAuditLogApi.js";
 import EscrowShell, { EscrowShellProps } from "../../shared/components/escrow/layout/EscrowShell.js";
-import Alert from "@rapidmx/react-shared/components/feedback/Alert.js";
-import Button from "@rapidmx/react-shared/components/buttons/Button.js";
+import Alert from "../../../lib/components/feedback/Alert.js";
+import Button from "../../../lib/components/buttons/Button.js";
 
 const PAGE_SIZE = 25;
 

package/apps/escrow/index.tsx

@@ -3,11 +3,11 @@
 // SPDX-License-Identifier: MPL-2.0
 ///////////////////////////////////////////////////////////////////////////////
 import React, { useEffect, useState } from "react";
-import { ApiRequestError } from "@rapidmx/react-shared/util/api.js";
-import { listMatters, Matter } from "@rapidmx/react-shared/admin/mattersApi.js";
+import { ApiRequestError } from "../../lib/util/api.js";
+import { listMatters, Matter } from "../../lib/admin/mattersApi.js";
 import EscrowShell, { EscrowShellProps } from "../shared/components/escrow/layout/EscrowShell.js";
-import Alert from "@rapidmx/react-shared/components/feedback/Alert.js";
-import Button from "@rapidmx/react-shared/components/buttons/Button.js";
+import Alert from "../../lib/components/feedback/Alert.js";
+import Button from "../../lib/components/buttons/Button.js";
 
 const PAGE_SIZE = 25;
 

package/apps/escrow/matters/[uid].tsx

@@ -3,8 +3,8 @@
 // SPDX-License-Identifier: MPL-2.0
 ///////////////////////////////////////////////////////////////////////////////
 import React, { FormEvent, useEffect, useRef, useState } from "react";
-import { ApiRequestError } from "@rapidmx/react-shared/util/api.js";
-import { closeMatter, getMatter, Matter } from "@rapidmx/react-shared/admin/mattersApi.js";
+import { ApiRequestError } from "../../../lib/util/api.js";
+import { closeMatter, getMatter, Matter } from "../../../lib/admin/mattersApi.js";
 import {
     approveAccessRequest,
     createAccessRequest,
@@ -12,20 +12,20 @@ import {
     EscrowAccessRequest,
     getAccessRequestMaterial,
     listAccessRequests,
-} from "@rapidmx/react-shared/admin/escrowAccessRequestsApi.js";
+} from "../../../lib/admin/escrowAccessRequestsApi.js";
 import {
     createMatterExportRequest,
     listMatterExportRequests,
     matterExportRequestDownloadUrl,
-} from "@rapidmx/react-shared/admin/matterExportApi.js";
-import { searchMatter, SearchResultPage } from "@rapidmx/react-shared/admin/matterSearchApi.js";
-import { parseSearchQuery } from "@rapidmx/react-shared/search/queryGrammar.js";
+} from "../../../lib/admin/matterExportApi.js";
+import { searchMatter, SearchResultPage } from "../../../lib/admin/matterSearchApi.js";
+import { parseSearchQuery } from "../../../lib/search/queryGrammar.js";
 import EscrowShell, { EscrowShellProps } from "../../shared/components/escrow/layout/EscrowShell.js";
 import { LoadMoreButton, usePagedList } from "../../shared/components/admin/usePagedList.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 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";
 
 const INPUT_CLASS =
     "w-full text-sm py-2.5 px-3 border border-border rounded-sm bg-surface text-text focus:outline-none focus:border-primary";

package/apps/escrow/matters/new/index.tsx

@@ -4,14 +4,14 @@
 ///////////////////////////////////////////////////////////////////////////////
 import React, { FormEvent, useState } from "react";
 import { useRouter } from "@rapidrest/react/client";
-import { ApiRequestError } from "@rapidmx/react-shared/util/api.js";
-import { toDatetimeLocal } from "@rapidmx/react-shared/util/dateInput.js";
-import { createMatter } from "@rapidmx/react-shared/admin/mattersApi.js";
+import { ApiRequestError } from "../../../../lib/util/api.js";
+import { toDatetimeLocal } from "../../../../lib/util/dateInput.js";
+import { createMatter } from "../../../../lib/admin/mattersApi.js";
 import EscrowShell, { EscrowShellProps } from "../../../shared/components/escrow/layout/EscrowShell.js";
 import StringListField from "../../../shared/components/forms/StringListField.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 Alert from "../../../../lib/components/feedback/Alert.js";
+import Button from "../../../../lib/components/buttons/Button.js";
+import FormField from "../../../../lib/components/forms/FormField.js";
 
 const INPUT_CLASS =
     "w-full text-sm py-2.5 px-3 border border-border rounded-sm bg-surface text-text focus:outline-none focus:border-primary";

package/apps/shared/appearance/AppearanceForm.tsx

@@ -16,9 +16,9 @@ import {
     ColorKey,
     DEFAULT_BACKGROUND,
     validateBackgroundFile,
-} from "@rapidmx/react-shared/appearance/preferencesApi.js";
-import Alert from "@rapidmx/react-shared/components/feedback/Alert.js";
-import Button from "@rapidmx/react-shared/components/buttons/Button.js";
+} from "../../../lib/appearance/preferencesApi.js";
+import Alert from "../../../lib/components/feedback/Alert.js";
+import Button from "../../../lib/components/buttons/Button.js";
 import ColorField from "./ColorField.js";
 import { normalizeHex } from "./color.js";
 import { useAppearance } from "./appearanceContext.js";

package/apps/shared/appearance/AppearanceHead.tsx

@@ -3,7 +3,7 @@
 // SPDX-License-Identifier: MPL-2.0
 ///////////////////////////////////////////////////////////////////////////////
 import React from "react";
-import { appearanceBackgroundUrl, normalizeAppearance } from "@rapidmx/react-shared/appearance/preferencesApi.js";
+import { appearanceBackgroundUrl, normalizeAppearance } from "../../../lib/appearance/preferencesApi.js";
 import { APPEARANCE_BOOT_SCRIPT } from "./bootScript.js";
 import { cacheKeyOf, timeOf } from "./appearanceCache.js";
 import { APPEARANCE_STYLE_ID, appearanceCss } from "./theme.js";

package/apps/shared/appearance/AppearanceProvider.tsx

@@ -16,9 +16,9 @@ import {
     parseAppearanceEvent,
     saveAppearance,
     uploadAppearanceBackground,
-} from "@rapidmx/react-shared/appearance/preferencesApi.js";
-import { ApiRequestError } from "@rapidmx/react-shared/util/api.js";
-import { getPushClient } from "@rapidmx/react-shared/mail/pushClient.js";
+} from "../../../lib/appearance/preferencesApi.js";
+import { ApiRequestError } from "../../../lib/util/api.js";
+import { getPushClient } from "../../../lib/mail/pushClient.js";
 import { AppearanceApi, AppearanceContext, AppearancePatch } from "./appearanceContext.js";
 import { cacheKeyOf, readAppearanceCache, timeOf, writeAppearanceCache } from "./appearanceCache.js";
 import { measureImage, rangeFromLevels } from "./photo.js";

package/apps/shared/appearance/appearanceCache.ts

@@ -14,7 +14,7 @@
  * reason: it is newer than the stale page's idea of a background. Every access is in try/catch: storage can be blocked, full or
  * absent (private windows, server-side rendering).
  */
-import { AppearanceMode, AppearancePreferences, normalizeAppearance } from "@rapidmx/react-shared/appearance/preferencesApi.js";
+import { AppearanceMode, AppearancePreferences, normalizeAppearance } from "../../../lib/appearance/preferencesApi.js";
 import { rangeFromLevels, rangeToLevels } from "./photo.js";
 import type { PhotoRange } from "./theme.js";
 

package/apps/shared/appearance/appearanceContext.ts

@@ -8,7 +8,7 @@ import type {
     AppearanceMode,
     AppearancePreferences,
     ColorKey,
-} from "@rapidmx/react-shared/appearance/preferencesApi.js";
+} from "../../../lib/appearance/preferencesApi.js";
 import type { ResolvedTheme } from "./resolvedTheme.js";
 import type { PhotoRange } from "./theme.js";
 

package/apps/shared/appearance/theme.ts

@@ -23,7 +23,7 @@ import type {
     AppearanceBackground,
     AppearanceColors,
     AppearancePreferences,
-} from "@rapidmx/react-shared/appearance/preferencesApi.js";
+} from "../../../lib/appearance/preferencesApi.js";
 import {
     AA_CONTRAST,
     BLACK,

package/apps/shared/auth/adminAccess.ts

@@ -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";
 
 /**
  * Whether the signed-in user holds an administrator role, learned without elevating.

package/apps/shared/calendar/bookingPlugin.ts

@@ -10,7 +10,7 @@
  * so the few fields this popover writes are mirrored here. The plugin's `BaseBookingTypeRoute` is the authority: it normalizes the slug,
  * assigns the uids, refuses a taken slug with a 409 and validates the availability, durations and calendar folder.
  */
-import { apiFetch } from "@rapidmx/react-shared/util/api.js";
+import { apiFetch } from "../../../lib/util/api.js";
 import { PluginNav, isSafePluginHref } from "../plugins/pluginNav.js";
 
 /** The id of the Settings section the booking plugin's manifest contributes (`ui.settingsSections`) - what tells the client it is running. */

package/apps/shared/calendar/calendarLiveUpdates.ts

@@ -4,7 +4,7 @@
 ///////////////////////////////////////////////////////////////////////////////
 /** Pure helper behind the calendar page's live updates: which push events say "an event changed, and the payload is only a busy block". */
 
-import type { PushEvent } from "@rapidmx/react-shared/mail/pushClient.js";
+import type { PushEvent } from "../../../lib/mail/pushClient.js";
 
 /** The published model name of a calendar event on either database (`CalendarEventMongo`, `CalendarEventSQL`) - and not the reminder's `"CalendarEvent"`,
  * which has its own action. */

package/apps/shared/calendar/calendarReminders.ts

@@ -5,7 +5,7 @@
 /** Pure helpers behind `useCalendarReminders.ts` - kept apart from the hook so the push-payload parsing, the snooze
  * arithmetic and the pop-up's wording are each testable without a React tree or a socket. */
 
-import type { PushEvent } from "@rapidmx/react-shared/mail/pushClient.js";
+import type { PushEvent } from "../../../lib/mail/pushClient.js";
 
 /** How long "Snooze" waits before the reminder reappears - or less, if the meeting starts sooner (`snoozeDelayMs()`). */
 export const SNOOZE_MS = 5 * 60_000;

package/apps/shared/calendar/useCalendarReminders.ts

@@ -3,7 +3,7 @@
 // SPDX-License-Identifier: MPL-2.0
 ///////////////////////////////////////////////////////////////////////////////
 import { useEffect } from "react";
-import { getPushClient } from "@rapidmx/react-shared/mail/pushClient.js";
+import { getPushClient } from "../../../lib/mail/pushClient.js";
 import { notify } from "../notifications/store.js";
 import { CalendarReminderNotice, calendarReminderOf, joinMeetingUrl, reminderMessage, reminderNotificationId, snoozeDelayMs } from "./calendarReminders.js";
 

package/apps/shared/components/admin/diagnostics/DiagnosticsManager.tsx

@@ -4,7 +4,7 @@
 ///////////////////////////////////////////////////////////////////////////////
 import React, { KeyboardEvent, useEffect, useRef, useState } from "react";
 import { HiOutlineArrowDownTray, HiOutlineArrowPath } from "react-icons/hi2";
-import Button from "@rapidmx/react-shared/components/buttons/Button.js";
+import Button from "../../../../../lib/components/buttons/Button.js";
 import { DiagnosticsMetrics, getDiagnosticsMetrics, getDiagnosticsRuntime, getDiagnosticsVersions } from "./diagnosticsApi.js";
 import { saveTextFile, SaveFile, timestampedFilename } from "./download.js";
 import { describeError } from "./format.js";

package/apps/shared/components/admin/diagnostics/InstalledPlugins.tsx

@@ -4,8 +4,8 @@
 ///////////////////////////////////////////////////////////////////////////////
 import React from "react";
 import { HiOutlineExclamationTriangle } from "react-icons/hi2";
-import { getPluginStatus, listPlugins, Plugin, PluginStatus } from "@rapidmx/react-shared/admin/pluginsApi.js";
-import Alert from "@rapidmx/react-shared/components/feedback/Alert.js";
+import { getPluginStatus, listPlugins, Plugin, PluginStatus } from "../../../../../lib/admin/pluginsApi.js";
+import Alert from "../../../../../lib/components/feedback/Alert.js";
 import Badge from "./Badge.js";
 import { NO_VALUE } from "./format.js";
 

package/apps/shared/components/admin/diagnostics/LogsPanel.tsx

@@ -15,8 +15,8 @@ import {
     HiOutlineStop,
     HiOutlineTrash,
 } 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 Badge, { BadgeTone } from "./Badge.js";
 import { SaveFile, timestampedFilename } from "./download.js";
 import { formatUptime } from "./format.js";

package/apps/shared/components/admin/diagnostics/PackagesTable.tsx

@@ -3,7 +3,7 @@
 // SPDX-License-Identifier: MPL-2.0
 ///////////////////////////////////////////////////////////////////////////////
 import React, { useMemo, useState } from "react";
-import Button from "@rapidmx/react-shared/components/buttons/Button.js";
+import Button from "../../../../../lib/components/buttons/Button.js";
 import type { DiagnosticsVersions } from "./diagnosticsApi.js";
 import Badge from "./Badge.js";
 

package/apps/shared/components/admin/diagnostics/RuntimePanel.tsx

@@ -3,7 +3,7 @@
 // SPDX-License-Identifier: MPL-2.0
 ///////////////////////////////////////////////////////////////////////////////
 import React from "react";
-import Alert from "@rapidmx/react-shared/components/feedback/Alert.js";
+import Alert from "../../../../../lib/components/feedback/Alert.js";
 import type { DiagnosticsRuntime } from "./diagnosticsApi.js";
 import type { DiagnosticsResource } from "./useDiagnosticsResource.js";
 import Badge from "./Badge.js";

package/apps/shared/components/admin/diagnostics/SystemPanel.tsx

@@ -4,8 +4,8 @@
 ///////////////////////////////////////////////////////////////////////////////
 import React from "react";
 import { HiOutlinePause, HiOutlinePlay } 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 { formatDateTime } from "./format.js";
 import HostCard from "./HostCard.js";
 import KubernetesNotice from "./KubernetesNotice.js";

package/apps/shared/components/admin/diagnostics/VersionsPanel.tsx

@@ -3,7 +3,7 @@
 // SPDX-License-Identifier: MPL-2.0
 ///////////////////////////////////////////////////////////////////////////////
 import React from "react";
-import Alert from "@rapidmx/react-shared/components/feedback/Alert.js";
+import Alert from "../../../../../lib/components/feedback/Alert.js";
 import type { DiagnosticsVersions } from "./diagnosticsApi.js";
 import type { DiagnosticsResource } from "./useDiagnosticsResource.js";
 import ComponentsTable from "./ComponentsTable.js";

package/apps/shared/components/admin/diagnostics/diagnosticsApi.ts

@@ -2,7 +2,7 @@
 // Copyright (C) 2026 Jean-Philippe Steinmetz
 // SPDX-License-Identifier: MPL-2.0
 ///////////////////////////////////////////////////////////////////////////////
-import { apiFetch } from "@rapidmx/react-shared/util/api.js";
+import { apiFetch } from "../../../../../lib/util/api.js";
 
 /**
  * The client of the server's `/admin/diagnostics/*` endpoints (`versions`, `runtime`, `metrics`). All three are GET,

package/apps/shared/components/admin/diagnostics/format.ts

@@ -2,7 +2,7 @@
 // Copyright (C) 2026 Jean-Philippe Steinmetz
 // SPDX-License-Identifier: MPL-2.0
 ///////////////////////////////////////////////////////////////////////////////
-import { ApiRequestError } from "@rapidmx/react-shared/util/api.js";
+import { ApiRequestError } from "../../../../../lib/util/api.js";
 import { isElevationRequired } from "../elevation.js";
 
 /** What is shown where a number is missing or not a number. */

package/apps/shared/components/admin/diagnostics/logClient.ts

@@ -2,7 +2,7 @@
 // Copyright (C) 2026 Jean-Philippe Steinmetz
 // SPDX-License-Identifier: MPL-2.0
 ///////////////////////////////////////////////////////////////////////////////
-import { apiUrl } from "@rapidmx/react-shared/util/api.js";
+import { apiUrl } from "../../../../../lib/util/api.js";
 import { isControlFrame, LogEntry, parseLogFrame } from "./logLines.js";
 
 /**

package/apps/shared/components/admin/distributionLists/MemberListCard.tsx

@@ -3,10 +3,10 @@
 // SPDX-License-Identifier: MPL-2.0
 ///////////////////////////////////////////////////////////////////////////////
 import React, { FormEvent, useState } from "react";
-import { ApiRequestError } from "@rapidmx/react-shared/util/api.js";
-import { DistributionList, updateDistributionList } from "@rapidmx/react-shared/admin/distributionListsApi.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 { DistributionList, updateDistributionList } from "../../../../../lib/admin/distributionListsApi.js";
+import Alert from "../../../../../lib/components/feedback/Alert.js";
+import Button from "../../../../../lib/components/buttons/Button.js";
 
 export interface MemberListCardProps {
     list: DistributionList;

package/apps/shared/components/admin/elevation.ts

@@ -2,7 +2,7 @@
 // Copyright (C) 2026 Jean-Philippe Steinmetz
 // SPDX-License-Identifier: MPL-2.0
 ///////////////////////////////////////////////////////////////////////////////
-import { ApiRequestError } from "@rapidmx/react-shared/util/api.js";
+import { ApiRequestError } from "../../../../lib/util/api.js";
 
 /**
  * The `ApiRequestError.code` a `@RequiresElevation()` endpoint answers a caller whose token isn't elevated with

package/apps/shared/components/admin/escrowScopes/EscrowScopeKeyAndHoldersFields.tsx

@@ -3,9 +3,9 @@
 // SPDX-License-Identifier: MPL-2.0
 ///////////////////////////////////////////////////////////////////////////////
 import React from "react";
-import { toDatetimeLocal } from "@rapidmx/react-shared/util/dateInput.js";
-import { resolveEscrowScopeHolder } from "@rapidmx/react-shared/admin/escrowScopesApi.js";
-import FormField from "@rapidmx/react-shared/components/forms/FormField.js";
+import { toDatetimeLocal } from "../../../../../lib/util/dateInput.js";
+import { resolveEscrowScopeHolder } from "../../../../../lib/admin/escrowScopesApi.js";
+import FormField from "../../../../../lib/components/forms/FormField.js";
 import PrincipalListField from "../../sharing/PrincipalListField.js";
 
 const INPUT_CLASS =

package/apps/shared/components/admin/layout/AdminShell.tsx

@@ -25,14 +25,14 @@ import {
     HiOutlineWrenchScrewdriver,
     HiOutlineBars3,
 } from "react-icons/hi2";
-import { apiFetch, ApiRequestError } from "@rapidmx/react-shared/util/api.js";
-import { getSetupStatus } from "@rapidmx/react-shared/admin/setupApi.js";
-import { useSessionRefresh } from "@rapidmx/react-shared/auth/session.js";
-import useBranding from "@rapidmx/react-shared/branding/useBranding.js";
-import Alert from "@rapidmx/react-shared/components/feedback/Alert.js";
-import Button from "@rapidmx/react-shared/components/buttons/Button.js";
-import Drawer from "@rapidmx/react-shared/components/overlays/Drawer.js";
-import type { NavItem } from "@rapidmx/react-shared/components/navigation/BottomTabBar.js";
+import { apiFetch, ApiRequestError } from "../../../../../lib/util/api.js";
+import { getSetupStatus } from "../../../../../lib/admin/setupApi.js";
+import { useSessionRefresh } from "../../../../../lib/auth/session.js";
+import useBranding from "../../../../../lib/branding/useBranding.js";
+import Alert from "../../../../../lib/components/feedback/Alert.js";
+import Button from "../../../../../lib/components/buttons/Button.js";
+import Drawer from "../../../../../lib/components/overlays/Drawer.js";
+import type { NavItem } from "../../../../../lib/components/navigation/BottomTabBar.js";
 import { FrameBrandingFooter, useBrandingHtml } from "../../layout/BrandingChrome.js";
 import RailIcon from "../../layout/RailIcon.js";
 import AppearanceProvider from "../../../appearance/AppearanceProvider.js";

package/apps/shared/components/admin/mailboxes/EraseLeftoverDataDialog.tsx

@@ -3,12 +3,12 @@
 // SPDX-License-Identifier: MPL-2.0
 ///////////////////////////////////////////////////////////////////////////////
 import React, { FormEvent, useEffect, useRef, useState } from "react";
-import { ApiRequestError } from "@rapidmx/react-shared/util/api.js";
-import { eraseLeftoverMailbox } from "@rapidmx/react-shared/admin/leftoverMailboxApi.js";
-import { DataSubjectErasureStatus, getErasureRequest } from "@rapidmx/react-shared/mail/erasureRequestApi.js";
-import Alert from "@rapidmx/react-shared/components/feedback/Alert.js";
-import Button from "@rapidmx/react-shared/components/buttons/Button.js";
-import Modal from "@rapidmx/react-shared/components/overlays/Modal.js";
+import { ApiRequestError } from "../../../../../lib/util/api.js";
+import { eraseLeftoverMailbox } from "../../../../../lib/admin/leftoverMailboxApi.js";
+import { DataSubjectErasureStatus, getErasureRequest } from "../../../../../lib/mail/erasureRequestApi.js";
+import Alert from "../../../../../lib/components/feedback/Alert.js";
+import Button from "../../../../../lib/components/buttons/Button.js";
+import Modal from "../../../../../lib/components/overlays/Modal.js";
 import { notify } from "../../../notifications/store.js";
 
 const INPUT_CLASS =

package/apps/shared/components/admin/mailboxes/EscrowScopeCard.tsx

@@ -3,12 +3,13 @@
 // SPDX-License-Identifier: MPL-2.0
 ///////////////////////////////////////////////////////////////////////////////
 import React, { FormEvent, useEffect, useState } from "react";
-import { ApiRequestError } from "@rapidmx/react-shared/util/api.js";
-import { EscrowScope, listEscrowScopes } from "@rapidmx/react-shared/admin/escrowScopesApi.js";
-import { Mailbox, updateMailbox } 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 Modal from "@rapidmx/react-shared/components/overlays/Modal.js";
+import { ApiRequestError } from "../../../../../lib/util/api.js";
+import { EscrowScope, listEscrowScopes } from "../../../../../lib/admin/escrowScopesApi.js";
+import { Mailbox, updateMailbox } 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 Modal from "../../../../../lib/components/overlays/Modal.js";
 
 const SELECT_CLASS =
     "text-sm py-2 px-3 border border-border rounded-sm bg-surface text-text focus:outline-none focus:border-primary";
@@ -27,6 +28,7 @@ export interface EscrowScopeCardProps {
  * shown in the admin console, whose trusted-role gate the server enforces again for `escrowScopeId`.
  */
 export default function EscrowScopeCard({ mailbox, onUpdate }: EscrowScopeCardProps) {
+    const client = useApiClient();
     const [scopes, setScopes] = useState<EscrowScope[] | null>(null);
     const [loadError, setLoadError] = useState<string | null>(null);
     const [escrowScopeId, setEscrowScopeId] = useState(mailbox.escrowScopeId ?? "");
@@ -36,7 +38,7 @@ export default function EscrowScopeCard({ mailbox, onUpdate }: EscrowScopeCardPr
     const [confirming, setConfirming] = useState(false);
 
     useEffect(() => {
-        listEscrowScopes({ limit: SCOPE_LIST_LIMIT })
+        listEscrowScopes({ limit: SCOPE_LIST_LIMIT }, client)
             .then(setScopes)
             .catch((err) => setLoadError(err instanceof ApiRequestError ? err.message : "Could not load escrow scopes."));
     }, []);
@@ -53,7 +55,7 @@ export default function EscrowScopeCard({ mailbox, onUpdate }: EscrowScopeCardPr
         setSaved(false);
         setSaving(true);
         try {
-            const updated = await updateMailbox({ uid: mailbox.uid, version: mailbox.version, escrowScopeId: escrowScopeId || null });
+            const updated = await updateMailbox({ uid: mailbox.uid, version: mailbox.version, escrowScopeId: escrowScopeId || null }, client);
             onUpdate(updated);
             setSaved(true);
         } catch (err) {

package/apps/shared/components/admin/mailboxes/LeftoverMailboxesSection.tsx

@@ -3,10 +3,10 @@
 // SPDX-License-Identifier: MPL-2.0
 ///////////////////////////////////////////////////////////////////////////////
 import React, { useEffect, useRef, useState } from "react";
-import { ApiRequestError } from "@rapidmx/react-shared/util/api.js";
-import { LeftoverMailbox, listLeftoverMailboxes } from "@rapidmx/react-shared/admin/leftoverMailboxApi.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 { LeftoverMailbox, listLeftoverMailboxes } from "../../../../../lib/admin/leftoverMailboxApi.js";
+import Alert from "../../../../../lib/components/feedback/Alert.js";
+import Button from "../../../../../lib/components/buttons/Button.js";
 import EraseLeftoverDataDialog from "./EraseLeftoverDataDialog.js";
 
 /** How many deleted mailboxes one request asks for. */

package/apps/shared/components/admin/mailboxes/MailboxTable.tsx

@@ -3,7 +3,7 @@
 // SPDX-License-Identifier: MPL-2.0
 ///////////////////////////////////////////////////////////////////////////////
 import React from "react";
-import { Mailbox } from "@rapidmx/react-shared/mail/mailApi.js";
+import { Mailbox } from "../../../../../lib/mail/mailApi.js";
 
 function formatBytes(bytes: number): string {
     if (bytes >= 1_000_000_000) return `${(bytes / 1_000_000_000).toFixed(1)} GB`;