pacnpal/thrilltrack-explorer
1
0
Fork 0
mirror of https://github.com/pacnpal/thrilltrack-explorer.git synced 2025-12-20 08:31:12 -05:00
Code Issues Packages Projects Releases Wiki Activity

Fix: Bypass CAPTCHA in iframe environment

Browse Source
This commit is contained in:
gpt-engineer-app[bot]
2025-10-11 00:02:36 +00:00
parent 9969fe2692
commit c986a54fbf
1 changed files with 48 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
src/components/auth/AuthModal.tsx
View File

@@ -34,6 +34,10 @@ export function AuthModal({ open, onOpenChange, defaultTab = 'signin' }: AuthMod
displayName: ''
});
// Detect iframe environment and make CAPTCHA optional for preview compatibility
const isInIframe = window.self !== window.top;
const requireCaptcha = !isInIframe;
const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {
setFormData(prev => ({
...prev,
@@ -45,7 +49,7 @@ export function AuthModal({ open, onOpenChange, defaultTab = 'signin' }: AuthMod
e.preventDefault();
setLoading(true);
if (!signInCaptchaToken) {
if (requireCaptcha && !signInCaptchaToken) {
toast({
variant: "destructive",
title: "CAPTCHA required",
@@ -59,13 +63,16 @@ export function AuthModal({ open, onOpenChange, defaultTab = 'signin' }: AuthMod
setSignInCaptchaToken(null);
try {
const { error } = await supabase.auth.signInWithPassword({
const signInOptions: any = {
email: formData.email,
password: formData.password,
options: {
captchaToken: tokenToUse
};
if (tokenToUse) {
signInOptions.options = { captchaToken: tokenToUse };
}
});
const { error } = await supabase.auth.signInWithPassword(signInOptions);
if (error) throw error;
toast({
@@ -109,7 +116,7 @@ export function AuthModal({ open, onOpenChange, defaultTab = 'signin' }: AuthMod
return;
}
if (!captchaToken) {
if (requireCaptcha && !captchaToken) {
toast({
variant: "destructive",
title: "CAPTCHA required",
@@ -123,17 +130,22 @@ export function AuthModal({ open, onOpenChange, defaultTab = 'signin' }: AuthMod
setCaptchaToken(null);
try {
const { data, error } = await supabase.auth.signUp({
const signUpOptions: any = {
email: formData.email,
password: formData.password,
options: {
captchaToken: tokenToUse,
data: {
username: formData.username,
display_name: formData.displayName
}
}
});
};
if (tokenToUse) {
signUpOptions.options.captchaToken = tokenToUse;
}
const { data, error } = await supabase.auth.signUp(signUpOptions);
if (error) throw error;
@@ -288,6 +300,7 @@ export function AuthModal({ open, onOpenChange, defaultTab = 'signin' }: AuthMod
</div>
</div>
{requireCaptcha && (
<div>
<TurnstileCaptcha
key={signInCaptchaKey}
@@ -298,11 +311,12 @@ export function AuthModal({ open, onOpenChange, defaultTab = 'signin' }: AuthMod
theme="auto"
/>
</div>
)}
<Button
type="submit"
className="w-full"
disabled={loading || !signInCaptchaToken}
disabled={loading || (requireCaptcha && !signInCaptchaToken)}
>
{loading ? "Signing in..." : "Sign In"}
</Button>
@@ -448,6 +462,7 @@ export function AuthModal({ open, onOpenChange, defaultTab = 'signin' }: AuthMod
</div>
</div>
{requireCaptcha && (
<div>
<TurnstileCaptcha
key={captchaKey}
@@ -458,11 +473,12 @@ export function AuthModal({ open, onOpenChange, defaultTab = 'signin' }: AuthMod
theme="auto"
/>
</div>
)}
<Button
type="submit"
className="w-full"
disabled={loading || !captchaToken}
disabled={loading || (requireCaptcha && !captchaToken)}
>
{loading ? "Creating account..." : "Create Account"}
</Button>