@q9labsai/chalk-react-native 5.2.0 → 5.2.2

package/dist/{chunk-4L5GXJ36.js → chunk-BXDD5BE4.js}

@@ -1,4 +1,5 @@
 // src/invites.ts
+import { parseInviteCode } from "@q9labsai/chalk-client/invites";
 var CHALK_INVITE_HOSTS = ["chalkmeet.com", "chalk.q9labs.ai"];
 var CHALK_CUSTOM_PROTOCOLS = /* @__PURE__ */ new Set(["chalk:", "ai.q9labs.chalk.mobile:"]);
 var SPACE_SLUG_PATTERN = /^[A-Za-z0-9][A-Za-z0-9_-]{0,127}$/u;
@@ -27,6 +28,26 @@ function parseSpaceInviteLink(input) {
     return null;
   }
 }
+function parseChalkInviteLink(input) {
+  const trimmed = input.trim();
+  const code = parseInviteCode(trimmed);
+  if (code) return { spaceInviteToken: code };
+  const legacy = parseSpaceInviteLink(trimmed);
+  if (legacy) return legacy;
+  const normalized = trimmed.includes("://") ? trimmed : CHALK_INVITE_HOSTS.some((host) => trimmed.startsWith(`${host}/`)) ? `https://${trimmed}` : null;
+  if (!normalized) return null;
+  try {
+    const parsed = new URL(normalized);
+    if (!CHALK_CUSTOM_PROTOCOLS.has(parsed.protocol) && !isAllowedWebInviteOrigin(parsed)) return null;
+    const pathSegments = parsed.pathname.split("/").filter(Boolean);
+    if (CHALK_CUSTOM_PROTOCOLS.has(parsed.protocol)) pathSegments.unshift(parsed.hostname);
+    if (pathSegments.length !== 1 || parsed.search || parsed.hash) return null;
+    const pathCode = parseInviteCode(decodeURIComponent(pathSegments[0] ?? ""));
+    return pathCode ? { spaceInviteToken: pathCode } : null;
+  } catch {
+    return null;
+  }
+}
 function isChalkInviteHost(hostname) {
   return CHALK_INVITE_HOSTS.some((host) => host === hostname);
 }
@@ -48,11 +69,12 @@ function getClipboardInviteSuggestion(clipboardText, currentInput = "") {
   if (normalizedClipboardText === currentInput.trim()) {
     return null;
   }
-  return parseSpaceInviteLink(normalizedClipboardText) ? normalizedClipboardText : null;
+  return parseChalkInviteLink(normalizedClipboardText) ? normalizedClipboardText : null;
 }
 
 export {
   parseSpaceInviteLink,
+  parseChalkInviteLink,
   extractSpaceInviteFromLink,
   getClipboardInviteSuggestion
 };

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

