@helpai/elements 1.9.0 → 1.10.0

package/web-component.d.ts

@@ -818,6 +818,8 @@ interface TrackingOptions {
  * alongside at the top level — they're function / DOM types that can't be
  * serialised on the wire.
  */
+/** A signed user token, or a function that returns a fresh one (see {@link ChatWidgetOptions.userToken}). */
+type UserTokenSource = string | (() => string | Promise<string>);
 interface ChatWidgetOptions {
   /**
    * Stable identifier for this widget instance. Use when mounting more
@@ -893,6 +895,14 @@ interface ChatWidgetOptions {
    * interface (`get` / `set` / `remove` / `clear`).
    */
   storage?: ClientStorage;
+  /**
+   * Proves who the logged-in visitor is: a JWT your server signs (HS256) with the deployment's secret key, carrying
+   * `sub` (your user id) and `exp`, optionally `name` and `email`. A function is called when a token is first
+   * needed and again when the server rejects the current one as expired, so return a fresh token from it. Their
+   * conversations then follow them to any device; `chat.login(token)` sets it after sign-in, `chat.reset()` on
+   * sign-out. Sent only to the agent API, as `x-user-token`.
+   */
+  userToken?: UserTokenSource;
   onMessage?: (msg: {
     role: string;
     text: string;
@@ -1489,6 +1499,18 @@ interface ChatWidgetInstance {
    * Listeners added with `on()` stay.
    */
   reset: () => void;
+  /**
+   * Sign the visitor in as your logged-in user, after they log in to your site: `userToken` is a JWT your server
+   * signs with the deployment's secret key (`sub`, `exp`; optional `name`, `email`), or a function that returns a
+   * fresh one. The widget reconnects as that user: their earlier chats on this browser move to them, and their
+   * conversations follow them to any device. Call `reset()` when they log out.
+   *
+   * @example
+   * ```ts
+   * chat.login(async () => (await fetch('/api/help-ai-token')).text());
+   * ```
+   */
+  login: (userToken: UserTokenSource) => void;
   /**
    * Subscribe to a lifecycle event. Returns an `off` function. See
    * {@link EventMap} for the full set + payload shapes — currently
@@ -1557,7 +1579,7 @@ export type WebAiChatAttributes = Partial<Record<WebAiChatAttributeName, string>
   'ai-agent-deployment-id': string;
 };
 /** A page's `<web-ai-chat>`: the same commands, state and events as the `mount()` handle. */
-export type WebAiChatElement = HTMLElement & Pick<ChatWidgetInstance, 'open' | 'close' | 'expand' | 'openForm' | 'ask' | 'on' | 'state' | 'ready' | 'reset'>;
+export type WebAiChatElement = HTMLElement & Pick<ChatWidgetInstance, 'open' | 'close' | 'expand' | 'openForm' | 'ask' | 'on' | 'state' | 'ready' | 'reset' | 'login'>;
 declare global {
   interface HTMLElementTagNameMap {
     'web-ai-chat': WebAiChatElement;