Safari does not work on MacOS. It does not work at all on iOS devices - nor Chrome, nor Safari in redirect mode.

[Boardtale]

[REQUIRED] Describe your environment

• Operating System version: newest iOS newest macOS
• Firebase UI version: 6.1.0
• Firebase SDK version: 10.8.0

[REQUIRED] Describe the problem

Customers can't login to the system because they are not redirected or redirected but nothing happens.
I'm not sure if it's related but Safari and iOS are blocking 3rd party cookies and Firefox by default does to. Chrome will at some point also. https://cookie-script.com/blog/cross-domain-cookie-consent#browser-related-restrictions-related-to-third-party-cookies
What should one do using Firebase UI?

Steps to reproduce:

Just try to run any Google SSO on safari. Once you get redirected you will not have any session. Cookies seem to be lost

Relevant Code:

const config: firebaseui.auth.Config = {
  signInOptions: [
    // {
    //   provider: firebase.auth.EmailAuthProvider.PROVIDER_ID,
    //   signInMethod: firebase.auth.EmailAuthProvider.EMAIL_PASSWORD_SIGN_IN_METHOD,
    //   requireDisplayName: false,
    // },
    firebase.auth.GoogleAuthProvider.PROVIDER_ID,
  ],
  tosUrl: () => {
    navigateTo(RouteNames.TERMS_OF_USE);
  },
  privacyPolicyUrl: () => {
    navigateTo(RouteNames.PRIVACY_POLICY);
  },
  siteName: 'site',
  callbacks: {
    signInSuccessWithAuthResult: () => {
      if (auth.currentUser) {
        login(auth.currentUser).catch((e) => {
          console.error(e);
          showErrorPopup('Something went wrong', 'Try log out and log in again.');
        });
      } else {
        showErrorPopup('Something went wrong', 'Please try again');
        console.error('no active user');
      }
      return false;
    },
    signInFailure(e): Promise<void> | void {
      console.error(e);
      showErrorPopup('Something went wrong', 'Please try again');
    },
  },
};

[jhuleatt]

Let's use #1070 as the main issue to discuss this. I've posted #1070 (comment) there with a guide.