@jazzmine-ui/react 0.1.0 → 0.1.1

package/dist/components/ChatInterface/ChatInterface.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import "../../styles/variables.css";
+import type { ChatInterfaceProps } from "./types";
+export declare const ChatInterface: React.FC<ChatInterfaceProps>;

package/dist/components/ChatInterface/index.d.ts

@@ -0,0 +1,2 @@
+export { ChatInterface } from './ChatInterface';
+export type { ChatInterfaceProps } from './types';

package/dist/components/ChatInterface/types.d.ts

@@ -0,0 +1,17 @@
+import type { Message, Context } from "../../types";
+import type { Chat } from "../../types";
+export interface ChatInterfaceProps {
+    messages: Message[];
+    chats: Chat[];
+    activeChatId?: string;
+    assistantName?: string;
+    onSend: (text: string, contexts?: Context[]) => void;
+    onNewChat: () => void;
+    onSelectChat: (chatId: string) => void;
+    onDeleteChat?: (chatId: string) => void;
+    loadingText?: string;
+    loadingVariant?: "text-and-dots" | "dots-only";
+    isLoading?: boolean;
+    placeholder?: string;
+    className?: string;
+}

package/dist/components/ChatWindow/ChatWindow.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import "../../styles/variables.css";
+import type { ChatWindowProps } from "./types";
+export declare const ChatWindow: React.FC<ChatWindowProps>;

package/dist/components/ChatWindow/index.d.ts

@@ -0,0 +1,2 @@
+export { ChatWindow } from './ChatWindow';
+export type { ChatWindowProps } from './types';

package/dist/components/ChatWindow/types.d.ts

@@ -0,0 +1,18 @@
+import type { Message, Context } from '../../types';
+export interface ChatWindowProps {
+    messages: Message[];
+    assistantName?: string;
+    isLoading?: boolean;
+    loadingText?: string;
+    loadingVariant?: 'text-and-dots' | 'dots-only';
+    compact?: boolean;
+    onSend: (text: string) => void;
+    inputPlaceholder?: string;
+    inputDisabled?: boolean;
+    className?: string;
+    searchQuery?: string;
+    activeSearchMessageId?: string;
+    selectedContexts?: Context[];
+    onAddContext?: (context: Context) => void;
+    onRemoveContext?: (contextId: string) => void;
+}

package/dist/components/FloatingChatWidget/FloatingChatWidget.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import '../../styles/variables.css';
+import type { FloatingChatWidgetProps } from './types';
+export declare const FloatingChatWidget: React.FC<FloatingChatWidgetProps>;

package/dist/components/FloatingChatWidget/index.d.ts

@@ -0,0 +1,2 @@
+export { FloatingChatWidget } from './FloatingChatWidget';
+export type { FloatingChatWidgetProps } from './types';

package/dist/components/FloatingChatWidget/types.d.ts

@@ -0,0 +1,13 @@
+import type { Message } from '../../types';
+export interface FloatingChatWidgetProps {
+    messages: Message[];
+    assistantName?: string;
+    isLoading?: boolean;
+    loadingText?: string;
+    loadingVariant?: 'text-and-dots' | 'dots-only';
+    initialOpen?: boolean;
+    onOpen?: (open: boolean) => void;
+    onSend?: (text: string) => void;
+    logo?: string;
+    className?: string;
+}

package/dist/components/JazzmineChat/JazzmineChat.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { JazzmineChatProps } from './types';
+export declare const JazzmineChat: React.FC<JazzmineChatProps>;

package/dist/components/JazzmineChat/index.d.ts

@@ -0,0 +1,2 @@
+export { JazzmineChat } from './JazzmineChat';
+export type { JazzmineChatProps } from './types';

package/dist/components/JazzmineChat/types.d.ts

@@ -0,0 +1,13 @@
+import type { IJazzmineClient } from '../../types/client';
+export interface JazzmineChatProps {
+    /** A JazzmineClient instance from @jazzmine-ui/sdk */
+    client: IJazzmineClient;
+    /** Displayed as the assistant's name in the UI. Default: agent name from /health */
+    assistantName?: string;
+    /** Placeholder text for the message input */
+    placeholder?: string;
+    /** Additional CSS class for the root element */
+    className?: string;
+    /** Called when an unrecoverable error occurs */
+    onError?: (error: Error) => void;
+}

