@mobileai/react-native 0.9.16 → 0.9.18

package/src/components/ProactiveHint.tsx

@@ -1,145 +0,0 @@
-import React, { useEffect, useRef } from 'react';
-import { View, Animated, StyleSheet, Text, Pressable } from 'react-native';
-
-interface ProactiveHintProps {
-  stage: 'hidden' | 'pulse' | 'badge';
-  badgeText?: string;
-  onDismiss: () => void;
-  children: React.ReactNode;
-}
-
-export function ProactiveHint({ stage, badgeText = "Need help?", onDismiss, children }: ProactiveHintProps) {
-  const pulseAnim = useRef(new Animated.Value(1)).current;
-  const opacityAnim = useRef(new Animated.Value(0)).current;
-  const badgeScale = useRef(new Animated.Value(0)).current;
-
-  useEffect(() => {
-    // Pulse animation logic
-    if (stage === 'pulse') {
-      Animated.loop(
-        Animated.sequence([
-          Animated.parallel([
-            Animated.timing(pulseAnim, {
-              toValue: 1.3,
-              duration: 1500,
-              useNativeDriver: true,
-            }),
-            Animated.timing(opacityAnim, {
-              toValue: 0,
-              duration: 1500,
-              useNativeDriver: true,
-            }),
-          ]),
-          Animated.timing(pulseAnim, {
-            toValue: 1,
-            duration: 0,
-            useNativeDriver: true,
-          }),
-          Animated.timing(opacityAnim, {
-            toValue: 0.8,
-            duration: 0,
-            useNativeDriver: true,
-          }),
-        ])
-      ).start();
-    } else {
-      pulseAnim.stopAnimation();
-      opacityAnim.stopAnimation();
-      pulseAnim.setValue(1);
-      opacityAnim.setValue(0);
-    }
-
-    // Badge animation logic
-    if (stage === 'badge') {
-      Animated.spring(badgeScale, {
-        toValue: 1,
-        friction: 5,
-        tension: 100,
-        useNativeDriver: true,
-      }).start();
-    } else {
-      badgeScale.setValue(0);
-    }
-  }, [stage, pulseAnim, opacityAnim, badgeScale]);
-
-  return (
-    <View style={styles.container}>
-      {/* Badge State */}
-      {stage === 'badge' && (
-        <Animated.View style={[styles.badgeContainer, { transform: [{ scale: badgeScale }] }]}>
-          <Text style={styles.badgeText}>{badgeText}</Text>
-          <Pressable hitSlop={10} style={styles.closeButton} onPress={onDismiss}>
-            <Text style={styles.closeText}>×</Text>
-          </Pressable>
-        </Animated.View>
-      )}
-
-      {/* Pulse effect under children */}
-      {stage === 'pulse' && (
-        <Animated.View
-          style={[
-            styles.pulseRing,
-            {
-              transform: [{ scale: pulseAnim }],
-              opacity: opacityAnim,
-            },
-          ]}
-        />
-      )}
-
-      {/* The main FAB or children */}
-      {children}
-    </View>
-  );
-}
-
-const styles = StyleSheet.create({
-  container: {
-    alignItems: 'center',
-    justifyContent: 'center',
-  },
-  pulseRing: {
-    position: 'absolute',
-    width: 60,
-    height: 60,
-    borderRadius: 30,
-    backgroundColor: '#7B68EE',
-  },
-  badgeContainer: {
-    position: 'absolute',
-    bottom: 70, // Float above the FAB
-    right: 0,
-    flexDirection: 'row',
-    alignItems: 'center',
-    backgroundColor: '#ffffff',
-    paddingHorizontal: 12,
-    paddingVertical: 8,
-    borderRadius: 20,
-    shadowColor: '#000',
-    shadowOffset: { width: 0, height: 2 },
-    shadowOpacity: 0.15,
-    shadowRadius: 4,
-    elevation: 4,
-    minWidth: 120,
-  },
-  badgeText: {
-    color: '#333333',
-    fontSize: 14,
-    fontWeight: '500',
-    marginRight: 8,
-  },
-  closeButton: {
-    justifyContent: 'center',
-    alignItems: 'center',
-    width: 20,
-    height: 20,
-    borderRadius: 10,
-    backgroundColor: '#f0f0f0',
-  },
-  closeText: {
-    fontSize: 14,
-    color: '#666',
-    fontWeight: 'bold',
-    marginTop: -2,
-  },
-});

