@blockspark/chat-widget 1.0.4 → 1.0.7

package/dist/core/stateManager.d.ts

@@ -0,0 +1,136 @@
+/**
+ * State Manager - Framework Agnostic
+ * Manages widget state independently of framework
+ */
+import type { WidgetState, WidgetConfig } from './types';
+export declare class WidgetStateManager {
+    private state;
+    private config;
+    private listeners;
+    private chatMode;
+    private chatId;
+    private supportSessionId;
+    private chatService;
+    private collectingUserInfo;
+    private userInfoStep;
+    private collectedUserName;
+    private collectedUserEmail;
+    private collectedUserMobile;
+    private wsConnected;
+    private agentTyping;
+    private currentAgent;
+    private isConnectingToAgent;
+    private agentAccepted;
+    private chatResolved;
+    private historyLoaded;
+    private typingTimeout;
+    private agentTypingTimeout;
+    constructor(config: WidgetConfig);
+    /**
+     * Subscribe to state changes
+     */
+    subscribe(listener: (state: WidgetState) => void): () => void;
+    /**
+     * Get current state
+     */
+    getState(): WidgetState;
+    /**
+     * Update state and notify listeners
+     */
+    private setState;
+    /**
+     * Update configuration
+     */
+    updateConfig(config: Partial<WidgetConfig>): void;
+    /**
+     * Open chat
+     */
+    openChat(): Promise<void>;
+    /**
+     * Close chat
+     */
+    closeChat(): void;
+    /**
+     * Close welcome popup
+     */
+    closeWelcomePopup(): void;
+    /**
+     * Toggle chat
+     */
+    toggleChat(): void;
+    /**
+     * Set input value
+     */
+    setInputValue(value: string): void;
+    /**
+     * Clear error
+     */
+    clearError(): void;
+    /**
+     * Send message
+     */
+    sendMessage(text: string, skipUserMessage?: boolean): Promise<void>;
+    /**
+     * Send message to Dialogflow
+     */
+    private sendAIMessage;
+    /**
+     * Send message to human support
+     */
+    private sendHumanMessage;
+    /**
+     * Switch to human mode
+     */
+    switchToHumanMode(): void;
+    /**
+     * Switch to AI mode
+     */
+    switchToBotMode(): void;
+    /**
+     * Initialize welcome popup
+     */
+    initializeWelcomePopup(): void;
+    /**
+     * Start user info collection for handoff
+     */
+    private startUserInfoCollection;
+    /**
+     * Handle user info collection
+     */
+    private handleUserInfoCollection;
+    /**
+     * Handle handoff from Dialogflow to human support
+     */
+    handleHandoff(customerName?: string, customerEmail?: string, customerMobile?: string): Promise<void>;
+    /**
+     * Handle WebSocket messages
+     */
+    private handleWebSocketMessage;
+    /**
+     * Enter resolved state
+     */
+    private enterResolvedState;
+    /**
+     * Load message history
+     */
+    loadMessageHistory(preserveExisting?: boolean): Promise<void>;
+    /**
+     * Get additional state for UI (not in WidgetState but needed by components)
+     */
+    getAdditionalState(): {
+        wsConnected: boolean;
+        agentTyping: boolean;
+        currentAgent: {
+            name: string;
+            id?: string;
+        };
+        isConnectingToAgent: boolean;
+        agentAccepted: boolean;
+        chatResolved: boolean;
+    };
+    /**
+     * Cleanup
+     */
+    destroy(): void;
+}
+//# sourceMappingURL=stateManager.d.ts.map

