@digilogiclabs/create-saas-app 1.0.1

package/dist/templates/web/ui-only/template/tsconfig.json

@@ -0,0 +1,33 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "lib": ["dom", "dom.iterable", "es6"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "incremental": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"],
+      "@/components/*": ["./src/components/*"],
+      "@/lib/*": ["./src/lib/*"],
+      "@/hooks/*": ["./src/hooks/*"],
+      "@/types/*": ["./src/types/*"]
+    }
+  },
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+  "exclude": ["node_modules"]
+}
+

package/dist/templates/web/ui-only/template/vitest.config.ts

@@ -0,0 +1,17 @@
+import { defineConfig } from 'vitest/config'
+import react from '@vitejs/plugin-react'
+import path from 'path'
+
+export default defineConfig({
+  plugins: [react()],
+  test: {
+    environment: 'jsdom',
+    setupFiles: ['./src/test/setup.ts'],
+    globals: true,
+  },
+  resolve: {
+    alias: {
+      '@': path.resolve(__dirname, './src'),
+    },
+  },
+})

package/dist/templates/web/ui-only/template.backup/.env.example

@@ -0,0 +1,15 @@
+# Auth Configuration
+NEXT_PUBLIC_AUTH_PROVIDER=supabase|firebase
+
+# Supabase
+NEXT_PUBLIC_SUPABASE_URL=
+NEXT_PUBLIC_SUPABASE_ANON_KEY=
+
+# Firebase
+NEXT_PUBLIC_FIREBASE_API_KEY=
+NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN=
+NEXT_PUBLIC_FIREBASE_PROJECT_ID=
+
+# Payments
+NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY=
+STRIPE_SECRET_KEY=

package/dist/templates/web/ui-only/template.backup.20250817/.env.example

@@ -0,0 +1,15 @@
+# Auth Configuration
+NEXT_PUBLIC_AUTH_PROVIDER=supabase|firebase
+
+# Supabase
+NEXT_PUBLIC_SUPABASE_URL=
+NEXT_PUBLIC_SUPABASE_ANON_KEY=
+
+# Firebase
+NEXT_PUBLIC_FIREBASE_API_KEY=
+NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN=
+NEXT_PUBLIC_FIREBASE_PROJECT_ID=
+
+# Payments
+NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY=
+STRIPE_SECRET_KEY=

package/dist/templates/web/ui-package-test/template/next-env.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/basic-features/typescript for more information.

package/dist/templates/web/ui-package-test/template/package.json

@@ -0,0 +1,42 @@
+{
+  "name": "{{packageName}}",
+  "version": "0.1.0",
+  "description": "{{description}} (with UI Package v0.18.0)",
+  "private": true,
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start",
+    "lint": "next lint",
+    "type-check": "tsc --noEmit"
+  },
+  "dependencies": {
+    "next": "15.4.5",
+    "react": "19.1.0",
+    "react-dom": "19.1.0",
+    "@digilogiclabs/saas-factory-ui": "^0.26.1",
+    "tailwindcss": "^3.4.0",
+    "autoprefixer": "^10.4.16",
+    "postcss": "^8.4.31",
+    "clsx": "^2.0.0",
+    "class-variance-authority": "^0.7.0",
+    "tailwind-merge": "^2.0.0",
+    "next-themes": "^0.2.1",
+    "lucide-react": "^0.292.0"
+  },
+  "devDependencies": {
+    "typescript": "^5.3.0",
+    "@types/node": "^20.10.0",
+    "@types/react": "^18.2.45",
+    "@types/react-dom": "^18.2.18",
+    "eslint": "^8.55.0",
+    "eslint-config-next": "15.4.5",
+    "prettier": "^3.1.0",
+    "prettier-plugin-tailwindcss": "^0.5.7",
+    "@typescript-eslint/eslint-plugin": "^6.14.0",
+    "@typescript-eslint/parser": "^6.14.0"
+  },
+  "engines": {
+    "node": ">=18.0.0"
+  }
+}

package/dist/templates/web/ui-package-test/template/src/app/page.tsx

