react-query-firebase 2.6.5 → 2.7.1

package/package.json

@@ -74,5 +74,5 @@
         "docs:build": "vitepress build docs",
         "docs:preview": "vitepress preview docs"
     },
-    "version": "2.6.5"
+    "version": "2.7.1"
 }

package/react-native/auth/index.d.ts

@@ -12,3 +12,5 @@ export * from "./useReauthenticateWitCredentialMutation";
 export * from "./useReauthenticateWitRedirectMutation";
 export * from "./useAuthStateReady";
 export * from "./useSignInAnonymouslyMutation";
+export * from "./useAuthProvider";
+export * from "./useLinkWithRedirect";

package/react-native/auth/index.js

@@ -12,3 +12,5 @@ export * from "./useReauthenticateWitCredentialMutation";
 export * from "./useReauthenticateWitRedirectMutation";
 export * from "./useAuthStateReady";
 export * from "./useSignInAnonymouslyMutation";
+export * from "./useAuthProvider";
+export * from "./useLinkWithRedirect";

package/react-native/auth/index.ts

@@ -12,3 +12,5 @@ export * from "./useReauthenticateWitCredentialMutation";
 export * from "./useReauthenticateWitRedirectMutation";
 export * from "./useAuthStateReady";
 export * from "./useSignInAnonymouslyMutation";
+export * from "./useAuthProvider";
+export * from "./useLinkWithRedirect";

package/react-native/auth/mutation-keys.d.ts