package/dist/core/stateManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stateManager.d.ts","sourceRoot":"","sources":["../../src/core/stateManager.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAe,MAAM,SAAS,CAAC;AAYtE,qBAAa,kBAAkB;IAC7B,OAAO,CAAC,KAAK,CAAc;IAC3B,OAAO,CAAC,MAAM,CAAe;IAC7B,OAAO,CAAC,SAAS,CAAgD;IACjE,OAAO,CAAC,QAAQ,CAAwB;IACxC,OAAO,CAAC,MAAM,CAAuB;IACrC,OAAO,CAAC,gBAAgB,CAAuB;IAC/C,OAAO,CAAC,WAAW,CAAqD;IAGxE,OAAO,CAAC,kBAAkB,CAAkB;IAC5C,OAAO,CAAC,YAAY,CAA4C;IAChE,OAAO,CAAC,iBAAiB,CAAc;IACvC,OAAO,CAAC,kBAAkB,CAAc;IACxC,OAAO,CAAC,mBAAmB,CAAc;IAGzC,OAAO,CAAC,WAAW,CAAkB;IACrC,OAAO,CAAC,WAAW,CAAkB;IACrC,OAAO,CAAC,YAAY,CAAoD;IACxE,OAAO,CAAC,mBAAmB,CAAkB;IAC7C,OAAO,CAAC,aAAa,CAAkB;IACvC,OAAO,CAAC,YAAY,CAAkB;IACtC,OAAO,CAAC,aAAa,CAAuB;IAG5C,OAAO,CAAC,aAAa,CAA+B;IACpD,OAAO,CAAC,kBAAkB,CAA+B;gBAE7C,MAAM,EAAE,YAAY;IA+BhC;;OAEG;IACH,SAAS,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,GAAG,MAAM,IAAI;IAO7D;;OAEG;IACH,QAAQ,IAAI,WAAW;IAIvB;;OAEG;IACH,OAAO,CAAC,QAAQ;IAKhB;;OAEG;IACH,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC,YAAY,CAAC,GAAG,IAAI;IAIjD;;OAEG;IACG,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IA2D/B;;OAEG;IACH,SAAS,IAAI,IAAI;IAIjB;;OAEG;IACH,iBAAiB,IAAI,IAAI;IAIzB;;OAEG;IACH,UAAU,IAAI,IAAI;IAQlB;;OAEG;IACH,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAIlC;;OAEG;IACH,UAAU,IAAI,IAAI;IAIlB;;OAEG;IACG,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,eAAe,GAAE,OAAe,GAAG,OAAO,CAAC,IAAI,CAAC;IAsFhF;;OAEG;YACW,aAAa;IA6E3B;;OAEG;YACW,gBAAgB;IAkG9B;;OAEG;IACH,iBAAiB,IAAI,IAAI;IAQzB;;OAEG;IACH,eAAe,IAAI,IAAI;IAQvB;;OAEG;IACH,sBAAsB,IAAI,IAAI;IAW9B;;OAEG;IACH,OAAO,CAAC,uBAAuB;IAmB/B;;OAEG;YACW,wBAAwB;IAwFtC;;OAEG;IACG,aAAa,CAAC,YAAY,CAAC,EAAE,MAAM,EAAE,aAAa,CAAC,EAAE,MAAM,EAAE,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAmK1G;;OAEG;IACH,OAAO,CAAC,sBAAsB;IAsI9B;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAoG1B;;OAEG;IACG,kBAAkB,CAAC,gBAAgB,GAAE,OAAe,GAAG,OAAO,CAAC,IAAI,CAAC;IAqD1E;;OAEG;IACH,kBAAkB;;;;kBAliCY,MAAM;iBAAO,MAAM;;;;;;IA6iCjD;;OAEG;IACH,OAAO,IAAI,IAAI;CAYhB"}

package/dist/core/types.d.ts

