Hard paywall

app/_layout.tsx

@@ -53,8 +53,18 @@ const ensureInstallConsistency = async (): Promise<boolean> => {
 
 import { AnimatedSplashScreen } from '../components/AnimatedSplashScreen';
 
-function RootLayoutInner() {
-  const { isDarkMode, colorPalette, signOut, session, isInitializing, isLoadingPlants, syncRevenueCatState } = useApp();
+function RootLayoutInner() {
+  const {
+    isDarkMode,
+    colorPalette,
+    signOut,
+    session,
+    billingSummary,
+    isInitializing,
+    isLoadingPlants,
+    isLoadingBilling,
+    syncRevenueCatState,
+  } = useApp();
   const colors = useColors(isDarkMode, colorPalette);
   const pathname = usePathname();
   const [installCheckDone, setInstallCheckDone] = useState(false);
@@ -144,17 +154,25 @@ function RootLayoutInner() {
     })();
   }, [signOut]);
 
-  const isAppReady = installCheckDone && !isInitializing && !isLoadingPlants;
+  const isAppReady = installCheckDone && !isInitializing && !isLoadingPlants;
+  const hasActiveEntitlement = billingSummary?.entitlement?.plan === 'pro'
+    && billingSummary?.entitlement?.status === 'active';
+  const isAllowedWithoutSession = pathname.includes('onboarding')
+    || pathname.includes('auth/')
+    || pathname.includes('scanner')
+    || pathname.includes('profile/billing');
+  const isAllowedWithoutEntitlement = pathname.includes('auth/')
+    || pathname.includes('scanner')
+    || pathname.includes('profile/billing');
 
   let content = null;
 
   if (isAppReady) {
-    if (!session) {
-      // Only redirect if we are not already on an auth-related page or the scanner
-      const isAuthPage = pathname.includes('onboarding') || pathname.includes('auth/') || pathname.includes('scanner') || pathname.includes('profile/billing');
-      if (!isAuthPage) {
-        content = <Redirect href="/onboarding" />;
-      } else {
+    if (!session) {
+      // Only redirect if we are not already on an auth-related page or the scanner
+      if (!isAllowedWithoutSession) {
+        content = <Redirect href="/onboarding" />;
+      } else {
         content = (
           <Stack
             screenOptions={{
@@ -178,9 +196,11 @@ function RootLayoutInner() {
               options={{ presentation: 'card', animation: 'slide_from_right' }}
             />
           </Stack>
-        );
-      }
-    } else {
+        );
+      }
+    } else if (!hasActiveEntitlement && !isLoadingBilling && !isAllowedWithoutEntitlement) {
+      content = <Redirect href="/profile/billing" />;
+    } else {
       content = (
         <>
           <Stack
@@ -246,11 +266,10 @@ export default function RootLayout() {
   initDatabase();
 
   return (
-    <PostHogProvider apiKey={POSTHOG_API_KEY} options={{
-      host: 'https://us.i.posthog.com',
-      enableSessionReplay: false,
-      debug: __DEV__,
-    }}>
+    <PostHogProvider apiKey={POSTHOG_API_KEY} options={{
+      host: 'https://us.i.posthog.com',
+      enableSessionReplay: false,
+    }}>
       <AppProvider>
         <CoachMarksProvider>
           <RootLayoutInner />