@@ -3,6 +3,7 @@ export declare const SEND_EMAIL_VERIFICATION_MUTATION_KEY: readonly ["FIREBASE",
 export declare const SIGN_IN_ANONYMOUSLY_MUTATION_KEY: readonly ["FIREBASE", "AUTH", "SIGN_IN_ANONYMOUSLY_MUTATION"];
 export declare const SIGN_IN_WITH_EMAIL_AND_PASSWORD_MUTATION_KEY: readonly ["FIREBASE", "AUTH", "SIGN_IN_WITH_EMAIL_AND_PASSWORD_MUTATION"];
 export declare const SIGN_IN_WITH_REDIRECT_MUTATION_KEY: readonly ["FIREBASE", "AUTH", "SIGN_IN_WITH_REDIRECT_MUTATION"];
+export declare const LINK_WITH_REDIRECT_MUTATION_KEY: readonly ["FIREBASE", "AUTH", "LINK_WITH_REDIRECT_MUTATION"];
 export declare const SIGN_OUT_MUTATION_KEY: readonly ["FIREBASE", "AUTH", "SIGN_OUT"];
 export declare const REAUTHENTICATE_WITH_REDIRECT_MUTATION_KEY: readonly ["FIREBASE", "AUTH", "REAUTHENTICATE_WITH_REDIRECT"];
 export declare const REAUTHENTICATE_WITH_CREDENTIAL_MUTATION_KEY: readonly ["FIREBASE", "AUTH", "REAUTHENTICATE_WITH_CREDENTIAL"];

package/react-native/auth/mutation-keys.js

@@ -11,6 +11,7 @@ export const SIGN_IN_WITH_EMAIL_AND_PASSWORD_MUTATION_KEY = [
     "SIGN_IN_WITH_EMAIL_AND_PASSWORD_MUTATION"
 ];
 export const SIGN_IN_WITH_REDIRECT_MUTATION_KEY = ["FIREBASE", "AUTH", "SIGN_IN_WITH_REDIRECT_MUTATION"];
+export const LINK_WITH_REDIRECT_MUTATION_KEY = ["FIREBASE", "AUTH", "LINK_WITH_REDIRECT_MUTATION"];
 export const SIGN_OUT_MUTATION_KEY = ["FIREBASE", "AUTH", "SIGN_OUT"];
 export const REAUTHENTICATE_WITH_REDIRECT_MUTATION_KEY = ["FIREBASE", "AUTH", "REAUTHENTICATE_WITH_REDIRECT"];
 export const REAUTHENTICATE_WITH_CREDENTIAL_MUTATION_KEY = [

package/react-native/auth/mutation-keys.ts

@@ -11,6 +11,7 @@ export const SIGN_IN_WITH_EMAIL_AND_PASSWORD_MUTATION_KEY = [
     "SIGN_IN_WITH_EMAIL_AND_PASSWORD_MUTATION"
 ] as const;
 export const SIGN_IN_WITH_REDIRECT_MUTATION_KEY = ["FIREBASE", "AUTH", "SIGN_IN_WITH_REDIRECT_MUTATION"] as const;
+export const LINK_WITH_REDIRECT_MUTATION_KEY = ["FIREBASE", "AUTH", "LINK_WITH_REDIRECT_MUTATION"] as const;
 export const SIGN_OUT_MUTATION_KEY = ["FIREBASE", "AUTH", "SIGN_OUT"] as const;
 export const REAUTHENTICATE_WITH_REDIRECT_MUTATION_KEY = ["FIREBASE", "AUTH", "REAUTHENTICATE_WITH_REDIRECT"] as const;
 export const REAUTHENTICATE_WITH_CREDENTIAL_MUTATION_KEY = [

package/react-native/auth/useAuthProvider.d.ts

@@ -0,0 +1,18 @@
+type AuthProvider = "google" | "facebook" | "email" | "github" | "twitter";
+/**
+ * A custom hook that returns an auth provider by id.
+ *
+ * @group Hook
+ * @param {AuthProvider} provider alas of a provider
+ *
+ * @returns {AuthProvider}
+ *
+ * @example
+ * ```jsx
+ * export const MyComponent = () => {
+ *  const authProvider = useAuthProvider('email');
+ * };
+ * ```
+ */
+export declare const useAuthProvider: (provider: AuthProvider) => any;
+export {};

package/react-native/auth/useAuthProvider.js

@@ -0,0 +1,35 @@
+import { EmailAuthProvider, FacebookAuthProvider, GithubAuthProvider, GoogleAuthProvider, TwitterAuthProvider } from "@react-native-firebase/auth";
+import { useMemo } from "react";
+/**
+ * A custom hook that returns an auth provider by id.
+ *
+ * @group Hook
+ * @param {AuthProvider} provider alas of a provider
+ *
+ * @returns {AuthProvider}
+ *
+ * @example
+ * ```jsx
+ * export const MyComponent = () => {
+ *  const authProvider = useAuthProvider('email');
+ * };
+ * ```
+ */
+export const useAuthProvider = (provider) => {
+    return useMemo(() => {
+        switch (provider) {
+            case "google":
+                return new GoogleAuthProvider();
+            case "email":
+                return new EmailAuthProvider();
+            case "facebook":
+                return new FacebookAuthProvider();
+            case "github":
+                return new GithubAuthProvider();
+            case "twitter":
+                return new TwitterAuthProvider();
+            default:
+                throw new Error(`Auth provider ${provider} is not supported.`);
+        }
+    }, [provider]);
+};

package/react-native/auth/useAuthProvider.ts

@@ -0,0 +1,45 @@
+import {
+    EmailAuthProvider,
+    FacebookAuthProvider,
+    GithubAuthProvider,
+    GoogleAuthProvider,
+    TwitterAuthProvider
+} from "@react-native-firebase/auth";
+import { useMemo } from "react";
+
+type AuthProvider = "google" | "facebook" | "email" | "github" | "twitter";
+
+/**
+ * A custom hook that returns an auth provider by id.
+ *
+ * @group Hook
+ * @param {AuthProvider} provider alas of a provider
+ *
+ * @returns {AuthProvider}
+ *
+ * @example
+ * ```jsx
+ * export const MyComponent = () => {
+ *  const authProvider = useAuthProvider('email');
+ * };
+ * ```
+ */
+
+export const useAuthProvider = (provider: AuthProvider) => {
+    return useMemo(() => {
+        switch (provider) {
+            case "google":
+                return new GoogleAuthProvider();
+            case "email":
+                return new EmailAuthProvider();
+            case "facebook":
+                return new FacebookAuthProvider();
+            case "github":
+                return new GithubAuthProvider();
+            case "twitter":
+                return new TwitterAuthProvider();
+            default:
+                throw new Error(`Auth provider ${provider} is not supported.`);
+        }
+    }, [provider]);
+};

package/react-native/auth/useLinkWithRedirect.d.ts

@@ -0,0 +1,15 @@
+import { UseMutationOptions } from "@tanstack/react-query";
+import { FirebaseAuthTypes, PopupRedirectResolver } from "@react-native-firebase/auth";
+import { ReactNativeFirebase } from "@react-native-firebase/app";
+export type UseLinkWitRedirectMutationVariables = {
+    user: FirebaseAuthTypes.User;
+    authProvider: FirebaseAuthTypes.AuthProvider;
+    popupRedirectResolver?: PopupRedirectResolver;
+};
+/**
+ * Custom hook for handling linking of Firebase account to auth provider
+ * This hook utilizes the `useMutation` mechanism to perform the sign-in operation.
+ * @param {Omit<UseMutationOptions<void, ReactNativeFirebase.NativeFirebaseError, UseLinkWitRedirectMutationVariables, TContext>, "mutationKey" | "mutationFn">} options - Optional configurations for the mutation, omitting the mutationKey and mutationFn properties.
+ * @returns {UseMutationResult<void, ReactNativeFirebase.NativeFirebaseError, UseLinkWitRedirectMutationVariables, TContext>} The result object from the useMutation hook, containing the mutation function and its current state.
+ */
+export declare const useLinkWitRedirectMutation: <TContext = unknown>(options?: Omit<UseMutationOptions<void, ReactNativeFirebase.NativeFirebaseError, UseLinkWitRedirectMutationVariables, TContext>, "mutationKey" | "mutationFn">) => import("@tanstack/react-query").UseMutationResult<void, ReactNativeFirebase.NativeFirebaseError, UseLinkWitRedirectMutationVariables, TContext>;

package/react-native/auth/useLinkWithRedirect.js

@@ -0,0 +1,16 @@
+import { useMutation } from "@tanstack/react-query";
+import { linkWithRedirect } from "@react-native-firebase/auth";
+import { LINK_WITH_REDIRECT_MUTATION_KEY } from "./mutation-keys";
+/**
+ * Custom hook for handling linking of Firebase account to auth provider
+ * This hook utilizes the `useMutation` mechanism to perform the sign-in operation.
+ * @param {Omit<UseMutationOptions<void, ReactNativeFirebase.NativeFirebaseError, UseLinkWitRedirectMutationVariables, TContext>, "mutationKey" | "mutationFn">} options - Optional configurations for the mutation, omitting the mutationKey and mutationFn properties.
+ * @returns {UseMutationResult<void, ReactNativeFirebase.NativeFirebaseError, UseLinkWitRedirectMutationVariables, TContext>} The result object from the useMutation hook, containing the mutation function and its current state.
+ */
+export const useLinkWitRedirectMutation = (options = {}) => {
+    return useMutation({
+        ...options,
+        mutationFn: async ({ user, authProvider, popupRedirectResolver }) => linkWithRedirect(user, authProvider, popupRedirectResolver),
+        mutationKey: LINK_WITH_REDIRECT_MUTATION_KEY
+    });
+};

package/react-native/auth/useLinkWithRedirect.ts

@@ -0,0 +1,36 @@
+import { useMutation, UseMutationOptions } from "@tanstack/react-query";
+import { linkWithRedirect, FirebaseAuthTypes, PopupRedirectResolver } from "@react-native-firebase/auth";
+
+import { LINK_WITH_REDIRECT_MUTATION_KEY } from "./mutation-keys";
+import { ReactNativeFirebase } from "@react-native-firebase/app";
+
+export type UseLinkWitRedirectMutationVariables = {
+    user: FirebaseAuthTypes.User;
+    authProvider: FirebaseAuthTypes.AuthProvider;
+    popupRedirectResolver?: PopupRedirectResolver;
+};
+
+/**
+ * Custom hook for handling linking of Firebase account to auth provider
+ * This hook utilizes the `useMutation` mechanism to perform the sign-in operation.
+ * @param {Omit<UseMutationOptions<void, ReactNativeFirebase.NativeFirebaseError, UseLinkWitRedirectMutationVariables, TContext>, "mutationKey" | "mutationFn">} options - Optional configurations for the mutation, omitting the mutationKey and mutationFn properties.
+ * @returns {UseMutationResult<void, ReactNativeFirebase.NativeFirebaseError, UseLinkWitRedirectMutationVariables, TContext>} The result object from the useMutation hook, containing the mutation function and its current state.
+ */
+export const useLinkWitRedirectMutation = <TContext = unknown>(
+    options: Omit<
+        UseMutationOptions<
+            void,
+            ReactNativeFirebase.NativeFirebaseError,
+            UseLinkWitRedirectMutationVariables,
+            TContext
+        >,
+        "mutationKey" | "mutationFn"
+    > = {}
+) => {
+    return useMutation({
+        ...options,
+        mutationFn: async ({ user, authProvider, popupRedirectResolver }: UseLinkWitRedirectMutationVariables) =>
+            linkWithRedirect(user, authProvider, popupRedirectResolver),
+        mutationKey: LINK_WITH_REDIRECT_MUTATION_KEY
+    });
+};

package/web/auth/index.d.ts

@@ -12,3 +12,5 @@ export * from "./useIdToken";
 export * from "./useReauthenticateWitCredentialMutation";
 export * from "./useReauthenticateWitRedirectMutation";
 export * from "./useSignInAnonymouslyMutation";
+export * from "./useAuthProvider";
+export * from "./useLinkWithRedirect";

package/web/auth/index.js

@@ -12,3 +12,5 @@ export * from "./useIdToken";
 export * from "./useReauthenticateWitCredentialMutation";
 export * from "./useReauthenticateWitRedirectMutation";
 export * from "./useSignInAnonymouslyMutation";
+export * from "./useAuthProvider";
+export * from "./useLinkWithRedirect";

package/web/auth/index.ts

@@ -12,3 +12,5 @@ export * from "./useIdToken";
 export * from "./useReauthenticateWitCredentialMutation";
 export * from "./useReauthenticateWitRedirectMutation";
 export * from "./useSignInAnonymouslyMutation";
+export * from "./useAuthProvider";
+export * from "./useLinkWithRedirect";

package/web/auth/mutation-keys.d.ts

@@ -3,6 +3,7 @@ export declare const SEND_EMAIL_VERIFICATION_MUTATION_KEY: readonly ["FIREBASE",
 export declare const SIGN_IN_ANONYMOUSLY_MUTATION_KEY: readonly ["FIREBASE", "AUTH", "SIGN_IN_ANONYMOUSLY_MUTATION"];
 export declare const SIGN_IN_WITH_EMAIL_AND_PASSWORD_MUTATION_KEY: readonly ["FIREBASE", "AUTH", "SIGN_IN_WITH_EMAIL_AND_PASSWORD_MUTATION"];
 export declare const SIGN_IN_WITH_REDIRECT_MUTATION_KEY: readonly ["FIREBASE", "AUTH", "SIGN_IN_WITH_REDIRECT_MUTATION"];
+export declare const LINK_WITH_REDIRECT_MUTATION_KEY: readonly ["FIREBASE", "AUTH", "LINK_WITH_REDIRECT_MUTATION"];
 export declare const SIGN_OUT_MUTATION_KEY: readonly ["FIREBASE", "AUTH", "SIGN_OUT"];
 export declare const REAUTHENTICATE_WITH_REDIRECT_MUTATION_KEY: readonly ["FIREBASE", "AUTH", "REAUTHENTICATE_WITH_REDIRECT"];
 export declare const REAUTHENTICATE_WITH_CREDENTIAL_MUTATION_KEY: readonly ["FIREBASE", "AUTH", "REAUTHENTICATE_WITH_CREDENTIAL"];

package/web/auth/mutation-keys.js

@@ -11,6 +11,7 @@ export const SIGN_IN_WITH_EMAIL_AND_PASSWORD_MUTATION_KEY = [
     "SIGN_IN_WITH_EMAIL_AND_PASSWORD_MUTATION"
 ];
 export const SIGN_IN_WITH_REDIRECT_MUTATION_KEY = ["FIREBASE", "AUTH", "SIGN_IN_WITH_REDIRECT_MUTATION"];
+export const LINK_WITH_REDIRECT_MUTATION_KEY = ["FIREBASE", "AUTH", "LINK_WITH_REDIRECT_MUTATION"];
 export const SIGN_OUT_MUTATION_KEY = ["FIREBASE", "AUTH", "SIGN_OUT"];
 export const REAUTHENTICATE_WITH_REDIRECT_MUTATION_KEY = ["FIREBASE", "AUTH", "REAUTHENTICATE_WITH_REDIRECT"];
 export const REAUTHENTICATE_WITH_CREDENTIAL_MUTATION_KEY = [

package/web/auth/mutation-keys.ts

@@ -11,6 +11,7 @@ export const SIGN_IN_WITH_EMAIL_AND_PASSWORD_MUTATION_KEY = [
     "SIGN_IN_WITH_EMAIL_AND_PASSWORD_MUTATION"
 ] as const;
 export const SIGN_IN_WITH_REDIRECT_MUTATION_KEY = ["FIREBASE", "AUTH", "SIGN_IN_WITH_REDIRECT_MUTATION"] as const;
+export const LINK_WITH_REDIRECT_MUTATION_KEY = ["FIREBASE", "AUTH", "LINK_WITH_REDIRECT_MUTATION"] as const;
 export const SIGN_OUT_MUTATION_KEY = ["FIREBASE", "AUTH", "SIGN_OUT"] as const;
 export const REAUTHENTICATE_WITH_REDIRECT_MUTATION_KEY = ["FIREBASE", "AUTH", "REAUTHENTICATE_WITH_REDIRECT"] as const;
 export const REAUTHENTICATE_WITH_CREDENTIAL_MUTATION_KEY = [

package/web/auth/useAuthProvider.d.ts

@@ -0,0 +1,19 @@
+import { EmailAuthProvider, FacebookAuthProvider, GithubAuthProvider, GoogleAuthProvider, TwitterAuthProvider } from "firebase/auth";
+type AuthProvider = "google" | "facebook" | "email" | "github" | "twitter";
+/**
+ * A custom hook that returns an auth provider by id.
+ *
+ * @group Hook
+ * @param {AuthProvider} provider alas of a provider
+ *
+ * @returns {AuthProvider}
+ *
+ * @example
+ * ```jsx
+ * export const MyComponent = () => {
+ *  const authProvider = useAuthProvider('email');
+ * };
+ * ```
+ */
+export declare const useAuthProvider: (provider: AuthProvider) => GoogleAuthProvider | EmailAuthProvider | FacebookAuthProvider | GithubAuthProvider | TwitterAuthProvider;
+export {};

package/web/auth/useAuthProvider.js

@@ -0,0 +1,35 @@
+import { EmailAuthProvider, FacebookAuthProvider, GithubAuthProvider, GoogleAuthProvider, TwitterAuthProvider } from "firebase/auth";
+import { useMemo } from "react";
+/**
+ * A custom hook that returns an auth provider by id.
+ *
+ * @group Hook
+ * @param {AuthProvider} provider alas of a provider
+ *
+ * @returns {AuthProvider}
+ *
+ * @example
+ * ```jsx
+ * export const MyComponent = () => {
+ *  const authProvider = useAuthProvider('email');
+ * };
+ * ```
+ */
+export const useAuthProvider = (provider) => {
+    return useMemo(() => {
+        switch (provider) {
+            case "google":
+                return new GoogleAuthProvider();
+            case "email":
+                return new EmailAuthProvider();
+            case "facebook":
+                return new FacebookAuthProvider();
+            case "github":
+                return new GithubAuthProvider();
+            case "twitter":
+                return new TwitterAuthProvider();
+            default:
+                throw new Error(`Auth provider ${provider} is not supported.`);
+        }
+    }, [provider]);
+};

package/web/auth/useAuthProvider.ts

@@ -0,0 +1,45 @@
+import {
+    EmailAuthProvider,
+    FacebookAuthProvider,
+    GithubAuthProvider,
+    GoogleAuthProvider,
+    TwitterAuthProvider
+} from "firebase/auth";
+import { useMemo } from "react";
+
+type AuthProvider = "google" | "facebook" | "email" | "github" | "twitter";
+
+/**
+ * A custom hook that returns an auth provider by id.
+ *
+ * @group Hook
+ * @param {AuthProvider} provider alas of a provider
+ *
+ * @returns {AuthProvider}
+ *
+ * @example
+ * ```jsx
+ * export const MyComponent = () => {
+ *  const authProvider = useAuthProvider('email');
+ * };
+ * ```
+ */
+
+export const useAuthProvider = (provider: AuthProvider) => {
+    return useMemo(() => {
+        switch (provider) {
+            case "google":
+                return new GoogleAuthProvider();
+            case "email":
+                return new EmailAuthProvider();
+            case "facebook":
+                return new FacebookAuthProvider();
+            case "github":
+                return new GithubAuthProvider();
+            case "twitter":
+                return new TwitterAuthProvider();
+            default:
+                throw new Error(`Auth provider ${provider} is not supported.`);
+        }
+    }, [provider]);
+};

package/web/auth/useLinkWithRedirect.d.ts

@@ -0,0 +1,15 @@
+import { UseMutationOptions } from "@tanstack/react-query";
+import { AuthProvider, PopupRedirectResolver, User } from "firebase/auth";
+import { FirebaseError } from "firebase/app";
+export type UseLinkWitRedirectMutationVariables = {
+    user: User;
+    authProvider: AuthProvider;
+    popupRedirectResolver?: PopupRedirectResolver;
+};
+/**
+ * Custom hook for handling linking of Firebase account to auth provider
+ * This hook utilizes the `useMutation` mechanism to perform the sign-in operation.
+ * @param {Omit<UseMutationOptions<void, FirebaseError, UseLinkWitRedirectMutationVariables, TContext>, "mutationKey" | "mutationFn">} options - Optional configurations for the mutation, omitting the mutationKey and mutationFn properties.
+ * @returns {UseMutationResult<void, FirebaseError, UseLinkWitRedirectMutationVariables, TContext>} The result object from the useMutation hook, containing the mutation function and its current state.
+ */
+export declare const useLinkWitRedirectMutation: <TContext = unknown>(options?: Omit<UseMutationOptions<void, FirebaseError, UseLinkWitRedirectMutationVariables, TContext>, "mutationKey" | "mutationFn">) => import("@tanstack/react-query").UseMutationResult<void, FirebaseError, UseLinkWitRedirectMutationVariables, TContext>;

package/web/auth/useLinkWithRedirect.js

@@ -0,0 +1,16 @@
+import { useMutation } from "@tanstack/react-query";
+import { linkWithRedirect } from "firebase/auth";
+import { LINK_WITH_REDIRECT_MUTATION_KEY } from "./mutation-keys";
+/**
+ * Custom hook for handling linking of Firebase account to auth provider
+ * This hook utilizes the `useMutation` mechanism to perform the sign-in operation.
+ * @param {Omit<UseMutationOptions<void, FirebaseError, UseLinkWitRedirectMutationVariables, TContext>, "mutationKey" | "mutationFn">} options - Optional configurations for the mutation, omitting the mutationKey and mutationFn properties.
+ * @returns {UseMutationResult<void, FirebaseError, UseLinkWitRedirectMutationVariables, TContext>} The result object from the useMutation hook, containing the mutation function and its current state.
+ */
+export const useLinkWitRedirectMutation = (options = {}) => {
+    return useMutation({
+        ...options,
+        mutationFn: async ({ user, authProvider, popupRedirectResolver }) => linkWithRedirect(user, authProvider, popupRedirectResolver),
+        mutationKey: LINK_WITH_REDIRECT_MUTATION_KEY
+    });
+};

package/web/auth/useLinkWithRedirect.ts

@@ -0,0 +1,31 @@
+import { useMutation, UseMutationOptions } from "@tanstack/react-query";
+import { AuthProvider, linkWithRedirect, PopupRedirectResolver, User } from "firebase/auth";
+
+import { LINK_WITH_REDIRECT_MUTATION_KEY } from "./mutation-keys";
+import { FirebaseError } from "firebase/app";
+
+export type UseLinkWitRedirectMutationVariables = {
+    user: User;
+    authProvider: AuthProvider;
+    popupRedirectResolver?: PopupRedirectResolver;
+};
+
+/**
+ * Custom hook for handling linking of Firebase account to auth provider
+ * This hook utilizes the `useMutation` mechanism to perform the sign-in operation.
+ * @param {Omit<UseMutationOptions<void, FirebaseError, UseLinkWitRedirectMutationVariables, TContext>, "mutationKey" | "mutationFn">} options - Optional configurations for the mutation, omitting the mutationKey and mutationFn properties.
+ * @returns {UseMutationResult<void, FirebaseError, UseLinkWitRedirectMutationVariables, TContext>} The result object from the useMutation hook, containing the mutation function and its current state.
+ */
+export const useLinkWitRedirectMutation = <TContext = unknown>(
+    options: Omit<
+        UseMutationOptions<void, FirebaseError, UseLinkWitRedirectMutationVariables, TContext>,
+        "mutationKey" | "mutationFn"
+    > = {}
+) => {
+    return useMutation({
+        ...options,
+        mutationFn: async ({ user, authProvider, popupRedirectResolver }: UseLinkWitRedirectMutationVariables) =>
+            linkWithRedirect(user, authProvider, popupRedirectResolver),
+        mutationKey: LINK_WITH_REDIRECT_MUTATION_KEY
+    });
+};