package/src/components/cards/InfoCard.tsx

@@ -1,58 +0,0 @@
-import { View, Text, StyleSheet } from 'react-native';
-
-interface InfoCardProps {
-  title?: string;
-  body?: string;
-  icon?: string;
-}
-
-/**
- * Built-in card template for AI injection.
- *
- * IMPORTANT: displayName must be set explicitly here.
- * In production/minified builds, the function name is mangled (e.g. `a`, `b`),
- * so `injectCardTool` cannot identify templates by inferred name alone.
- * Always look up templates by `T.displayName`, never by `T.name`.
- */
-export function InfoCard({ title = 'Info', body = '', icon = 'ℹ️' }: InfoCardProps) {
-  return (
-    <View style={styles.container}>
-      <Text style={styles.icon}>{icon}</Text>
-      <View style={styles.content}>
-        <Text style={styles.title}>{title}</Text>
-        {body ? <Text style={styles.body}>{body}</Text> : null}
-      </View>
-    </View>
-  );
-}
-
-// Must be explicit — minification mangles function.name in production builds.
-InfoCard.displayName = 'InfoCard';
-
-const styles = StyleSheet.create({
-  container: {
-    flexDirection: 'row',
-    alignItems: 'flex-start',
-    backgroundColor: '#f0f7ff',
-    borderRadius: 10,
-    padding: 12,
-    gap: 10,
-  },
-  icon: {
-    fontSize: 22,
-  },
-  content: {
-    flex: 1,
-  },
-  title: {
-    fontWeight: '600',
-    fontSize: 14,
-    color: '#1a1a2e',
-    marginBottom: 2,
-  },
-  body: {
-    fontSize: 13,
-    color: '#444',
-    lineHeight: 18,
-  },
-});

package/src/components/cards/ReviewSummary.tsx

@@ -1,76 +0,0 @@
-import { View, Text, StyleSheet } from 'react-native';
-
-interface ReviewSummaryProps {
-  rating?: number;    // 0-5
-  reviewCount?: number;
-  headline?: string;
-  sentiment?: 'positive' | 'neutral' | 'negative';
-}
-
-/**
- * Built-in card template that shows a product/service review summary.
- * Injected by the AI agent to surface social proof at decision points.
- *
- * IMPORTANT: displayName is set explicitly to survive minification.
- * The injectCardTool resolves templates by `T.displayName`, not `T.name`.
- */
-export function ReviewSummary({
-  rating = 0,
-  reviewCount = 0,
-  headline = 'Customer Reviews',
-  sentiment = 'neutral',
-}: ReviewSummaryProps) {
-  const stars = Math.round(Math.min(5, Math.max(0, rating)));
-  const filled = '★'.repeat(stars);
-  const empty = '☆'.repeat(5 - stars);
-
-  const sentimentColor: Record<ReviewSummaryProps['sentiment'] & string, string> = {
-    positive: '#16a34a',
-    neutral: '#6b7280',
-    negative: '#dc2626',
-  };
-
-  return (
-    <View style={styles.container}>
-      <Text style={styles.headline}>{headline}</Text>
-      <View style={styles.row}>
-        <Text style={[styles.stars, { color: sentimentColor[sentiment] }]}>
-          {filled}{empty}
-        </Text>
-        <Text style={styles.meta}>
-          {rating.toFixed(1)} · {reviewCount.toLocaleString()} reviews
-        </Text>
-      </View>
-    </View>
-  );
-}
-
-// Explicit — function.name is mangled in minified production builds.
-ReviewSummary.displayName = 'ReviewSummary';
-
-const styles = StyleSheet.create({
-  container: {
-    backgroundColor: '#fffbeb',
-    borderRadius: 10,
-    padding: 12,
-  },
-  headline: {
-    fontWeight: '600',
-    fontSize: 13,
-    color: '#1a1a2e',
-    marginBottom: 6,
-  },
-  row: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    gap: 8,
-  },
-  stars: {
-    fontSize: 18,
-    letterSpacing: 1,
-  },
-  meta: {
-    fontSize: 12,
-    color: '#6b7280',
-  },
-});

