Support

const r = await client.support.openConversation()
if (!r.ok) {
  console.error(r.error.code, r.error.message)
  return
}

const { conversation, starters, messages } = r.value
console.log(conversation.id, conversation.status)
console.log(starters)              // ChatWidgetStarter[] of quick-reply prompts
console.log(messages.length)       // most recent messages

const r = await client.support.sendMessage('Hi, is the cherry tee in stock?', {
  idempotencyKey: 'msg-2026-05-07-stock-check', // optional, auto-generated otherwise
})

if (!r.ok) {
  console.error(r.error.code, r.error.message)
  return
}

const message = r.value
console.log(message.id, message.created_at)
console.log(message.sender_type, message.content)

let cursor: string | undefined

async function poll() {
  const r = await client.support.getMessages({ after: cursor, limit: 50 })
  if (!r.ok) return

  for (const message of r.value) {
    console.log(message.sender_type, message.content)
    cursor = message.id
  }
}

const intervalId = setInterval(poll, 3000)

'use client'
import { useEffect, useState } from 'react'
import { useCimplifyClient } from '@cimplify/sdk/react'
import type { ChatMessage } from '@cimplify/sdk'

export function ChatPanel() {
  const client = useCimplifyClient()
  const [messages, setMessages] = useState<ChatMessage[]>([])
  const [input, setInput] = useState('')

  useEffect(() => {
    let active = true
    client.support.openConversation().then((r) => {
      if (active && r.ok) setMessages(r.value.messages)
    })
    return () => { active = false }
  }, [client])

  async function send() {
    const text = input.trim()
    if (!text) return
    setInput('')

    const r = await client.support.sendMessage(text)
    if (r.ok) setMessages((prev) => [...prev, r.value])
  }

  return (
    <>
      <ul>{messages.map((m) => <li key={m.id}>{m.sender_type}: {m.content}</li>)}</ul>
      <input value={input} onChange={(e) => setInput(e.target.value)} />
      <button onClick={send}>Send</button>
    </>
  )
}