@@ -507,11 +507,11 @@ function usePressAnimation(family) {
 
 // src/primitives/IconButton.tsx
 import { forwardRef, memo as memo2 } from "react";
-import { Pressable, StyleSheet, View } from "react-native";
+import { ActivityIndicator, Pressable, StyleSheet, View } from "react-native";
 import Animated, { useAnimatedStyle as useAnimatedStyle2 } from "react-native-reanimated";
 import { jsx as jsx5, jsxs } from "react/jsx-runtime";
 var IconButton = memo2(
-  forwardRef(function IconButton2({ icon, accessibilityLabel, onPress, size = 44, tone = "raised", selected = false, off = false, caption, expanded, onCanvas = false, disabled = false, testID }, ref) {
+  forwardRef(function IconButton2({ icon, accessibilityLabel, onPress, size = 44, tone = "raised", selected = false, off = false, caption, expanded, onCanvas = false, disabled = false, busy = false, testID }, ref) {
     const { colors, elevation } = useTheme();
     const press = usePressAnimation("round");
     const base = selected ? colors.text : BASE[tone](colors);
@@ -530,8 +530,8 @@ var IconButton = memo2(
       {
         accessibilityLabel,
         accessibilityRole: "button",
-        accessibilityState: { selected, disabled, expanded },
-        disabled,
+        accessibilityState: { selected, disabled: disabled || busy, expanded, busy },
+        disabled: disabled || busy,
         hitSlop: size < 44 ? (44 - size) / 2 : void 0,
         onPress,
         onPressIn: press.onPressIn,
@@ -539,7 +539,7 @@ var IconButton = memo2(
         ref,
         testID,
         children: [
-          /* @__PURE__ */ jsx5(Animated.View, { ref: roundRef, style: [roundStyle, background, press.scaleStyle], children: /* @__PURE__ */ jsx5(Icon, { color: iconColor, name: icon, size: tone === "ghost" ? 18 : 20 }) }),
+          /* @__PURE__ */ jsx5(Animated.View, { ref: roundRef, style: [roundStyle, background, press.scaleStyle], children: busy ? /* @__PURE__ */ jsx5(ActivityIndicator, { color: iconColor, size: "small" }) : /* @__PURE__ */ jsx5(Icon, { color: iconColor, name: icon, size: tone === "ghost" ? 18 : 20 }) }),
           caption ? /* @__PURE__ */ jsx5(View, { pointerEvents: "none", style: styles.captionBox, children: /* @__PURE__ */ jsx5(ChalkText, { numberOfLines: 1, tone: "textMuted", variant: "caption", children: caption }) }) : null
         ]
       }

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/components/EmbeddedWhiteboard.d.ts

@@ -1,6 +1,9 @@
-import { type ChalkEmbeddedWhiteboardTransport } from "@q9labsai/chalk-whiteboard/embedded";
+import { type ChalkEmbeddedWhiteboardTransport, type ChalkEmbeddedBoardContext } from "@q9labsai/chalk-whiteboard/embedded";
 import { type StyleProp, type ViewStyle } from "react-native";
 export interface EmbeddedWhiteboardProps {
+    readonly board: ChalkEmbeddedBoardContext;
+    readonly onFollow?: (participantId: string | null) => void;
+    readonly onCloseBoard?: () => void;
     readonly transport: ChalkEmbeddedWhiteboardTransport;
     readonly journeyId: string;
     readonly traceparent?: string;
@@ -27,14 +30,15 @@ export interface EmbeddedWhiteboardProps {
         readonly format: "png" | "svg";
         readonly mimeType: string;
         readonly dataURL: string;
-    }) => void;
+        readonly action?: "download" | "copy";
+    }) => void | Promise<void>;
 }
 export declare const embeddedWhiteboardWebViewSecurityPolicy: Readonly<{
     allowFileAccess: true;
     allowFileAccessFromFileURLs: false;
     allowUniversalAccessFromFileURLs: false;
     cacheEnabled: false;
-    domStorageEnabled: false;
+    domStorageEnabled: true;
     javaScriptCanOpenWindowsAutomatically: false;
     javaScriptEnabled: true;
     mixedContentMode: "never";
@@ -42,4 +46,4 @@ export declare const embeddedWhiteboardWebViewSecurityPolicy: Readonly<{
     sharedCookiesEnabled: false;
     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;
+export declare function EmbeddedWhiteboard({ board, onFollow, onCloseBoard, transport, journeyId, traceparent, tracestate, canDraw, canClear, theme: themeOverride, localParticipantColor, rendererURL: rendererURLOverride, style, testID, onMetric, onError, onUserExport, }: EmbeddedWhiteboardProps): React.JSX.Element;

package/dist/frame/call-controls.d.ts

@@ -0,0 +1,2 @@
+/** Landscape controls overlay the stage, so board tools need room above them. */
+export declare const LandscapeControlsContext: import("react").Context<boolean>;

package/dist/frame/use-landscape-chrome.d.ts

@@ -0,0 +1,8 @@
+/** A visible board stays interactive instead of acquiring the tap-to-reveal overlay. */
+export declare function useLandscapeChrome({ fades, boardVisible }: {
+    readonly fades: boolean;
+    readonly boardVisible: boolean;
+}): {
+    hidden: boolean;
+    show: () => void;
+};

package/dist/index.d.ts

@@ -7,6 +7,6 @@ export type { ColorScheme, Palette } from "./theme/tokens";
 export { ChalkProvider, useSpaceClient } from "./context/space-client-context";
 export type { ChalkProviderProps } from "./context/space-client-context";
 export { useCan, useChat, useConnection, useMedia, useParticipants, useReactions, useRecording, useSelf, useWhiteboard } from "./hooks/space-hooks";
-export { extractSpaceInviteFromLink, getClipboardInviteSuggestion, parseSpaceInviteLink } from "./invites";
-export type { SpaceInviteLink } from "./invites";
+export { extractSpaceInviteFromLink, getClipboardInviteSuggestion, parseChalkInviteLink, parseSpaceInviteLink } from "./invites";
+export type { ChalkInviteLink, SpaceInviteLink } from "./invites";
 export { buildChalkInviteLink } from "./utils/build-chalk-invite-link";