Private

import { useState } from "react";
import { Chatbot } from "@asgard-js/react";
import type { AuthState } from "@asgard-js/core";
 
export function PrivateBot() {
  const [authState, setAuthState] = useState<AuthState>("needApiKey");
 
  return (
    <Chatbot
      title="Private Bot"
      config={{
        botProviderEndpoint: "https://...",
        apiKey: authState === "authenticated" ? storedKey : undefined,
      }}
      customChannelId="private-channel"
      authState={authState}
      onApiKeySubmit={async (key) => {
        // Validate the key, then switch state
        setAuthState("authenticated");
      }}
      onAuthError={(error) => {
        if (error.isAuthError) setAuthState("needApiKey");
      }}
    />
  );
}