Overview

Fully-featured billing on mobile is coming soon

For now, billing has a limited functionalities on mobile, we're mostly relying on the web app to handle billing.

We are working on a fully-featured mobile billing to help you monetize your mobile app easier. Stay tuned for updates.

Fetching customer data

When your user purchased a plan from your landing page or web app, you can easily fetch their data using the API.

To do so, just call the /api/billing/me endpoint to get the summary of the user's billing data:

customer-screen.tsx

import { getActivePlan } from "@workspace/billing";

import { api } from "~/lib/api";

export default function CustomerScreen() {
  const summary = useQuery({
    queryKey: ["me"],
    queryFn: handle(api.billing.me.$get),
  });

  if (summary.isLoading) {
    return <Text>Loading...</Text>;
  }

  const plan = getActivePlan(summary.data);

  return <Text>{plan}</Text>;
}

You may also want to ensure that user is logged in before fetching their billing data to avoid unnecessary API calls.

customer-screen.tsx

import { api } from "~/lib/api";
import { authClient } from "~/lib/auth";

export default function CustomerScreen() {
  const session = authClient.useSession();

  const summary = useQuery({
    queryKey: ["me"],
    queryFn: handle(api.billing.me.$get),
    enabled: !!session.data?.user, 
  });

  if (!session.data?.user || !summary.data) {
    return null;
  }

  return (
    <View>
      <Text>{user.email}</Text>
      <Text>{summary.data.length}</Text>
    </View>
  );
}

Be cautious!

Be mindful when implementing payment-related features in your mobile app. Apple has strict guidelines regarding external payment systems and may reject your app if you aggressively redirect users to web-based payment flows. Make sure to review the App Store Review Guidelines carefully and consider implementing native in-app purchases for iOS users to ensure compliance.

We are currently working on a fully native payments system that will make it easier to comply with Apple's guidelines - stay tuned for updates!

Fetching customer data

On this page