ordify-chat-widget 1.0.1

package/CHANGELOG.md

@@ -0,0 +1,38 @@
+# Changelog
+
+All notable changes to this project will be documented in this file.
+
+The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
+and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
+
+## [1.0.0] - 2024-01-16
+
+### Added
+- Initial release of Ordify Chat Widget
+- Support for multiple chat modes: floating, embedded, inline, and modal
+- TypeScript support with full type definitions
+- Real-time streaming responses from Ordify AI agents
+- Markdown rendering for AI responses
+- Theme-aware styling (light/dark mode)
+- Resizable chat windows
+- Professional input component with auto-resize
+- Configuration file support for easy customization
+- Multiple positioning options for floating chat
+- Auto-scroll functionality for conversations
+- Professional styling with Tailwind CSS and shadcn/ui components
+
+### Features
+- **Floating Chat**: Bottom-right corner chat button with resizable window
+- **Embedded Chat**: Full-page chat interface for dedicated chat pages
+- **Inline Chat**: Compact chat widget for content pages
+- **Modal Chat**: Overlay chat interface for focused conversations
+- **Customizable**: Colors, themes, positioning, and styling options
+- **Responsive**: Works on desktop and mobile devices
+- **Professional UI**: Clean, modern design with smooth animations
+
+### Technical Details
+- Built with React 18+ and TypeScript
+- Uses Vite for fast development and building
+- Integrates with Ordify API endpoints
+- Supports streaming responses
+- Includes comprehensive examples and documentation

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 Ordify AI
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,225 @@
+# Ordify Chat Widget
+
+A professional, production-ready React chat widget that enables seamless integration of Ordify AI agents into any web application. Deploy intelligent conversational interfaces with minimal setup and maximum customization.
+
+## 🎯 What You Get
+
+- **Zero Configuration**: Drop-in chat widget with no CSS imports or complex setup
+- **Professional UI**: Polished, responsive chat interface that matches your brand
+- **Real-time AI**: Direct integration with your Ordify AI agents for instant responses
+- **Multiple Modes**: Floating chat buttons, embedded interfaces, and custom layouts
+- **Enterprise Ready**: TypeScript support, theme-aware styling, and production-grade performance
+
+## 📋 Prerequisites
+
+Before integrating the chat widget, ensure you have:
+
+- **API Key**: Available in your Ordify dashboard (Account → Settings → API)
+- **Agent ID**: Found in your agent configuration panel within the Ordify application
+- **React Application**: Compatible with React 18+ and modern build tools
+
+
+> **🚀 Try it live!** Visit [app.ordify.ai/widget-demo](https://app.ordify.ai/widget-demo) to see all chat modes in action.
+
+## ✨ Features
+
+- 🚀 **Zero Configuration**: No CSS imports or additional setup required
+- 🎨 **Multiple Modes**: Floating and embedded chat interfaces
+- 🎯 **TypeScript Support**: Full type safety and IntelliSense
+- 🎨 **Customizable**: Colors, themes, and styling options
+- 📱 **Responsive**: Works perfectly on desktop and mobile devices
+- 🔄 **Real-time**: Streaming responses from Ordify AI agents
+- 🎭 **Theme-aware**: Automatic light/dark mode support
+- 🔧 **Resizable**: User-adjustable chat window height
+- 📝 **Markdown Support**: Rich text rendering for AI responses
+<img width="1919" height="1321" alt="image" src="https://github.com/user-attachments/assets/41f20eb9-7b37-48ef-89bc-e406b73db4bd" />
+
+## 🚀 Quick Start
+
+### 1. Install the Library
+
+```bash
+npm install @ordify-ai/chat-widget
+```
+
+### 2. Add to Your React App
+
+```tsx
+import { OrdifyChat } from '@ordify-ai/chat-widget'
+
+function App() {
+  return (
+    <OrdifyChat
+      agentId="your-agent-id"
+      apiKey="your-api-key"
+      apiBaseUrl="https://r.ordify.ai"
+      chatName="AI Assistant"
+      buttonText="Chat with us"
+    />
+  )
+}
+```
+
+**That's it!** No CSS imports, no additional setup. The library includes all necessary styles automatically.
+
+## 🎨 Chat Modes
+
+### Floating Chat (Recommended for websites)
+```tsx
+<OrdifyChat
+  agentId="your-agent-id"
+  apiKey="your-api-key"
+  mode="floating"
+  position="bottom-right"
+  buttonText="AI Chat"
+/>
+```
+
+### Embedded Chat (For dedicated chat pages)
+```tsx
+<OrdifyChat
+  agentId="your-agent-id"
+  apiKey="your-api-key"
+  mode="embedded"
+  height="500px"
+  chatName="Support Assistant"
+/>
+```
+
+**Note**: `embedded` and `inline` modes are identical - both render a full chat interface within your page layout. Use `embedded` for consistency.
+
+
+## ⚙️ Configuration Options
+
+| Option | Type | Default | Description |
+|--------|------|---------|-------------|
+| `agentId` | string | - | **Required** - Your Ordify agent ID |
+| `apiKey` | string | - | **Required** - Your API key |
+| `apiBaseUrl` | string | - | **Required** - API endpoint URL |
+| `chatName` | string | "Chat Assistant" | Title text in chat header |
+| `buttonText` | string | "AI Chat" | Text on floating button |
+| `placeholder` | string | "Type a message..." | Input placeholder text |
+| `primaryColor` | string | - | Custom header color (optional) |
+| `mode` | string | "floating" | Chat display mode: "floating" or "embedded" |
+| `position` | string | "bottom-right" | Floating button position |
+| `resizable` | boolean | true | Allow user to resize chat |
+| `showHeader` | boolean | true | Show/hide chat header |
+| `height` | number | 400 | Initial chat height (px) |
+| `width` | string | "320px" | Chat width |
+
+## 🎯 Theme-Aware Defaults
+
+When no `primaryColor` is specified, the header automatically adapts:
+- **Light mode**: White background with dark text
+- **Dark mode**: Dark background with light text
+
+## 📚 Examples
+
+### Live Demo
+Visit [app.ordify.ai/widget-demo](https://app.ordify.ai/widget-demo) to see all chat modes in action with real functionality.
+
+### Integration Examples
+
+#### Next.js App Router
+```tsx
+// app/chat/page.tsx
+'use client'
+
+import { OrdifyChat } from '@ordify-ai/chat-widget'
+
+export default function ChatPage() {
+  return (
+    <div className="container mx-auto p-4">
+      <h1 className="text-2xl font-bold mb-4">Chat with AI</h1>
+      <OrdifyChat 
+        agentId={process.env.NEXT_PUBLIC_ORDIFY_AGENT_ID!}
+        apiKey={process.env.NEXT_PUBLIC_ORDIFY_API_KEY!}
+        apiBaseUrl="https://r.ordify.ai"
+        mode="embedded"
+        height="500px"
+      />
+    </div>
+  )
+}
+```
+
+#### React Component
+```tsx
+// components/ChatWidget.tsx
+import { OrdifyChat } from '@ordify-ai/chat-widget'
+
+export function ChatWidget() {
+  return (
+    <OrdifyChat
+      agentId="your-agent-id"
+      apiKey="your-api-key"
+      apiBaseUrl="https://r.ordify.ai"
+      mode="floating"
+      position="bottom-right"
+      buttonText="AI Chat"
+    />
+  )
+}
+```
+
+#### Landing Page Integration
+```tsx
+// pages/index.tsx
+import { OrdifyChat } from '@ordify-ai/chat-widget'
+
+export default function HomePage() {
+  return (
+    <div>
+      {/* Your existing page content */}
+      <h1>Welcome to Our Site</h1>
+      <p>Content here...</p>
+      
+      {/* Add chat widget */}
+      <OrdifyChat
+        agentId="your-agent-id"
+        apiKey="your-api-key"
+        apiBaseUrl="https://r.ordify.ai"
+        mode="floating"
+        buttonText="Need Help?"
+      />
+    </div>
+  )
+}
+```
+
+## 🔧 Development
+
+### Setup
+```bash
+git clone https://github.com/ordify-ai/chat-widget.git
+cd chat-widget
+npm install
+npm run dev
+```
+
+### Build
+```bash
+npm run build
+```
+
+### Integration Examples
+See the [`examples/integration/`](./examples/integration/) directory for ready-to-copy code snippets for different frameworks and use cases.
+
+## 📖 Documentation
+
+- **[Integration Examples](./examples/integration/)** - Ready-to-copy code snippets for different frameworks
+
+## 🤝 Support
+
+- **Live Demo**: [app.ordify.ai/widget-demo](https://app.ordify.ai/widget-demo)
+- **Documentation**: [Integration Examples](./examples/integration/)
+- **Issues**: [GitHub Issues](https://github.com/ordify-ai/chat-widget/issues)
+- **Email**: support@ordify.ai
+
+## 📄 License
+
+MIT License - see [LICENSE](./LICENSE) for details.
+
+---
+
+**Built with ❤️ by the Ordify team**

package/dist/components/ChatHeader.d.ts

@@ -0,0 +1,11 @@
+interface ChatHeaderProps {
+    chatName?: string;
+    showMinimizeButton?: boolean;
+    showCloseButton?: boolean;
+    onClose?: () => void;
+    primaryColor?: string;
+    className?: string;
+}
+export declare function ChatHeader({ chatName, showCloseButton, onClose, primaryColor, className }: ChatHeaderProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ChatHeader.d.ts.map

package/dist/components/ChatHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatHeader.d.ts","sourceRoot":"","sources":["../../src/components/ChatHeader.tsx"],"names":[],"mappings":"AAGA,UAAU,eAAe;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAiFD,wBAAgB,UAAU,CAAC,EACzB,QAA2B,EAC3B,eAAsB,EACtB,OAAO,EACP,YAAY,EACZ,SAAS,EACV,EAAE,eAAe,2CAyBjB"}

package/dist/components/Conversation.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+
+interface ConversationProps {
+    className?: string;
+    children: React.ReactNode;
+}
+interface ConversationContentProps {
+    className?: string;
+    children: React.ReactNode;
+}
+interface ConversationScrollButtonProps {
+    className?: string;
+}
+export declare function Conversation({ className, children }: ConversationProps): import("react/jsx-runtime").JSX.Element;
+export declare function ConversationContent({ className, children }: ConversationContentProps): import("react/jsx-runtime").JSX.Element;
+export declare function ConversationScrollButton({ className }: ConversationScrollButtonProps): false | import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Conversation.d.ts.map

package/dist/components/Conversation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Conversation.d.ts","sourceRoot":"","sources":["../../src/components/Conversation.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,UAAU,iBAAiB;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,UAAU,wBAAwB;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,UAAU,6BAA6B;IACrC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAuDD,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CAWtE;AAED,wBAAgB,mBAAmB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,wBAAwB,2CAMpF;AAED,wBAAgB,wBAAwB,CAAC,EAAE,SAAS,EAAE,EAAE,6BAA6B,mDAkBpF"}

package/dist/components/EmbeddedChat.d.ts

@@ -0,0 +1,9 @@
+import { OrdifyConfig, UseOrdifyChatReturn } from '../types';
+
+interface EmbeddedChatProps {
+    config: OrdifyConfig;
+    chat: UseOrdifyChatReturn;
+}
+export declare function EmbeddedChat({ config, chat }: EmbeddedChatProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=EmbeddedChat.d.ts.map

package/dist/components/EmbeddedChat.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmbeddedChat.d.ts","sourceRoot":"","sources":["../../src/components/EmbeddedChat.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAe3D,UAAU,iBAAiB;IACzB,MAAM,EAAE,YAAY,CAAA;IACpB,IAAI,EAAE,mBAAmB,CAAA;CAC1B;AAED,wBAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,iBAAiB,2CA8G/D"}

package/dist/components/FloatingChat.d.ts

@@ -0,0 +1,9 @@
+import { OrdifyConfig, UseOrdifyChatReturn } from '../types';
+
+interface FloatingChatProps {
+    config: OrdifyConfig;
+    chat: UseOrdifyChatReturn;
+}
+export declare function FloatingChat({ config, chat }: FloatingChatProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=FloatingChat.d.ts.map

package/dist/components/FloatingChat.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingChat.d.ts","sourceRoot":"","sources":["../../src/components/FloatingChat.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAkB3D,UAAU,iBAAiB;IACzB,MAAM,EAAE,YAAY,CAAA;IACpB,IAAI,EAAE,mBAAmB,CAAA;CAC1B;AAED,wBAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,iBAAiB,2CA+J/D"}

package/dist/components/InlineChat.d.ts

@@ -0,0 +1,9 @@
+import { OrdifyConfig, UseOrdifyChatReturn } from '../types';
+
+interface InlineChatProps {
+    config: OrdifyConfig;
+    chat: UseOrdifyChatReturn;
+}
+export declare function InlineChat({ config, chat }: InlineChatProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=InlineChat.d.ts.map

package/dist/components/InlineChat.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineChat.d.ts","sourceRoot":"","sources":["../../src/components/InlineChat.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAe3D,UAAU,eAAe;IACvB,MAAM,EAAE,YAAY,CAAA;IACpB,IAAI,EAAE,mBAAmB,CAAA;CAC1B;AAED,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,eAAe,2CAiG3D"}

package/dist/components/MarkdownRenderer.d.ts

@@ -0,0 +1,7 @@
+interface MarkdownRendererProps {
+    content: string;
+    className?: string;
+}
+export declare function MarkdownRenderer({ content, className }: MarkdownRendererProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=MarkdownRenderer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownRenderer.d.ts","sourceRoot":"","sources":["../../src/components/MarkdownRenderer.tsx"],"names":[],"mappings":"AAEA,UAAU,qBAAqB;IAC7B,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,gBAAgB,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,qBAAqB,2CAqG7E"}

package/dist/components/OrdifyChat.d.ts

@@ -0,0 +1,4 @@
+import { OrdifyConfig } from '../types';
+
+export declare function OrdifyChat(props: OrdifyConfig): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=OrdifyChat.d.ts.map

package/dist/components/OrdifyChat.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrdifyChat.d.ts","sourceRoot":"","sources":["../../src/components/OrdifyChat.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAItC,wBAAgB,UAAU,CAAC,KAAK,EAAE,YAAY,2CAY7C"}

package/dist/components/ProfessionalInput.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+
+interface ProfessionalInputProps {
+    value: string;
+    onChange: (value: string) => void;
+    onKeyDown: (e: React.KeyboardEvent) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    className?: string;
+    maxLength?: number;
+}
+export declare const ProfessionalInput: React.ForwardRefExoticComponent<ProfessionalInputProps & React.RefAttributes<HTMLTextAreaElement>>;
+export {};
+//# sourceMappingURL=ProfessionalInput.d.ts.map

package/dist/components/ProfessionalInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProfessionalInput.d.ts","sourceRoot":"","sources":["../../src/components/ProfessionalInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,UAAU,sBAAsB;IAC9B,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,SAAS,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAA;IAC3C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,iBAAiB,oGAwC5B,CAAA"}

package/dist/components/ResizeHandle.d.ts

@@ -0,0 +1,8 @@
+interface ResizeHandleProps {
+    onResize: (deltaY: number) => void;
+    position?: 'top' | 'bottom';
+    className?: string;
+}
+export declare function ResizeHandle({ onResize, position, className }: ResizeHandleProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ResizeHandle.d.ts.map

package/dist/components/ResizeHandle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResizeHandle.d.ts","sourceRoot":"","sources":["../../src/components/ResizeHandle.tsx"],"names":[],"mappings":"AAGA,UAAU,iBAAiB;IACzB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAwCD,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,QAAmB,EAAE,SAAS,EAAE,EAAE,iBAAiB,2CAsC3F"}

package/dist/components/styled/ChatComponents.d.ts

@@ -0,0 +1,25 @@
+export declare const ChatWidget: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ChatMessage: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    isUser: boolean;
+}>> & string;
+export declare const ChatInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ProfessionalInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, never>> & string;
+export declare const SendButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export declare const FloatingButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export declare const ChatWindow: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    position: string;
+}>> & string;
+export declare const ChatHeader: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    primaryColor?: string;
+}>> & string;
+export declare const CloseButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export declare const Conversation: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const LoadingDots: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Timestamp: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    isUser: boolean;
+}>> & string;
+export declare const ErrorMessage: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ResizeHandle: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    position: string;
+}>> & string;
+//# sourceMappingURL=ChatComponents.d.ts.map

package/dist/components/styled/ChatComponents.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatComponents.d.ts","sourceRoot":"","sources":["../../../src/components/styled/ChatComponents.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU,6NAgBtB,CAAA;AAGD,eAAO,MAAM,WAAW;YAAwB,OAAO;YA8BtD,CAAA;AAGD,eAAO,MAAM,SAAS,6NAYrB,CAAA;AAGD,eAAO,MAAM,iBAAiB,+OA4C7B,CAAA;AAGD,eAAO,MAAM,UAAU,yOAgCtB,CAAA;AAGD,eAAO,MAAM,cAAc,yOAgC1B,CAAA;AAGD,eAAO,MAAM,UAAU;cAA0B,MAAM;YAiCtD,CAAA;AAGD,eAAO,MAAM,UAAU;mBAA+B,MAAM;YAqB3D,CAAA;AAGD,eAAO,MAAM,WAAW,yOAqBvB,CAAA;AAGD,eAAO,MAAM,YAAY,6NAuCxB,CAAA;AAGD,eAAO,MAAM,WAAW,6NA+BvB,CAAA;AAGD,eAAO,MAAM,SAAS;YAAwB,OAAO;YAQpD,CAAA;AAGD,eAAO,MAAM,YAAY,6NAUxB,CAAA;AAGD,eAAO,MAAM,YAAY;cAA0B,MAAM;YAwBxD,CAAA"}

package/dist/hooks/useOrdifyChat.d.ts

@@ -0,0 +1,4 @@
+import { OrdifyConfig, UseOrdifyChatReturn } from '../types';
+
+export declare function useOrdifyChat(config: OrdifyConfig): UseOrdifyChatReturn;
+//# sourceMappingURL=useOrdifyChat.d.ts.map

package/dist/hooks/useOrdifyChat.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOrdifyChat.d.ts","sourceRoot":"","sources":["../../src/hooks/useOrdifyChat.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,YAAY,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAKpE,wBAAgB,aAAa,CAAC,MAAM,EAAE,YAAY,GAAG,mBAAmB,CAoHvE"}

package/dist/hooks/useOrdifyConfig.d.ts

@@ -0,0 +1,20 @@
+import { OrdifyConfig } from '../types';
+
+export declare function useOrdifyConfig(config: OrdifyConfig): {
+    agentId: string;
+    apiKey: string;
+    apiBaseUrl: string;
+    mode: "floating" | "embedded";
+    position: "bottom-right" | "bottom-left" | "top-right" | "top-left";
+    theme: "light" | "dark" | "auto";
+    placeholder: string;
+    height: string | number;
+    className: string;
+    buttonStyle: import('react').CSSProperties;
+    chatWindowStyle: import('react').CSSProperties;
+    showHeader: boolean;
+    onMessage: ((message: import('../types').Message) => void) | undefined;
+    onError: ((error: Error) => void) | undefined;
+    onClose: (() => void) | undefined;
+};
+//# sourceMappingURL=useOrdifyConfig.d.ts.map

package/dist/hooks/useOrdifyConfig.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOrdifyConfig.d.ts","sourceRoot":"","sources":["../../src/hooks/useOrdifyConfig.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAGtC,wBAAgB,eAAe,CAAC,MAAM,EAAE,YAAY;;;;;;;;;;;;;;;;EAiCnD"}