<div id="google-onetap-container"></div>

const doLogin = async (data) => {
    console.log("data", data);
    if (data.credential) {
      // we do this call so that the state is created and saved in storage.
      await getThirdPartyAuthorisationURLWithQueryParamsAndSetState({
        thirdPartyId: "google",
        frontendRedirectURI: window.location.toString(),
      });
      const stateInfo = await getThirdPartyStateAndOtherInfoFromStorage();
      console.log("stateInfo", stateInfo);
      if (data.credential && stateInfo !== undefined) {
        const response = await thirdPartySignInAndUp({
          userContext: {
            id_token: data.credential,
            state: stateInfo.stateForAuthProvider,
          },
        });
        console.log("response", response);
        document.location.href = "/";
      }
    }
  };

ThirdPartyPasswordless.init({
      preAPIHook: async (context) => {
        let url = context.url;

        // is the fetch config object that contains the header, body etc..
        let requestInit = context.requestInit;

        let action = context.action;
        console.log("actions", context);
        if (action === "EMAIL_EXISTS") {
        } else if (action === "PASSWORDLESS_CONSUME_CODE") {
        } else if (action === "PASSWORDLESS_CREATE_CODE") {
        } else if (action === "PASSWORDLESS_RESEND_CODE") {
        } else if (action === "PHONE_NUMBER_EXISTS") {
        }

        // events such as sign out are in the
        // session recipe pre API hook (See the info box below)
        return {
          requestInit,
          url,
        };
      },
      override: {
        functions: (oI) => {
          return {
            ...oI,
            getThirdPartyAuthStateFromURL: (input) => {
              if (input.userContext.state) {
                return input.userContext.state;
              }
              return oI.getThirdPartyAuthStateFromURL(input);
            },
          };
        },
      },
    }),