@@ -0,0 +1,106 @@
+import React from 'react';
+import { Button } from '@digilogiclabs/saas-factory-ui';
+
+export default function Home() {
+  return (
+    <main className="flex min-h-screen flex-col items-center justify-between p-24">
+      <div className="z-10 max-w-5xl w-full items-center justify-between font-mono text-sm lg:flex">
+        <p className="fixed left-0 top-0 flex w-full justify-center border-b border-gray-300 bg-gradient-to-b from-zinc-200 pb-6 pt-8 backdrop-blur-2xl dark:border-neutral-800 dark:bg-zinc-800/30 dark:from-inherit lg:static lg:w-auto  lg:rounded-xl lg:border lg:bg-gray-200 lg:p-4 lg:dark:bg-zinc-800/30">
+          Get started by editing&nbsp;
+          <code className="font-mono font-bold">src/app/page.tsx</code>
+        </p>
+        <div className="fixed bottom-0 left-0 flex h-48 w-full items-end justify-center bg-gradient-to-t from-white via-white dark:from-black dark:via-black lg:static lg:h-auto lg:w-auto lg:bg-none">
+          <a
+            className="pointer-events-none flex place-items-center gap-2 p-8 lg:pointer-events-auto lg:p-0"
+            href="https://vercel.com?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"
+            target="_blank"
+            rel="noopener noreferrer"
+          >
+            By{' '}
+            <img src="/vercel.svg" alt="Vercel Logo" className="dark:invert" width={100} height={24} />
+          </a>
+        </div>
+      </div>
+
+      <div className="relative flex place-items-center before:absolute before:h-[300px] before:w-full sm:before:w-[480px] before:-translate-x-1/2 before:rounded-full before:bg-gradient-radial before:from-white before:to-transparent before:blur-2xl before:content-[''] after:absolute after:-z-20 after:h-[180px] after:w-full sm:after:w-[240px] after:translate-x-1/3 after:bg-gradient-conic after:from-sky-200 after:via-blue-200 after:blur-2xl after:content-[''] before:dark:bg-gradient-to-br before:dark:from-transparent before:dark:to-blue-700 before:dark:opacity-10 after:dark:from-sky-900 after:dark:via-[#0141ff] after:dark:opacity-40 before:lg:h-[360px] z-[-1]">
+        <img
+          className="relative dark:drop-shadow-[0_0_0.3rem_#ffffff70] dark:invert"
+          src="/next.svg"
+          alt="Next.js Logo"
+          width={180}
+          height={37}
+        />
+      </div>
+
+      <div className="mb-32 grid text-center lg:max-w-5xl lg:w-full lg:mb-0 lg:grid-cols-4 lg:text-left">
+        <a
+          href="https://nextjs.org/docs?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"
+          className="group rounded-lg border border-transparent px-5 py-4 transition-colors hover:border-gray-300 hover:bg-gray-100 hover:dark:border-neutral-700 hover:dark:bg-neutral-800/30"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          <h2 className={`mb-3 text-2xl font-semibold`}>
+            Docs{' '}
+            <span className="inline-block transition-transform group-hover:translate-x-1 motion-reduce:transform-none">
+              ->
+            </span>
+          </h2>
+          <p className={`m-0 max-w-[30ch] text-sm opacity-50`}>
+            Find in-depth information about Next.js features and API.
+          </p>
+        </a>
+
+        <a
+          href="https://nextjs.org/learn?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
+          className="group rounded-lg border border-transparent px-5 py-4 transition-colors hover:border-gray-300 hover:bg-gray-100 hover:dark:border-neutral-700 hover:dark:bg-neutral-800 hover:dark:bg-opacity-30"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          <h2 className={`mb-3 text-2xl font-semibold`}>
+            Learn{' '}
+            <span className="inline-block transition-transform group-hover:translate-x-1 motion-reduce:transform-none">
+              ->
+            </span>
+          </h2>
+          <p className={`m-0 max-w-[30ch] text-sm opacity-50`}>
+            Learn about Next.js in an interactive course with&nbsp;quizzes!
+          </p>
+        </a>
+
+        <a
+          href="https://vercel.com/templates?framework=next.js&utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"
+          className="group rounded-lg border border-transparent px-5 py-4 transition-colors hover:border-gray-300 hover:bg-gray-100 hover:dark:border-neutral-700 hover:dark:bg-neutral-800/30"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          <h2 className={`mb-3 text-2xl font-semibold`}>
+            Templates{' '}
+            <span className="inline-block transition-transform group-hover:translate-x-1 motion-reduce:transform-none">
+              ->
+            </span>
+          </h2>
+          <p className={`m-0 max-w-[30ch] text-sm opacity-50`}>
+            Explore starter templates for Next.js.
+          </p>
+        </a>
+
+        <a
+          href="https://vercel.com/new?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"
+          className="group rounded-lg border border-transparent px-5 py-4 transition-colors hover:border-gray-300 hover:bg-gray-100 hover:dark:border-neutral-700 hover:dark:bg-neutral-800/30"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          <h2 className={`mb-3 text-2xl font-semibold`}>
+            Deploy{' '}
+            <span className="inline-block transition-transform group-hover:translate-x-1 motion-reduce:transform-none">
+              ->
+            </span>
+          </h2>
+          <p className={`m-0 max-w-[30ch] text-sm opacity-50 text-balance`}>
+            Instantly deploy your Next.js site to a shareable URL with Vercel.
+          </p>
+        </a>
+      </div>
+    </main>
+  );
+}