package/dist/components/MessageList/MessageList.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import "../../styles/variables.css";
+import type { MessageListProps } from "./types";
+export declare const MessageList: React.FC<MessageListProps>;

package/dist/components/MessageList/index.d.ts

@@ -0,0 +1,2 @@
+export { MessageList } from './MessageList';
+export type { MessageListProps } from './types';

package/dist/components/MessageList/types.d.ts

@@ -0,0 +1,13 @@
+import type { Message, Context } from '../../types';
+export interface MessageListProps {
+    messages: Message[];
+    assistantName?: string;
+    isLoading?: boolean;
+    loadingText?: string;
+    loadingVariant?: 'text-and-dots' | 'dots-only';
+    className?: string;
+    searchQuery?: string;
+    activeSearchMessageId?: string;
+    onAddContext?: (context: Context) => void;
+    scrollRef?: React.RefObject<HTMLDivElement | null> | ((node: HTMLDivElement | null) => void);
+}

package/dist/components/Navbar/Navbar.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import "../../styles/variables.css";
+import type { NavbarProps } from "./types";
+export declare const Navbar: React.FC<NavbarProps>;

package/dist/components/Navbar/index.d.ts

@@ -0,0 +1,2 @@
+export { Navbar } from "./Navbar";
+export type { NavbarProps } from "./types";

package/dist/components/Navbar/types.d.ts

@@ -0,0 +1,11 @@
+export interface NavbarProps {
+    assistantName?: string;
+    onToggleSidebar: () => void;
+    className?: string;
+    searchQuery?: string;
+    onSearchChange?: (query: string) => void;
+    searchResultsCount?: number;
+    currentSearchIndex?: number;
+    onSearchNext?: () => void;
+    onSearchPrev?: () => void;
+}

package/dist/components/Sidebar/Sidebar.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import "../../styles/variables.css";
+import type { SidebarProps } from "./types";
+export declare const Sidebar: React.FC<SidebarProps>;

package/dist/components/Sidebar/index.d.ts

@@ -0,0 +1,2 @@
+export { Sidebar } from './Sidebar';
+export type { SidebarProps } from './types';

package/dist/components/Sidebar/types.d.ts

@@ -0,0 +1,23 @@
+import type { Chat } from '../../types';
+export interface ChatAction {
+    label: string;
+    icon?: React.ReactNode;
+    onClick: (chatId: string) => void;
+    danger?: boolean;
+}
+export interface SidebarProps {
+    chats: Chat[];
+    activeChatId?: string;
+    assistantName?: string;
+    logo?: string;
+    logoAlt?: string;
+    chatActions?: ChatAction[];
+    onNewChat: () => void;
+    onSelectChat: (chatId: string) => void;
+    onRenameChat?: (chatId: string) => void;
+    onDeleteChat?: (chatId: string) => void;
+    onArchiveChat?: (chatId: string) => void;
+    className?: string;
+    collapsed?: boolean;
+    onToggleCollapse?: (value?: boolean) => void;
+}

package/dist/components/internal/Avatar/Avatar.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import "../../../styles/variables.css";
+import type { AvatarProps } from './types';
+export declare const Avatar: React.FC<AvatarProps>;

package/dist/components/internal/Avatar/index.d.ts

@@ -0,0 +1,2 @@
+export { Avatar } from './Avatar';
+export type { AvatarProps } from './types';

package/dist/components/internal/Avatar/types.d.ts

@@ -0,0 +1,7 @@
+export interface AvatarProps {
+    src?: string;
+    alt?: string;
+    size?: 'small' | 'medium' | 'large';
+    fallbackText?: string;
+    className?: string;
+}

package/dist/components/internal/Button/Button.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import '../../../styles/variables.css';
+import type { ButtonProps } from './types';
+export declare const Button: React.FC<ButtonProps>;

package/dist/components/internal/Button/index.d.ts

@@ -0,0 +1,2 @@
+export { Button } from './Button';
+export type { ButtonProps } from './types';

package/dist/components/internal/Button/types.d.ts

@@ -0,0 +1,6 @@
+import type { ButtonHTMLAttributes } from 'react';
+export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: 'primary' | 'secondary' | 'ghost';
+    size?: 'small' | 'medium' | 'large';
+    className?: string;
+}

