🌐 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-agent

Quick 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

OptionTypeDefaultDescription
apiKeystringrequiredYour API key
positionstring'bottom-right'Widget position
themestring'light'UI theme
languagestring'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