@marketrix.ai/widget 1.0.0

package/README.md

@@ -0,0 +1,600 @@
+# Marketrix In-App Support Widget
+
+A modern, React-based in-app support widget for Marketrix that provides Show,
+Tell, and Do modes with advanced features like screen sharing, tour
+functionality, and API-driven configuration. Designed for easy integration into
+any website using a simple script tag.
+
+## Features
+
+- 🎯 **Three Interaction Modes**: Show, Tell, and Do
+- 🎨 **Modern UI**: Built with React 18 and Tailwind CSS
+- 🌙 **Theme Support**: Light and dark themes with custom theming
+- 📱 **Responsive Design**: Works on desktop, tablet, and mobile
+- ⚙️ **API-Driven Configuration**: Dynamic settings from integration service
+- 🔌 **Easy Integration**: Simple script tag integration
+- 🚀 **TypeScript**: Full TypeScript support with comprehensive type definitions
+- 📦 **Standalone**: Single file bundle with no external dependencies
+- 🎥 **Screen Sharing**: Built-in screen sharing and recording capabilities
+- 🗺️ **Tour System**: Interactive tour functionality with step-by-step guidance
+- 🎛️ **Atmosphere Config**: Advanced widget atmosphere and behavior control
+- 🏷️ **Widget Chips**: Quick action chips for common tasks
+- 🔄 **Auto-Refresh**: Dynamic configuration updates
+- 🎭 **Demo Mode**: Built-in demo mode for testing
+
+## Quick Start
+
+### Script Tag Integration (Recommended)
+
+Add the widget to your HTML page using a script tag:
+
+```html
+<script
+  src="path/to/meet.js"
+  marketrix-id="your-marketrix-id"
+  marketrix-key="your-marketrix-key"
+></script>
+```
+
+### Configuration Options
+
+You can customize the widget using data attributes:
+
+```html
+<script
+  src="path/to/meet.js"
+  marketrix-id="your-marketrix-id"
+  marketrix-key="your-marketrix-key"
+  data-position="bottom_right"
+  data-theme="light"
+  data-agent-name="Support Agent"
+  data-api-base-url="https://api.marketrix.com"
+></script>
+```
+
+## Configuration Options
+
+### Basic Configuration
+
+| Option         | Type   | Required | Default                  | Description                                                                      |
+| -------------- | ------ | -------- | ------------------------ | -------------------------------------------------------------------------------- |
+| `marketrixId`  | string | ✅       | -                        | Your Marketrix account ID                                                        |
+| `marketrixKey` | string | ✅       | -                        | Your Marketrix API key                                                           |
+| `apiBaseUrl`   | string | ❌       | `http://localhost:8080`  | API base URL override                                                            |
+| `position`     | string | ❌       | `'bottom_right'`         | Widget position (`'bottom_right'`, `'bottom_left'`, `'top-right'`, `'top-left'`) |
+| `theme`        | string | ❌       | `'light'`                | Theme (`'light'` or `'dark'`)                                                    |
+| `avatarUrl`    | string | ❌       | -                        | URL to the agent's avatar image                                                  |
+| `agentName`    | string | ❌       | `'Support Agent'`        | Display name for the support agent                                               |
+| `enabledModes` | array  | ❌       | `['show', 'tell', 'do']` | Array of enabled modes                                                           |
+
+### Advanced Configuration
+
+The widget supports extensive configuration through the atmosphere system and
+integration service:
+
+#### Widget Customization
+
+- **Colors**: Primary, secondary, background, text, border colors
+- **Sizes**: Width, height, border radius, font size
+- **Animations**: Slide duration, fade duration, bounce effects
+- **Shadows**: Custom shadow configurations
+- **Z-index**: Layering control
+
+#### Device Visibility
+
+- **Desktop**: Show/hide on desktop
+- **Tablet**: Show/hide on tablet
+- **Mobile**: Show/hide on mobile
+
+#### Advanced Settings
+
+- **Auto-open delay**: Delay before auto-opening
+- **Session timeout**: Session timeout duration
+- **Max messages**: Maximum message history
+- **Typing indicator**: Show typing indicators
+- **Read receipts**: Enable read receipts
+- **Sound notifications**: Audio notifications
+- **Vibration**: Haptic feedback
+
+#### Widget Chips
+
+Quick action chips for common tasks:
+
+```typescript
+interface WidgetChipConfig {
+  chip_mode: 'show' | 'tell' | 'do';
+  chip_text: string;
+  type?: string;
+  question?: string;
+}
+```
+
+## Interaction Modes
+
+### Show Mode
+
+The agent will demonstrate how to perform a task or show you the steps to
+accomplish something. Includes interactive tour functionality with step-by-step
+guidance.
+
+### Tell Mode
+
+The agent will explain concepts, provide information, or answer questions with
+detailed explanations.
+
+### Do Mode
+
+The agent will perform actions on your behalf or execute tasks for you,
+including screen sharing capabilities for remote assistance.
+
+## API Integration
+
+The widget communicates with the Marketrix API using the following endpoints:
+
+### Core Endpoints
+
+- `GET /integration` - Fetch integration settings and widget configuration
+- `GET /tour` - Fetch tour data for specific connections
+- `GET /agent/status` - Check agent availability
+- `GET /agent/info` - Get agent information
+
+### Integration Service
+
+The widget includes a comprehensive integration service that:
+
+- Fetches widget configuration from the API
+- Converts integration settings to atmosphere configuration
+- Manages tour data for connections
+- Auto-configures widget based on API settings
+- Supports dynamic configuration updates
+
+### Authentication
+
+The widget supports multiple authentication methods:
+
+- URL parameters: `marketrix_id` and `marketrix_key`
+- Headers: `X-Marketrix-ID` and `X-Marketrix-Key`
+- Authorization: `Bearer` token
+
+## Development
+
+### Prerequisites
+
+- Node.js 16+
+- npm or yarn
+
+### Setup
+
+1. Clone the repository:
+
+```bash
+git clone <repository-url>
+cd widget
+```
+
+2. Install dependencies:
+
+```bash
+npm install
+```
+
+3. Start development server:
+
+```bash
+npm run dev
+```
+
+4. Build for production:
+
+```bash
+npm run build
+```
+
+5. Build and run debug tool:
+
+```bash
+npm run build:debug
+npx serve dist -l 5174 --cors
+```
+
+Then use this bookmarklet on any website:
+
+```javascript
+javascript: (function () {
+  var s = document.createElement('script');
+  s.src = 'http://localhost:5174/debug.js';
+  document.body.appendChild(s);
+})();
+```
+
+See [docs/DEBUG_PANEL_USAGE.md](docs/DEBUG_PANEL_USAGE.md) for detailed debug
+panel documentation.
+
+### Testing Widget on Any Website
+
+You can inject the widget into any website for testing using bookmarklets or
+Tampermonkey.
+
+#### Option 1: Bookmarklet (Quick Testing)
+
+Create a bookmark with the following URL:
+
+**Local Development (using built version):**
+
+```bash
+npm run build:dev
+npx serve dist -l 5174 --cors
+```
+
+```javascript
+javascript: (function () {
+  var s = document.createElement('script');
+  s.src = 'http://localhost:5174/meet.js';
+  s.setAttribute('marketrix-agent', 'YOUR_AGENT_ID');
+  s.setAttribute('marketrix-connection-id', 'YOUR_CONNECTION_ID');
+  document.head.appendChild(s);
+})();
+```
+
+**Local Development (using dev server with HTTPS):**
+
+```bash
+npm start
+```
+
+First visit `https://localhost:5174` and accept the certificate, then use:
+
+```javascript
+javascript: (function () {
+  var s = document.createElement('script');
+  s.src = 'https://localhost:5174/meet.js';
+  s.setAttribute('marketrix-agent', 'YOUR_AGENT_ID');
+  s.setAttribute('marketrix-connection-id', 'YOUR_CONNECTION_ID');
+  document.head.appendChild(s);
+})();
+```
+
+**Production CDN:**
+
+```javascript
+javascript: (function () {
+  var s = document.createElement('script');
+  s.src = 'https://cdn.marketrix.io/widget/dev/meet.js';
+  s.setAttribute('marketrix-agent', 'YOUR_AGENT_ID');
+  s.setAttribute('marketrix-connection-id', 'YOUR_CONNECTION_ID');
+  document.head.appendChild(s);
+})();
+```
+
+#### Option 2: Tampermonkey (Auto-Inject on Specific Sites)
+
+Install [Tampermonkey](https://www.tampermonkey.net/) browser extension, then
+create a new script:
+
+```javascript
+// ==UserScript==
+// @name         Marketrix Widget Loader
+// @namespace    http://tampermonkey.net/
+// @version      1.0
+// @description  Load Marketrix widget on specific websites
+// @author       Marketrix
+// @match        https://www.example.com/*
+// @grant        none
+// @run-at       document-end
+// ==/UserScript==
+(function () {
+  'use strict';
+  var script = document.createElement('script');
+  // Use one of the following sources:
+  // Local dev server (HTTPS): script.src = "https://localhost:5174/meet.js";
+  // Local built version: script.src = "http://localhost:5174/meet.js";
+  // Production CDN:
+  script.src = 'https://cdn.marketrix.io/widget/dev/meet.js';
+  script.setAttribute('marketrix-agent', 'YOUR_AGENT_ID');
+  script.setAttribute('marketrix-connection-id', 'YOUR_CONNECTION_ID');
+  document.head.appendChild(script);
+})();
+```
+
+**Notes:**
+
+- Replace `YOUR_AGENT_ID` and `YOUR_CONNECTION_ID` with your actual values
+- Change the `@match` pattern to target specific websites (e.g.,
+  `https://www.google.com/*`)
+- For HTTPS sites with local dev server, you must first visit
+  `https://localhost:5174` and accept the SSL certificate
+
+### Project Structure
+
+```
+widget/
+├── src/
+│   ├── components/          # React components
+│   │   ├── ChatWindow.tsx   # Main chat interface
+│   │   ├── WidgetButton.tsx # Widget toggle button
+│   │   ├── MessageList.tsx  # Message display
+│   │   ├── MessageInput.tsx # Message input
+│   │   ├── ModeSelector.tsx # Mode selection
+│   │   ├── ScreenAccessModal.tsx # Screen sharing modal
+│   │   ├── ScreenSharePreview.tsx # Screen share preview
+│   │   └── DemoWidgetWrapper.tsx # Demo wrapper
+│   ├── hooks/              # Custom React hooks
+│   │   ├── useMarketrixWidget.ts # Main widget logic
+│   │   ├── useWidgetAtmosphere.ts # Atmosphere configuration
+│   │   └── useIntegrationSettings.ts # Integration settings
+│   ├── services/           # API services
+│   │   ├── api.ts          # Main API service
+│   │   ├── demo-api.ts     # Demo API service
+│   │   ├── integration-settings.ts # Integration settings service
+│   │   ├── integrationService.ts # Integration service
+│   │   └── tourService.ts   # Tour service
+│   ├── sdk/                # SDK components
+│   │   ├── integrationService.ts # Integration service
+│   │   ├── routes.ts       # API routes
+│   │   └── schema.ts       # Schema definitions
+│   ├── types/              # TypeScript type definitions
+│   │   ├── index.ts        # Main types
+│   │   └── assets.d.ts     # Asset types
+│   ├── utils/              # Utility functions
+│   │   ├── ConfigManager.ts # Configuration management
+│   │   ├── formatting.ts   # Text formatting
+│   │   ├── highlighting.ts # Syntax highlighting
+│   │   └── positioning.ts  # Widget positioning
+│   ├── config/             # Configuration files
+│   │   └── widget-atmosphere.ts # Atmosphere configuration
+│   ├── assets/             # Static assets
+│   │   ├── marketrix-icon.png
+│   │   ├── marketrix-logo.png
+│   │   ├── marktrix-footer.png
+│   │   └── send.png
+│   ├── index.css           # Global styles
+│   └── index.tsx           # Main entry point
+├── vite.config.ts          # Vite configuration
+├── tailwind.config.js      # Tailwind configuration
+└── dist/                   # Build output
+    ├── meet.js             # Main widget bundle (IIFE)
+    └── index.html          # Demo page
+```
+
+## Build System
+
+The widget uses Vite with a custom CSS injection plugin that:
+
+- Bundles all dependencies (React, etc.) into a single file
+- Injects CSS directly into the JavaScript bundle
+- Outputs an IIFE (Immediately Invoked Function Expression) format
+- Creates a standalone `meet.js` file with no external dependencies
+
+## API Reference
+
+### Functions
+
+#### `initMarketrixWidget(config: MarketrixConfig)`
+
+Initializes the widget with the provided configuration.
+
+#### `destroyMarketrixWidget()`
+
+Destroys the widget and removes it from the DOM.
+
+#### `updateMarketrixConfig(newConfig: Partial<MarketrixConfig>)`
+
+Updates the widget configuration dynamically.
+
+#### `getCurrentConfig(): MarketrixConfig`
+
+Returns the current widget configuration.
+
+### Types
+
+#### `MarketrixConfig`
+
+```typescript
+interface MarketrixConfig {
+  marketrixId: string;
+  marketrixKey: string;
+  apiBaseUrl?: string;
+  position?: 'bottom_right' | 'bottom_left' | 'top-right' | 'top-left';
+  theme?: 'light' | 'dark';
+  avatarUrl?: string;
+  agentName?: string;
+  enabledModes?: ('show' | 'tell' | 'do')[];
+
+  // Extended atmosphere controls
+  session_time?: number;
+  sessionActive?: boolean;
+  recorded_time?: number;
+  recordActive?: boolean;
+  widget_text?: WidgetTextConfig;
+  widget_type?: 'ai' | 'live' | 'hybrid';
+  widget_visible?: boolean;
+  widget_customize?: WidgetCustomizeConfig;
+  active_avatar?: AvatarConfig;
+  avatar_trigger_time?: number;
+  enable_widget_popup?: boolean;
+  avatar_status?: 'online' | 'offline' | 'busy' | 'away';
+  widget_mode?: 'ai' | 'live' | 'hybrid';
+  mLive_form?: LiveFormConfig;
+  hybrid_agents_on?: boolean;
+  hybrid_agents_off?: boolean;
+  widget_visible_device?: DeviceVisibilityConfig;
+  streaming_avatar_status?: 'idle' | 'typing' | 'speaking' | 'listening';
+  widget_position?: WidgetPositionConfig;
+  enable_ai_tour?: boolean;
+  widget_header_ai?: string;
+  widget_body_ai?: string;
+  widget_header_live?: string;
+  widget_body_live?: string;
+  widget_chat_greeting?: string;
+  widget_tour_greeting?: string;
+  inapp_login_url?: string;
+  inapp_login_id?: string;
+  inapp_login_password?: string;
+  advanced_settings?: AdvancedSettingsConfig;
+  themes?: ThemeConfig;
+  responsive_breakpoints?: ResponsiveBreakpointsConfig;
+}
+```
+
+#### `WidgetAtmosphereConfig`
+
+```typescript
+interface WidgetAtmosphereConfig {
+  session_time: number;
+  sessionActive: boolean;
+  recorded_time: number;
+  recordActive: boolean;
+  widget_text: WidgetTextConfig;
+  widget_settings: WidgetSettingsConfig;
+  widget_type: 'ai' | 'live' | 'hybrid';
+  widget_visible: boolean;
+  widget_customize: WidgetCustomizeConfig;
+  active_avatar: AvatarConfig;
+  avatar_trigger_time: number;
+  enable_widget_popup: boolean;
+  avatar_status: 'online' | 'offline' | 'busy' | 'away';
+  widget_mode: 'ai' | 'live' | 'hybrid';
+  mLive_form: LiveFormConfig;
+  hybrid_agents_on: boolean;
+  hybrid_agents_off: boolean;
+  widget_visible_device: DeviceVisibilityConfig;
+  streaming_avatar_status: 'idle' | 'typing' | 'speaking' | 'listening';
+  widget_position: WidgetPositionConfig;
+  enable_ai_tour: boolean;
+  widget_header_ai: string;
+  widget_body_ai: string;
+  widget_header_live: string;
+  widget_body_live: string;
+  widget_chat_greeting: string;
+  widget_tour_greeting: string;
+  inapp_login_url: string;
+  inapp_login_id: string;
+  inapp_login_password: string;
+  advanced_settings: AdvancedSettingsConfig;
+  themes: ThemeConfig;
+  responsive_breakpoints: ResponsiveBreakpointsConfig;
+}
+```
+
+#### `IntegrationSettings`
+
+```typescript
+interface IntegrationSettings {
+  widget_enabled?: boolean;
+  widget_appearance?: string;
+  widget_position?: string;
+  widget_device?: string;
+  widget_header?: string;
+  widget_body?: string;
+  widget_greeting?: string;
+  widget_feature_tell?: boolean;
+  widget_feature_show?: boolean;
+  widget_feature_do?: boolean;
+  widget_feature_request_human?: boolean;
+  widget_background_color?: string;
+  widget_text_color?: string;
+  widget_border_color?: string;
+  widget_accent_color?: string;
+  widget_secondary_color?: string;
+  widget_border_radius?: string;
+  widget_font_size?: string;
+  widget_width?: string;
+  widget_height?: string;
+  widget_shadow?: string;
+  widget_animation_duration?: string;
+  widget_fade_duration?: string;
+  widget_bounce_effect?: boolean;
+  widget_chips?: Array<{
+    chip_mode?: string;
+    chip_text?: string;
+    type?: string;
+    question?: string;
+  }>;
+}
+```
+
+#### `ChatMessage`
+
+```typescript
+interface ChatMessage {
+  id: string;
+  content: string;
+  sender: 'user' | 'agent';
+  timestamp: Date;
+  mode?: 'show' | 'tell' | 'do';
+}
+```
+
+## Advanced Features
+
+### Screen Sharing
+
+The widget includes built-in screen sharing capabilities:
+
+- Screen access modal for permissions
+- Screen share preview component
+- Recording functionality
+- Integration with tour system
+
+### Tour System
+
+Interactive tour functionality with:
+
+- Step-by-step guidance
+- Element targeting with selectors
+- Action execution
+- Tour data management
+- Connection-based tours
+
+### Demo Mode
+
+Built-in demo mode for testing:
+
+- Use `demo-marketrix-id` and `demo-marketrix-key`
+- Simulated API responses
+- Context-aware demo messages
+- No real API calls required
+
+### Atmosphere Configuration
+
+Advanced widget atmosphere control:
+
+- Dynamic configuration updates
+- Auto-refresh capability
+- Session and recording management
+- Avatar status control
+- Widget visibility management
+
+## Styling
+
+The widget uses Tailwind CSS with custom animations and theming:
+
+- Custom color palette with Marketrix branding
+- Smooth animations (fade, slide, genie effects)
+- Responsive design with breakpoints
+- CSS custom properties for dynamic theming
+- Custom keyframes for advanced animations
+
+## Browser Support
+
+- Chrome 90+
+- Firefox 88+
+- Safari 14+
+- Edge 90+
+
+## Contributing
+
+1. Fork the repository
+2. Create a feature branch
+3. Make your changes
+4. Add tests if applicable
+5. Submit a pull request
+
+## License
+
+MIT License - see LICENSE file for details.
+
+## Support
+
+For support and questions, please contact the Marketrix team or create an issue
+in the repository.

package/dist/components/BrowserTools.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { MarketrixConfig } from '../types';
+import { type BrowserAction, type BrowserToolMetadata } from '../types/browserTools';
+interface BrowserToolsProps {
+    config?: MarketrixConfig;
+    onToolSelect?: (tool: BrowserToolMetadata, action: BrowserAction) => void;
+    width?: string;
+}
+export declare const BrowserTools: React.FC<BrowserToolsProps>;
+export {};
+//# sourceMappingURL=BrowserTools.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BrowserTools.d.ts","sourceRoot":"","sources":["../../src/components/BrowserTools.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAaxC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAChD,OAAO,EAGL,KAAK,aAAa,EAClB,KAAK,mBAAmB,EACzB,MAAM,uBAAuB,CAAC;AAG/B,UAAU,iBAAiB;IACzB,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,mBAAmB,EAAE,MAAM,EAAE,aAAa,KAAK,IAAI,CAAC;IAC1E,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAmOpD,CAAC"}

package/dist/components/MarketrixWidget.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { MarketrixConfig } from '../types';
+interface MarketrixWidgetProps {
+    config: MarketrixConfig;
+}
+export declare const MarketrixWidget: React.FC<MarketrixWidgetProps>;
+export {};
+//# sourceMappingURL=MarketrixWidget.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MarketrixWidget.d.ts","sourceRoot":"","sources":["../../src/components/MarketrixWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8C,MAAM,OAAO,CAAC;AAGnE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAQhD,UAAU,oBAAoB;IAC5B,MAAM,EAAE,eAAe,CAAC;CACzB;AA6BD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAmH1D,CAAC"}

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

@@ -0,0 +1,26 @@
+import React from 'react';
+import type { InstructionType } from '../../sdk';
+import type { ChatMessage, MarketrixConfig, TaskProgress } from '../../types';
+interface ChatWindowProps {
+    config: MarketrixConfig;
+    isOpen: boolean;
+    isMinimized: boolean;
+    isLoading: boolean;
+    messages: ChatMessage[];
+    currentMode: InstructionType;
+    agentAvailable: boolean;
+    isTaskRunning?: boolean;
+    taskProgress?: TaskProgress[];
+    onClose: () => void;
+    onSendMessage: (message: string, mode?: InstructionType, connectionId?: number, question?: string, skipUserMessage?: boolean) => void;
+    onSetMode: (mode: InstructionType) => void;
+    onAddMessage: (message: ChatMessage) => void;
+    onUpdateMessage: (messageId: string, updates: Partial<ChatMessage>) => void;
+    onRemoveMessage?: (messageId: string) => void;
+    onStopTask?: () => void;
+    onClearChat?: () => void | Promise<void>;
+    onScreenSharingChange?: (isSharing: boolean) => void;
+}
+export declare const ChatWindow: React.FC<ChatWindowProps>;
+export {};
+//# sourceMappingURL=ChatWindow.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChatWindow.d.ts","sourceRoot":"","sources":["../../../src/components/chat/ChatWindow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAG3D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAcjD,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAQ9E,UAAU,eAAe;IACvB,MAAM,EAAE,eAAe,CAAC;IACxB,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,WAAW,EAAE,eAAe,CAAC;IAC7B,cAAc,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,YAAY,EAAE,CAAC;IAC9B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,aAAa,EAAE,CACb,OAAO,EAAE,MAAM,EACf,IAAI,CAAC,EAAE,eAAe,EACtB,YAAY,CAAC,EAAE,MAAM,EACrB,QAAQ,CAAC,EAAE,MAAM,EACjB,eAAe,CAAC,EAAE,OAAO,KACtB,IAAI,CAAC;IACV,SAAS,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;IAC3C,YAAY,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IAC7C,eAAe,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC5E,eAAe,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACzC,qBAAqB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;CACtD;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAwsBhD,CAAC"}

package/dist/components/chat/MessageContent.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { ChatMessage, WidgetState } from '../../types';
+interface MessageContentProps {
+    message: ChatMessage;
+    isLastMessage: boolean;
+    widgetState: WidgetState;
+    accentColor: string;
+    textColor: string;
+}
+export declare const MessageContent: React.FC<MessageContentProps>;
+export {};
+//# sourceMappingURL=MessageContent.d.ts.map

package/dist/components/chat/MessageContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageContent.d.ts","sourceRoot":"","sources":["../../../src/components/chat/MessageContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAK5D,UAAU,mBAAmB;IAC3B,OAAO,EAAE,WAAW,CAAC;IACrB,aAAa,EAAE,OAAO,CAAC;IACvB,WAAW,EAAE,WAAW,CAAC;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAiGxD,CAAC"}

package/dist/components/chat/MessageItem.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import type { ChatMessage, WidgetState } from '../../types';
+interface MessageItemProps {
+    message: ChatMessage;
+    index: number;
+    isLastMessage: boolean;
+    widgetState: WidgetState;
+    settings: {
+        widget_accent_color: string;
+        widget_text_color: string;
+        widget_border_color: string;
+        widget_shadow: string;
+        widget_border_radius: string;
+    };
+    marketrixIcon: string;
+    onScreenAccessAllow?: () => void;
+    onScreenAccessDeny?: () => void;
+}
+export declare const MessageItem: React.FC<MessageItemProps>;
+export {};
+//# sourceMappingURL=MessageItem.d.ts.map