package/dist/components/internal/ContextModal/ContextModal.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { ContextModalProps } from './types';
+import '../../../styles/variables.css';
+export declare const ContextModal: React.FC<ContextModalProps>;

package/dist/components/internal/ContextModal/index.d.ts

@@ -0,0 +1,2 @@
+export { ContextModal } from './ContextModal';
+export type { ContextModalProps } from './types';

package/dist/components/internal/ContextModal/types.d.ts

@@ -0,0 +1,8 @@
+import type { Context } from '../../../types';
+export interface ContextModalProps {
+    contexts: Context[];
+    isOpen: boolean;
+    onClose: () => void;
+    onRemoveContext?: (contextId: string) => void;
+    className?: string;
+}

package/dist/components/internal/ContextPanel/ContextPanel.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { ContextPanelProps } from './types';
+import '../../../styles/variables.css';
+export declare const ContextPanel: React.FC<ContextPanelProps>;

package/dist/components/internal/ContextPanel/index.d.ts

@@ -0,0 +1,2 @@
+export { ContextPanel } from './ContextPanel';
+export type { ContextPanelProps } from './types';

package/dist/components/internal/ContextPanel/types.d.ts

@@ -0,0 +1,6 @@
+import type { Context } from '../../../types';
+export interface ContextPanelProps {
+    contexts: Context[];
+    onRemoveContext: (contextId: string) => void;
+    className?: string;
+}

package/dist/components/internal/ContextReference/ContextReference.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { ContextReferenceProps } from './types';
+import '../../../styles/variables.css';
+export declare const ContextReference: React.FC<ContextReferenceProps>;

package/dist/components/internal/ContextReference/index.d.ts

@@ -0,0 +1,2 @@
+export { ContextReference } from './ContextReference';
+export type { ContextReferenceProps } from './types';

package/dist/components/internal/ContextReference/types.d.ts

@@ -0,0 +1,5 @@
+import type { Context } from '../../../types';
+export interface ContextReferenceProps {
+    contexts: Context[];
+    className?: string;
+}

package/dist/components/internal/Message/Message.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { MessageProps } from "./types";
+import "../../../styles/variables.css";
+export declare const Message: React.FC<MessageProps>;

package/dist/components/internal/Message/index.d.ts

@@ -0,0 +1,2 @@
+export { Message } from './Message';
+export type { MessageProps } from './types';

package/dist/components/internal/Message/types.d.ts

@@ -0,0 +1,15 @@
+import type { Context } from '../../../types';
+export interface MessageProps {
+    text?: string;
+    sender: 'user' | 'assistant';
+    avatar?: string;
+    assistantName?: string;
+    isLoading?: boolean;
+    loadingText?: string;
+    loadingVariant?: 'text-and-dots' | 'dots-only';
+    searchQuery?: string;
+    isActiveSearchResult?: boolean;
+    messageId?: string;
+    contexts?: Context[];
+    onAddContext?: (context: Context) => void;
+}

package/dist/components/internal/MessageInput/MessageInput.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { MessageInputProps } from "./types";
+import "../../../styles/variables.css";
+export declare const MessageInput: React.FC<MessageInputProps>;

package/dist/components/internal/MessageInput/index.d.ts

@@ -0,0 +1,2 @@
+export { MessageInput } from './MessageInput';
+export type { MessageInputProps } from './types';

package/dist/components/internal/MessageInput/types.d.ts

@@ -0,0 +1,6 @@
+export interface MessageInputProps {
+    onSend: (text: string) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    className?: string;
+}

package/dist/components/internal/StatusIndicator/StatusIndicator.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import type { StatusIndicatorProps } from "./types";
+export declare const StatusIndicator: React.FC<StatusIndicatorProps>;

package/dist/components/internal/StatusIndicator/index.d.ts

@@ -0,0 +1,2 @@
+export { StatusIndicator } from "./StatusIndicator";
+export type { StatusIndicatorProps } from "./types";

package/dist/components/internal/StatusIndicator/types.d.ts

@@ -0,0 +1,6 @@
+export interface StatusIndicatorProps {
+    status: string;
+    visible: boolean;
+    variant?: 'text-and-dots' | 'dots-only';
+    className?: string;
+}