@@ -0,0 +1,66 @@
+/**
+ * Core Types - Framework Agnostic
+ * These types are used across all framework adapters
+ */
+export interface ChatMessage {
+    id: string;
+    text: string;
+    sender: 'user' | 'bot' | 'agent';
+    timestamp: Date;
+    richContent?: RichContentArray[];
+}
+export interface RichContent {
+    type?: string;
+    options?: ChipOption[];
+}
+export type RichContentArray = RichContent | RichContent[];
+export interface ChipOption {
+    text: string;
+    payload: string;
+}
+export interface WidgetConfig {
+    dfProjectId?: string;
+    dfLocation?: string;
+    dfAgentId?: string;
+    serviceAccountKey?: any;
+    accessToken?: string;
+    languageCode?: string;
+    backendBaseUrl?: string;
+    backendWsUrl?: string;
+    title?: string;
+    subtitle?: string;
+    welcomeTitle?: string;
+    welcomeMessage?: string;
+    welcomeCta?: string;
+    showWelcomePopup?: boolean;
+    welcomePopupDelay?: number;
+    fallbackWelcomeMessage?: string;
+    inputPlaceholder?: string;
+    emptyStateMessage?: string;
+    debug?: boolean;
+}
+export interface WidgetState {
+    isOpen: boolean;
+    showWelcomePopup: boolean;
+    messages: ChatMessage[];
+    inputValue: string;
+    isLoading: boolean;
+    error: string | null;
+    sessionId: string | null;
+    chatMode: 'ai' | 'human';
+}
+export interface WidgetActions {
+    openChat: () => void;
+    closeChat: () => void;
+    sendMessage: (text: string) => Promise<void>;
+    toggleChat: () => void;
+    setInputValue: (value: string) => void;
+    clearError: () => void;
+}
+export interface FrameworkAdapter {
+    createComponent: (config: WidgetConfig) => any;
+    mount: (element: HTMLElement, component: any, config: WidgetConfig) => void;
+    unmount: (element: HTMLElement) => void;
+    updateProps: (component: any, config: WidgetConfig) => void;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/core/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/core/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,GAAG,KAAK,GAAG,OAAO,CAAC;IACjC,SAAS,EAAE,IAAI,CAAC;IAChB,WAAW,CAAC,EAAE,gBAAgB,EAAE,CAAC;CAClC;AAED,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC;CACxB;AAED,MAAM,MAAM,gBAAgB,GAAG,WAAW,GAAG,WAAW,EAAE,CAAC;AAE3D,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,YAAY;IAE3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,GAAG,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IAGtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IAGtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,OAAO,CAAC;IAChB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,QAAQ,EAAE,IAAI,GAAG,OAAO,CAAC;CAC1B;AAED,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7C,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,MAAM,WAAW,gBAAgB;IAC/B,eAAe,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,GAAG,CAAC;IAC/C,KAAK,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;IAC5E,OAAO,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IACxC,WAAW,EAAE,CAAC,SAAS,EAAE,GAAG,EAAE,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;CAC7D"}

package/dist/entry/next.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Next.js Entry Point
+ * Optimized for Next.js with SSR support
+ */
+export { default as ChatWidget } from '../components/ChatWidget';
+export type { ChatWidgetProps } from '../components/ChatWidget';
+export * from '../types';
+export declare const getServerSideProps: () => {};
+//# sourceMappingURL=next.d.ts.map

package/dist/entry/next.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"next.d.ts","sourceRoot":"","sources":["../../src/entry/next.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACjE,YAAY,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAChE,cAAc,UAAU,CAAC;AAGzB,eAAO,MAAM,kBAAkB,UAG9B,CAAC"}

package/dist/entry/nuxt.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Nuxt Entry Point
+ * Optimized for Nuxt 2.x and 3.x with SSR support
+ */
+export * from './vue';
+export declare const useNuxtChatWidget: () => {};
+//# sourceMappingURL=nuxt.d.ts.map

package/dist/entry/nuxt.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nuxt.d.ts","sourceRoot":"","sources":["../../src/entry/nuxt.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,cAAc,OAAO,CAAC;AAGtB,eAAO,MAAM,iBAAiB,UAG7B,CAAC"}

package/dist/entry/react.d.ts

@@ -0,0 +1,10 @@
+/**
+ * React Entry Point
+ * Explicit React entry point for React and Next.js applications
+ *
+ * Uses the original full-featured ChatWidget component (not the adapter)
+ */
+export { default as ChatWidget } from '../components/ChatWidget';
+export type { ChatWidgetProps } from '../components/ChatWidget';
+export * from '../types';
+//# sourceMappingURL=react.d.ts.map

package/dist/entry/react.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../src/entry/react.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACjE,YAAY,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAChE,cAAc,UAAU,CAAC"}

package/dist/entry/vanilla.d.ts

@@ -0,0 +1,33 @@
+/**
+ * Vanilla JavaScript Entry Point
+ * Uses the original ChatWidget.tsx component via ReactDOM
+ * Reuses the same component to reduce code duplication
+ */
+import type { ChatWidgetProps } from '../components/ChatWidget';
+import '../styles/chatWidget.css';
+/**
+ * Vanilla JS Chat Widget
+ * Renders the original React component using ReactDOM
+ * This reuses the same component code, reducing duplication
+ */
+export declare class ChatWidget {
+    private container;
+    private config;
+    private root;
+    constructor(container: HTMLElement | string, config: ChatWidgetProps);
+    private render;
+    /**
+     * Update configuration
+     */
+    updateConfig(config: Partial<ChatWidgetProps>): void;
+    /**
+     * Destroy the widget
+     */
+    destroy(): void;
+}
+/**
+ * Factory function for easier usage
+ */
+export declare function createChatWidget(container: HTMLElement | string, config: ChatWidgetProps): ChatWidget;
+export default ChatWidget;
+//# sourceMappingURL=vanilla.d.ts.map

package/dist/entry/vanilla.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vanilla.d.ts","sourceRoot":"","sources":["../../src/entry/vanilla.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAKH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,0BAA0B,CAAC;AAElC;;;;GAIG;AACH,qBAAa,UAAU;IACrB,OAAO,CAAC,SAAS,CAAc;IAC/B,OAAO,CAAC,MAAM,CAAkB;IAChC,OAAO,CAAC,IAAI,CAAqB;gBAErB,SAAS,EAAE,WAAW,GAAG,MAAM,EAAE,MAAM,EAAE,eAAe;IAoBpE,OAAO,CAAC,MAAM;IAQd;;OAEG;IACH,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC,eAAe,CAAC,GAAG,IAAI;IAKpD;;OAEG;IACH,OAAO,IAAI,IAAI;CAMhB;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAC9B,SAAS,EAAE,WAAW,GAAG,MAAM,EAC/B,MAAM,EAAE,eAAe,GACtB,UAAU,CAEZ;AAED,eAAe,UAAU,CAAC"}

package/dist/entry/vite.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Vite Entry Point
+ * Optimized for Vite-based applications
+ *
+ * Uses the original full-featured ChatWidget component
+ * For Vue.js, use @blockspark/chat-widget/vue
+ */
+export { default as ChatWidget } from '../components/ChatWidget';
+export type { ChatWidgetProps } from '../components/ChatWidget';
+export * from '../types';
+//# sourceMappingURL=vite.d.ts.map

package/dist/entry/vite.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vite.d.ts","sourceRoot":"","sources":["../../src/entry/vite.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACjE,YAAY,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAChE,cAAc,UAAU,CAAC"}

package/dist/entry/vue.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Vue Entry Point
+ * For Vue 2.7+ and Vue 3.x applications
+ */
+export { default } from '../adapters/vue';
+export { default as ChatWidget } from '../adapters/vue';
+export type { WidgetConfig, ChatMessage } from '../core/types';
+export * from '../types';
+//# sourceMappingURL=vue.d.ts.map

package/dist/entry/vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vue.d.ts","sourceRoot":"","sources":["../../src/entry/vue.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,iBAAiB,CAAC;AACxD,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC/D,cAAc,UAAU,CAAC"}