Fix

web/lib/firebase/users.ts

@@ -6,6 +6,7 @@ import {getAuth, GoogleAuthProvider, signInWithPopup} from 'firebase/auth'
 import {safeLocalStorage} from '../util/local'
 import {app} from './init'
 import {IS_LOCAL, WEB_URL} from "common/envs/constants";
+import {GOOGLE_CLIENT_ID} from "common/constants";
 
 dayjs.extend(utc)
 
@@ -69,10 +70,6 @@ async function generatePKCE() {
   return {codeVerifier, codeChallenge};
 }
 
-export const WEB_GOOGLE_CLIENT_ID = '253367029065-khkj31qt22l0vc3v754h09vhpg6t33ad.apps.googleusercontent.com'
-export const ANDROID_GOOGLE_CLIENT_ID = '253367029065-s9sr5vqgkhc8f7p5s6ti6a4chqsrqgc4.apps.googleusercontent.com'
-export const GOOGLE_CLIENT_ID = WEB_GOOGLE_CLIENT_ID
-
 /**
  * Authenticates a Firebase client running a webview APK on Android with Google OAuth.
  *
@@ -88,7 +85,7 @@ export async function webviewGoogleSignin() {
   localStorage.setItem('pkce_verifier', codeVerifier);
 
   const params = new URLSearchParams({
-    client_id: ANDROID_GOOGLE_CLIENT_ID,
+    client_id: GOOGLE_CLIENT_ID,
     redirect_uri: `${WEB_URL}/auth/callback`,
     response_type: 'code',
     scope: 'openid email profile',

web/pages/_app.tsx

@@ -12,7 +12,7 @@ import clsx from 'clsx'
 import {initTracking} from 'web/lib/service/analytics'
 import WebPush from "web/lib/service/web-push";
 import AndroidPush from "web/lib/service/android-push";
-import {ANDROID_GOOGLE_CLIENT_ID} from "web/lib/firebase/users";
+import {unauthedApi} from "common/util/api";
 
 // See https://nextjs.org/docs/basic-features/font-optimization#google-fonts
 // and if you add a font, you must add it to tailwind config as well for it to work.
@@ -81,24 +81,9 @@ function MyApp({Component, pageProps}: AppProps<PageProps>) {
         return;
       }
 
-      const codeVerifier = localStorage.getItem('pkce_verifier');
-
-      const body = {
-        client_id: ANDROID_GOOGLE_CLIENT_ID,
-        code,
-        code_verifier: codeVerifier!,
-        redirect_uri: 'com.compassmeet:/auth',
-        grant_type: 'authorization_code',
-      }
-      console.log('Body:', body);
-      const tokenResponse = await fetch('https://oauth2.googleapis.com/token', {
-        method: 'POST',
-        headers: {'Content-Type': 'application/x-www-form-urlencoded'},
-        body: new URLSearchParams(body),
-      });
-
-      const tokens = await tokenResponse.json();
-      console.log('Tokens:', tokens);
+      const {result} = await unauthedApi('auth-google', {code})
+      console.log('/auth-google result', result);
+      //   google sign in
     }
 
     // Expose globally for native bridge

web/pages/auth/callback.tsx

@@ -1,21 +1,18 @@
 import {useEffect} from "react";
-import {GOOGLE_CLIENT_ID} from "web/lib/firebase/users";
 
 export default function GoogleAuthCallback() {
   useEffect(() => {
     async function fetchToken() {
       const params = new URLSearchParams(window.location.search);
-      console.log('/auth/callback code', params);
+      console.log('/auth/callback', params);
       const code = params.get('code');
-      const state = params.get('state');
-      console.log('/auth/callback code', code);
+      // const state = params.get('state');
 
       if (code) {
+        console.log('/auth/callback code', code);
         // Send code back to the native app
-        const deepLink = `com.compassmeet://auth?code=${encodeURIComponent(code)}&state=${encodeURIComponent(state || '')}`;
-        window.location.href = deepLink;
+        window.location.href = `com.compassmeet://auth?code=${encodeURIComponent(code)}}`;
 
-        //
         // const codeVerifier = localStorage.getItem('pkce_verifier');
         // const body = new URLSearchParams({
         //   client_id: GOOGLE_CLIENT_ID,