package/dist/index.d.ts

@@ -1 +1,12 @@
-export {}
+export { ChatInterface } from './components/ChatInterface';
+export { Sidebar } from './components/Sidebar';
+export { MessageList } from './components/MessageList';
+export { FloatingChatWidget } from './components/FloatingChatWidget';
+export { JazzmineChat } from './components/JazzmineChat';
+export type { ChatInterfaceProps } from './components/ChatInterface';
+export type { SidebarProps } from './components/Sidebar';
+export type { MessageListProps } from './components/MessageList';
+export type { FloatingChatWidgetProps } from './components/FloatingChatWidget';
+export type { JazzmineChatProps } from './components/JazzmineChat';
+export type { IJazzmineClient } from './types/client';
+export type { Message, Chat } from './types';

package/dist/main.d.ts

@@ -0,0 +1,3 @@
+import './styles/global.css';
+declare function TestComponent(): import("react/jsx-runtime").JSX.Element;
+export default TestComponent;

package/dist/types/client.d.ts

@@ -0,0 +1,32 @@
+export interface IJazzmineClient {
+    sendMessage(message: string, options?: {
+        conversationId?: string;
+        autoCreateConversation?: boolean;
+        conversationTitle?: string;
+    }): Promise<{
+        response: {
+            response: string;
+            response_markdown: string;
+            conversation_id: string;
+            message_id: string;
+            is_blocked: boolean;
+            errors: string[];
+        };
+        conversationId: string;
+    }>;
+    createConversation(payload?: {
+        title?: string;
+        user_id?: string;
+    }): Promise<{
+        conversation_id: string;
+        title: string;
+    }>;
+    deleteConversation(conversationId: string): Promise<{
+        conversation_id: string;
+        deleted: boolean;
+    }>;
+    getHealth(): Promise<{
+        status: string;
+        agent_name: string;
+    }>;
+}

package/dist/types/index.d.ts

@@ -0,0 +1,20 @@
+export interface Context {
+    id: string;
+    messageId: string;
+    text: string;
+    sender: 'user' | 'assistant';
+    isPartial: boolean;
+}
+export interface Message {
+    id: string;
+    text: string;
+    sender: 'user' | 'assistant';
+    timestamp?: string;
+    avatar?: string;
+    contexts?: Context[];
+}
+export interface Chat {
+    id: string;
+    title: string;
+    timestamp?: string;
+}

package/dist/utils/highlightText.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface HighlightMatch {
+    text: string;
+    isMatch: boolean;
+    isActive?: boolean;
+}
+export declare function highlightText(text: string, searchQuery: string, isActiveResult?: boolean): React.ReactNode;
+export declare function highlightTextInChildren(children: React.ReactNode, searchQuery: string, isActiveResult: boolean): React.ReactNode;

package/dist/utils/index.d.ts

@@ -0,0 +1,2 @@
+export { stripMarkdown } from './stripMarkdown';
+export { highlightText, highlightTextInChildren } from './highlightText';

package/dist/utils/stripMarkdown.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Strips markdown syntax from text, returning plain text
+ */
+export declare const stripMarkdown: (markdown: string) => string;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@jazzmine-ui/react",
   "private": false,
-  "version": "0.1.0",
+  "version": "0.1.1",
   "type": "module",
   "description": "Jazzmine: A customizable React chat UI component library",
   "keywords": [
@@ -31,10 +31,12 @@
     "README.md",
     "LICENSE"
   ],
-  "sideEffects": ["./dist/style.css"],
+  "sideEffects": [
+    "./dist/style.css"
+  ],
   "scripts": {
     "dev": "vite",
-    "build": "tsc && vite build",
+    "build": "vite build && tsc -p tsconfig.build.json",
     "lint": "eslint .",
     "preview": "vite preview",
     "prepublishOnly": "npm run build"
@@ -59,9 +61,8 @@
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
     "react-markdown": "^10.1.0",
-    "typescript": "~5.5.0",
+    "typescript": "^6.0.2",
     "typescript-eslint": "^8.45.0",
-    "vite": "^5.0.0",
-    "vite-plugin-dts": "^4.5.0"
+    "vite": "^5.0.0"
   }
-}
+}