From f967fa96f337b1c8e3821520fd42bae3550e2af0 Mon Sep 17 00:00:00 2001
From: bruce-bakshi-okta <bruce.bakshi@okta.com>
Date: Fri, 17 Oct 2025 11:57:20 -0400
Subject: [PATCH] feat: snapchat docs added

---
 auth4genai/integrations/snapchat.mdx | 62 +++++++++++++++++-----------
 1 file changed, 37 insertions(+), 25 deletions(-)

diff --git a/auth4genai/integrations/snapchat.mdx b/auth4genai/integrations/snapchat.mdx
index a5d8f23a8..6632210db 100644
--- a/auth4genai/integrations/snapchat.mdx
+++ b/auth4genai/integrations/snapchat.mdx
@@ -1,40 +1,52 @@
 ---
 title: Snapchat
-description: "Connect your AI Agents to Snapchat for social media integration, content sharing, and user engagement."
 ---
 
 import FindDomainInfoBlock from "/snippets/common/find-domain-info-block.mdx";
-import AddConnectionInAuth0 from "/snippets/integrations/add-connection-auth0.mdx";
-import LearnMore from "/snippets/integrations/learn-more.mdx";
+import { IntegrationInfoBlock } from "/snippets/integrations/IntegrationInfoBlock.jsx";
+import { Auth0SetupBlock } from "/snippets/integrations/Auth0SetupBlock.jsx";
+import { TokenVaultConfigBlock } from "/snippets/integrations/TokenVaultConfigBlock.jsx";
+import  NextStepsBlock  from "/snippets/integrations/next-step.mdx";
 
-The Snapchat integration allows your AI Agents to authenticate users with their Snapchat accounts and access Snapchat features, user data, and social content on their behalf.
+A social agent that can share content (photos, videos, links) directly to a user's Snapchat account.
 
-## Overview
-
-The Snapchat integration is perfect for social media-focused AI applications that need to interact with Snapchat content, manage user profiles, share content, or automate social media workflows. This integration provides access to Snapchat's API for social and content features.
-
-## Configuration
+## Connect Snapchat to Auth0
 
 <Steps>
-  <Step title="Set up app in Snapchat">
-
-    1. Sign up for a [Snapchat Developer account](https://developers.snapchat.com/)
-    2. Navigate to the [Snap Kit Portal](https://kit.snapchat.com/manage) and create a new app in the Snapchat Developer Portal
-    3. You will need to pick the libraries you plan to use: Login Kit is required at the minimum.
-    4. Generate a new _Confidential OAuth 2.0 Client ID_ and note your **Confidential Client ID** and **Confidential Client Secret**
-    5. In the left hand panel, navigate to Versions > [Your App Name], scroll to the Login Kit section and add the redirect URIs.
-
+  <Step title="Snapchat setup">
+    1. Visit the [Snapchat Developer account](https://developers.snapchat.com/) page and sign up.
+    2. Navigate to the [Snap Kit Portal](https://developers.snap.com/snap-kit/home) and create a new app in the Snapchat Developer Portal
+    3. You will need to pick the libraries you plan to use: Login Kit is required at the minimum. Ensure **Login Kit** is enabled for your app. 
+    4. Generate a Confidential OAuth 2.0 Client ID and Client Secret and note:
+       - **Client ID**  (OAuth client_id)
+       - **Client Secret** (OAuth client_secret)
+    5. Configure Redirect URIs:
+       - Redirect URL: `https://YOUR_AUTH0_DOMAIN/login/callback`
+       - Snapchat requires HTTPS for redirect URIs.
+       <FindDomainInfoBlock />
+    6. Choose the Login Kit scopes:
+       - `https://auth.snapchat.com/oauth2/api/user.display_name` - For user's display name
+       - `https://auth.snapchat.com/oauth2/api/user.external_id` - For a unique user ID
+       - `https://auth.snapchat.com/oauth2/api/user.bitmoji.avatar`- Optional, for Bitmoji
+    7. In the left hand panel, navigate to Versions > [Your App Name], scroll to the Login Kit section and add the redirect URIs.
+
+    To learn more about setting up Snapchat, read the [Login with Snapchat documentation](https://developers.snap.com/snap-kit/login-kit/overview).
   </Step>
-  <Step title="Configure for Auth0">
+  <Step title="Auth0 setup">
+    <Auth0SetupBlock providerName="Snapchat" scopesName="Attributes" allowFreeFormScopes={true} />
+  </Step>
+</Steps>
 
-    1. Use the following settings when configuring your app:
-      - Redirect URIs for OAuth: `https://YOUR_AUTH0_DOMAIN/login/callback`
+<IntegrationInfoBlock providerName="Snapchat" />
 
-    <FindDomainInfoBlock />
+## Token Vault configuration example
 
-  </Step>
-</Steps>
+To configure the Token Vault for your Snapchat connection, you can use the following code snippet in your application:
 
-<AddConnectionInAuth0 />
+<TokenVaultConfigBlock 
+  providerName="Snapchat"
+  connectionName="snapchat"
+  scopes={["https://auth.snapchat.com/oauth2/api/user.display_name", "https://auth.snapchat.com/oauth2/api/user.external_id"]}
+/>
 
-<LearnMore />
+<NextStepsBlock />