AWS AmazonConnectApp.init() Sample with Typescript

SampleCode.tsx

 

import './App.css';
import { AgentClient, AgentStateChangedHandler } from "@amazon-connect/contact";
import { AgentStateChangedEventData } from "./type/AgentStateChangedHandler"

const agentClient = new AgentClient();
console.log("agentClient : ", agentClient)

function App() {
  const handler: AgentStateChangedHandler = async (data: AgentStateChangedEventData) => {
    console.log("Agent state change occurred! " + data);
  };

  agentClient.onStateChanged(handler);

  return (
    <div>
      {/* 코드생략... */}
    </div>
  );
}

export default App;

 

AgentStateChangedEventData.tsx

export type AgentStateChangedEventData = {
  state: string;
  previous: {
    state: string;
  };
}