🌐 Web Development: React, Next.js, PWAs & E-commerce solutions📱 Mobile Apps: React Native & Flutter for iOS/Android💻 Desktop Apps: Cross-platform Electron applications🍽️ RestaurantPOS Pro: Complete restaurant management system🛍️ RetailPOS Elite: Smart retail point of sale solution📋 WaitlistPro: Smart waitlist management platform🛠️ Developer Tools: Powerful SDKs, APIs & libraries for seamless integration🎯 Code Playground: Live JavaScript, Python & Java execution📚 Programming Academy: Interactive quizzes for 17+ languages⚙️ Backend & APIs: RESTful, GraphQL & microservices architecture🚀 DevOps: CI/CD pipelines, Docker, Kubernetes & cloud deployment🔧 App Management: Performance monitoring, security updates & maintenance🌐 Web Development: React, Next.js, PWAs & E-commerce solutions📱 Mobile Apps: React Native & Flutter for iOS/Android💻 Desktop Apps: Cross-platform Electron applications🍽️ RestaurantPOS Pro: Complete restaurant management system🛍️ RetailPOS Elite: Smart retail point of sale solution📋 WaitlistPro: Smart waitlist management platform🛠️ Developer Tools: Powerful SDKs, APIs & libraries for seamless integration🎯 Code Playground: Live JavaScript, Python & Java execution📚 Programming Academy: Interactive quizzes for 17+ languages⚙️ Backend & APIs: RESTful, GraphQL & microservices architecture🚀 DevOps: CI/CD pipelines, Docker, Kubernetes & cloud deployment🔧 App Management: Performance monitoring, security updates & maintenance
Back to Documentation
Customer Agent SDK
AI-powered customer support chat widget
Installation
npm install @jutech-devs/customer-agentQuick Start
import { CustomerAgent } from '@jutech-devs/customer-agent';
const agent = new CustomerAgent({
apiKey: 'your-api-key',
position: 'bottom-right',
theme: 'light'
});
agent.init();React Hook Usage
import { useCustomerAgent } from '@jutech-devs/customer-agent';
function App() {
const { isOpen, toggle, sendMessage } = useCustomerAgent({
apiKey: 'your-api-key',
autoGreeting: true
});
return (
<div>
<button onClick={toggle}>
{isOpen ? 'Close' : 'Open'} Support
</button>
</div>
);
}Configuration Options
| Option | Type | Default | Description |
|---|---|---|---|
| apiKey | string | required | Your API key |
| position | string | 'bottom-right' | Widget position |
| theme | string | 'light' | UI theme |
| language | string | 'en' | Interface language |
Advanced Features
Custom Branding
const agent = new CustomerAgent({
apiKey: 'your-api-key',
branding: {
primaryColor: '#007bff',
logo: 'https://your-domain.com/logo.png',
companyName: 'Your Company'
}
});Analytics Integration
agent.on('message', (data) => {
console.log('Message sent:', data);
});
agent.on('conversation_start', () => {
console.log('New conversation started');
});
agent.on('conversation_end', () => {
console.log('Conversation ended');
});API Methods
agent.init()
Initialize the chat widget on the page.
agent.show()
Show the chat widget.
agent.hide()
Hide the chat widget.
agent.sendMessage(message)
Send a message programmatically.
agent.updateConfig(config)
Update configuration options.
Pricing
Free Tier
- • Up to 1,000 messages/month
- • Basic AI responses
- • Email support
Pro Plan - $29/month
- • Up to 10,000 messages/month
- • Advanced AI with context
- • Custom branding
- • Analytics dashboard
- • Priority support