fix(example): skip browser auth callback when proxy is passed

example/e2e/invoice-schedule.spec.ts

@@ -37,12 +37,6 @@ const currenciesResponse = {
  * reverse registration order, so the specific stubs below take precedence over it.
  */
 async function stubInvoiceScheduleApi(page: Page) {
-  await page.route('**/api/fetch-refresh-token', (route) =>
-    route.fulfill({
-      json: { access_token: 'e2e-access-token', expires_in: 3600 },
-    }),
-  );
-
   await page.route(
     /\/v1\/contractors\/employments\/[^/]+\/contractor-currencies/,
     (route) => route.fulfill({ json: currenciesResponse }),

example/src/ContractorOnboarding.tsx

@@ -745,10 +745,7 @@ export const ContractorOnboardingWithProps = ({
 }: ContractorOnboardingFormData) => {
   return (
     <div className='contractor-onboarding-container'>
-      <RemoteFlows
-        authType='company-manager'
-        proxy={{ url: window.location.origin }}
-      >
+      <RemoteFlows proxy={{ url: window.location.origin }}>
         <div className='contractor-onboarding-content'>
           <ContractorOnboardingFlow
             render={OnBoardingRender}

example/src/CreateCompany.tsx

@@ -177,10 +177,7 @@ export const CreateCompanyWithProps = ({
 }: CreateCompanyWithPropsData) => {
   return (
     <div className='contractor-onboarding-container'>
-      <RemoteFlows
-        authType='company-manager'
-        proxy={{ url: window.location.origin }}
-      >
+      <RemoteFlows proxy={{ url: window.location.origin }}>
         <div className='contractor-onboarding-content'>
           <Header />
           <Card className='px-0 py-0'>

example/src/JsonSchemaComparisonDemo.tsx

@@ -3,10 +3,7 @@ import { RemoteFlows } from './RemoteFlows';
 
 export const JsonSchemaComparisonDemo = () => {
   return (
-    <RemoteFlows
-      authType='company-manager'
-      proxy={{ url: window.location.origin }}
-    >
+    <RemoteFlows proxy={{ url: window.location.origin }}>
       <JsonSchemaComparison />
     </RemoteFlows>
   );

example/src/RemoteFlows.tsx

@@ -47,8 +47,9 @@ type RemoteFlowsProps = Omit<RemoteFlowsSDKProps, 'auth'> & {
   auth?: RemoteFlowsSDKProps['auth'];
   isClientToken?: boolean;
   /**
-   * `'none'` skips the FE-side auth callback entirely — use it when the proxy
-   * mints tokens server-side and the FE never needs to hold one.
+   * `'none'` skips the FE-side auth callback entirely. It's the default when
+   * `proxy` is passed, since the example proxy mints tokens server-side and
+   * the FE never needs to hold one.
    */
   authType?: 'refresh-token' | 'company-manager' | 'client' | 'none';
 };
@@ -59,8 +60,9 @@ export const RemoteFlows = ({
   authType,
   ...props
 }: RemoteFlowsProps) => {
+  const hasProxy = !!props.proxy;
   const auth = useMemo(() => {
-    if (authType === 'none') {
+    if (authType === 'none' || (!authType && !isClientToken && hasProxy)) {
       return undefined;
     }
     if (authType === 'company-manager') {
@@ -71,7 +73,7 @@ export const RemoteFlows = ({
     }
 
     return fetchCompanyToken;
-  }, [authType, isClientToken]);
+  }, [authType, isClientToken, hasProxy]);
   return (
     <ErrorBoundary>
       <RemoteFlowsAuth

example/src/Termination.tsx

@@ -192,7 +192,7 @@ export const TerminationWithProps = ({
 }) => {
   const proxyURL = window.location.origin;
   return (
-    <RemoteFlows proxy={{ url: proxyURL }} authType='company-manager'>
+    <RemoteFlows proxy={{ url: proxyURL }}>
       <TerminationFlow
         employmentId={employmentId}
         render={TerminationRender}

example/src/flows/JsonSchemaPlayground/JsonSchemaPlayground.tsx

@@ -28,10 +28,7 @@ export const JsonSchemaPlayground = () => {
   }, []);
 
   return (
-    <RemoteFlows
-      authType='company-manager'
-      proxy={{ url: window.location.origin }}
-    >
+    <RemoteFlows proxy={{ url: window.location.origin }}>
       <JsonSchemaPlaygroundFlow
         defaultSchema={selectedSchema}
         schemas={SCHEMAS}