import { useSipClient } from 'vuesip'

const {
  // State
  isConnected, // Ref<boolean> - Connection state
  isRegistered, // Ref<boolean> - Registration state
  isConnecting, // Ref<boolean> - Connecting state
  error, // Ref<Error | null> - Last error

  // Connection
  connect, // (config: SipClientConfig) => Promise<void>
  disconnect, // () => Promise<void>

  // Registration
  register, // () => Promise<void>
  unregister, // () => Promise<void>
} = useSipClient()

import { useCallSession } from 'vuesip'

const {
  // State
  currentCall, // Ref<CallSession | null> - Active call
  callState, // Ref<CallState> - Current call state
  callDuration, // Ref<number> - Duration in seconds

  // Call actions
  makeCall, // (target: string, options?) => Promise<void>
  answer, // (options?) => Promise<void>
  hangup, // () => Promise<void>
  reject, // () => Promise<void>

  // Call controls
  hold, // () => Promise<void>
  unhold, // () => Promise<void>
  mute, // () => Promise<void>
  unmute, // () => Promise<void>
} = useCallSession()

import { useMediaDevices } from 'vuesip'

const {
  // Device lists
  audioInputDevices, // Ref<MediaDeviceInfo[]> - Microphones
  audioOutputDevices, // Ref<MediaDeviceInfo[]> - Speakers
  videoInputDevices, // Ref<MediaDeviceInfo[]> - Cameras

  // Selected devices
  selectedAudioInput, // Ref<string | null>
  selectedAudioOutput, // Ref<string | null>
  selectedVideoInput, // Ref<string | null>

  // Actions
  selectAudioInput, // (deviceId: string) => void
  selectAudioOutput, // (deviceId: string) => void
  selectVideoInput, // (deviceId: string) => void
  requestPermissions, // (audio?, video?) => Promise<boolean>
  refreshDevices, // () => Promise<void>
} = useMediaDevices()

import { useDTMF } from 'vuesip'

const {
  sendDTMF, // (tone: string) => void
  sendDTMFSequence, // (sequence: string, interval?) => Promise<void>
} = useDTMF(callSession)

// Send single digit
sendDTMF('5')

// Send sequence with interval
await sendDTMFSequence('1234#', 200)

import { useSipClient, useCallSession } from 'vuesip'

// Listen for incoming calls
const { incomingCall, callState } = useSipClient()

// Watch for incoming calls
watch(incomingCall, async (call) => {
  if (!call) return

  console.log('Incoming call from:', call.remoteUri)

  // Auto-answer for specific callers (e.g., VIP list)
  const vipList = ['sip:manager@company.com', 'sip:reception@company.com']
  const isVIP = vipList.some((vip) => call.remoteUri.includes(vip))

  if (isVIP) {
    await answer()
  }
  // Otherwise, let the user decide — show UI accept/reject buttons
})

// Answer or reject from call controls
const { answer, reject } = useCallSession()

// In your template:
// <button @click="answer">Accept</button>
// <button @click="reject(486)">Decline</button>

import { useCallSession, useCallControls } from 'vuesip'

const { currentCall } = useCallSession()
const {
  blindTransfer,
  initiateAttendedTransfer,
  completeAttendedTransfer,
  cancelTransfer,
  transferState,
} = useCallControls()

// Blind transfer — immediate, no consultation
async function transferToReception(callId: string) {
  const result = await blindTransfer(callId, 'sip:reception@company.com')
  if (result.success) {
    console.log('Transfer completed')
  } else {
    console.error('Transfer failed:', result.error)
  }
}

// Attended transfer — consult before connecting
async function warmTransfer(callId: string) {
  // Step 1: Put current call on hold and dial the transfer target
  const consultation = await initiateAttendedTransfer(callId, 'sip:colleague@company.com')
  console.log('Consultation call started:', consultation.callId)

  // Step 2: Talk to the colleague (they see the original caller on hold)
  // ...

  // Step 3: Complete the transfer after consultation
  const result = await completeAttendedTransfer(callId, consultation.callId)
  if (result.success) {
    console.log('Attended transfer completed — caller now connected to colleague')
  }
}

// Cancel transfer if consultation doesn't work out
async function cancelWarmTransfer() {
  await cancelTransfer()
  console.log('Transfer cancelled — original call still active')
}

import { useAmiConfBridge } from 'vuesip'

const {
  rooms, // Ref<Map<string, ConfBridgeRoom>>
  createRoom, // (roomName: string, options?: CreateRoomOptions) => Promise<ConfBridgeRoom>
  joinRoom, // (roomName: string, user: ConfBridgeUser) => Promise<void>
  leaveRoom, // (roomName: string, userId: string) => Promise<void>
  listRooms, // () => Promise<void>
  muteParticipant, // (roomName: string, userId: string) => Promise<void>
  kickParticipant, // (roomName: string, userId: string) => Promise<void>
} = useAmiConfBridge()

// Create a conference room
async function startConference() {
  const room = await createRoom('support-conf', {
    record: true, // Enable recording
    recordFile: '/var/spool/asterisk/conf-recs/${YEAR}${MONTH}${DAY}-${TIMESTAMP}.wav',
    maxUsers: 10, // Optional participant cap
    announceUserCount: true,
    quietMode: false,
  })
  console.log('Conference created:', room.name)
  return room
}

// Join a conference
async function joinConference(roomName: string, userId: string, displayName: string) {
  await joinRoom(roomName, {
    userId,
    displayName,
    muted: false,
    marked: userId === 'moderator-1', // Moderator controls the room
  })
  console.log(`${displayName} joined ${roomName}`)
}

// Mute a disruptive participant
async function muteParticipant(roomName: string, userId: string) {
  await muteParticipant(roomName, userId)
  console.log('Participant muted')
}

// List active rooms and their participants
async function showRooms() {
  await listRooms()
  for (const [name, room] of rooms.value) {
    console.log(`Room ${name}: ${room.memberCount} participants`)
  }
}

import { isIOS, isAndroid, isMobileDevice, getBrowserName, getOS } from 'vuesip'

// Device type detection
isIOS() // Returns true on iOS Safari/WebView
isAndroid() // Returns true on Android Chrome/WebView
isMobileDevice() // Returns true on any mobile device

// Browser detection
getBrowserName() // Returns: 'chrome' | 'firefox' | 'safari' | 'edge' | 'opera' | 'unknown'

// OS detection
getOS() // Returns: 'windows' | 'mac' | 'linux' | 'android' | 'ios' | 'unknown'

import type {
  SipClientConfig,
  CallSession,
  CallState,
  CallDirection,
  MediaDeviceInfo,
  ConferenceParticipant,
  QualityScore,
  // ... 100+ types
} from 'vuesip'