React Native SDK

npm install axios
# or
npm install fetch

// userboost.js
const USERBOOST_API_KEY = "ub_live_your_api_key_here";
const USERBOOST_ENDPOINT = "https://api.userboo.st";

export const trackEvent = async (eventName, userData, properties = {}) => {
  const payload = {
    sent_at: new Date().toISOString(),
    events: [
      {
        type: "event",
        name: eventName,
        user: userData,
        timestamp: new Date().toISOString(),
        properties,
      },
    ],
  };

  try {
    const response = await fetch(`${USERBOOST_ENDPOINT}/v1/events`, {
      method: "POST",
      headers: {
        Authorization: `Bearer ${USERBOOST_API_KEY}`,
        "Content-Type": "application/json",
      },
      body: JSON.stringify(payload),
    });

    return await response.json();
  } catch (error) {
    console.error("UserBoost tracking error:", error);
  }
};

export const identifyUser = async (userData) => {
  const payload = {
    type: "identify",
    user: userData,
    timestamp: new Date().toISOString(),
  };

  try {
    const response = await fetch(`${USERBOOST_ENDPOINT}/v1/event`, {
      method: "POST",
      headers: {
        Authorization: `Bearer ${USERBOOST_API_KEY}`,
        "Content-Type": "application/json",
      },
      body: JSON.stringify(payload),
    });

    return await response.json();
  } catch (error) {
    console.error("UserBoost identify error:", error);
  }
};

// App.js or your component
import React, { useEffect } from "react";
import { View, Button } from "react-native";
import { trackEvent, identifyUser } from "./userboost";

export default function App() {
  const userId = "user_123";

  useEffect(() => {
    // Identify user when app loads
    identifyUser({
      id: userId,
      email: "john@example.com",
      traits: {
        name: "John Doe",
        plan: "free",
      },
    });
  }, []);

  const handleSignUp = () => {
    // Track registration event
    trackEvent(
      "user_registered",
      {
        id: userId,
        email: "john@example.com",
      },
      {
        registration_source: "mobile",
      }
    );
  };

  const handleFeatureUse = () => {
    // Track feature usage
    trackEvent(
      "feature_used",
      {
        id: userId,
      },
      {
        feature: "camera",
        screen: "home",
      }
    );
  };

  return (
    <View style={{ flex: 1, justifyContent: "center" }}>
      <Button title="Sign Up" onPress={handleSignUp} />
      <Button title="Use Feature" onPress={handleFeatureUse} />
    </View>
  );
}

// types.ts
interface EventProperties {
  [key: string]: string | number | boolean;
}

interface UserData {
  id: string;
  email?: string;
  traits?: {
    name?: string;
    plan?: string;
    created_at?: string;
    [key: string]: any;
  };
}

// userboost.ts
export const trackEvent = async (
  eventName: string,
  userData: UserData,
  properties: EventProperties = {}
): Promise<any> => {
  // Implementation same as above
};

export const identifyUser = async (userData: UserData): Promise<any> => {
  // Implementation same as above
};

// config.js
const CONFIG = {
  development: {
    apiKey: "ub_live_your_dev_key_here",
    endpoint: "https://api-test.userboo.st",
    debug: true,
  },
  production: {
    apiKey: "ub_live_your_prod_key_here",
    endpoint: "https://api.userboo.st",
    debug: false,
  },
};

export default CONFIG[__DEV__ ? "development" : "production"];