@q9labsai/chalk-react-native 5.0.1 → 5.1.0

package/CHANGELOG.md

@@ -0,0 +1,25 @@
+# Changelog
+
+## 5.1.0
+
+- Bound each Sync and whiteboard WebSocket opening attempt to the existing 30-second startup allowance, or to `syncStartupTimeoutMs` when set. `syncStartupTimeoutMs` accepts 1 to 60,000 ms, and each attempt gets at least 10 seconds. The whiteboard retries a timed-out attempt through the existing reconnect backoff, and so does Sync once the call is live, such as after a drop or a return to the foreground. A first join does not retry a Sync socket that never opens: the join fails when its startup wait of `syncStartupTimeoutMs` ends, and a setting below 10 seconds ends the join before the attempt's own 10-second minimum. The client's 10-second default does not apply to React Native.
+- Size the call from the enclosing safe-area frame instead of the global window size. Orientation and call-region arrangement now follow the space `Chalk` is given, so a call rendered inside a smaller container, split view or modal lays out for that container rather than the whole screen. Full-screen calls look the same.
+- Render registered native WebRTC host components so remote screen shares and camera video no longer disappear when React Native exports the video view as a string.
+- Disable reaction sending and media enable controls until Sync is live, and keep recovery notices non-blocking.
+- Show plain connection-not-ready and confirmation-timeout media feedback without exposing raw internal exception messages.
+- Run the Android module API compatibility check only in the Chalk repository, so an app's `./gradlew check` no longer needs Chalk's test fixtures or the API 30 platform.
+
+## 5.0.1
+
+- Fix the Android 11 crash when joining a call by isolating API 31 audio listeners from React Native module signatures.
+
+## 5.0.0
+
+- Rebuild `Chalk` with a call header, Spotlight and Grid layouts, a dock, People and Chat sheets, and status pages.
+- Add `ChalkArrival`, light and dark color schemes, call sounds and haptics, and permission recovery callbacks.
+- BREAKING: replace the old layout and theme exports with `ChalkProps`, `ColorScheme`, and `Palette`. Remove the `/appearance` and platform-specific entry points.
+- BREAKING: call `onLeave` when the user chooses Home on the post-call page, not immediately after leaving.
+- BREAKING: add Expo audio, haptics, clipboard, document picker, file system, and `expo-crypto` peers. Add Reanimated, Worklets, Gesture Handler, and Safe Area Context peers.
+- Use the v5 client, whiteboard, and facehash packages.
+
+See the [project changelog](../../../CHANGELOG.md) for the full export removals and migration details.

package/android/build.gradle

@@ -75,4 +75,7 @@ tasks.register("checkModuleApiCompatibility", JavaExec) {
   }
 }
 
-tasks.named("check").configure { dependsOn "checkModuleApiCompatibility" }
+// The published package leaves out src/test and its fixtures, so only the Chalk repo runs this check.
+if (file("src/test").isDirectory()) {
+  tasks.named("check").configure { dependsOn "checkModuleApiCompatibility" }
+}

package/dist/android/call-service.d.ts

@@ -1,4 +1,3 @@
 /** Starts the Android foreground service for the call. Resolves false when there's nothing to keep running (no microphone or camera permission) or Android refused the start. */
 export declare function startAndroidCallService(): Promise<boolean>;
 export declare function stopAndroidCallService(): Promise<void>;
-//# sourceMappingURL=call-service.d.ts.map

package/dist/android/connection-service.d.ts

@@ -23,4 +23,3 @@ export declare function setAndroidConnectionServiceActive(callId: string): Promi
 export declare function endAndroidConnectionServiceCall(callId: string, options?: AndroidConnectionServiceEndCallOptions): Promise<boolean>;
 export declare function addAndroidConnectionServiceListener(listener: (event: AndroidConnectionServiceEvent) => void): () => void;
 export {};
-//# sourceMappingURL=connection-service.d.ts.map

package/dist/avatar/FaceAvatar.d.ts

@@ -16,4 +16,3 @@ export type FaceAvatarProps = {
  * stops with reduced motion. Decorative: the parent names the person.
  */
 export declare const FaceAvatar: import("react").MemoExoticComponent<({ name, size, style, level, lookAround, testID }: FaceAvatarProps) => React.JSX.Element>;
-//# sourceMappingURL=FaceAvatar.d.ts.map

package/dist/avatar/tile-avatar-size.d.ts

@@ -1,3 +1,2 @@
 /** A camera-off tile's avatar is 42 % of the tile's shorter side, between 32 and 150 pt. */
 export declare function tileAvatarSize(width: number, height: number): number;
-//# sourceMappingURL=tile-avatar-size.d.ts.map

package/dist/callkit/callkit.d.ts

@@ -58,4 +58,3 @@ export declare const callKit: {
     } | null>;
     updateCall(options: CallKitCallOptions): Promise<void>;
 };
-//# sourceMappingURL=callkit.d.ts.map

package/dist/callkit/resolve-space-callkit-options.d.ts

