@q9labsai/chalk-react-native 5.2.1 → 5.2.3

package/dist/client.js

@@ -39,7 +39,7 @@ function ensureRandomUUID() {
 function createNativeSpaceClient(options) {
   ensureRandomUUID();
   const { storage } = options;
-  const syncStartupTimeoutMs = options.syncStartupTimeoutMs ?? 3e4;
+  const syncDialTimeoutMs = options.syncStartupTimeoutMs ?? 3e4;
   const apiBaseURL = options.baseUrl ?? "https://api.chalkmeet.com";
   const syncURL = options.syncUrl ?? defaultSyncURL(apiBaseURL);
   const fetch = globalThis.fetch;
@@ -62,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, syncStartupTimeoutMs),
+    createSyncClient: (input) => createSyncClient(syncURL, input, lifecycle, webSocket, storage, syncDialTimeoutMs),
     createChatFileTransport: (input) => createChatFileTransport(apiBaseURL, input, fetch),
-    createWhiteboardClient: options.whiteboardURL === null ? void 0 : (input) => createWhiteboardClient(apiBaseURL, options.whiteboardURL ?? whiteboardURL(syncURL), input, fetch, lifecycle, webSocket, syncStartupTimeoutMs),
+    createWhiteboardClient: options.whiteboardURL === null ? void 0 : (input) => createWhiteboardClient(apiBaseURL, options.whiteboardURL ?? whiteboardURL(syncURL), input, fetch, lifecycle, webSocket, syncDialTimeoutMs),
     subscribeForeground: (listener) => {
       const subscription = AppState.addEventListener("change", (state) => {
         if (state === "active") listener();
@@ -80,7 +80,8 @@ function createNativeSpaceClient(options) {
       whiteboardUrl: options.whiteboardURL,
       dependencies,
       fetch,
-      syncStartupTimeoutMs,
+      // Keep the 30s native dial allowance, plus time for its replacement.
+      syncStartupTimeoutMs: options.syncStartupTimeoutMs ?? 6e4,
       initialMicrophoneEnabled: options.microphone,
       initialCameraEnabled: options.camera
     }

package/dist/index.js

@@ -2776,6 +2776,7 @@ function Veil({ level }) {
 
 // src/status/StatusPage.tsx
 import { forwardRef as forwardRef3, memo as memo12, useEffect as useEffect19, useRef as useRef11 } from "react";
+import { formatSyncConnectDiagnostic, getConnectionFailureDetail } from "@q9labsai/chalk-client";
 import { AccessibilityInfo as AccessibilityInfo2, findNodeHandle as findNodeHandle2, Pressable as Pressable14, StyleSheet as StyleSheet20, View as View19 } from "react-native";
 import Animated11, { useAnimatedStyle as useAnimatedStyle6 } from "react-native-reanimated";
 import { jsx as jsx29, jsxs as jsxs20 } from "react/jsx-runtime";
@@ -2786,7 +2787,7 @@ function pageFor(outcome, callName) {
     case "ended":
       return { title: "The call ended", actions: ["rejoin", "home"] };
     case "failed":
-      return { title: `Couldn\u2019t connect to ${callName}`, detail: "Check your internet connection, then try again.", actions: ["rejoin", "home"], rejoinLabel: "Try again" };
+      return { title: `Couldn\u2019t connect to ${callName}`, actions: ["rejoin", "home"], rejoinLabel: "Try again" };
     case "removed":
       return { title: `You were removed from ${callName}`, detail: "The host removed you from this call.", actions: ["home"] };
     case "exited":
@@ -2795,9 +2796,10 @@ function pageFor(outcome, callName) {
       return { title: "This call is full", detail: `${callName} has reached 100 people. Ask the host to make room, then try again.`, actions: ["rejoin", "home"], rejoinLabel: "Try again" };
   }
 }
-function StatusPage({ outcome, callName, onRejoin, onHome }) {
+function StatusPage({ outcome, callName, failure, onRejoin, onHome }) {
   const { colors } = useTheme();
   const page = pageFor(outcome, callName);
+  const detail = outcome === "failed" ? getConnectionFailureDetail({ code: failure?.code, sync: failure?.sync }) : page.detail;
   const pageStyle = [styles19.page, { backgroundColor: colors.canvas }];
   const ref = useMeasuredRef("status.page", pageStyle);
   const firstAction = useRef11(null);
@@ -2807,7 +2809,8 @@ function StatusPage({ outcome, callName, onRejoin, onHome }) {
   }, [outcome]);
   return /* @__PURE__ */ jsxs20(View19, { accessibilityViewIsModal: true, ref, style: pageStyle, testID: "status.page", children: [
     /* @__PURE__ */ jsx29(ChalkText, { accessibilityRole: "header", style: styles19.center, testID: "status.title", variant: "statusTitle", children: page.title }),
-    page.detail ? /* @__PURE__ */ jsx29(ChalkText, { style: styles19.center, testID: "status.detail", tone: "textMuted", children: page.detail }) : null,
+    detail ? /* @__PURE__ */ jsx29(ChalkText, { style: styles19.center, testID: "status.detail", tone: "textMuted", children: detail }) : null,
+    outcome === "failed" && failure ? /* @__PURE__ */ jsx29(ChalkText, { style: styles19.center, testID: "status.reference", tone: "textMuted", variant: "caption", children: `Reference: ${failure.code}${failure.sync ? ` ${formatSyncConnectDiagnostic(failure.sync)}` : ""}` }) : null,
     /* @__PURE__ */ jsx29(View19, { style: styles19.actions, children: page.actions.map(
       (action, index) => action === "rejoin" ? /* @__PURE__ */ jsx29(StatusAction, { icon: "retry", label: page.rejoinLabel ?? "Rejoin", onPress: onRejoin, ref: index === 0 ? firstAction : void 0, testID: "status.rejoin" }, action) : /* @__PURE__ */ jsx29(StatusAction, { icon: "home", label: "Home", onPress: onHome, ref: index === 0 ? firstAction : void 0, testID: "status.home" }, action)
     ) })
@@ -2863,7 +2866,7 @@ function CallOverlays({ screen, callName, rejoining, onHold, onRejoin, onHome })
     /* @__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
+    screen.kind === "status" ? /* @__PURE__ */ jsx30(StatusPage, { callName, failure: connection.lastError, onHome, onRejoin, outcome: screen.outcome }) : null
   ] });
 }
 

package/dist/status/StatusPage.d.ts

@@ -1,8 +1,10 @@
+import { type ClientFailure } from "@q9labsai/chalk-client";
 /** The ways a call ends for you (A3 to A7). */
 export type CallOutcome = "left" | "ended" | "failed" | "removed" | "exited" | "full";
 export type StatusPageProps = {
     readonly outcome: CallOutcome;
     readonly callName: string;
+    readonly failure?: ClientFailure | null;
     readonly onRejoin: () => void;
     readonly onHome: () => void;
 };
@@ -10,4 +12,4 @@ export type StatusPageProps = {
  * A full-screen status page on the canvas (`.status`): a title, an optional line saying what to do,
  * and the ways forward as round actions with their names under them.
  */
-export declare function StatusPage({ outcome, callName, onRejoin, onHome }: StatusPageProps): React.JSX.Element;
+export declare function StatusPage({ outcome, callName, failure, onRejoin, onHome }: StatusPageProps): React.JSX.Element;

package/embedded/chalk-whiteboard/asset-manifest.json

@@ -1231,8 +1231,8 @@
     },
     {
       "path": "renderer.js",
-      "bytes": 9145221,
-      "sha256": "37a825e816c3f1eba5dd9087e804e638c13719a7c137dd7a1d27943863670f2d"
+      "bytes": 9145533,
+      "sha256": "47e69c8b09bb3d90d0792b2f96838ab4c4c11c1f8ef009c5fd92adaea69c8009"
     },
     {
       "path": "THIRD_PARTY_NOTICES.json",