@graineai/inapp-react-native 0.27.1 → 0.27.2

package/dist/react-native/fab.d.ts

@@ -19,5 +19,6 @@ export interface GraineFabProps {
     }>;
     onOpen?: () => void;
     onClose?: () => void;
+    prewarm?: boolean;
 }
-export declare function GraineFab({ webView, position, size, accent: accentProp, label, overlay, onOpen, onClose }: GraineFabProps): React.JSX.Element | null;
+export declare function GraineFab({ webView, position, size, accent: accentProp, label, overlay, prewarm, onOpen, onClose }: GraineFabProps): React.JSX.Element;

package/dist/react-native/fab.js

@@ -53,23 +53,26 @@ export function GraineTouchCapture({ children, enabled = true, style }) {
     }, [client, ctx, enabled]);
     return (_jsx(View, { style: [{ flex: 1 }, style], onTouchStart: onTouchStart, onTouchEnd: onTouchEnd, children: children }));
 }
-export function GraineFab({ webView, position = "bottom-right", size = 56, accent: accentProp, label, overlay, onOpen, onClose }) {
+export function GraineFab({ webView, position = "bottom-right", size = 56, accent: accentProp, label, overlay, prewarm = true, onOpen, onClose }) {
     const { launcherVisible, launcherInset, appearance, error } = useGraineAgent();
     const [open, setOpen] = useState(false);
     const dashboard = resolveNativeAppearance(appearance, { accent: "#318CE7", heading: "Assistant", radius: 18 });
     const accent = accentProp ?? dashboard.accent;
     const name = dashboard.heading;
-    if (error || !launcherVisible)
-        return null;
-    if (open) {
-        return (_jsx(AboveNativeScreens, { overlay: overlay, children: _jsx(GraineVoiceLauncher, { webView: webView, autoStart: true, onEnded: () => { setOpen(false); onClose?.(); }, children: () => _jsx(GraineAgentBar, { accent: accent, name: name }) }) }));
-    }
-    const side = position === "bottom-left" ? { left: launcherInset.right } : { right: launcherInset.right };
-    return (_jsx(AboveNativeScreens, { overlay: overlay, children: _jsx(Pressable, { accessibilityRole: "button", accessibilityLabel: label ?? `Talk to ${name}`, onPress: () => { setOpen(true); onOpen?.(); }, style: ({ pressed }) => ({
+    const dashboardAccent = accentProp ?? dashboard.accent;
+    const button = (api) => {
+        if (error || !launcherVisible)
+            return null;
+        const side = position === "bottom-left" ? { left: launcherInset.right } : { right: launcherInset.right };
+        return (_jsx(Pressable, { accessibilityRole: "button", accessibilityLabel: label ?? `Talk to ${name}`, onPress: () => { setOpen(true); api.start(); onOpen?.(); }, style: ({ pressed }) => ({
                 position: "absolute", bottom: launcherInset.bottom, ...side,
-                width: size, height: size, borderRadius: size / 2, backgroundColor: accent,
+                width: size, height: size, borderRadius: size / 2, backgroundColor: dashboardAccent,
                 alignItems: "center", justifyContent: "center",
                 opacity: pressed ? 0.85 : 1,
                 elevation: 6, shadowColor: "#000", shadowOpacity: 0.25, shadowRadius: 8, shadowOffset: { width: 0, height: 4 },
-            }), children: dashboard.logoUrl ? (_jsx(Image, { source: { uri: dashboard.logoUrl }, style: { width: size * 0.6, height: size * 0.6, borderRadius: size * 0.3 } })) : (_jsx(Text, { style: { color: "#fff", fontSize: size * 0.4, fontWeight: "700" }, children: name.trim().charAt(0).toUpperCase() || "•" })) }) }));
+            }), children: dashboard.logoUrl ? (_jsx(Image, { source: { uri: dashboard.logoUrl }, style: { width: size * 0.6, height: size * 0.6, borderRadius: size * 0.3 } })) : (_jsx(Text, { style: { color: "#fff", fontSize: size * 0.4, fontWeight: "700" }, children: name.trim().charAt(0).toUpperCase() || "•" })) }));
+    };
+    if (!prewarm && !open)
+        return _jsx(AboveNativeScreens, { overlay: overlay, children: button({ start: () => { } }) });
+    return (_jsx(GraineVoiceLauncher, { webView: webView, onEnded: () => { setOpen(false); onClose?.(); }, children: (api) => (_jsx(AboveNativeScreens, { overlay: overlay, children: open ? _jsx(GraineAgentBar, { accent: dashboardAccent, name: name }) : button(api) })) }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@graineai/inapp-react-native",
-  "version": "0.27.1",
+  "version": "0.27.2",
   "type": "module",
   "description": "Graine in-app agent for React Native — an agent that sees the screen your customer is on and can act on it.",
   "license": "MIT",