96 lines
2.3 KiB
JavaScript
96 lines
2.3 KiB
JavaScript
import { Device } from '@twilio/voice-sdk';
|
|
import VoiceAPI from './voiceAPIClient';
|
|
|
|
const createCallDisconnectedEvent = () => new CustomEvent('call:disconnected');
|
|
|
|
class TwilioVoiceClient extends EventTarget {
|
|
constructor() {
|
|
super();
|
|
this.device = null;
|
|
this.activeConnection = null;
|
|
this.initialized = false;
|
|
this.inboxId = null;
|
|
}
|
|
|
|
async initializeDevice(inboxId) {
|
|
this.destroyDevice();
|
|
|
|
const response = await VoiceAPI.getToken(inboxId);
|
|
const { token, account_id } = response || {};
|
|
if (!token) throw new Error('Invalid token');
|
|
|
|
this.device = new Device(token, {
|
|
allowIncomingWhileBusy: true,
|
|
disableAudioContextSounds: true,
|
|
appParams: { account_id },
|
|
});
|
|
|
|
this.device.removeAllListeners();
|
|
this.device.on('connect', conn => {
|
|
this.activeConnection = conn;
|
|
conn.on('disconnect', this.onDisconnect);
|
|
});
|
|
|
|
this.device.on('disconnect', this.onDisconnect);
|
|
|
|
this.device.on('tokenWillExpire', async () => {
|
|
const r = await VoiceAPI.getToken(this.inboxId);
|
|
if (r?.token) this.device.updateToken(r.token);
|
|
});
|
|
|
|
this.initialized = true;
|
|
this.inboxId = inboxId;
|
|
|
|
return this.device;
|
|
}
|
|
|
|
get hasActiveConnection() {
|
|
return !!this.activeConnection;
|
|
}
|
|
|
|
endClientCall() {
|
|
if (this.activeConnection) {
|
|
this.activeConnection.disconnect();
|
|
}
|
|
this.activeConnection = null;
|
|
if (this.device) {
|
|
this.device.disconnectAll();
|
|
}
|
|
}
|
|
|
|
destroyDevice() {
|
|
if (this.device) {
|
|
this.device.destroy();
|
|
}
|
|
this.activeConnection = null;
|
|
this.device = null;
|
|
this.initialized = false;
|
|
this.inboxId = null;
|
|
}
|
|
|
|
async joinClientCall({ to, conversationId }) {
|
|
if (!this.device || !this.initialized || !to) return null;
|
|
if (this.activeConnection) return this.activeConnection;
|
|
|
|
const params = {
|
|
To: to,
|
|
is_agent: 'true',
|
|
conversation_id: conversationId,
|
|
};
|
|
|
|
const connection = await this.device.connect({ params });
|
|
this.activeConnection = connection;
|
|
|
|
connection.on('disconnect', this.onDisconnect);
|
|
|
|
return connection;
|
|
}
|
|
|
|
onDisconnect = () => {
|
|
this.activeConnection = null;
|
|
this.dispatchEvent(createCallDisconnectedEvent());
|
|
};
|
|
}
|
|
|
|
export default new TwilioVoiceClient();
|