<pwa-auth> – enable Sign in with Google with a reduced response when strict privacy mode (Block third-party cookies or InPrivate browsing) is used (until we switch to Google Identity Services for Web).

components/pwa-auth/src/google-provider.ts

@@ -1,6 +1,21 @@
 import { SignInResult } from "./signin-result";
 import { SignInProvider } from "./signin-provider";
 
+const JP = (...a) => { try { return JSON.parse(...a); } catch (_) { return undefined; } };
+
+const any = AbortSignal.any ?? (S => {
+ const C = new AbortController(); for (const s of S) { if (s === undefined) continue; if (s.aborted) { C.abort(); break; } s.addEventListener('abort', () => C.abort(), { once: true, signal: C.signal }); }
+ return C.signal; 
+});
+
+const event = (name, { source: on = globalThis, map = x => x, find = e => true, signal, default: { value: V, error: E } = {} } = {}) => new Promise(async (Y, N) => { const s = signal; const A = new AbortController();
+ const a = async () => (V === undefined ? N(E) : Y(await V) ); if (s?.aborted) return (A.abort(), a()); s?.addEventListener?.('abort', a, { once: true });
+ const l = async e => { e = map(e); if (!find(e)) return; A.abort(); Y(await e); }; on.addEventListener (name, l, { signal: any([ s, A.signal ]) });
+});
+
+const wait = {};
+
+
 export class GoogleProvider implements SignInProvider {
 
  static readonly apiUrl = "https://apis.google.com/js/api:client.js";
@@ -66,8 +81,30 @@ export class GoogleProvider implements SignInProvider {
  }
 
  // Otherwise, kick off the OAuth flow.
- return auth.signIn()
- .then(user => this.getSignInResultFromUser(user));
+ // (Use only a reduced response when people Block third-party cookies or use InPrivate browsing.)
+ const I = auth.signIn();
+ const Y = async signal => {
+ const z = await event('message', { signal, map: e => JP(e.data), find: d => d?.params?.type == 'authResult' });
+ const id_token = z.params.authResult.id_token;
+ const j = await fetch(`https://oauth2.googleapis.com/tokeninfo?${new URLSearchParams({ id_token })}`).then(f => f.json());
+ const x = {
+ email: j.email,
+ idToken: id_token,
+ provider: 'Google',
+ error: null,
+ providerData: j
+ };
+ try { return this.getSignInResultFromUser(await I); }
+ catch (q) { return x ; }
+ };
+ const N = async signal => { event('message', { signal, map: e => JP(e.data), find: d => d?.params?.type == 'idpError' }).then(_ => wait.twice = true);
+ /**/ let e; e = await event('error', { signal });
+ if (wait.twice) { wait.twice = false; e = await event('error', { signal }); }
+ throw new Error('User cancelled the flow!');
+ };
+ let E; const C = new AbortController();
+ let R; try { R = await Promise.race([ Y(C.signal), N(C.signal) ]); } catch (e) { E = e; }; C.abort(); if (E !== undefined) throw E;
+ return R;
  }
 
  private getSignInResultFromUser(user: gapi.auth2.GoogleUser): SignInResult {