@graineai/inapp-react-native 0.27.0 → 0.27.1

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

@@ -14,7 +14,10 @@ export interface GraineFabProps {
     size?: number;
     accent?: string;
     label?: string;
+    overlay?: ComponentType<{
+        children?: React.ReactNode;
+    }>;
     onOpen?: () => void;
     onClose?: () => void;
 }
-export declare function GraineFab({ webView, position, size, accent: accentProp, label, onOpen, onClose }: GraineFabProps): React.JSX.Element | null;
+export declare function GraineFab({ webView, position, size, accent: accentProp, label, overlay, onOpen, onClose }: GraineFabProps): React.JSX.Element | null;

package/dist/react-native/fab.js

@@ -1,26 +1,16 @@
 import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 import { useCallback, useContext, useRef, useState } from "react";
-import { Image, Platform, Pressable, Text, View } from "react-native";
-let FullWindowOverlay = null;
-try {
-    if (Platform.OS === "ios" && typeof require === "function") {
-        FullWindowOverlay = require("react-native-screens")?.FullWindowOverlay ?? null;
-    }
-}
-catch {
-    FullWindowOverlay = null;
-}
-function AboveNativeScreens({ children }) {
-    if (!FullWindowOverlay)
-        return _jsx(_Fragment, { children: children });
-    const Overlay = FullWindowOverlay;
-    return _jsx(Overlay, { children: _jsx(View, { style: { flex: 1 }, pointerEvents: "box-none", children: children }) });
-}
+import { Image, Pressable, Text, View } from "react-native";
 import { Ctx, useGraineAgent, useGraineClient } from "./index.js";
 import { GraineVoiceLauncher } from "./voice-launcher.js";
 import { GraineAgentBar } from "./ui.js";
 import { resolveNativeAppearance } from "./appearance.js";
 import { UNNAMED_TAP } from "../protocol.js";
+function AboveNativeScreens({ overlay: Overlay, children, }) {
+    if (!Overlay)
+        return _jsx(_Fragment, { children: children });
+    return (_jsx(Overlay, { children: _jsx(View, { style: { flex: 1 }, pointerEvents: "box-none", children: children }) }));
+}
 export const TAP_MAX_MOVE_PX = 12;
 export const TAP_MAX_MS = 400;
 export function GraineTouchCapture({ children, enabled = true, style }) {
@@ -63,7 +53,7 @@ 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, onOpen, onClose }) {
+export function GraineFab({ webView, position = "bottom-right", size = 56, accent: accentProp, label, overlay, onOpen, onClose }) {
     const { launcherVisible, launcherInset, appearance, error } = useGraineAgent();
     const [open, setOpen] = useState(false);
     const dashboard = resolveNativeAppearance(appearance, { accent: "#318CE7", heading: "Assistant", radius: 18 });
@@ -72,10 +62,10 @@ export function GraineFab({ webView, position = "bottom-right", size = 56, accen
     if (error || !launcherVisible)
         return null;
     if (open) {
-        return (_jsx(AboveNativeScreens, { children: _jsx(GraineVoiceLauncher, { webView: webView, autoStart: true, onEnded: () => { setOpen(false); onClose?.(); }, children: () => _jsx(GraineAgentBar, { accent: accent, name: name }) }) }));
+        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, { children: _jsx(Pressable, { accessibilityRole: "button", accessibilityLabel: label ?? `Talk to ${name}`, onPress: () => { setOpen(true); onOpen?.(); }, style: ({ pressed }) => ({
+    return (_jsx(AboveNativeScreens, { overlay: overlay, children: _jsx(Pressable, { accessibilityRole: "button", accessibilityLabel: label ?? `Talk to ${name}`, onPress: () => { setOpen(true); onOpen?.(); }, style: ({ pressed }) => ({
                 position: "absolute", bottom: launcherInset.bottom, ...side,
                 width: size, height: size, borderRadius: size / 2, backgroundColor: accent,
                 alignItems: "center", justifyContent: "center",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@graineai/inapp-react-native",
-  "version": "0.27.0",
+  "version": "0.27.1",
   "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",