feat: adds JS Token Vault + CIBA renaming updates

Author: priley86

auth4genai/how-tos/analyze-strava-activities.mdx

@@ -20,7 +20,7 @@ Before using this example, make sure you:
 ## 1. Define the Vercel AI Tool and backend API Route
 
 Define a `getActivities` tool that uses GPT-4 to fetch and analyze a user's recent fitness activity from Strava:
-- When the tool calls `getAccessTokenForConnection()` to fetch a Spotify access token, pass in `strava-custom` as the connection name.
+- When the tool calls `getAccessTokenFromTokenVault()` to fetch a Spotify access token, pass in `strava-custom` as the connection name.
 
 ```tsx wrap lines
 import { openai } from "@ai-sdk/openai"
@@ -48,7 +48,7 @@ export async function POST(req) {
           limit: z.number().default(5).describe("Number of activities to fetch"),
         }),
         execute: async ({ limit }) => {
-          const { token: accessToken } = await auth0.getAccessTokenForConnection({ connection: "strava-custom" });
+          const { token: accessToken } = await auth0.getAccessTokenFromTokenVault({ connection: "strava-custom" });
 
           const url = `https://www.strava.com/api/v3/athlete/activities?per_page=${limit}`;
 

auth4genai/how-tos/create-spotify-playlist.mdx

@@ -23,7 +23,7 @@ Before using this example, make sure you:
 ## 1. Define the Vercel AI Tool and backend API Route
 
 Define a `createPlaylist` tool that uses GPT-4 to create a new Spotify playlist for the user:
-- When the tool calls `getAccessTokenForConnection()` to fetch a Spotify access token, pass in `spotify-custom` as the connection name.
+- When the tool calls `getAccessTokenFromTokenVault()` to fetch a Spotify access token, pass in `spotify-custom` as the connection name.
 
 ```tsx wrap app/api/chat/route.js lines
 import { openai } from "@ai-sdk/openai"
@@ -47,7 +47,7 @@ export async function POST(req) {
           description: z.string().describe("Optional description of the playlist"),
         }),
         execute: async ({ description }) => {
-          const { token: accessToken } = await auth0.getAccessTokenForConnection({ connection: "spotify-custom" });
+          const { token: accessToken } = await auth0.getAccessTokenFromTokenVault({ connection: "spotify-custom" });
           // search for songs based on description
           const query = new URLSearchParams({
             q: description,

auth4genai/how-tos/get-salesforce-opportunities.mdx

@@ -31,7 +31,7 @@ SALESFORCE_INSTANCE_URL=https://your-instance.salesforce.com
 
 Create an AI tool that gets a list of opportunities from Salesforce and a backend route that uses Auth0 to get a Salesforce access token:
 
-- When the tool calls `auth0.getAccessTokenForConnection()`, pass `sfdc` as the connection name to get a Salesforce access token.
+- When the tool calls `auth0.getAccessTokenFromTokenVault()`, pass `sfdc` as the connection name to get a Salesforce access token.
 
 ```tsx app/api/chat/route.js wrap lines
 import { openai } from "@ai-sdk/openai";
