@@ -902,9 +907,15 @@ function PricingPage() {
id="bitcoin-toggle"
checked={useBitcoin}
onCheckedChange={setUseBitcoin}
+ disabled={isGuestUser}
className="data-[state=checked]:bg-[hsl(var(--bitcoin))] data-[state=unchecked]:border-foreground/30 scale-100"
/>
+ {isGuestUser && (
+
+ Anonymous accounts must pay with Bitcoin (yearly only)
+
+ )}
diff --git a/frontend/src/routes/signup.tsx b/frontend/src/routes/signup.tsx
index f2e404a9f..7e67500e8 100644
--- a/frontend/src/routes/signup.tsx
+++ b/frontend/src/routes/signup.tsx
@@ -1,5 +1,5 @@
import { createFileRoute, Link, useNavigate } from "@tanstack/react-router";
-import { useOpenSecret } from "@opensecret/react";
+import { useOpenSecret, type LoginResponse } from "@opensecret/react";
import { useEffect, useState } from "react";
import { Button } from "@/components/ui/button";
import { Input } from "@/components/ui/input";
@@ -17,6 +17,9 @@ import { bytesToHex } from "@noble/hashes/utils";
import { AppleAuthProvider } from "@/components/AppleAuthProvider";
import { getBillingService } from "@/billing/billingService";
import { isIOS, isTauri } from "@/utils/platform";
+import { GuestSignupWarningDialog } from "@/components/GuestSignupWarningDialog";
+import { GuestCredentialsDialog } from "@/components/GuestCredentialsDialog";
+import { UserCircle } from "lucide-react";
type SignupSearchParams = {
next?: string;
@@ -31,7 +34,7 @@ export const Route = createFileRoute("/signup")({
})
});
-type SignUpMethod = "email" | "github" | "google" | "apple" | null;
+type SignUpMethod = "email" | "github" | "google" | "apple" | "guest" | null;
function SignupPage() {
const navigate = useNavigate();
@@ -40,14 +43,17 @@ function SignupPage() {
const [signUpMethod, setSignUpMethod] = useState
(null);
const [error, setError] = useState(null);
const [isLoading, setIsLoading] = useState(false);
+ const [showGuestWarning, setShowGuestWarning] = useState(false);
+ const [showGuestCredentials, setShowGuestCredentials] = useState(false);
+ const [guestUuid, setGuestUuid] = useState(null);
// Use platform detection functions
const isIOSPlatform = isIOS();
const isTauriEnv = isTauri();
- // Redirect if already logged in
+ // Redirect if already logged in (but not if we're showing guest credentials)
useEffect(() => {
- if (os.auth.user) {
+ if (os.auth.user && !showGuestCredentials) {
if (selected_plan) {
navigate({
to: "/pricing",
@@ -57,7 +63,7 @@ function SignupPage() {
navigate({ to: next || "/" });
}
}
- }, [os.auth.user, navigate, next, selected_plan]);
+ }, [os.auth.user, navigate, next, selected_plan, showGuestCredentials]);
const handleSubmit = async (e: React.FormEvent) => {
e.preventDefault();
@@ -166,6 +172,47 @@ function SignupPage() {
}
};
+ const handleGuestWarningAccept = () => {
+ setShowGuestWarning(false);
+ setSignUpMethod("guest");
+ };
+
+ const handleGuestSubmit = async (e: React.FormEvent) => {
+ e.preventDefault();
+ setIsLoading(true);
+ setError(null);
+ const formData = new FormData(e.currentTarget);
+ const password = formData.get("password") as string;
+
+ try {
+ const response: LoginResponse = await os.signUpGuest(password, "");
+ setGuestUuid(response.id);
+ // Clear any existing billing token to prevent session mixing
+ try {
+ getBillingService().clearToken();
+ } catch (billingError) {
+ console.warn("Failed to clear billing token:", billingError);
+ }
+ // Show credentials dialog
+ setShowGuestCredentials(true);
+ } catch (error) {
+ console.error(error);
+ if (error instanceof Error) {
+ setError(`${error.message}`);
+ } else {
+ setError("Something went wrong. Please try again.");
+ }
+ } finally {
+ setIsLoading(false);
+ }
+ };
+
+ const handleGuestCredentialsContinue = () => {
+ setShowGuestCredentials(false);
+ // Navigate to pricing page (guests need to pay immediately)
+ navigate({ to: "/pricing" });
+ };
+
const handleAppleSignup = async () => {
try {
if (isTauriEnv && isIOSPlatform) {
@@ -306,16 +353,79 @@ function SignupPage() {
inviteCode=""
/>
)}
+
Already have an account?{" "}
Log In
+
);
}
+ if (signUpMethod === "guest") {
+ return (
+ <>
+
+ {guestUuid && (
+
+ )}
+
+ );
+ }
+
return (