@graineai/inapp-react-native 0.30.0 → 0.31.0

package/dist/client.d.ts

@@ -63,6 +63,9 @@ export declare class GraineInAppClient {
     configureFriction(override: FrictionConfig | null | undefined): void;
     get friction(): Required<FrictionConfig>;
     on(event: string, fn: Listener): () => void;
+    private lastWidget;
+    get pendingWidget(): any;
+    clearPendingWidget(): void;
     emit(event: string, payload?: any): void;
     private get fetch();
     session(): Promise<SessionConfig>;

package/dist/client.js

@@ -28,6 +28,7 @@ export class GraineInAppClient {
         this.identity = {};
         this.appVersion = null;
         this.recentEvents = [];
+        this.lastWidget = null;
         if (!opts?.publishableKey)
             throw new Error("[Graine] publishableKey is required.");
         if (!opts?.baseUrl)
@@ -57,7 +58,15 @@ export class GraineInAppClient {
         this.listeners.get(event).add(fn);
         return () => this.listeners.get(event)?.delete(fn);
     }
+    get pendingWidget() {
+        return this.lastWidget;
+    }
+    clearPendingWidget() {
+        this.lastWidget = null;
+    }
     emit(event, payload) {
+        if (event === "widget")
+            this.lastWidget = payload ?? null;
         for (const fn of this.listeners.get(event) ?? []) {
             try {
                 fn(payload);

package/dist/react-native/index.js

@@ -389,24 +389,36 @@ export function useGraineHighlight(name) {
 }
 export function useGraineWidget() {
     const client = useGraineClient();
-    const [widget, setWidget] = useState(null);
-    useEffect(() => client.on("widget", (w) => {
-        if (!w?.widget_id)
-            return;
-        setWidget({
+    const adopt = useCallback((w) => w?.widget_id
+        ? {
             id: String(w.widget_id),
             kind: String(w.kind || ""),
             data: resolveWidgetImages((w.data || {}), client.opts.baseUrl),
             fallbackText: String(w.fallback_text || ""),
+        }
+        : null, [client]);
+    const [widget, setWidget] = useState(() => adopt(client.pendingWidget));
+    useEffect(() => {
+        const pending = adopt(client.pendingWidget);
+        if (pending)
+            setWidget((cur) => (cur && cur.id === pending.id ? cur : pending));
+        return client.on("widget", (w) => {
+            const next = adopt(w);
+            if (next)
+                setWidget(next);
         });
-    }), [client]);
+    }, [client, adopt]);
     const submit = useCallback((data, summary) => {
         if (!widget)
             return;
         client.submitWidget(widget.id, data, summary);
+        client.clearPendingWidget();
         setWidget(null);
     }, [client, widget]);
-    const dismiss = useCallback(() => setWidget(null), []);
+    const dismiss = useCallback(() => {
+        client.clearPendingWidget();
+        setWidget(null);
+    }, [client]);
     return { widget, submit, dismiss };
 }
 export function useGraineAction(name, handler) {

package/dist/react-native/voice-launcher.js

@@ -138,6 +138,9 @@ export function GraineVoiceLauncher({ webView: WebView, autoStart = false, activ
                     startedRef.current = true;
                     void beginCall();
                 }
+                else if (!activeRef.current && !startedRef.current) {
+                    post({ type: "graine:warm" });
+                }
                 return;
             case "graine:call":
                 setConnected(!!msg.connected);
@@ -200,6 +203,7 @@ export function GraineVoiceLauncher({ webView: WebView, autoStart = false, activ
         start: useCallback(() => {
             setConnecting(true);
             setCaptions([]);
+            client.clearPendingWidget();
             if (!ready) {
                 pendingStartRef.current = true;
                 return;
@@ -243,6 +247,7 @@ export function GraineVoiceLauncher({ webView: WebView, autoStart = false, activ
         setConnected(false);
         setConnecting(false);
         setCaptions([]);
+        client.clearPendingWidget();
         onCallState?.({ connected: false, connecting: false });
     }, [active]);
     useEffect(() => {

package/package.json

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