Authentication

1
import { createSunnyChat } from "@sunnyhealthai/agents-sdk";
2
3
const chat = createSunnyChat({
4
  container: document.getElementById("chat"),
5
  partnerIdentifier: "acme-health",
6
  publicKey: "pk-sunnyagents_abc_xyz",
7
  authType: "tokenExchange",
8
  idTokenProvider: async () => {
9
    return localStorage.getItem("id_token");
10
  },
11
});

1
import { createSunnyChat } from "@sunnyhealthai/agents-sdk";
2
3
const chat = createSunnyChat({
4
  container: document.getElementById("chat"),
5
  partnerIdentifier: "acme-health",
6
  publicKey: "pk-sunnyagents_abc_xyz",
7
  authType: "passwordless",
8
});

1
interface UnifiedSunnyChatOptions {
2
  container: HTMLElement;              // Required: DOM element for the chat UI
3
  partnerIdentifier: string;           // Required: Your partner name
4
  publicKey: string;                   // Required: API key (pk-sunnyagents_...)
5
  authType: SdkAuthType;               // Required: "passwordless" | "tokenExchange"
6
  idTokenProvider?: () => Promise<string | null>; // Required for tokenExchange
7
  authUpgradeProfileSync?: AuthUpgradeProfileSyncData | (() => Promise<...>); // Pre-populate user data
8
  websocketUrl?: string;               // Override WebSocket URL (default: wss://chat.api.sunnyhealthai-staging.com)
9
  headerTitle?: string;                // Chat header title (default: "Sunny Agents")
10
  placeholder?: string;                // Input placeholder (default: "Ask anything...")
11
  colors?: VanillaChatColors;         // Theme colors
12
  fontSize?: string;                   // Base font size (default: "14px")
13
  fontFamily?: string;                 // Font family (default: "Lato")
14
  dimensions?: VanillaChatDimensions;  // Widget dimensions (see below)
15
  devRoute?: string;                   // Developer route for token exchange
16
}
17
18
interface VanillaChatDimensions {
19
  width?: string;           // Modal width when expanded (default: "1390px")
20
  height?: string;          // Modal height when expanded (default: "980px")
21
  triggerMaxWidth?: string;  // Max width of collapsed trigger bar (default: "600px")
22
}

1
const chat = createSunnyChat({
2
  container: document.getElementById("chat"),
3
  partnerIdentifier: "acme-health",
4
  publicKey: "pk-sunnyagents_abc_xyz",
5
  authType: "passwordless",
6
});
7
8
// Later, switch to token exchange with a custom provider
9
await chat.setAuthType("tokenExchange", {
10
  idTokenProvider: async () => getMyToken(),
11
});

1
import { createSunnyChat } from "@sunnyhealthai/agents-sdk";
2
3
const chat = createSunnyChat({
4
  container: document.getElementById("chat"),
5
  partnerIdentifier: "acme-health",
6
  publicKey: "pk-sunnyagents_abc_xyz",
7
  authType: "tokenExchange",
8
  idTokenProvider: async () => {
9
    try {
10
      const response = await fetch("/api/auth/token", {
11
        credentials: "include",
12
      });
13
      if (!response.ok) return null;
14
      const data = await response.json();
15
      return data.idToken;
16
    } catch (error) {
17
      console.error("Failed to get ID token:", error);
18
      return null;
19
    }
20
  },
21
});

1
idTokenProvider: async () => {
2
  const claims = await getIdTokenClaims({ cache: false });
3
  return claims?.__raw || null;
4
}

1
idTokenProvider: async () => {
2
  if (!user) return null;
3
  return await user.getIdToken(true);
4
}

1
const chat = createSunnyChat({
2
  container: document.getElementById("chat"),
3
  partnerIdentifier: "acme-health",
4
  publicKey: "pk-sunnyagents_abc_xyz",
5
  authType: "tokenExchange",
6
  idTokenProvider: async () => getMyToken(),
7
  authUpgradeProfileSync: {
8
    user_profile: { first_name: "Jane", last_name: "Doe" },
9
    user_address: {
10
      address_line_1: "123 Main St",
11
      city: "San Francisco",
12
      state: "CA",
13
      zip_code: "94102",
14
    },
15
  },
16
});