chore(clerk-js,types): Replace redirectUrl with navigate in checkout.finalize()

.changeset/tall-dryers-hide.md

@@ -0,0 +1,7 @@
+---
+'@clerk/clerk-js': minor
+'@clerk/shared': minor
+'@clerk/types': minor
+---
+
+[Billing Beta] Replace `redirectUrl` with `navigate` in `checkout.finalize()`

packages/clerk-js/src/core/modules/checkout/instance.ts

@@ -2,6 +2,7 @@ import type {
   __experimental_CheckoutCacheState,
   __experimental_CheckoutInstance,
   __experimental_CheckoutOptions,
+  SetActiveNavigate,
 } from '@clerk/types';
 
 import type { Clerk } from '../../clerk';
@@ -62,9 +63,9 @@ function createCheckoutInstance(
     });
   };
 
-  const finalize = (params?: { redirectUrl: string }) => {
-    const { redirectUrl } = params || {};
-    return clerk.setActive({ session: clerk.session?.id, redirectUrl });
+  const finalize = (params?: { navigate?: SetActiveNavigate }) => {
+    const { navigate } = params || {};
+    return clerk.setActive({ session: clerk.session?.id, navigate });
   };
 
   const clear = () => manager.clearCheckout();

packages/shared/src/react/hooks/useCheckout.ts

@@ -2,6 +2,7 @@ import type {
   __experimental_CheckoutCacheState,
   __experimental_CheckoutInstance,
   CommerceCheckoutResource,
+  SetActiveNavigate,
 } from '@clerk/types';
 import { useMemo, useSyncExternalStore } from 'react';
 
@@ -57,7 +58,7 @@ type __experimental_UseCheckoutReturn = {
       confirm: __experimental_CheckoutInstance['confirm'];
       start: __experimental_CheckoutInstance['start'];
       clear: () => void;
-      finalize: (params?: { redirectUrl: string }) => void;
+      finalize: (params?: { navigate?: SetActiveNavigate }) => void;
       getState: () => __experimental_CheckoutCacheState;
       isStarting: boolean;
       isConfirming: boolean;

packages/types/src/clerk.ts

@@ -92,7 +92,7 @@
   confirm: (params: ConfirmCheckoutParams) => Promise<CheckoutResult>;
   start: () => Promise<CheckoutResult>;
   clear: () => void;
-  finalize: (params?: { redirectUrl: string }) => Promise<void>;
+  finalize: (params?: { navigate?: SetActiveNavigate }) => Promise<void>;
   subscribe: (listener: (state: __experimental_CheckoutCacheState) => void) => () => void;
   getState: () => __experimental_CheckoutCacheState;
 };
@@ -1144,7 +1144,7 @@
      */
     windowNavigate: (to: URL | string) => void;
   },
 ) => Promise<unknown> | unknown;
 
 export type WithoutRouting<T> = Omit<T, 'path' | 'routing'>;