<script>
  (function(w,d,s,o,n,f,js,fjs){
    w[o]=w[o]||{};w[o][n]=w[o][n]||function(){(w[o][n].q=w[o][n].q||[]).push(arguments)};
    w[o][n].l=1*new Date();js=d.createElement(s);fjs=d.getElementsByTagName(s)[0];
    js.id=o+'_'+n;js.src=f;js.async=1;fjs.parentNode.insertBefore(js,fjs);
  }(window,document,'script','Transactional','support','https://cdn.usetransactional.com/sdk/support.min.js'));
 
  Transactional.support('init', { inboxId: 'YOUR_INBOX_ID' });
</script>

Transactional.support('identify', 'user-123', {
  name: 'John Doe',
  email: 'john@example.com',
  plan: 'premium'
});

// Get all open conversations
const conversations = await transactional.support.conversations.list({
  status: 'open'
});
 
// Reply to a conversation
await transactional.support.conversations.reply(conversationId, {
  message: 'Thanks for reaching out! How can I help?'
});

Visitor Opens Widget → WebSocket Connection → Real-time Chat
         ↓
   Identify User → Link to Visitor Profile
         ↓
   Send Message → Queue → Agent Notification
         ↓
   Agent Replies → WebSocket → Visitor Sees Reply

// Track custom events
Transactional.support('trackEvent', 'purchase_completed', {
  orderId: '12345',
  amount: 99.99
});
 
// Track page views automatically
Transactional.support('trackPageView');

// Create a new conversation
const conversation = await transactional.support.conversations.create({
  visitorId: 'visitor-123',
  message: 'Initial message'
});
 
// Update visitor attributes
await transactional.support.visitors.update('visitor-123', {
  attributes: {
    plan: 'enterprise'
  }
});