@heybello/bello-sdk 0.1.0 → 0.2.0

package/dist/types.d.ts

@@ -1,12 +1,13 @@
-export type OrbStyle = 'galaxy' | 'ocean-depths' | 'caribbean' | 'cherry-blossom' | 'emerald' | 'multi-color' | 'golden-glow' | 'volcanic';
-export type Theme = 'light' | 'dark' | 'glass';
+export type Theme = 'light' | 'dark';
 export type InitOptions = {
     projectId: string;
+    widgetApiKey: string;
     apiBaseUrl?: string;
     position?: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
     theme?: Theme;
-    orbStyle?: OrbStyle;
+    accentColor?: string;
     widgetTitle?: string;
+    widgetSubtitle?: string;
     widgetButtonTitle?: string;
     /** Master switch: when false, no LiveKit connect (UI-only). Default: true */
     agentEnabled?: boolean;
@@ -17,8 +18,9 @@ export type InitOptions = {
 };
 export type PublicConfig = {
     widgetTitle: string;
+    widgetSubtitle: string;
     widgetButtonTitle: string;
-    orbStyle: OrbStyle;
+    accentColor: string;
     theme: Theme;
     position: NonNullable<InitOptions['position']>;
     /** Server-provided CSS variables */
@@ -27,8 +29,21 @@ export type PublicConfig = {
 export type ConnectionDetails = {
     serverUrl: string;
     participantToken: string;
+    sessionId: string;
 };
 export type Cmd = ['init', InitOptions] | ['open'] | ['close'] | ['update', Partial<InitOptions>];
 export type BelloQueue = Cmd[] & {
     push?: (c: Cmd) => number;
 };
+export type AgentRichMessage = {
+    id: string;
+    message: string;
+    url?: string | null;
+    timestamp: number;
+};
+export type InfoModalState = {
+    open: boolean;
+    fields: string[];
+    reason: string;
+    resolve: ((value: string) => void) | null;
+};

package/dist/widget/BelloWidget.d.ts

@@ -4,6 +4,3 @@ export declare function BelloWidget({ opts, theme, onClose, }: {
     theme: Theme;
     onClose: () => void;
 }): import("react/jsx-runtime").JSX.Element;
-/** Messages only (no input here anymore) */
-declare function ChatRegion(): import("react/jsx-runtime").JSX.Element;
-export default ChatRegion;

package/dist/widget/ChatTranscript.d.ts

@@ -0,0 +1,6 @@
+import type { AgentRichMessage } from '../types';
+export interface ChatTranscriptProps {
+    agentState?: string;
+    agentMessages?: AgentRichMessage[];
+}
+export declare function ChatTranscript({ agentState, agentMessages }: ChatTranscriptProps): import("react/jsx-runtime").JSX.Element;

package/dist/widget/ControlBar.d.ts

@@ -0,0 +1,5 @@
+export interface ControlBarProps {
+    onDisconnect?: () => void;
+    isConnected?: boolean;
+}
+export declare function ControlBar({ onDisconnect, isConnected, }: ControlBarProps): import("react/jsx-runtime").JSX.Element;

package/dist/widget/InfoCollectionModal.d.ts

@@ -0,0 +1,9 @@
+type InfoCollectionModalProps = {
+    open: boolean;
+    fields: string[];
+    reason: string;
+    onSubmit: (data: Record<string, string>) => void;
+    onDismiss: () => void;
+};
+export declare function InfoCollectionModal({ open, fields, reason, onSubmit, onDismiss, }: InfoCollectionModalProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/widget/domainUtils.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Domain validation utilities for RPC-based navigation.
+ * Ensures the agent can only navigate to URLs on the same domain
+ * as the embedding website.
+ */
+export declare function getRootDomain(hostname: string): string;
+export declare function isSameDomain(currentHostname: string, targetUrl: string): boolean;

package/dist/widget/useCallingTone.d.ts

@@ -0,0 +1,2 @@
+/** Play a soft repeating dial tone using Web Audio API while the agent is connecting. */
+export declare function useCallingTone(active: boolean): void;

package/dist/widget/useLiveKit.d.ts

@@ -4,7 +4,9 @@ import type { InitOptions } from '../types';
  * Reliable LiveKit connect flow for embedded usage:
  * - Resumes AudioContext (autoplay policy)
  * - Atomic mic + connect with preConnectBuffer
- * - Basic event handling + cleanup
+ * - ParticipantDisconnected handler (agent leaves → client disconnects)
+ * - Session end reporting on disconnect
+ * - Token caching to avoid redundant fetches on re-open
  */
 export declare function useLiveKit(opts: InitOptions, enabled: boolean): {
     room: Room;

package/dist/widget/visualizer/AuraVisualizer.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { type LocalAudioTrack, type RemoteAudioTrack } from 'livekit-client';
+import { type AgentState, type TrackReferenceOrPlaceholder } from '@livekit/components-react';
+export interface AuraVisualizerProps {
+    size?: 'icon' | 'sm' | 'md' | 'lg' | 'xl';
+    state?: AgentState;
+    color?: string;
+    colorShift?: number;
+    themeMode?: 'dark' | 'light';
+    audioTrack?: LocalAudioTrack | RemoteAudioTrack | TrackReferenceOrPlaceholder;
+}
+export declare function AuraVisualizer({ size, state, color, colorShift, audioTrack, themeMode, className, ...props }: AuraVisualizerProps & React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;

package/dist/widget/visualizer/ReactShaderToy.d.ts

@@ -0,0 +1,23 @@
+import React, { type ComponentPropsWithoutRef } from 'react';
+type Vector4<T = number> = [T, T, T, T];
+type Uniform = {
+    type: string;
+    value: number[] | number;
+};
+type Uniforms = Record<string, Uniform>;
+export interface ReactShaderToyProps {
+    fs: string;
+    vs?: string;
+    uniforms?: Uniforms;
+    clearColor?: Vector4;
+    precision?: 'highp' | 'lowp' | 'mediump';
+    style?: React.CSSProperties;
+    contextAttributes?: Record<string, unknown>;
+    lerp?: number;
+    devicePixelRatio?: number;
+    onDoneLoadingTextures?: () => void;
+    onError?: (error: string) => void;
+    onWarning?: (warning: string) => void;
+}
+export declare function ReactShaderToy({ fs, vs, uniforms: propUniforms, clearColor, precision, style, contextAttributes, lerp, devicePixelRatio, onDoneLoadingTextures, onError, onWarning, ...canvasProps }: ReactShaderToyProps & ComponentPropsWithoutRef<'canvas'>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/widget/visualizer/useAuraVisualizer.d.ts

@@ -0,0 +1,9 @@
+import { type LocalAudioTrack, type RemoteAudioTrack } from 'livekit-client';
+import { type AgentState, type TrackReferenceOrPlaceholder } from '@livekit/components-react';
+export declare function useAuraVisualizer(state: AgentState | undefined, audioTrack?: LocalAudioTrack | RemoteAudioTrack | TrackReferenceOrPlaceholder): {
+    speed: number;
+    scale: number;
+    amplitude: number;
+    frequency: number;
+    brightness: number;
+};

package/package.json

@@ -2,7 +2,7 @@
   "name": "@heybello/bello-sdk",
   "private": false,
   "description": "Bello SDK for embedding Bello in your applications",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "type": "module",
   "main": "dist/bello-embed.umd.cjs",
   "module": "dist/bello-embed.es.js",
@@ -11,7 +11,9 @@
   "files": [
     "dist"
   ],
-  "sideEffects": false,
+  "sideEffects": [
+    "./dist/bello-embed.iife.js"
+  ],
   "exports": {
     ".": {
       "types": "./dist/types.d.ts",
@@ -37,14 +39,15 @@
     "build:types": "tsc -p tsconfig.build.json",
     "build": "rm -rf dist && pnpm build:embed && pnpm build:react && pnpm build:types"
   },
+  "peerDependencies": {
+    "react": "^18 || ^19",
+    "react-dom": "^18 || ^19"
+  },
   "dependencies": {
     "@livekit/components-react": "^2.9.14",
-    "framer-motion": "^12.23.12",
     "livekit-client": "^2.15.6",
-    "lucide": "^0.544.0",
-    "lucide-react": "^0.544.0",
+    "motion": "^12.23.12",
     "react": "^19.0.0",
-    "react-ai-orb": "^1.0.13",
     "react-dom": "^19.0.0"
   },
   "devDependencies": {

package/dist/widget/ChatEntry.d.ts

@@ -1,4 +0,0 @@
-import type { ReceivedChatMessage } from '@livekit/components-react';
-export default function ChatEntry({ entry, }: {
-    entry: ReceivedChatMessage;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/widget/ChatInput.d.ts

@@ -1,4 +0,0 @@
-export default function ChatInput({ onSend, disabled, }: {
-    onSend: (text: string) => void;
-    disabled?: boolean;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/widget/transcriptionToChatMessage.d.ts

@@ -1,7 +0,0 @@
-import type { TextStreamData, ReceivedChatMessage } from '@livekit/components-react';
-import type { Room } from 'livekit-client';
-/**
- * Public helper used by the hook, intentionally mimicking your Next.js signature:
- *    transcriptionToChatMessage(transcription, room)
- */
-export declare function transcriptionToChatMessage(t: TextStreamData, room?: Room): ReceivedChatMessage;