package/dist/templates/web/ui-package-test/template/tsconfig.json

@@ -0,0 +1,41 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "incremental": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "paths": {
+      "@/*": [
+        "./src/*"
+      ]
+    }
+  },
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
+}

package/package.json

@@ -0,0 +1,106 @@
+{
+  "name": "@digilogiclabs/create-saas-app",
+  "version": "1.0.1",
+  "description": "Create modern SaaS applications with Digi Logic Labs packages",
+  "main": "dist/cli/index.js",
+  "bin": {
+    "create-saas-app": "bin/index.js"
+  },
+  "scripts": {
+    "build": "tsc --project tsconfig.build.json && npm run copy-templates",
+    "copy-templates": "node -e \"require('fs-extra').copySync('src/templates', 'dist/templates')\"",
+    "dev": "tsup --watch",
+    "test": "jest --passWithNoTests",
+    "test:templates": "tsx scripts/test-all-templates.ts",
+    "lint": "eslint src",
+    "lint:fix": "eslint src --fix",
+    "type-check": "tsc --noEmit --skipLibCheck",
+    "validate": "tsx scripts/validate-templates.ts",
+    "changeset": "changeset",
+    "version": "changeset version",
+    "release": "npm run build && changeset publish",
+    "prepublishOnly": "npm run build && npm run lint && npm run type-check"
+  },
+  "keywords": [
+    "cli",
+    "saas",
+    "template",
+    "nextjs",
+    "react-native",
+    "expo",
+    "typescript",
+    "tailwind",
+    "firebase",
+    "supabase",
+    "digilogiclabs"
+  ],
+  "author": "Digi Logic Labs",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/DigiLogicLabs/create-saas-app.git"
+  },
+  "bugs": {
+    "url": "https://github.com/DigiLogicLabs/create-saas-app/issues"
+  },
+  "homepage": "https://github.com/DigiLogicLabs/create-saas-app#readme",
+  "files": [
+    "dist",
+    "bin",
+    "src/templates",
+    "README.md",
+    "CHANGELOG.md",
+    "LICENSE"
+  ],
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "dependencies": {
+    "chalk": "^4.1.2",
+    "commander": "^11.1.0",
+    "cosmiconfig": "^8.3.6",
+    "execa": "^5.1.1",
+    "fs-extra": "^11.1.1",
+    "glob": "^10.3.10",
+    "inquirer": "^9.2.12",
+    "listr2": "^7.0.2",
+    "mustache": "^4.2.0",
+    "ora": "^5.4.1",
+    "semver": "^7.5.4",
+    "validate-npm-package-name": "^5.0.0",
+    "zod": "^3.22.4"
+  },
+  "devDependencies": {
+    "@changesets/cli": "^2.26.2",
+    "@supabase/supabase-js": "^2.39.2",
+    "@types/fs-extra": "^11.0.4",
+    "@types/inquirer": "^9.0.7",
+    "@types/jest": "^29.5.6",
+    "@types/mustache": "^4.2.5",
+    "@types/node": "^20.8.7",
+    "@types/semver": "^7.5.4",
+    "@types/validate-npm-package-name": "^4.0.2",
+    "eslint": "^8.57.1",
+    "eslint-config-prettier": "^9.1.2",
+    "eslint-plugin-prettier": "^5.5.4",
+    "firebase": "^10.7.1",
+    "globals": "^16.3.0",
+    "jest": "^29.7.0",
+    "prettier": "^3.0.3",
+    "ts-jest": "^29.1.1",
+    "tsup": "^7.2.0",
+    "tsx": "^3.14.0",
+    "typescript": "^5.2.2",
+    "typescript-eslint": "^8.40.0"
+  },
+  "peerDependencies": {
+    "typescript": ">=4.9.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "directories": {
+    "doc": "docs",
+    "test": "tests"
+  }
+}

package/src/templates/mobile/base/template/.env.example