@@ -14,4 +14,3 @@ export declare function resolveSpaceCallKitOptions({ callKit, hasVideo, spaceId,
     spaceId: string;
     spaceName?: string;
 }): ResolvedSpaceCallKitOptions | null;
-//# sourceMappingURL=resolve-space-callkit-options.d.ts.map

package/dist/{chunk-OIBT2FNM.js → chunk-MBZRE4US.js}

@@ -4,8 +4,7 @@ import {
 
 // src/frame/device-layout.tsx
 import { createContext, useContext, useMemo } from "react";
-import { useWindowDimensions } from "react-native";
-import { useSafeAreaInsets } from "react-native-safe-area-context";
+import { useSafeAreaFrame, useSafeAreaInsets } from "react-native-safe-area-context";
 
 // src/frame/regions.ts
 function arrangementFor(width, height) {
@@ -46,7 +45,7 @@ function frameRegions(arrangement, width, height, insets, cardOpen = false) {
 import { jsx } from "react/jsx-runtime";
 var DeviceLayoutContext = createContext(null);
 function DeviceLayoutProvider({ children }) {
-  const { width, height } = useWindowDimensions();
+  const { width, height } = useSafeAreaFrame();
   const insets = useSafeAreaInsets();
   const value = useMemo(() => {
     const arrangement = arrangementFor(width, height);

package/dist/client.d.ts

@@ -1,4 +1,3 @@
 /** Native client construction for applications that own the call lifecycle. */
 export { createNativeSpaceClient } from "./space-client/create-native-space-client";
 export type { NativeSpaceClientOptions } from "./space-client/create-native-space-client";
-//# sourceMappingURL=client.d.ts.map

package/dist/client.js

@@ -39,6 +39,7 @@ function ensureRandomUUID() {
 function createNativeSpaceClient(options) {
   ensureRandomUUID();
   const { storage } = options;
+  const syncStartupTimeoutMs = options.syncStartupTimeoutMs ?? 3e4;
   const apiBaseURL = options.baseUrl ?? "https://api.chalkmeet.com";
   const syncURL = options.syncUrl ?? defaultSyncURL(apiBaseURL);
   const fetch = globalThis.fetch;
@@ -61,9 +62,9 @@ function createNativeSpaceClient(options) {
       getDisplayMedia: async () => await mediaDevices.getDisplayMedia()
     },
     createMediaClient: (input) => createMediaClient(apiBaseURL, input, fetch),
-    createSyncClient: (input) => createSyncClient(syncURL, input, lifecycle, webSocket, storage),
+    createSyncClient: (input) => createSyncClient(syncURL, input, lifecycle, webSocket, storage, syncStartupTimeoutMs),
     createChatFileTransport: (input) => createChatFileTransport(apiBaseURL, input, fetch),
-    createWhiteboardClient: options.whiteboardURL === null ? void 0 : (input) => createWhiteboardClient(apiBaseURL, options.whiteboardURL ?? whiteboardURL(syncURL), input, fetch, lifecycle, webSocket),
+    createWhiteboardClient: options.whiteboardURL === null ? void 0 : (input) => createWhiteboardClient(apiBaseURL, options.whiteboardURL ?? whiteboardURL(syncURL), input, fetch, lifecycle, webSocket, syncStartupTimeoutMs),
     subscribeForeground: (listener) => {
       const subscription = AppState.addEventListener("change", (state) => {
         if (state === "active") listener();
@@ -79,7 +80,7 @@ function createNativeSpaceClient(options) {
       whiteboardUrl: options.whiteboardURL,
       dependencies,
       fetch,
-      syncStartupTimeoutMs: options.syncStartupTimeoutMs ?? 3e4,
+      syncStartupTimeoutMs,
       initialMicrophoneEnabled: options.microphone,
       initialCameraEnabled: options.camera
     }
@@ -135,7 +136,7 @@ function createSFUConnectionMediaClient(client) {
     subscribe: client.subscribe.bind(client)
   };
 }
-function createSyncClient(syncURL, input, lifecycle, webSocket, storage) {
+function createSyncClient(syncURL, input, lifecycle, webSocket, storage, dialTimeoutMs) {
   const subject = input.access.subject;
   const scope = `${subject.tenantId}:${subject.episodeId}:${subject.participantId}`;
   return createV1SyncClient({
@@ -144,13 +145,14 @@ function createSyncClient(syncURL, input, lifecycle, webSocket, storage) {
     mediaPlane: input.media,
     lifecycle,
     webSocket,
+    dialTimeoutMs,
     ...storage ? { pendingStore: new AsyncStorageV1PendingTargetStore({ scope, storage }) } : {}
   });
 }
 function createChatFileTransport(apiBaseURL, input, fetch) {
   return createChalkChatFileHttpTransport({ baseUrl: apiBaseURL, token: input.token, fetch });
 }
-function createWhiteboardClient(apiBaseURL, url, input, fetch, lifecycle, webSocket) {
+function createWhiteboardClient(apiBaseURL, url, input, fetch, lifecycle, webSocket, dialTimeoutMs) {
   const files = createChalkWhiteboardV1FileDownloadTransport({
     baseUrl: apiBaseURL,
     token: input.token,
@@ -162,6 +164,7 @@ function createWhiteboardClient(apiBaseURL, url, input, fetch, lifecycle, webSoc
     files,
     lifecycle,
     webSocket,
+    dialTimeoutMs,
     onWatchdogReplacement: input.onWatchdogReplacement,
     onSummary: (summary) => {
       input.onSummary(summary);

package/dist/clipboard-store.d.ts

@@ -14,4 +14,3 @@ export interface ClipboardTextStore {
     subscribe(listener: () => void): () => void;
 }
 export declare function createClipboardTextStore({ clipboard, shouldReadClipboard, subscribeToAppState }: ClipboardTextStoreOptions): ClipboardTextStore;
-//# sourceMappingURL=clipboard-store.d.ts.map

package/dist/clipboard.d.ts

@@ -7,4 +7,3 @@ export interface UseClipboardInviteSuggestionOptions {
     getSuggestion: (clipboardText: string | null | undefined, currentInput: string) => string | null;
 }
 export declare function useClipboardInviteSuggestion(currentInput: string, { clipboard, getSuggestion }: UseClipboardInviteSuggestionOptions): string | null;
-//# sourceMappingURL=clipboard.d.ts.map

package/dist/components/EmbeddedWhiteboard.d.ts

@@ -43,4 +43,3 @@ export declare const embeddedWhiteboardWebViewSecurityPolicy: Readonly<{
     thirdPartyCookiesEnabled: false;
 }>;
 export declare function EmbeddedWhiteboard({ transport, journeyId, traceparent, tracestate, canDraw, canClear, theme: themeOverride, localParticipantColor, rendererURL: rendererURLOverride, style, testID, onMetric, onError, onUserExport }: EmbeddedWhiteboardProps): React.JSX.Element;
-//# sourceMappingURL=EmbeddedWhiteboard.d.ts.map

package/dist/components/RtcVideoView.d.ts

@@ -1,4 +1,3 @@
 import { type RtcVideoViewProps } from "./rtc-video-view-availability";
 export declare function hasRtcVideoView(): boolean;
 export declare function RtcVideoView(props: RtcVideoViewProps): React.JSX.Element | null;
-//# sourceMappingURL=RtcVideoView.d.ts.map

package/dist/components/android-connection-service-controller.d.ts

@@ -30,4 +30,3 @@ export declare class AndroidConnectionServiceController {
     readonly subscribe: (listener: () => void) => (() => void);
     readonly update: (input: AndroidConnectionServiceControllerInput) => void;
 }
-//# sourceMappingURL=android-connection-service-controller.d.ts.map

package/dist/components/native-media-visibility.d.ts

@@ -6,4 +6,3 @@ export declare function shouldRenderNativeMediaTrack({ participant, track, media
     track: MediaStreamTrack | NativeMediaStreamTrack | null | undefined;
     mediaKind?: "camera" | "screen-share";
 }): boolean;
-//# sourceMappingURL=native-media-visibility.d.ts.map

package/dist/components/native-space-callkit-controller.d.ts

@@ -36,4 +36,3 @@ export declare class SpaceCallKitController {
     readonly endCall: () => Promise<void>;
     readonly stop: () => void;
 }
-//# sourceMappingURL=native-space-callkit-controller.d.ts.map

package/dist/components/native-space-view/screen-share-availability.d.ts

@@ -9,4 +9,3 @@ export declare function resolveNativeScreenShareAvailability({ featureEnabled, p
     simulator: boolean;
     captureAvailable: boolean;
 }): NativeScreenShareAvailability;
-//# sourceMappingURL=screen-share-availability.d.ts.map

package/dist/components/rtc-video-view-availability.d.ts

@@ -10,4 +10,3 @@ export interface RtcVideoViewProps extends ViewProps {
 type RtcVideoViewComponent = ComponentType<RtcVideoViewProps>;
 export declare function canRenderRtcVideoView(component: unknown): component is RtcVideoViewComponent;
 export {};
-//# sourceMappingURL=rtc-video-view-availability.d.ts.map

package/dist/components/space-lifecycle.d.ts

@@ -1,3 +1,2 @@
 /** Lifecycle phases used by native operating-system call integrations. */
 export type SpaceLifecyclePhase = "entrance" | "joining" | "live" | "left";
-//# sourceMappingURL=space-lifecycle.d.ts.map

package/dist/components/useAndroidCallService.d.ts

@@ -5,4 +5,3 @@
  * to the foreground, because Android can refuse a start made while the app is in the background.
  */
 export declare function useAndroidCallService(): void;
-//# sourceMappingURL=useAndroidCallService.d.ts.map

package/dist/components/useAndroidConnectionService.d.ts

@@ -11,4 +11,3 @@ interface UseAndroidConnectionServiceOptions {
 }
 export declare function useAndroidConnectionService({ displayName, enabled, hasVideo, joinNonce, onDisconnectRequest, phase, spaceId, spaceName }: UseAndroidConnectionServiceOptions): void;
 export {};
-//# sourceMappingURL=useAndroidConnectionService.d.ts.map

package/dist/context/space-client-context.d.ts

@@ -6,4 +6,3 @@ export type ChalkProviderProps = {
 };
 export declare function ChalkProvider({ children, client }: ChalkProviderProps): React.JSX.Element;
 export declare function useSpaceClient(): SpaceClient;
-//# sourceMappingURL=space-client-context.d.ts.map

package/dist/dev.d.ts

@@ -7,4 +7,3 @@ export type { DevScenario } from "./frame/dev-scenario";
 export type { AudioRoute, AudioRouteKind, AudioRoutes } from "./dock/audio-route";
 export { setMeasurementRegistry } from "./frame/measurement";
 export type { MeasuredFrame, Measurement, MeasurementRegistry } from "./frame/measurement";
-//# sourceMappingURL=dev.d.ts.map

package/dist/diagnostics.d.ts

@@ -47,4 +47,3 @@ export declare function recordDiagnosticsFailure(source: string, message: string
 export declare function clearDevDiagnosticsLogs(): void;
 export declare function resetDevDiagnosticsState(): void;
 export declare function buildDevDiagnosticsCopyText(): string;
-//# sourceMappingURL=diagnostics.d.ts.map

package/dist/dock/Dock.d.ts

@@ -20,4 +20,3 @@ export type DockProps = {
  * More and Leave. Spread across the phone in portrait, centred with 14 pt gaps in landscape.
  */
 export declare const Dock: import("react").MemoExoticComponent<({ arrangement, microphoneOn, cameraOn, onToggleMicrophone, onToggleCamera, onOpenMore, onLeave, moreOpen, leaveOpen, moreRef, leaveRef }: DockProps) => import("react").JSX.Element>;
-//# sourceMappingURL=Dock.d.ts.map

package/dist/dock/LeaveMenu.d.ts

@@ -9,4 +9,3 @@ export type LeaveMenuProps = {
 };
 /** A host's Leave button asks whether to leave alone or end the call for everyone. */
 export declare function LeaveMenu({ open, onClose, anchorRef, onLeave, onEnd }: LeaveMenuProps): React.JSX.Element | null;
-//# sourceMappingURL=LeaveMenu.d.ts.map

package/dist/dock/MoreSheet.d.ts

@@ -14,4 +14,3 @@ export type MoreSheetProps = {
  * Chat, People and the stage layout. Actions that change the call close the sheet; copying keeps it open.
  */
 export declare function MoreSheet({ open, onClose, onOpenPeople, onOpenChat, inviteLink, returnFocusRef }: MoreSheetProps): React.JSX.Element;
-//# sourceMappingURL=MoreSheet.d.ts.map

package/dist/dock/ReactionBurst.d.ts

@@ -5,4 +5,3 @@
 export declare const ReactionBurst: import("react").MemoExoticComponent<({ participantId }: {
     readonly participantId: string;
 }) => React.JSX.Element | null>;
-//# sourceMappingURL=ReactionBurst.d.ts.map

package/dist/dock/RoutePicker.d.ts

@@ -13,4 +13,3 @@ export type RoutePickerProps = {
  * button on iOS, where the mockup draws the system route menu, and a sheet on Android.
  */
 export declare function RoutePicker({ open, onClose, onSelect, output, anchorRef }: RoutePickerProps): React.JSX.Element | null;
-//# sourceMappingURL=RoutePicker.d.ts.map

package/dist/dock/audio-route.d.ts

@@ -22,4 +22,3 @@ export declare function routeName(route: AudioRoute): string;
  * native build doesn't include the module yet, so the dock leaves the button out.
  */
 export declare function useAudioOutput(): AudioOutput | null;
-//# sourceMappingURL=audio-route.d.ts.map

package/dist/frame/CallFrame.d.ts

@@ -14,4 +14,3 @@ export type CallFrameProps = {
  * arrangement. Each region lives in its own folder so the part lanes can work in parallel.
  */
 export declare function CallFrame({ displayName, callName, inviteLink, onLeave, onOpenSettings, onRejoin, resumedAfterSettings }: CallFrameProps): React.JSX.Element;
-//# sourceMappingURL=CallFrame.d.ts.map

package/dist/frame/Chalk.d.ts

@@ -37,4 +37,3 @@ export type ChalkProps = {
  * off, and draws everything inside the safe area in portrait, landscape and on iPad.
  */
 export declare function Chalk({ client, colorScheme, onColorSchemeChange, soundsEnabled, onSoundsEnabledChange, ...frame }: ChalkProps): React.JSX.Element;
-//# sourceMappingURL=Chalk.d.ts.map

package/dist/frame/back-handler.d.ts

@@ -3,4 +3,3 @@
  * first, so the sheet or menu opened last closes first.
  */
 export declare function useBackHandler(active: boolean, onBack: () => void): void;
-//# sourceMappingURL=back-handler.d.ts.map

package/dist/frame/dev-scenario.d.ts

@@ -25,4 +25,3 @@ export type DevScenario = {
 };
 export declare function setDevScenario(next: DevScenario | null): void;
 export declare function useDevScenario(): DevScenario;
-//# sourceMappingURL=dev-scenario.d.ts.map

package/dist/frame/device-layout.d.ts

@@ -13,4 +13,3 @@ export declare function DeviceLayoutProvider({ children }: {
     readonly children: ReactNode;
 }): React.JSX.Element;
 export declare function useDeviceLayout(): DeviceLayout;
-//# sourceMappingURL=device-layout.d.ts.map

package/dist/frame/measurement.d.ts

@@ -25,4 +25,3 @@ export declare function setMeasurementRegistry(next: MeasurementRegistry | null)
 /** A ref for the host view that carries `testID`; attach it to that view. */
 export declare function useMeasuredRef<TNode extends MeasurableNode>(testID: string | undefined, style: StyleProp<ViewStyle | TextStyle>): RefObject<TNode | null>;
 export {};
-//# sourceMappingURL=measurement.d.ts.map

package/dist/frame/portal.d.ts

@@ -21,4 +21,3 @@ export declare function PortalHost({ layer }: {
  * read this count, not the entries, or each publish re-renders the portal and loops.
  */
 export declare function usePortalCount(layer: PortalLayer): number;
-//# sourceMappingURL=portal.d.ts.map

package/dist/frame/preferences.d.ts

@@ -18,4 +18,3 @@ type ProviderProps = {
 export declare function PreferencesProvider({ colorScheme, onColorSchemeChange, soundsEnabled, onSoundsEnabledChange, children }: ProviderProps): React.JSX.Element;
 export declare function usePreferences(): CallPreferences;
 export {};
-//# sourceMappingURL=preferences.d.ts.map

package/dist/frame/regions.d.ts

@@ -22,4 +22,3 @@ export declare const STAGE_GAP = 8;
  * `cardOpen` is the iPad side card, which takes 352 pt from the stage.
  */
 export declare function frameRegions(arrangement: Arrangement, width: number, height: number, insets: EdgeInsets, cardOpen?: boolean): FrameRegions;
-//# sourceMappingURL=regions.d.ts.map

package/dist/haptics/haptics.d.ts

@@ -9,4 +9,3 @@ export declare const haptics: {
     readonly sheetDetent: () => void;
 };
 export type HapticMoment = keyof typeof haptics;
-//# sourceMappingURL=haptics.d.ts.map

package/dist/header/CallDetailsSheet.d.ts

@@ -15,4 +15,3 @@ export type CallDetailsSheetProps = {
 export declare function CallDetailsSheet({ open, onClose, callName, inviteLink, returnFocusRef }: CallDetailsSheetProps): React.JSX.Element;
 /** The link as people read it, `chalkmeet.com/q9-team`, without the scheme or the invite token. */
 export declare function displayLink(link: string): string;
-//# sourceMappingURL=CallDetailsSheet.d.ts.map

package/dist/header/Header.d.ts

@@ -14,4 +14,3 @@ export type HeaderProps = {
  */
 export declare const Header: import("react").NamedExoticComponent<HeaderProps & import("react").RefAttributes<View>>;
 export declare function formatElapsed(milliseconds: number): string;
-//# sourceMappingURL=Header.d.ts.map

package/dist/header/QrCode.d.ts

@@ -3,4 +3,3 @@ export declare const QrCode: import("react").MemoExoticComponent<({ value, size
     readonly value: string;
     readonly size: number;
 }) => React.JSX.Element>;
-//# sourceMappingURL=QrCode.d.ts.map

package/dist/hooks/external-store.d.ts

@@ -7,4 +7,3 @@ export interface ExternalStore<State> {
     subscribe: (listener: () => void) => () => void;
 }
 export declare function useManagerState<State>(manager: ExternalStateManager<State>): State;
-//# sourceMappingURL=external-store.d.ts.map

package/dist/hooks/space-hooks.d.ts

@@ -8,4 +8,3 @@ export declare function useReactions(): SpaceSnapshot["reactions"];
 export declare function useRecording(): SpaceSnapshot["recording"];
 export declare function useWhiteboard(): SpaceSnapshot["whiteboard"];
 export declare function useCan(capability: Capability): boolean;
-//# sourceMappingURL=space-hooks.d.ts.map

package/dist/icons/Icon.d.ts

@@ -9,4 +9,3 @@ export type IconProps = {
 };
 /** One icon from the mockup's 24-unit, 1.75-stroke line set. Icons are decorative; label the control that holds them. */
 export declare const Icon: import("react").MemoExoticComponent<({ name, color, size, strokeWidth }: IconProps) => React.JSX.Element>;
-//# sourceMappingURL=Icon.d.ts.map

package/dist/icons/icon-element.d.ts

@@ -21,4 +21,3 @@ export type IconElement = (Stroke & {
     readonly r: number;
 });
 export {};
-//# sourceMappingURL=icon-element.d.ts.map

package/dist/icons/icon-paths.d.ts

@@ -527,4 +527,3 @@ export declare const iconElements: {
         readonly d: "M21 12.8A9 9 0 1 1 11.2 3a7 7 0 0 0 9.8 9.8z";
     }];
 };
-//# sourceMappingURL=icon-paths.d.ts.map

package/dist/index.d.ts

@@ -10,4 +10,3 @@ export { useCan, useChat, useConnection, useMedia, useParticipants, useReactions
 export { extractSpaceInviteFromLink, getClipboardInviteSuggestion, parseSpaceInviteLink } from "./invites";
 export type { SpaceInviteLink } from "./invites";
 export { buildChalkInviteLink } from "./utils/build-chalk-invite-link";
-//# sourceMappingURL=index.d.ts.map

package/dist/index.js

@@ -53,7 +53,7 @@ import {
   useTheme,
   useToasts,
   viewer
-} from "./chunk-OIBT2FNM.js";
+} from "./chunk-MBZRE4US.js";
 import {
   useMeasuredRef
 } from "./chunk-GYVZSOGQ.js";
@@ -294,13 +294,14 @@ function RoutePicker({ open, onClose, onSelect, output, anchorRef }) {
 // src/dock/Dock.tsx
 import { Fragment, jsx as jsx4, jsxs } from "react/jsx-runtime";
 var Dock = memo(function Dock2({ arrangement, microphoneOn, cameraOn, onToggleMicrophone, onToggleCamera, onOpenMore, onLeave, moreOpen, leaveOpen, moreRef, leaveRef }) {
+  const live = useConnection().status === "live";
   const size = arrangement === "pad" ? 44 : 52;
   const dockStyle = [styles.dock, arrangement === "pad" ? styles.pad : arrangement === "landscape" ? styles.landscape : styles.portrait];
   const dockRef = useMeasuredRef("frame.dock", dockStyle);
   const output = useAudioOutput();
   return /* @__PURE__ */ jsxs(View, { accessibilityLabel: "Call controls", accessibilityRole: "toolbar", pointerEvents: "box-none", ref: dockRef, style: dockStyle, testID: "frame.dock", children: [
-    /* @__PURE__ */ jsx4(IconButton, { accessibilityLabel: microphoneOn ? "Mute microphone" : "Unmute microphone", icon: microphoneOn ? "mic" : "micOff", off: !microphoneOn, onCanvas: true, onPress: onToggleMicrophone, size, testID: "dock.microphone" }),
-    /* @__PURE__ */ jsx4(IconButton, { accessibilityLabel: cameraOn ? "Turn off camera" : "Turn on camera", icon: cameraOn ? "cam" : "camOff", off: !cameraOn, onCanvas: true, onPress: onToggleCamera, size, testID: "dock.camera" }),
+    /* @__PURE__ */ jsx4(IconButton, { accessibilityLabel: microphoneOn ? "Mute microphone" : "Unmute microphone", icon: microphoneOn ? "mic" : "micOff", off: !microphoneOn, disabled: !live && !microphoneOn, onCanvas: true, onPress: onToggleMicrophone, size, testID: "dock.microphone" }),
+    /* @__PURE__ */ jsx4(IconButton, { accessibilityLabel: cameraOn ? "Turn off camera" : "Turn on camera", icon: cameraOn ? "cam" : "camOff", off: !cameraOn, disabled: !live && !cameraOn, onCanvas: true, onPress: onToggleCamera, size, testID: "dock.camera" }),
     output ? /* @__PURE__ */ jsx4(AudioOutputButton, { captioned: arrangement === "portrait", output, size }) : null,
     /* @__PURE__ */ jsx4(IconButton, { accessibilityLabel: "More options", expanded: moreOpen, icon: "more", onCanvas: true, onPress: onOpenMore, ref: moreRef, size, testID: "dock.more" }),
     arrangement === "pad" ? /* @__PURE__ */ jsx4(View, { style: styles.gap }) : null,
@@ -406,7 +407,8 @@ function MoreSheet({ open, onClose, onOpenPeople, onOpenChat, inviteLink, return
   const toasts = useToasts();
   const { soundsEnabled } = usePreferences();
   const canRaiseHand = useCan("raiseHand");
-  const canReact = useCan("sendReaction");
+  const live = useConnection().status === "live";
+  const canReact = useCan("sendReaction") && live;
   const fail = useCallback5((message2) => () => toasts.show({ kind: "error", dismissible: true, message: message2 }), [toasts]);
   const toggleHand = useCallback5(() => {
     onClose();
@@ -1913,7 +1915,7 @@ function createNativeMediaStream(track) {
 
 // src/components/rtc-video-view-availability.ts
 function canRenderRtcVideoView(component) {
-  return typeof component === "function" || typeof component === "object" && component !== null;
+  return typeof component === "string" && component.length > 0 || typeof component === "function" || typeof component === "object" && component !== null;
 }
 
 // src/components/RtcVideoView.tsx
@@ -2365,7 +2367,11 @@ function TileSheet({ participantId, open, onClose }) {
           icon: "flip",
           label: `Switch to the ${person.back ? "front" : "back"} camera`,
           onPress: run(() => {
-            if (person.otherCamera) client.media.selectCamera(person.otherCamera).then(() => announce(`Switched to the ${person.back ? "front" : "back"} camera`), failed("Couldn't switch the camera."));
+            const otherCamera2 = person.otherCamera;
+            if (otherCamera2)
+              client.media.selectCamera(otherCamera2).then(() => {
+                announce(`Switched to the ${person.back ? "front" : "back"} camera`);
+              }, failed("Couldn't switch the camera."));
           }),
           testID: "tile-sheet.flip"
         }
@@ -2564,6 +2570,10 @@ var styles19 = StyleSheet20.create({
 // src/status/CallOverlays.tsx
 import { jsx as jsx30, jsxs as jsxs21 } from "react/jsx-runtime";
 function CallOverlays({ screen, callName, rejoining, onHold, onRejoin, onHome }) {
+  const { colors } = useTheme();
+  const layout = useDeviceLayout();
+  const { header } = frameRegions(layout.arrangement, layout.width, layout.height, layout.insets);
+  const connection = useConnection();
   const recording2 = useRecording().current?.status === "recording";
   const queuedMessages = useChat().pendingSends.filter((send) => send.status === "queued").length;
   useBackHandler(screen.kind === "status", onHome);
@@ -2572,10 +2582,11 @@ function CallOverlays({ screen, callName, rejoining, onHold, onRejoin, onHome })
   useEffect17(() => {
     if (clearsNotices) clear();
   }, [clear, clearsNotices]);
-  const limbo = screen.kind === "joining" ? { kind: "joining", rejoining } : screen.kind === "reconnecting" ? { kind: "reconnecting", queuedMessages } : screen.kind === "call" && onHold ? { kind: "hold" } : null;
+  const limbo = screen.kind === "joining" ? { kind: "joining", rejoining } : screen.kind === "call" && onHold ? { kind: "hold" } : null;
   const veil = limbo === null ? "none" : limbo.kind === "joining" ? "limbo" : "paused";
   return /* @__PURE__ */ jsxs21(View20, { pointerEvents: "box-none", style: StyleSheet21.absoluteFill, children: [
     /* @__PURE__ */ jsx30(Veil, { level: screen.kind === "status" ? "none" : veil }),
+    screen.kind === "reconnecting" || screen.kind === "call" && connection.syncHealth === "degraded" ? /* @__PURE__ */ jsx30(View20, { pointerEvents: "none", style: { position: "absolute", top: header.y + header.height + 4, left: layout.insets.left + 16, right: layout.insets.right + 16, alignItems: "center" }, testID: "connection.notice", children: /* @__PURE__ */ jsx30(ChalkText, { accessibilityLiveRegion: "polite", variant: "caption", style: { backgroundColor: colors.surface, borderRadius: 12, paddingHorizontal: 12, paddingVertical: 6 }, children: screen.kind === "reconnecting" ? `Reconnecting\u2026${queuedMessages ? ` ${queuedMessages} messages waiting to send.` : ""}` : "Connection is slow" }) }) : null,
     limbo ? /* @__PURE__ */ jsx30(Limbo, { callName, recording: recording2, state: limbo }) : null,
     screen.kind === "status" ? /* @__PURE__ */ jsx30(StatusPage, { callName, onHome, onRejoin, outcome: screen.outcome }) : null
   ] });
@@ -2622,6 +2633,15 @@ import { SpaceClientError } from "@q9labsai/chalk-client";
 import { useCallback as useCallback14, useEffect as useEffect18, useRef as useRef12 } from "react";
 import { Linking as Linking2, Platform as Platform7 } from "react-native";
 
+// src/toasts/media-failure-copy.ts
+var MEDIA_FAILURE_DETAILS = {
+  "connection.invalid_state": "Still connecting. Try again in a moment.",
+  "media.timeout": "The call did not respond. Try again."
+};
+function mediaFailureMessage(permission, code) {
+  return code && MEDIA_FAILURE_DETAILS[code] || `Couldn\u2019t turn on your ${permission}. Try again.`;
+}
+
 // src/toasts/notices.ts
 function callNotices(previous, next, ownMicrophoneChange) {
   if (previous.connection.status !== "live" || next.connection.status !== "live") return [];
@@ -2689,7 +2709,7 @@ function useCallEventToasts({ onOpenSettings, resumedAfterSettings }) {
     ownMicrophoneChange.current = true;
   }, []);
   const reportMediaFailure = useCallback14(
-    (permission, cause, retry) => {
+    function reportMediaFailure2(permission, cause, retry) {
       const code = cause instanceof SpaceClientError ? cause.code : null;
       const icon = permission === "microphone" ? "micOff" : "camOff";
       const leading = /* @__PURE__ */ jsx32(Icon, { color: latest.current.colors.dangerText, name: icon });
@@ -2729,15 +2749,21 @@ function useCallEventToasts({ onOpenSettings, resumedAfterSettings }) {
               label: "Try again",
               testID: "toast.try-again",
               onPress: () => {
-                toasts.dismiss(id);
-                retry();
+                void retry().then(
+                  () => toasts.dismiss(id),
+                  (cause2) => {
+                    if (cause2 instanceof SpaceClientError && cause2.code === "connection.invalid_state") return;
+                    toasts.dismiss(id);
+                    reportMediaFailure2(permission, cause2, retry);
+                  }
+                );
               }
             }
           ]
         });
         return;
       }
-      toasts.show({ kind: "error", leading, dismissible: true, wrap: true, message: cause instanceof Error ? `Couldn\u2019t turn on your ${permission}. ${cause.message}` : `Couldn\u2019t turn on your ${permission}.` });
+      toasts.show({ kind: "error", leading, dismissible: true, wrap: true, message: mediaFailureMessage(permission, code) });
     },
     [onOpenSettings, toasts]
   );
@@ -2776,8 +2802,10 @@ function noticeToast(notice, { client, toasts, colors, dismiss }) {
       const who = request.actorDisplayName ? firstName2(request.actorDisplayName) : "The host";
       const unmute2 = request.kind === "unmute";
       const accept = () => {
-        dismiss();
-        client.media.acceptRequest(request.requestId).catch(() => toasts.show({ kind: "error", dismissible: true, message: unmute2 ? "Couldn\u2019t unmute you." : "Couldn\u2019t turn on your camera." }));
+        void client.media.acceptRequest(request.requestId).then(dismiss, (cause) => {
+          if (cause instanceof SpaceClientError && cause.code === "connection.invalid_state") return;
+          toasts.show({ kind: "error", dismissible: true, message: unmute2 ? "Couldn\u2019t unmute you." : "Couldn\u2019t turn on your camera." });
+        });
       };
       return {
         input: {
@@ -2838,14 +2866,14 @@ function CallFrame({ displayName, callName = "Call", inviteLink, onLeave, onOpen
     haptics.mute();
     playSound(microphoneOn ? "mute" : "unmute", soundsEnabled);
     if (microphoneOn) noteOwnMicrophoneChange();
-    const turnOn = () => client.media.setMicrophoneEnabled(true).catch((cause) => reportMediaFailure("microphone", cause, turnOn));
+    const turnOn = () => client.media.setMicrophoneEnabled(true);
     if (microphoneOn) client.media.setMicrophoneEnabled(false).catch(() => toasts.show({ kind: "error", dismissible: true, message: "Couldn\u2019t mute your microphone." }));
-    else void turnOn();
+    else void turnOn().catch((cause) => reportMediaFailure("microphone", cause, turnOn));
   }, [client, microphoneOn, noteOwnMicrophoneChange, reportMediaFailure, soundsEnabled, toasts]);
   const toggleCamera = useCallback15(() => {
-    const turnOn = () => client.media.setCameraEnabled(true).catch((cause) => reportMediaFailure("camera", cause, turnOn));
+    const turnOn = () => client.media.setCameraEnabled(true);
     if (cameraOn) client.media.setCameraEnabled(false).catch(() => toasts.show({ kind: "error", dismissible: true, message: "Couldn\u2019t turn off your camera." }));
-    else void turnOn();
+    else void turnOn().catch((cause) => reportMediaFailure("camera", cause, turnOn));
   }, [cameraOn, client, reportMediaFailure, toasts]);
   const exit = useCallback15(
     (how) => {

package/dist/invites.d.ts

@@ -5,4 +5,3 @@ export type SpaceInviteLink = {
 export declare function parseSpaceInviteLink(input: string): SpaceInviteLink | null;
 export declare function extractSpaceInviteFromLink(input: string): SpaceInviteLink | null;
 export declare function getClipboardInviteSuggestion(clipboardText: string | null | undefined, currentInput?: string): string | null;
-//# sourceMappingURL=invites.d.ts.map

package/dist/limbo/Limbo.d.ts

@@ -22,4 +22,3 @@ export type LimboProps = {
 };
 /** The limbo card (`.lmsg`) centred over the veiled call, with the mockup's copy for each state. */
 export declare function Limbo({ state, callName, recording }: LimboProps): React.JSX.Element;
-//# sourceMappingURL=Limbo.d.ts.map

package/dist/limbo/Veil.d.ts

@@ -7,4 +7,3 @@ export type VeilLevel = "none" | "limbo" | "paused";
 export declare function Veil({ level }: {
     readonly level: VeilLevel;
 }): React.JSX.Element;
-//# sourceMappingURL=Veil.d.ts.map

package/dist/media/native-capture-error.d.ts

@@ -4,4 +4,3 @@
  * web, so the native adapter gives it that name and the call can offer Open Settings.
  */
 export declare function toNativeCaptureError(cause: unknown): unknown;
-//# sourceMappingURL=native-capture-error.d.ts.map

package/dist/media/native-webrtc.d.ts

@@ -3,4 +3,3 @@ import type { MediaStream as NativeMediaStream, MediaStreamTrack as NativeMediaS
 export { MediaStream, RTCView, mediaDevices };
 export type { NativeMediaStream, NativeMediaStreamTrack };
 export declare function createNativeMediaStream(track: MediaStreamTrack | NativeMediaStreamTrack): NativeMediaStream;
-//# sourceMappingURL=native-webrtc.d.ts.map