@chatwillow/widget 0.0.10 → 0.1.0

package/dist/components/atom/MarkdownRenderer.d.ts

@@ -0,0 +1,5 @@
+declare function MarkdownRenderer({ content, className, }: {
+    content: string;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export default MarkdownRenderer;

package/dist/components/ui/badge.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const badgeVariants: (props?: ({
-    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
+    variant?: "default" | "link" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare function Badge({ className, variant, asChild, ...props }: React.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
     asChild?: boolean;

package/dist/components/ui/button.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
+    variant?: "default" | "link" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
     size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {

package/dist/components/ui/input-group.d.ts

@@ -3,7 +3,7 @@ import { Button } from './button';
 import * as React from "react";
 declare function InputGroup({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 declare const inputGroupAddonVariants: (props?: ({
-    align?: "inline-start" | "inline-end" | "block-start" | "block-end" | null | undefined;
+    align?: "inline-end" | "inline-start" | "block-end" | "block-start" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare function InputGroupAddon({ className, align, ...props }: React.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>): import("react/jsx-runtime").JSX.Element;
 declare const inputGroupButtonVariants: (props?: ({

package/dist/components/ui/item.d.ts

@@ -11,7 +11,7 @@ declare function Item({ className, variant, size, asChild, ...props }: React.Com
     asChild?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
 declare const itemMediaVariants: (props?: ({
-    variant?: "image" | "default" | "icon" | null | undefined;
+    variant?: "default" | "image" | "icon" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare function ItemMedia({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof itemMediaVariants>): import("react/jsx-runtime").JSX.Element;
 declare function ItemContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/tabs.d.ts

@@ -3,7 +3,7 @@ import { Tabs as TabsPrimitive } from 'radix-ui';
 import * as React from "react";
 declare function Tabs({ className, orientation, ...props }: React.ComponentProps<typeof TabsPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
 declare const tabsListVariants: (props?: ({
-    variant?: "line" | "default" | null | undefined;
+    variant?: "default" | "line" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare function TabsList({ className, variant, ...props }: React.ComponentProps<typeof TabsPrimitive.List> & VariantProps<typeof tabsListVariants>): import("react/jsx-runtime").JSX.Element;
 declare function TabsTrigger({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;

package/dist/lib/encryptionService.d.ts

@@ -0,0 +1,17 @@
+export declare class EncryptionService {
+    /**
+     * Encrypts a string using AES-256-CBC.
+     * Returns: IV(Hex):Ciphertext(Base64)
+     */
+    static encrypt(data: string): string;
+    /**
+     * Decrypts a string formatted as IV(Hex):Ciphertext(Base64).
+     */
+    static decrypt(encryptedString: string): string;
+    /**
+     * Encrypts a File object content.
+     * Reads file as DataURL (base64), encrypts that string.
+     * Returns a new File object where the content is the encrypted string.
+     */
+    static encryptFile(file: File): Promise<File>;
+}

package/dist/lib/urlParsingService.d.ts

@@ -0,0 +1,11 @@
+export declare class UrlParsingService {
+    /**
+     * Convert data object to a URL-safe base64 string.
+     * Matches server/src/shared/url_parsing.py logic.
+     */
+    static encode(data: any): string;
+    /**
+     * Decode a URL-safe base64 string back to original data.
+     */
+    static decode<T = any>(encodedStr: string): T;
+}

package/dist/modules/ChatWidget/ChatWidget.d.ts

@@ -1,5 +1,6 @@
 export interface IChatWidgetProps {
+    apiKey: string;
     className?: string;
     style?: React.CSSProperties;
 }
-export declare function ChatWidget({ className, style }: IChatWidgetProps): import("react/jsx-runtime").JSX.Element;
+export declare function ChatWidget({ apiKey, className, style }: IChatWidgetProps): import("react/jsx-runtime").JSX.Element;

package/dist/modules/ChatWidget/components/ChatInputArea.d.ts

@@ -0,0 +1,9 @@
+import { IChatWidgetConfig } from '../types/configurable.type';
+interface ChatInputAreaProps {
+    onSendMessage: (message: string, files?: File[]) => void;
+    isSending: boolean;
+    config: IChatWidgetConfig;
+    onPreviewFile: (file: File) => void;
+}
+export declare function ChatInputArea({ onSendMessage, isSending, config, onPreviewFile, }: ChatInputAreaProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/modules/ChatWidget/components/ChatMessageList.d.ts

@@ -0,0 +1,9 @@
+import { IMessage } from '../types/chatWidget.type';
+import { IChatWidgetConfig } from '../types/configurable.type';
+interface ChatMessageListProps {
+    messages: IMessage[];
+    isSending: boolean;
+    config: IChatWidgetConfig;
+}
+export declare function ChatMessageList({ messages, isSending, config, }: ChatMessageListProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/modules/ChatWidget/components/ChatWidgetUI.d.ts

@@ -1,2 +1,2 @@
 import { IChatWidgetUIProps } from '../types/chatWidget.type';
-export declare function ChatWidgetUI({ messages, onSendMessage, isSending, className, style, }: IChatWidgetUIProps): import("react/jsx-runtime").JSX.Element;
+export declare function ChatWidgetUI({ messages, onSendMessage, isSending, onClose, className, style, config, }: IChatWidgetUIProps): import("react/jsx-runtime").JSX.Element;

package/dist/modules/ChatWidget/components/ChatWindowHeader.d.ts

@@ -0,0 +1,7 @@
+import { IChatWidgetConfig } from '../types/configurable.type';
+interface ChatWindowHeaderProps {
+    config: IChatWidgetConfig;
+    onClose: () => void;
+}
+export declare function ChatWindowHeader({ config, onClose }: ChatWindowHeaderProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/modules/ChatWidget/components/FilePreviewDialog.d.ts

@@ -0,0 +1,6 @@
+interface FilePreviewDialogProps {
+    file: File | null;
+    onClose: () => void;
+}
+export declare function FilePreviewDialog({ file, onClose }: FilePreviewDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/modules/ChatWidget/constants/configurableData.d.ts

@@ -0,0 +1,2 @@
+import { IChatWidgetConfig } from '../types/configurable.type';
+export declare const chatWidgetConfig: IChatWidgetConfig;

package/dist/modules/ChatWidget/hooks/useChatSocket.hooks.d.ts

@@ -0,0 +1,10 @@
+import { Socket } from 'socket.io-client';
+import { IMessage } from '../types/chatWidget.type';
+interface UseChatSocketProps {
+    sessionId: string;
+    onGenerating?: () => void;
+    onCompleted?: (message: IMessage) => void;
+    onError?: (error: string) => void;
+}
+export declare function useChatSocket({ sessionId, onGenerating, onCompleted, onError, }: UseChatSocketProps): Socket<import('@socket.io/component-emitter').DefaultEventsMap, import('@socket.io/component-emitter').DefaultEventsMap> | null;
+export {};

package/dist/modules/ChatWidget/hooks/useChatWidget.hooks.d.ts

@@ -1 +1,8 @@
-export declare function useSendMessage(): import('@tanstack/react-query').UseMutationResult<import('../types/chatWidget.type').ISendMessageResponse, Error, string, unknown>;
+interface SendMessageParams {
+    message: string;
+    sessionId: string;
+    files?: File[];
+}
+export declare function useSendMessage(): import('@tanstack/react-query').UseMutationResult<import('../types/chatWidget.type').ISendMessageResponse, Error, SendMessageParams, unknown>;
+export declare function useGetThread(sessionId: string): import('@tanstack/react-query').UseQueryResult<any, Error>;
+export {};

package/dist/modules/ChatWidget/service/chatWidget.service.d.ts

@@ -3,9 +3,25 @@ export declare const queryKeyEnumType: {
     readonly CHAT_MESSAGES: "chatMessages";
 };
 declare class ChatWidgetService {
-    private readonly apiClient;
-    constructor();
-    sendMessage(message: string): Promise<ISendMessageResponse>;
+    private apiClient;
+    constructor(apiKey?: string);
+    /**
+     * Re-initialize the API client when the API key changes.
+     */
+    updateApiKey(apiKey: string): void;
+    /**
+     * Encrypts and encodes session ID for secure transport.
+     * Format: UrlSafeBase64(JSON({ sid: Encrypted(SessionId) }))
+     */
+    private getSecureSessionId;
+    sendMessage(message: string, sessionId: string, files?: File[]): Promise<ISendMessageResponse>;
+    getThread(sessionId: string): Promise<any>;
+    encodeSessionId(sessionId: string): string;
 }
-export declare const chatWidgetService: ChatWidgetService;
+export declare let chatWidgetService: ChatWidgetService;
+/**
+ * Initialize or re-initialize the chat service singleton with an API key.
+ * Called by ChatWidget on mount.
+ */
+export declare function initChatWidgetService(apiKey: string): ChatWidgetService;
 export {};

package/dist/modules/ChatWidget/types/chatWidget.type.d.ts

@@ -1,3 +1,4 @@
+import { IChatWidgetConfig } from './configurable.type';
 export interface ISendMessageRequest {
     message: string;
 }
@@ -12,11 +13,14 @@ export interface IMessage {
     role: "user" | "assistant";
     content: string;
     timestamp: Date;
+    shouldAnimate?: boolean;
 }
 export interface IChatWidgetUIProps {
     messages: IMessage[];
-    onSendMessage: (message: string) => void;
+    onSendMessage: (message: string, files?: File[]) => void;
     isSending: boolean;
+    onClose: () => void;
     className?: string;
     style?: React.CSSProperties;
+    config: IChatWidgetConfig;
 }

package/dist/modules/ChatWidget/types/configurable.type.d.ts

@@ -0,0 +1,23 @@
+import { z } from 'zod';
+export declare const ChatWidgetConfigSchema: z.ZodObject<{
+    headerBackgroundColor: z.ZodString;
+    messageBackgroundColor: z.ZodUnion<readonly [z.ZodString, z.ZodString]>;
+    userBubbleBackgroundColor: z.ZodString;
+    botBubbleBackgroundColor: z.ZodString;
+    inputSectionBackgroundColor: z.ZodString;
+    sendButtonBackgroundColor: z.ZodString;
+    headerImage: z.ZodUnion<readonly [z.ZodString, z.ZodLiteral<"">]>;
+    headerTitle: z.ZodString;
+    subLabelTitle: z.ZodString;
+    closeButtonColor: z.ZodString;
+    headerTextColor: z.ZodString;
+    subLabelColor: z.ZodString;
+    userBubbleTextColor: z.ZodString;
+    botBubbleTextColor: z.ZodString;
+    botAvatarImage: z.ZodString;
+    initialMessage: z.ZodString;
+    inputPlaceholder: z.ZodString;
+    toastSuccessMessage: z.ZodString;
+    toastFailedMessage: z.ZodString;
+}, z.core.$strip>;
+export type IChatWidgetConfig = z.infer<typeof ChatWidgetConfigSchema>;