@helpai/elements 1.8.0 → 1.9.0

package/index.d.ts

@@ -93,8 +93,8 @@ type Position = 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
 type Mode = 'floating' | 'inline' | 'standalone' | 'page' | 'modal' | 'drawer';
 /** End-user text-size preference — scales the whole type ramp. */
 type TextSize = 'small' | 'normal' | 'large';
-/** Theme preference. `auto` follows `prefers-color-scheme`. */
-type ThemePreference = 'auto' | 'light' | 'dark';
+/** Theme preference. `auto` follows `prefers-color-scheme`; `host` follows the page's own light/dark. */
+type ThemePreference = 'auto' | 'light' | 'dark' | 'host';
 /**
  * How the assistant's reply is delivered.
  *
@@ -591,6 +591,8 @@ interface ResolvedModules {
 }
 /** CSS-custom-property overrides applied as inline styles on the host. */
 interface ThemeOverrides {
+  /** Light/dark beside the overrides — `host` keeps a deployment's accent while the page sets the mode. */
+  mode?: ThemePreference;
   accent?: string;
   accentText?: string;
   radius?: string;
@@ -1211,8 +1213,15 @@ declare const widgetSettingsSchema: z.ZodObject<{
   theme: z.ZodDefault<z.ZodUnion<readonly [z.ZodEnum<{
     auto: "auto";
     dark: "dark";
+    host: "host";
     light: "light";
   }>, z.ZodObject<{
+    mode: z.ZodOptional<z.ZodEnum<{
+      auto: "auto";
+      dark: "dark";
+      host: "host";
+      light: "light";
+    }>>;
     accent: z.ZodOptional<z.ZodString>;
     accentText: z.ZodOptional<z.ZodString>;
     radius: z.ZodOptional<z.ZodString>;
@@ -1546,8 +1555,15 @@ declare const widgetConfigSchema: z.ZodObject<{
   theme: z.ZodDefault<z.ZodUnion<readonly [z.ZodEnum<{
     auto: "auto";
     dark: "dark";
+    host: "host";
     light: "light";
   }>, z.ZodObject<{
+    mode: z.ZodOptional<z.ZodEnum<{
+      auto: "auto";
+      dark: "dark";
+      host: "host";
+      light: "light";
+    }>>;
     accent: z.ZodOptional<z.ZodString>;
     accentText: z.ZodOptional<z.ZodString>;
     radius: z.ZodOptional<z.ZodString>;
@@ -1882,8 +1898,15 @@ declare const widgetConfigPartialSchema: z.ZodObject<{
   theme: z.ZodOptional<z.ZodDefault<z.ZodUnion<readonly [z.ZodEnum<{
     auto: "auto";
     dark: "dark";
+    host: "host";
     light: "light";
   }>, z.ZodObject<{
+    mode: z.ZodOptional<z.ZodEnum<{
+      auto: "auto";
+      dark: "dark";
+      host: "host";
+      light: "light";
+    }>>;
     accent: z.ZodOptional<z.ZodString>;
     accentText: z.ZodOptional<z.ZodString>;
     radius: z.ZodOptional<z.ZodString>;
@@ -2180,8 +2203,15 @@ declare const widgetSettingsPartialSchema: z.ZodObject<{
   theme: z.ZodOptional<z.ZodDefault<z.ZodUnion<readonly [z.ZodEnum<{
     auto: "auto";
     dark: "dark";
+    host: "host";
     light: "light";
   }>, z.ZodObject<{
+    mode: z.ZodOptional<z.ZodEnum<{
+      auto: "auto";
+      dark: "dark";
+      host: "host";
+      light: "light";
+    }>>;
     accent: z.ZodOptional<z.ZodString>;
     accentText: z.ZodOptional<z.ZodString>;
     radius: z.ZodOptional<z.ZodString>;
@@ -2532,8 +2562,15 @@ declare const serverConfigSchema: z.ZodObject<{
   theme: z.ZodOptional<z.ZodDefault<z.ZodUnion<readonly [z.ZodEnum<{
     auto: "auto";
     dark: "dark";
+    host: "host";
     light: "light";
   }>, z.ZodObject<{
+    mode: z.ZodOptional<z.ZodEnum<{
+      auto: "auto";
+      dark: "dark";
+      host: "host";
+      light: "light";
+    }>>;
     accent: z.ZodOptional<z.ZodString>;
     accentText: z.ZodOptional<z.ZodString>;
     radius: z.ZodOptional<z.ZodString>;
@@ -2820,8 +2857,15 @@ declare const handshakeResponseSchema: z.ZodObject<{
     theme: z.ZodOptional<z.ZodDefault<z.ZodUnion<readonly [z.ZodEnum<{
       auto: "auto";
       dark: "dark";
+      host: "host";
       light: "light";
     }>, z.ZodObject<{
+      mode: z.ZodOptional<z.ZodEnum<{
+        auto: "auto";
+        dark: "dark";
+        host: "host";
+        light: "light";
+      }>>;
       accent: z.ZodOptional<z.ZodString>;
       accentText: z.ZodOptional<z.ZodString>;
       radius: z.ZodOptional<z.ZodString>;
@@ -3174,6 +3218,24 @@ interface EventMap {
     previous: string;
     current: string;
   };
+  /** The widget's state changed — open, ready, unread or the conversation. Payload is the whole new state. */
+  state: WidgetState;
+  /** How many conversations have replies the visitor hasn't read changed. Payload is the new count. */
+  unread: number;
+}
+/** What a page can read about the widget at any moment (`chat.state`), and the `state` event's payload. */
+interface WidgetState {
+  /** The panel is showing. Always `true` for `inline`, `page` and `standalone`. */
+  open: boolean;
+  /** The widget has connected (its first handshake settled) and takes commands right away. */
+  ready: boolean;
+  /**
+   * Conversations with replies the visitor hasn't read. Known once the widget has been opened in this page load
+   * (a closed widget makes no requests beyond the handshake), and kept live from then on.
+   */
+  unread: number;
+  /** The visitor's current conversation, once there is one. */
+  conversationId?: string;
 }
 type EventName = keyof EventMap;
 /**
@@ -3302,6 +3364,25 @@ export interface ChatWidgetInstance {
    * ```
    */
   ask: (text: string, options?: AskOptions) => void;
+  /**
+   * The widget's state right now: `open`, `ready`, `unread` (conversations with unread replies) and the current
+   * `conversationId`. The `state` event delivers each change; `unread` fires when the count changes.
+   *
+   * @example
+   * ```ts
+   * helpLink.dataset.unread = String(chat.state.unread);
+   * chat.on('unread', (count) => (helpLink.dataset.unread = String(count)));
+   * ```
+   */
+  readonly state: WidgetState;
+  /** Resolves once the widget has connected; commands sent after it act at once. Resolves once, never rejects. */
+  readonly ready: Promise<void>;
+  /**
+   * Start over as a new anonymous visitor — call it when your user logs out. Forgets the stored visitor, their current
+   * conversation, preferences and the user context set with `setUserContext`, then reconnects as a first visit.
+   * Listeners added with `on()` stay.
+   */
+  reset: () => void;
   /**
    * Subscribe to a lifecycle event. Returns an `off` function. See
    * {@link EventMap} for the full set + payload shapes — currently
@@ -3445,4 +3526,4 @@ export declare const brand: {
   readonly domain: string;
   readonly siteUrl: string;
 };
-export type { AskOptions, Asset, BlocksConfig, ChatWidgetOptions, ConnectionConfig, ConnectionConfigPartial, EventMap, EventName, HandshakeResponse, HookListener, Link, LogEntry, LogLevel, OpenTarget, ResolvedOptions, ServerConfig, SiteConfig, WidgetConfig, WidgetConfigPartial, WidgetSettings, WidgetSettingsPartial };
+export type { AskOptions, Asset, BlocksConfig, ChatWidgetOptions, ConnectionConfig, ConnectionConfigPartial, EventMap, EventName, HandshakeResponse, HookListener, Link, LogEntry, LogLevel, OpenTarget, ResolvedOptions, ServerConfig, SiteConfig, WidgetConfig, WidgetConfigPartial, WidgetSettings, WidgetSettingsPartial, WidgetState };