feat(useGoogleOneTapLogin): add disabled prop (#222)

* feat(useGoogleOneTapLogin): add disabled prop

* chore: add changeset

Author: p1yu5h

.changeset/old-years-yawn.md

@@ -0,0 +1,5 @@
+---
+'@react-oauth/google': minor
+---
+
+Added disabled prop to cancel the one tap login popup

README.md

@@ -266,3 +266,4 @@ const hasAccess = hasGrantedAnyScopeGoogle(
 |          | promptMomentNotification | `(notification: PromptMomentNotification) => void` | [PromptMomentNotification](https://developers.google.com/identity/gsi/web/reference/js-reference) methods and description                                                                                                                                                         |
 |          | cancel_on_tap_outside    | `boolean`                                          | Controls whether to cancel the prompt if the user clicks outside of the prompt                                                                                                                                                                                                    |
 |          | hosted_domain            | `string`                                           | If your application knows the Workspace domain the user belongs to, use this to provide a hint to Google. For more information, see the [hd](https://developers.google.com/identity/protocols/oauth2/openid-connect#authenticationuriparameters) field in the OpenID Connect docs |
+|          | disabled                 | `boolean`                                          | Controls whether to cancel the popup in cases such as when the user is already logged in                                                                                                                                                                                          |

packages/@react-oauth/google/src/hooks/useGoogleOneTapLogin.ts

@@ -14,6 +14,7 @@ interface UseGoogleOneTapLoginOptions {
   promptMomentNotification?: MomentListener;
   cancel_on_tap_outside?: boolean;
   hosted_domain?: string;
+  disabled?: boolean;
 }
 
 export default function useGoogleOneTapLogin({
@@ -22,6 +23,7 @@ export default function useGoogleOneTapLogin({
   promptMomentNotification,
   cancel_on_tap_outside,
   hosted_domain,
+  disabled,
 }: UseGoogleOneTapLoginOptions): void {
   const { clientId, scriptLoadedSuccessfully } = useGoogleOAuth();
 
@@ -37,6 +39,11 @@ export default function useGoogleOneTapLogin({
   useEffect(() => {
     if (!scriptLoadedSuccessfully) return;
 
+    if (disabled) {
+      window?.google?.accounts?.id?.cancel();
+      return;
+    }
+
     window?.google?.accounts?.id?.initialize({
       client_id: clientId,
       callback: (credentialResponse: GoogleCredentialResponse) => {
@@ -65,5 +72,6 @@ export default function useGoogleOneTapLogin({
     scriptLoadedSuccessfully,
     cancel_on_tap_outside,
     hosted_domain,
+    disabled,
   ]);
 }