import { MantleProvider } from '@heymantle/react-native';

function App() {
  // customerApiToken comes from your backend's identify call
  const { customerApiToken } = useAuth();

  return (
    <MantleProvider
      appId="your-mantle-app-id"
      customerApiToken={customerApiToken}
    >
      <YourApp />
    </MantleProvider>
  );
}

import { useMantle, useFeature } from '@heymantle/react-native';

function HomeScreen() {
  const { plans, subscription, purchase } = useMantle();
  const { enabled: hasAdvanced } = useFeature('advanced_analytics');

  return (
    <View>
      {!subscription && plans.map(plan => (
        <Button
          key={plan.id}
          title={`Subscribe to ${plan.name}`}
          onPress={() => purchase(plan.id)}
        />
      ))}

      {subscription && <Text>Subscribed to {subscription.plan?.name}</Text>}

      {hasAdvanced && <AdvancedAnalytics />}
    </View>
  );
}

<MantleProvider
  appId="your-mantle-app-id"
  customerApiToken={token}
  simulationMode={__DEV__} // Only enable in development
>
  <YourApp />
</MantleProvider>

import { useMantle } from '@heymantle/react-native';

function DevTools() {
  const { subscription, simulateEvent, billing } = useMantle();

  if (!billing.simulationMode || !subscription) return null;

  return (
    <View>
      <Text>Simulation Dev Tools</Text>
      <Button title="Simulate Renewal" onPress={() => simulateEvent('DID_RENEW')} />
      <Button title="Simulate Expiry" onPress={() => simulateEvent('EXPIRED')} />
      <Button title="Simulate Payment Failure" onPress={() => simulateEvent('DID_FAIL_TO_RENEW')} />
      <Button title="Simulate Refund" onPress={() => simulateEvent('REFUND')} />
      <Button title="Simulate Grace Period Expired" onPress={() => simulateEvent('GRACE_PERIOD_EXPIRED')} />
    </View>
  );
}

import { usePurchase } from '@heymantle/react-native';

function SubscriptionScreen() {
  const { purchase, restore, purchasing, restoring, error, clearError } = usePurchase();

  return (
    <View>
      <Button
        title={purchasing ? 'Processing...' : 'Subscribe — $9.99/mo'}
        disabled={purchasing}
        onPress={() => purchase('plan-id')}
      />

      <Button
        title={restoring ? 'Restoring...' : 'Restore Purchases'}
        disabled={restoring}
        onPress={restore}
      />

      {error && (
        <View>
          <Text>Error: {error.message}</Text>
          <Button title="Dismiss" onPress={clearError} />
        </View>
      )}
    </View>
  );
}

import { useFeature } from '@heymantle/react-native';

function FeatureGatedScreen() {
  // Boolean feature
  const { enabled: canExport } = useFeature('can_export');

  // Limit feature
  const { enabled, limit } = useFeature('monthly_exports', { count: currentExports });

  if (!enabled) {
    return (
      <View>
        <Text>You've reached your export limit ({limit} per month)</Text>
        <UpgradeButton />
      </View>
    );
  }

  return <ExportTool />;
}