Update app.js

app.js

@@ -106,7 +106,7 @@ function loadCookies(cookieFilePath) {
     }
 
     const browser = await puppeteer.launch({
-        headless: true,
+        headless: false,
         args: [
             '--no-sandbox',
             '--disable-setuid-sandbox',
@@ -231,20 +231,30 @@ function loadCookies(cookieFilePath) {
             
             // First, navigate to the domain to establish context
             try {
-                await page.goto('https://m.betking.com/', { 
+                // Try login page directly for cookie context
+                await page.goto('https://m.betking.com/en-ng/my-accounts/login', { 
                     waitUntil: 'domcontentloaded', 
                     timeout: 15000 
                 });
-                console.log('✓ Base domain loaded');
+                console.log('✓ Login page loaded for cookie context');
                 
                 // Wait a bit for any Cloudflare JS to run
                 await wait(3000);
             } catch (baseError) {
-                console.log('⚠️  Base domain load issue, trying alternative...');
-                // Try setting domain manually
-                await page.evaluateOnNewDocument(() => {
-                    document.domain = 'betking.com';
-                });
+                console.log('⚠️  Initial login page load issue, trying base domain...');
+                try {
+                    await page.goto('https://m.betking.com/', { 
+                        waitUntil: 'domcontentloaded', 
+                        timeout: 15000 
+                    });
+                    console.log('✓ Base domain loaded');
+                    await wait(3000);
+                } catch (fallbackError) {
+                    console.log('⚠️  Base domain also failed, setting domain manually...');
+                    await page.evaluateOnNewDocument(() => {
+                        document.domain = 'betking.com';
+                    });
+                }
             }
 
             // Now set all cookies
@@ -476,10 +486,13 @@ function loadCookies(cookieFilePath) {
         console.log('\n🌐 Navigating to the page...');
         await randomWait(500, 1500);
 
-        // Navigate to the actual target URL
+        // Navigate directly to login page
+        const targetUrl = 'https://m.betking.com/en-ng/my-accounts/login?urlAfterLogin=/en-ng';
+        console.log(`Target: ${targetUrl}`);
+        
         let response;
         try {
-            response = await page.goto('https://m.betking.com/en-ng?', {
+            response = await page.goto(targetUrl, {
                 waitUntil: ['domcontentloaded', 'networkidle2'],
                 timeout: 45000
             });
@@ -698,8 +711,8 @@ function loadCookies(cookieFilePath) {
             }
         }
 
-        console.log('\n⏳ Waiting 3 seconds...');
-        await wait(3000);
+        console.log('\n⏳ Waiting 10 seconds...');
+        await wait(10000);
 
         // Take initial screenshot
         console.log('\n📸 Taking initial screenshot...');
@@ -708,69 +721,117 @@ function loadCookies(cookieFilePath) {
             fullPage: true
         });
 
-        console.log('\n🔍 Looking for the Sign In button...');
-
-        const buttonSelectors = [
-            'button[data-testid="signInButton"]',
-            'button#signInButton',
-            'button.pill.pill-text.pill-text--inherit.pill--medium.button'
-        ];
+        console.log('\n🔍 Checking if we bypassed 403 - looking for login input...');
 
-        let buttonFound = false;
-        let buttonSelector = null;
-
-        for (const selector of buttonSelectors) {
-            try {
-                const button = await page.$(selector);
-                if (button) {
-                    buttonFound = true;
-                    buttonSelector = selector;
-                    console.log(`✓ Button found using selector: ${selector}`);
-
-                    const isVisible = await button.isIntersectingViewport();
-                    console.log(`Button is visible: ${isVisible}`);
-
-                    if (isVisible) {
-                        console.log('👆 Clicking the button...');
-                        await randomWait(200, 800);
-                        await button.click();
-                        console.log('✓ Button clicked successfully!');
-                    } else {
-                        console.log('Button exists but is not visible, scrolling into view...');
-                        await page.evaluate((sel) => {
-                            document.querySelector(sel).scrollIntoView({ behavior: 'smooth', block: 'center' });
-                        }, selector);
-                        await wait(500);
-                        await randomWait(200, 800);
-                        await button.click();
-                        console.log('✓ Button clicked after scrolling!');
+        // Check for username input field
+        let loginInputFound = false;
+        let bypass403Success = false;
+        
+        try {
+            const usernameInput = await page.$('#username');
+            if (usernameInput) {
+                loginInputFound = true;
+                bypass403Success = true;
+                console.log('✅ SUCCESS! Found username input - 403 bypass worked!');
+                console.log('✓ We are on the real login page!');
+                
+                // Check if input is visible
+                const isVisible = await usernameInput.isIntersectingViewport();
+                console.log(`Username input is visible: ${isVisible}`);
+                
+                // Get input attributes for confirmation
+                const inputInfo = await page.evaluate(() => {
+                    const input = document.querySelector('#username');
+                    if (input) {
+                        return {
+                            id: input.id,
+                            type: input.type,
+                            name: input.name,
+                            placeholder: input.placeholder,
+                            class: input.className
+                        };
                     }
-
-                    await wait(1500);
-                    break;
+                    return null;
+                });
+                
+                if (inputInfo) {
+                    console.log('📋 Input field details:');
+                    console.log(JSON.stringify(inputInfo, null, 2));
                 }
-            } catch (error) {
-                console.log(`Selector ${selector} failed: ${error.message}`);
+                
+                // Check for other login elements
+                const otherElements = await page.evaluate(() => {
+                    return {
+                        passwordField: !!document.querySelector('#password') || !!document.querySelector('input[type="password"]'),
+                        loginButton: !!document.querySelector('button[type="submit"]'),
+                        totalInputs: document.querySelectorAll('input').length,
+                        totalButtons: document.querySelectorAll('button').length,
+                        pageTitle: document.title,
+                        hasLoginForm: !!document.querySelector('form')
+                    };
+                });
+                
+                console.log('📊 Page structure analysis:');
+                console.log(`  - Password field found: ${otherElements.passwordField}`);
+                console.log(`  - Login button found: ${otherElements.loginButton}`);
+                console.log(`  - Total inputs: ${otherElements.totalInputs}`);
+                console.log(`  - Total buttons: ${otherElements.totalButtons}`);
+                console.log(`  - Page title: ${otherElements.pageTitle}`);
+                console.log(`  - Has form: ${otherElements.hasLoginForm}`);
+                
+            } else {
+                console.log('❌ Username input NOT found - still blocked or wrong page');
             }
+        } catch (error) {
+            console.log(`⚠️  Error checking for input: ${error.message}`);
         }
 
-        if (!buttonFound) {
-            console.log('⚠️  Button not found with any selector.');
-            console.log('This might mean you\'re already logged in or the page structure changed.');
-
-            const allButtons = await page.evaluate(() => {
-                return Array.from(document.querySelectorAll('button')).slice(0, 20).map(btn => ({
-                    id: btn.id,
-                    class: btn.className,
-                    text: btn.innerText?.substring(0, 50),
-                    testId: btn.getAttribute('data-testid')
-                }));
+        // Also check if we're still on Cloudflare page
+        const stillOnCloudflare = await page.evaluate(() => {
+            const body = document.body.innerText;
+            const title = document.title;
+            return (
+                body.includes('Just a moment') ||
+                body.includes('Checking your browser') ||
+                body.includes('Verify you are human') ||
+                title.includes('Just a moment') ||
+                body.includes('Cloudflare')
+            );
+        });
+        
+        if (stillOnCloudflare) {
+            console.log('⚠️  Still on Cloudflare challenge page');
+        } else if (!loginInputFound) {
+            console.log('⚠️  Not on Cloudflare, but also not on login page - checking what page we\'re on...');
+            
+            const pageInfo = await page.evaluate(() => {
+                return {
+                    url: window.location.href,
+                    title: document.title,
+                    bodyText: document.body.innerText.substring(0, 500),
+                    h1: document.querySelector('h1')?.innerText,
+                    errorMessage: document.querySelector('.error-message')?.innerText || 
+                                  document.querySelector('[class*="error"]')?.innerText
+                };
             });
-            console.log('\n📋 Available buttons on page (first 20):');
-            console.log(JSON.stringify(allButtons, null, 2));
+            
+            console.log('📄 Current page info:');
+            console.log(`  - URL: ${pageInfo.url}`);
+            console.log(`  - Title: ${pageInfo.title}`);
+            console.log(`  - H1: ${pageInfo.h1}`);
+            if (pageInfo.errorMessage) {
+                console.log(`  - Error message: ${pageInfo.errorMessage}`);
+            }
         }
 
         console.log('\n📸 Taking final screenshot...');
+        
+        if (bypass403Success) {
+            console.log('🎉 STATUS: 403 BYPASS SUCCESSFUL - Login page reached!');
+        } else {
+            console.log('❌ STATUS: 403 bypass failed or still on challenge page');
+        }
+        
         await page.screenshot({
             path: './betking-final.png',
             fullPage: true