@@ -70,7 +70,7 @@ export async function POST(req) {
           const url = `${instanceUrl}/services/data/v57.0/${endpoint}`;
 
           // call auth0 to get the access token
-          const { accessToken } = await auth0.getAccessTokenForConnection({
+          const { accessToken } = await auth0.getAccessTokenFromTokenVault({
             connection: "sfdc",
           });
 

auth4genai/integrations/github.mdx

@@ -83,7 +83,7 @@ To configure the Token Vault for your GitHub connection, you can use the followi
     ```tsx wrap lines
     const auth0AI = new Auth0AI();
 
-    export const withGitHubConnection = auth0AI.withTokenForConnection({
+    export const withGitHubConnection = auth0AI.withTokenVault({
       connection: "github",
       // scopes are not supported for GitHub yet. Set required scopes when creating the accompanying GitHub app
       scopes: [],

auth4genai/integrations/google.mdx

@@ -150,7 +150,7 @@ To configure the Token Vault for your Google connection, you can use the followi
     ```tsx wrap lines
     const auth0AI = new Auth0AI();
 
-    export const withGoogleConnection = auth0AI.withTokenForConnection({
+    export const withGoogleConnection = auth0AI.withTokenVault({
       connection: "google-oauth2",
       scopes: ["https://www.googleapis.com/auth/calendar.freebusy", ...],
       refreshToken: getAuth0RefreshToken(),

auth4genai/integrations/slack.mdx

@@ -84,7 +84,7 @@ To configure the Token Vault for your GitHub connection, you can use the followi
     ```tsx wrap lines
     const auth0AI = new Auth0AI();
 
-    export const withSlackConnection = auth0AI.withTokenForConnection({
+    export const withSlackConnection = auth0AI.withTokenVault({
       connection: "sign-in-with-slack",
       scopes: ["channels:read", ...],
       refreshToken: getAuth0RefreshToken(),

auth4genai/intro/call-others-apis-on-users-behalf.mdx

@@ -1,6 +1,6 @@
 ---
 title: Call Other's APIs on User's Behalf
-description: "[Token Vault](/intro/token-vault) lets your AI agent call external APIs on the user's behalf. We provide SDKs for Python, JavaScript, and popular AI frameworks like LangChain, LlamaIndex, Genkit, and Vercel AI, making it easy and straightforward to get access tokens for your federated connections."
+description: "[Token Vault](/intro/token-vault) lets your AI agent call external APIs on the user's behalf. We provide SDKs for Python, JavaScript, and popular AI frameworks like LangChain, LlamaIndex, Genkit, and Vercel AI, making it easy and straightforward to get access tokens for your third-party connections."
 ---
 
 ## Web applications with backend for frontend
@@ -135,4 +135,4 @@ To begin using Auth0 Token Vault with your AI agents, refer to the following res
     icon="key"
     horizontal
   />
-</Columns>
+</Columns>

auth4genai/intro/token-vault.mdx

@@ -47,9 +47,9 @@ By using Token Vault, you can:
 The process of using Token Vault involves the following key steps:
 
 1. **User authentication and consent:** The [user links](/intro/account-linking) and authenticates with an external Identity Provider (e.g., Google) and grants your application permission to access their data by approving the requested OAuth scopes.
-2. **Secure token storage:** Auth0 receives the federated access and refresh tokens from the external provider and stores them securely within Token Vault.
-3. **Token exchange:** Your application can then exchange a valid Auth0 refresh token for a federated access token from Token Vault. This allows your application to obtain the necessary credentials to call the third-party API without the user having to re-authenticate. It also means your application does not need to store or manage any credentials.
-4. **API call:** With the federated access token, your AI agent can make authorized calls to the third-party API on the user's behalf.
+2. **Secure token storage:** Auth0 receives access and refresh tokens from the external provider and stores them securely within Token Vault.
+3. **Token exchange:** Your application can then exchange a valid Auth0 refresh token for a third-party access token from Token Vault. This allows your application to obtain the necessary credentials to call the third-party API without the user having to re-authenticate. It also means your application does not need to store or manage any credentials.
+4. **API call:** With the third-party access token, your AI agent can make authorized calls to the third-party API on the user's behalf.
 
 ## Supported integrations
 

auth4genai/sdks/javascript-sdk.mdx

@@ -63,7 +63,7 @@ This library helps to set up the React components that can be used in AI applica
 - Tools for getting access tokens for supported social and enterprise identity providers
 
 ```bash wrap lines
-npx @auth0/ai-components add FederatedConnections
+npx @auth0/ai-components add TokenVault
 ```
 
 ### [Redis Store for Auth0 AI](https://github.com/auth0-lab/auth0-ai-js/tree/main/packages/ai-redis)

auth4genai/snippets/get-started/langchain-fastapi-py/async-auth.mdx

@@ -147,7 +147,7 @@ async def api_route(
 
 #### Create a tool to call your API
 
-In this example, we use a tool that buys products on the user's behalf. When the user approves the transaction, the Auth0 AI SDK retrieves an access token to call the shop's API. Upon completing the CIBA flow, the AI agent responds with a message confirming the purchase. The Auth0 AI SDK returns an error response if the user denies the transaction.
+In this example, we use a tool that buys products on the user's behalf. When the user approves the transaction, the Auth0 AI SDK retrieves an access token to call the shop's API. Upon completing the Async Authorization flow, the AI agent responds with a message confirming the purchase. The Auth0 AI SDK returns an error response if the user denies the transaction.
 
 Now, create a file `app/agents/tools/shop_online.py` and add the following code: