tchao 0.1.2 → 0.1.3

package/README.md

@@ -17,7 +17,10 @@ yarn add tchao
 ### Option 2: Script tag
 
 ```html
-<script src="https://tchao.app/widget.js" data-website-id="your-website-id"></script>
+<script
+  src="https://tchao.app/widget.js"
+  data-website-id="your-website-id"
+></script>
 ```
 
 ## Usage
@@ -25,11 +28,11 @@ yarn add tchao
 ### npm package
 
 ```typescript
-import { Tchao } from 'tchao';
+import { Tchao } from "tchao";
 
 // Initialize the widget
 const widget = await Tchao.init({
-  websiteId: 'your-website-id'
+  websiteId: "your-website-id",
 });
 
 // Open the chat window
@@ -39,14 +42,17 @@ widget.open();
 ### Script tag (global object)
 
 ```html
-<script src="https://tchao.app/widget.js" data-website-id="your-website-id"></script>
+<script
+  src="https://tchao.app/widget.js"
+  data-website-id="your-website-id"
+></script>
 <script>
   // Widget auto-initializes, access via global object
   window.Tchao.open();
 
   // Listen for events
-  window.Tchao.on('ready', () => {
-    console.log('Widget ready!');
+  window.Tchao.on("ready", () => {
+    console.log("Widget ready!");
   });
 </script>
 ```
@@ -59,8 +65,8 @@ Initialize the Tchao widget programmatically.
 
 ```typescript
 const widget = await Tchao.init({
-  websiteId: 'your-website-id', // Required
-  host: 'https://tchao.app'     // Optional, for self-hosted instances
+  websiteId: "your-website-id", // Required
+  host: "https://tchao.app", // Optional, for self-hosted instances
 });
 ```
 
@@ -69,74 +75,83 @@ Returns a `Promise<TchaoInstance>`.
 ### Instance Methods
 
 #### `widget.show()`
+
 Show the widget launcher button.
 
 #### `widget.hide()`
+
 Hide the widget launcher button.
 
 #### `widget.toggle()`
+
 Toggle the chat window open/closed.
 
 #### `widget.open()`
+
 Open the chat window.
 
 #### `widget.identify(info)`
+
 Identify the visitor with their information.
 
 ```typescript
 widget.identify({
-  email: 'user@example.com',
-  name: 'John Doe',
-  avatar: 'https://example.com/avatar.jpg',
+  email: "user@example.com",
+  name: "John Doe",
+  avatar: "https://example.com/avatar.jpg",
   metadata: {
-    plan: 'pro',
-    userId: '12345'
-  }
+    plan: "pro",
+    userId: "12345",
+  },
 });
 ```
 
 #### `widget.config(options)`
+
 Update widget configuration.
 
 ```typescript
 widget.config({
-  position: 'bottom-left',  // 'bottom-right' | 'bottom-left'
-  primaryColor: '#6366f1',
-  themeMode: 'dark'         // 'light' | 'dark' | 'system'
+  position: "bottom-left", // 'bottom-right' | 'bottom-left'
+  primaryColor: "#6366f1",
+  themeMode: "dark", // 'light' | 'dark' | 'system'
 });
 ```
 
 #### `widget.on(event, callback)`
+
 Subscribe to widget events.
 
 ```typescript
-widget.on('message', (message) => {
-  console.log('New message:', message.content);
+widget.on("message", (message) => {
+  console.log("New message:", message.content);
 });
 
-widget.on('open', () => {
-  console.log('Chat opened');
+widget.on("open", () => {
+  console.log("Chat opened");
 });
 
-widget.on('close', () => {
-  console.log('Chat closed');
+widget.on("close", () => {
+  console.log("Chat closed");
 });
 
-widget.on('ready', () => {
-  console.log('Widget ready');
+widget.on("ready", () => {
+  console.log("Widget ready");
 });
 ```
 
 #### `widget.off(event, callback)`
+
 Unsubscribe from widget events.
 
 ```typescript
 const handleMessage = (message) => console.log(message);
-widget.on('message', handleMessage);
-widget.off('message', handleMessage);
+widget.on("message", handleMessage);
+widget.off("message", handleMessage);
 ```
 
 #### `widget.destroy()` (npm only)
+
 Clean up and remove the widget from the page.
 
 ```typescript
@@ -148,12 +163,7 @@ widget.destroy();
 Full TypeScript support is included. Import types as needed:
 
 ```typescript
-import type {
-  TchaoConfig,
-  TchaoInstance,
-  VisitorInfo,
-  Message
-} from 'tchao';
+import type { TchaoConfig, TchaoInstance, VisitorInfo, Message } from "tchao";
 ```
 
 ## License

package/dist/npm.d.mts

@@ -1,97 +1,37 @@
-type SenderType = "VISITOR" | "AGENT" | "AI" | "SYSTEM";
-type ConversationStatus = "OPEN" | "IN_PROGRESS" | "CLOSED";
-type MessageStatus = "sending" | "sent" | "failed";
-type WidgetPosition = "bottom-right" | "bottom-left";
-type WidgetStyle = "bubble" | "name_line" | "question_cta";
-type ThemeMode = "light" | "dark" | "system";
 type VisitorInfo = {
     name?: string;
     email?: string;
     avatar?: string;
     metadata?: Record<string, unknown>;
 };
-type MessageReaction = {
-    emoji: string;
-    userIds: string[];
-};
-type Message = {
-    id: string;
-    content: string;
-    senderType: SenderType;
-    senderId: string;
-    screenshot?: string | null;
-    image?: string | null;
-    timestamp: number;
-    status?: MessageStatus;
-    reactions?: MessageReaction[] | null;
-};
 type WidgetConfig = {
     websiteId: string;
-    apiBaseUrl: string;
-    convexUrl?: string;
-    position?: WidgetPosition;
+    position?: "bottom-right" | "bottom-left";
     primaryColor?: string;
-    widgetStyle?: WidgetStyle;
-    themeMode?: ThemeMode;
 };
-type SDKEventMap = {
-    message: (message: Message) => void;
-    open: () => void;
-    close: () => void;
-    ready: () => void;
+type TchaoConfig = {
+    websiteId: string;
+    host?: string;
 };
-type SDKMethods = {
+type TchaoInstance = {
     show: () => void;
     hide: () => void;
     toggle: () => void;
     open: () => void;
     identify: (info: VisitorInfo) => void;
     config: (opts: Partial<WidgetConfig>) => void;
-    on: <K extends keyof SDKEventMap>(event: K, callback: SDKEventMap[K]) => void;
-    off: <K extends keyof SDKEventMap>(event: K, callback: SDKEventMap[K]) => void;
-};
-
-declare class TchaoSDK implements SDKMethods {
-    private readonly listeners;
-    private showCallback;
-    private hideCallback;
-    private toggleCallback;
-    private openCallback;
-    private identifyCallback;
-    private configCallback;
-    setCallbacks(callbacks: {
-        show: () => void;
-        hide: () => void;
-        toggle: () => void;
-        open: () => void;
-        identify: (info: VisitorInfo) => void;
-        config: (opts: Partial<WidgetConfig>) => void;
-    }): void;
-    show(): void;
-    hide(): void;
-    toggle(): void;
-    open(): void;
-    identify(info: VisitorInfo): void;
-    config(opts: Partial<WidgetConfig>): void;
-    on<K extends keyof SDKEventMap>(event: K, callback: SDKEventMap[K]): void;
-    off<K extends keyof SDKEventMap>(event: K, callback: SDKEventMap[K]): void;
-    emit<K extends keyof SDKEventMap>(event: K, ...args: Parameters<SDKEventMap[K]>): void;
-}
-
-type TchaoInitConfig = {
-    websiteId: string;
-    host?: string;
-};
-
-type TchaoConfig = TchaoInitConfig;
-type TchaoInstance = SDKMethods & {
+    on: (event: string, callback: (...args: unknown[]) => void) => void;
+    off: (event: string, callback: (...args: unknown[]) => void) => void;
     destroy: () => void;
 };
-type TchaoEvents = SDKEventMap;
-
+declare global {
+    interface Window {
+        Tchao?: TchaoInstance;
+    }
+}
 declare function init(config: TchaoConfig): Promise<TchaoInstance>;
 declare const Tchao: {
     init: typeof init;
 };
 
-export { type ConversationStatus, type Message, type MessageReaction, type MessageStatus, type SenderType, Tchao, type TchaoConfig, type TchaoEvents, type TchaoInstance, TchaoSDK, type ThemeMode, type VisitorInfo, type WidgetConfig, type WidgetPosition, type WidgetStyle, Tchao as default, init };
+export { Tchao, type TchaoConfig, type TchaoInstance, type VisitorInfo, type WidgetConfig, Tchao as default, init };

package/dist/npm.d.ts

@@ -1,97 +1,37 @@
-type SenderType = "VISITOR" | "AGENT" | "AI" | "SYSTEM";
-type ConversationStatus = "OPEN" | "IN_PROGRESS" | "CLOSED";
-type MessageStatus = "sending" | "sent" | "failed";
-type WidgetPosition = "bottom-right" | "bottom-left";
-type WidgetStyle = "bubble" | "name_line" | "question_cta";
-type ThemeMode = "light" | "dark" | "system";
 type VisitorInfo = {
     name?: string;
     email?: string;
     avatar?: string;
     metadata?: Record<string, unknown>;
 };
-type MessageReaction = {
-    emoji: string;
-    userIds: string[];
-};
-type Message = {
-    id: string;
-    content: string;
-    senderType: SenderType;
-    senderId: string;
-    screenshot?: string | null;
-    image?: string | null;
-    timestamp: number;
-    status?: MessageStatus;
-    reactions?: MessageReaction[] | null;
-};
 type WidgetConfig = {
     websiteId: string;
-    apiBaseUrl: string;
-    convexUrl?: string;
-    position?: WidgetPosition;
+    position?: "bottom-right" | "bottom-left";
     primaryColor?: string;
-    widgetStyle?: WidgetStyle;
-    themeMode?: ThemeMode;
 };
-type SDKEventMap = {
-    message: (message: Message) => void;
-    open: () => void;
-    close: () => void;
-    ready: () => void;
+type TchaoConfig = {
+    websiteId: string;
+    host?: string;
 };
-type SDKMethods = {
+type TchaoInstance = {
     show: () => void;
     hide: () => void;
     toggle: () => void;
     open: () => void;
     identify: (info: VisitorInfo) => void;
     config: (opts: Partial<WidgetConfig>) => void;
-    on: <K extends keyof SDKEventMap>(event: K, callback: SDKEventMap[K]) => void;
-    off: <K extends keyof SDKEventMap>(event: K, callback: SDKEventMap[K]) => void;
-};
-
-declare class TchaoSDK implements SDKMethods {
-    private readonly listeners;
-    private showCallback;
-    private hideCallback;
-    private toggleCallback;
-    private openCallback;
-    private identifyCallback;
-    private configCallback;
-    setCallbacks(callbacks: {
-        show: () => void;
-        hide: () => void;
-        toggle: () => void;
-        open: () => void;
-        identify: (info: VisitorInfo) => void;
-        config: (opts: Partial<WidgetConfig>) => void;
-    }): void;
-    show(): void;
-    hide(): void;
-    toggle(): void;
-    open(): void;
-    identify(info: VisitorInfo): void;
-    config(opts: Partial<WidgetConfig>): void;
-    on<K extends keyof SDKEventMap>(event: K, callback: SDKEventMap[K]): void;
-    off<K extends keyof SDKEventMap>(event: K, callback: SDKEventMap[K]): void;
-    emit<K extends keyof SDKEventMap>(event: K, ...args: Parameters<SDKEventMap[K]>): void;
-}
-
-type TchaoInitConfig = {
-    websiteId: string;
-    host?: string;
-};
-
-type TchaoConfig = TchaoInitConfig;
-type TchaoInstance = SDKMethods & {
+    on: (event: string, callback: (...args: unknown[]) => void) => void;
+    off: (event: string, callback: (...args: unknown[]) => void) => void;
     destroy: () => void;
 };
-type TchaoEvents = SDKEventMap;
-
+declare global {
+    interface Window {
+        Tchao?: TchaoInstance;
+    }
+}
 declare function init(config: TchaoConfig): Promise<TchaoInstance>;
 declare const Tchao: {
     init: typeof init;
 };
 
-export { type ConversationStatus, type Message, type MessageReaction, type MessageStatus, type SenderType, Tchao, type TchaoConfig, type TchaoEvents, type TchaoInstance, TchaoSDK, type ThemeMode, type VisitorInfo, type WidgetConfig, type WidgetPosition, type WidgetStyle, Tchao as default, init };
+export { Tchao, type TchaoConfig, type TchaoInstance, type VisitorInfo, type WidgetConfig, Tchao as default, init };