@@ -0,0 +1,15 @@
+# Auth Configuration
+EXPO_PUBLIC_AUTH_PROVIDER=supabase|firebase
+
+# Supabase
+EXPO_PUBLIC_SUPABASE_URL=
+EXPO_PUBLIC_SUPABASE_ANON_KEY=
+
+# Firebase
+EXPO_PUBLIC_FIREBASE_API_KEY=
+EXPO_PUBLIC_FIREBASE_AUTH_DOMAIN=
+EXPO_PUBLIC_FIREBASE_PROJECT_ID=
+
+# Payments
+EXPO_PUBLIC_STRIPE_PUBLISHABLE_KEY=
+STRIPE_SECRET_KEY=

package/src/templates/mobile/base/template/App.tsx

@@ -0,0 +1,186 @@
+import React from 'react';
+import { StatusBar } from 'expo-status-bar';
+import { StyleSheet, Text, View, Button } from 'react-native';
+import { SafeAreaProvider } from 'react-native-safe-area-context';
+import { AuthProvider, useAuth } from '@digilogiclabs/saas-factory-auth/native';
+import { PaymentsProvider } from '@digilogiclabs/saas-factory-payments/native';
+import { StripeProvider } from '@stripe/stripe-react-native';
+import { Link, Slot } from 'expo-router';
+import { 
+  NativePageTransition as PageTransition,
+  NativeMobileHero as MobileHero,
+  NativeMobileContainer as MobileContainer,
+  NativeNetworkAwareContent as NetworkAwareContent,
+  NativeOfflineWrapper as OfflineWrapper,
+  NativeToast as Toast,
+  useNetworkInfo,
+  useOfflineState
+} from '@digilogiclabs/saas-factory-ui/native';
+
+function AppContent() {
+  const { user, signOut } = useAuth();
+  const networkInfo = useNetworkInfo();
+  const isOnline = useOfflineState();
+
+  return (
+    <PageTransition type="fade" duration={300}>
+      <OfflineWrapper
+        cacheStrategy="stale-while-revalidate"
+        showOfflineIndicator={true}
+      >
+        <MobileContainer style={styles.container}>
+          <NetworkAwareContent
+            showOnOffline={
+              <View style={styles.offlineContainer}>
+                <Text style={styles.offlineTitle}>You're offline</Text>
+                <Text style={styles.offlineText}>
+                  Some features may be limited while offline.
+                </Text>
+              </View>
+            }
+          >
+            {user ? (
+              <MobileHero
+                title={{
+                  text: "Welcome back!",
+                  size: "lg"
+                }}
+                description="You are signed in and ready to go."
+                actions={[
+                  {
+                    label: "Go to Checkout",
+                    href: "/checkout",
+                    variant: "default"
+                  },
+                  {
+                    label: "Sign Out",
+                    onPress: signOut,
+                    variant: "outline"
+                  }
+                ]}
+              />
+            ) : (
+              <MobileHero
+                title={{
+                  text: "Welcome to {{titleCaseName}}",
+                  size: "xl"
+                }}
+                description="{{description}}"
+                actions={[
+                  {
+                    label: "Get Started",
+                    href: "/signup",
+                    variant: "default"
+                  },
+                  {
+                    label: "Sign In",
+                    href: "/login", 
+                    variant: "outline"
+                  }
+                ]}
+              />
+            )}
+            
+            {/* Network Status Indicator */}
+            <View style={styles.statusContainer}>
+              <Text style={styles.statusText}>
+                Status: {isOnline ? '🟢 Online' : '🔴 Offline'}
+                {networkInfo?.type && ` • ${networkInfo.type}`}
+              </Text>
+            </View>
+          </NetworkAwareContent>
+        </MobileContainer>
+      </OfflineWrapper>
+      <Toast />
+      <StatusBar style="auto" />
+    </PageTransition>
+  );
+}
+
+export default function App() {
+  return (
+    <SafeAreaProvider>
+      <AuthProvider>
+        <PaymentsProvider
+          apiUrl={process.env.EXPO_PUBLIC_API_URL || 'http://localhost:3000'}
+        >
+          <StripeProvider
+            publishableKey={process.env.EXPO_PUBLIC_STRIPE_PUBLISHABLE_KEY!}
+            merchantIdentifier="merchant.com.{{packageName}}.app"
+          >
+            <AppContent />
+          </StripeProvider>
+        </PaymentsProvider>
+      </AuthProvider>
+    </SafeAreaProvider>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: '#fff',
+    alignItems: 'center',
+    justifyContent: 'center',
+    padding: 20,
+  },
+  title: {
+    fontSize: 24,
+    fontWeight: 'bold',
+    marginBottom: 10,
+    textAlign: 'center',
+  },
+  subtitle: {
+    fontSize: 16,
+    color: '#666',
+    marginBottom: 20,
+    textAlign: 'center',
+  },
+  description: {
+    fontSize: 14,
+    color: '#999',
+    textAlign: 'center',
+  },
+  link: {
+    marginTop: 15,
+    paddingVertical: 15,
+    borderWidth: 1,
+    borderColor: '#DDD',
+    borderRadius: 5,
+    textAlign: 'center',
+    width: '80%',
+  },
+  offlineContainer: {
+    padding: 20,
+    alignItems: 'center',
+    backgroundColor: '#fff3cd',
+    borderRadius: 8,
+    margin: 20,
+  },
+  offlineTitle: {
+    fontSize: 18,
+    fontWeight: 'bold',
+    color: '#856404',
+    marginBottom: 8,
+  },
+  offlineText: {
+    fontSize: 14,
+    color: '#856404',
+    textAlign: 'center',
+  },
+  statusContainer: {
+    position: 'absolute',
+    bottom: 50,
+    left: 0,
+    right: 0,
+    alignItems: 'center',
+  },
+  statusText: {
+    fontSize: 12,
+    color: '#666',
+    backgroundColor: 'rgba(255, 255, 255, 0.9)',
+    paddingHorizontal: 12,
+    paddingVertical: 6,
+    borderRadius: 20,
+  },
+});

