From Azure Handoff

[pawelrys]

Hi, could you add some instructions (or the best record a video) on how could connect bot deploying to Azure with ACS Agent Hub? I managed to install locally and connect with Bot Framework Composer chat, but I have some problems with joining Agent with Bot on Azure.

On the other hand, configuring it locally I have a problem in ChatPanel.tsx file, probably due to the new version @Azure module for npm. If you have some time in future you could fix it (I'm totally useless with React).

And to summarise, you did a great project, congratulations!

[managedcoder]

Let me look into the ChatPanel issue and I think a screencast of deploying is a good idea and meant to do that

[aborsato]

Hi, I am trying to run the code and stepped into the same issues.
The issue with ChatPanel.tsx file in my environment was related to the imported dependency @azure/communication-react that changed the signature of the method createAzureCommunicationChatAdapter to accept an object instead of a list of parameters. This is how I managed to fix the issue:

                    createAzureCommunicationChatAdapter({
                        endpoint: agentAccessContext.endPoint,
                        displayName: "something here, I guess",
                        threadId: applicationContext!.currentConversation!.threadId,
                        userId: {communicationUserId: applicationContext!.agent!.name},
                        credential: new AzureCommunicationTokenCredential(agentAccessContext.token)
                    }).then(adapter => { 

[guitarguySD]

Thanks. Yes, also, a great project!

[managedcoder]

As @aborsato figured out, the was a breaking change in the ACS UI Toolkit library and I fixed it similarly to what @aborsato suggested and it looks like this now:

createAzureCommunicationChatAdapter({ endpoint: agentAccessContext.endPoint, displayName: applicationContext!.agent!.name, threadId: applicationContext!.currentConversation!.threadId, userId: { communicationUserId: applicationContext!.currentConversation!.agentId }, credential: new AzureCommunicationTokenCredential(agentAccessContext.token) }).then(adapter => {

[managedcoder]

@aborsato @dinobrago @pawelrys @lapate - FYI, the ACS Agent Hub bugs have been fixed and overview and walkthrough videos have been added to README doc

[aborsato]

I used this project to present a solution to one of our engagements. So, thank you for sharing this code!