Refactor connectAccountWithRedirect to Use Top-Level Scopes and Upgrade Auth0 SPA JS to v2.9.0

EXAMPLES.md

@@ -658,9 +658,9 @@ const ConnectAccount = () => {
   const { connectAccountWithRedirect } = useAuth0();
   return <button onClick={() => connectAccountWithRedirect({
     connection: '<CONNECTION eg, google-apps-connection>',
-    access_type: 'offline', // You must also request a refresh token from the third party Identity Provider for it to be stored in Token Vault.
+    scopes: ['<SCOPE eg https://www.googleapis.com/auth/calendar.acls.readonly>'],
     authorization_params: {
-      scope: '<SCOPE eg https://www.googleapis.com/auth/calendar.acls.readonly>'
+      // additional authorization params to forward to the authorization server
     }
   })}>Connect Google Calendar</button>;
 };

package.json

@@ -95,6 +95,6 @@
     "react-dom": "^16.11.0 || ^17 || ^18 || ^19"
   },
   "dependencies": {
-    "@auth0/auth0-spa-js": "^2.7.0"
+    "@auth0/auth0-spa-js": "^2.9.0"
   }
 }

src/auth0-context.tsx

@@ -126,9 +126,9 @@ export interface Auth0ContextInterface<TUser extends User = User>
    * ```js
    * await connectAccountWithRedirect({
    *   connection: 'google-oauth2',
-   *   authorizationParams: {
-   *     access_type: 'offline',
-   *     scope: 'openid profile email https://www.googleapis.com/auth/drive.readonly',
+   *   scopes: ['openid', 'profile', 'email', 'https://www.googleapis.com/auth/drive.readonly'],
+   *   authorization_params: {
+   *     // additional authorization params to forward to the authorization server
    *   }
    * });
    * ```