package/src/templates/mobile/base/template/app/(auth)/login.tsx

@@ -0,0 +1,44 @@
+import { LoginForm } from '@digilogiclabs/saas-factory-ui/native';
+import { AuthProvider } from '@digilogiclabs/saas-factory-auth/native';
+import { createBrowserClient } from '@supabase/ssr';
+import React from 'react';
+import { View } from 'react-native';
+import * as WebBrowser from 'expo-web-browser';
+import { useOAuth } from '@clerk/clerk-expo';
+
+export default function LoginPage() {
+  const supabase = createBrowserClient(
+    process.env.EXPO_PUBLIC_SUPABASE_URL!,
+    process.env.EXPO_PUBLIC_SUPABASE_ANON_KEY!
+  );
+
+  const handleLogin = async (values: any) => {
+    await supabase.auth.signInWithPassword({
+      email: values.email,
+      password: values.password,
+    });
+  };
+
+  const handleGoogleLogin = async () => {
+    const { data, error } = await supabase.auth.signInWithOAuth({
+      provider: 'google',
+      options: {
+        redirectTo: 'exp://localhost:8081/auth/callback',
+      },
+    });
+
+    if (data.url) {
+      await WebBrowser.openAuthSessionAsync(data.url);
+    }
+  };
+
+  return (
+    <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
+      <LoginForm
+        onSubmit={handleLogin}
+        onGoogleSignIn={handleGoogleLogin}
+        authProvider={AuthProvider.SUPABASE}
+      />
+    </View>
+  );
+}

package/src/templates/mobile/base/template/app/(auth)/signup.tsx

@@ -0,0 +1,43 @@
+import { SignupForm } from '@digilogiclabs/saas-factory-ui/native';
+import { AuthProvider } from '@digilogiclabs/saas-factory-auth/native';
+import { createBrowserClient } from '@supabase/ssr';
+import React from 'react';
+import { View } from 'react-native';
+import * as WebBrowser from 'expo-web-browser';
+
+export default function SignupPage() {
+  const supabase = createBrowserClient(
+    process.env.EXPO_PUBLIC_SUPABASE_URL!,
+    process.env.EXPO_PUBLIC_SUPABASE_ANON_KEY!
+  );
+
+  const handleSignup = async (values: any) => {
+    await supabase.auth.signUp({
+      email: values.email,
+      password: values.password,
+    });
+  };
+
+  const handleGoogleSignup = async () => {
+    const { data, error } = await supabase.auth.signInWithOAuth({
+      provider: 'google',
+      options: {
+        redirectTo: 'exp://localhost:8081/auth/callback',
+      },
+    });
+
+    if (data.url) {
+      await WebBrowser.openAuthSessionAsync(data.url);
+    }
+  };
+
+  return (
+    <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
+      <SignupForm
+        onSubmit={handleSignup}
+        onGoogleSignIn={handleGoogleSignup}
+        authProvider={AuthProvider.SUPABASE}
+      />
+    </View>
+  );
+}