package/src/config/endpoints.ts

@@ -1,22 +0,0 @@
-/**
- * SDK Endpoint Configuration
- *
- * All MobileAI backend URLs live here.
- * Change these to point to a self-hosted or staging server.
- *
- * Enterprise customers: use the `analyticsProxyUrl` prop on <AIAgent>
- * to route telemetry through your own backend without touching this file.
- */
-
-const MOBILEAI_BASE = 'http://localhost:3001';
-
-export const ENDPOINTS = {
-  /** Telemetry event ingest — receives batched SDK events */
-  telemetryIngest: `${MOBILEAI_BASE}/api/v1/events`,
-
-  /** Feature flag sync — fetches remote flags for this analyticsKey */
-  featureFlags: `${MOBILEAI_BASE}/api/v1/flags`,
-
-  /** Live agent escalation (support handoff) */
-  escalation: `${MOBILEAI_BASE}`,
-} as const;

package/src/core/ActionRegistry.ts

@@ -1,105 +0,0 @@
-import type { ActionDefinition, ActionParameterDef } from './types';
-
-export interface MCPToolDeclaration {
-  name: string;
-  description: string;
-  inputSchema: {
-    type: string;
-    properties: Record<string, any>;
-    required: string[];
-  };
-}
-
-/**
- * A central registry for all actions registered via `useAction`.
- * This acts as the single source of truth for:
- * 1. The in-app AI Agent (AgentRuntime)
- * 2. The MCP Server (external agents)
- * 3. iOS App Intents (Siri)
- * 4. Android AppFunctions (Gemini)
- */
-export class ActionRegistry {
-  private actions = new Map<string, ActionDefinition>();
-  private listeners = new Set<() => void>();
-
-  /** Register a new action definition */
-  register(action: ActionDefinition): void {
-    this.actions.set(action.name, action);
-    this.notify();
-  }
-
-  /** Unregister an action by name */
-  unregister(name: string): void {
-    this.actions.delete(name);
-    this.notify();
-  }
-
-  /** Get a specific action by name */
-  get(name: string): ActionDefinition | undefined {
-    return this.actions.get(name);
-  }
-
-  /** Get all registered actions */
-  getAll(): ActionDefinition[] {
-    return Array.from(this.actions.values());
-  }
-
-  /** Clear all registered actions (useful for testing) */
-  clear(): void {
-    this.actions.clear();
-    this.notify();
-  }
-
-  /**
-   * Subscribe to changes (e.g. when a new screen mounts and registers actions).
-   * Useful for the MCP server to re-announce tools.
-   */
-  onChange(listener: () => void): () => void {
-    this.listeners.add(listener);
-    return () => {
-      this.listeners.delete(listener);
-    };
-  }
-
-  /** Serialize all actions as strictly-typed MCP tool declarations */
-  toMCPTools(): MCPToolDeclaration[] {
-    return this.getAll().map((a) => ({
-      name: a.name,
-      description: a.description,
-      inputSchema: this.buildInputSchema(a.parameters),
-    }));
-  }
-
-  private buildInputSchema(params: Record<string, string | ActionParameterDef>) {
-    const properties: Record<string, any> = {};
-    const required: string[] = [];
-
-    for (const [key, val] of Object.entries(params)) {
-      if (typeof val === 'string') {
-        // Backward compatibility: passing a string means it's a required string param.
-        properties[key] = { type: 'string', description: val };
-        required.push(key);
-      } else {
-        // New strict parameter definition
-        properties[key] = { type: val.type, description: val.description };
-        if (val.enum) {
-          properties[key].enum = val.enum;
-        }
-        if (val.required !== false) {
-          required.push(key);
-        }
-      }
-    }
-
-    return { type: 'object', properties, required };
-  }
-
-  private notify() {
-    this.listeners.forEach((l) => l());
-  }
-}
-
-// Export a singleton instance. 
-// This allows background channels (like App Intents bridging) to access actions 
-// even if the React tree hasn't accessed the AIAgent context yet.
-export const actionRegistry = new ActionRegistry();