Forum Discussion
XDeveloper29
Apr 24, 2024Copper Contributor
Issue on PopUp Dialog on installing bot app on teams
I'm building a bot/message extension app using Teams Toolkit in Typescript. I want the user to get a config popup which user can enter the API key and I can store the key in some storage.
I refer to this doc - Bot configuration experience - Teams | Microsoft Learn
I have tried this code -
async handleTeamsConfigFetch(_context, _configData) {
let response = {};
const adaptiveCard = CardFactory.adaptiveCard(this.adaptiveCardForContinue());
response = {
config: {
value: {
card: adaptiveCard,
height: 500,
width: 600,
title: "test card",
},
type: "continue",
},
};
return response;
}
But I'm getting error - Property 'responseType' is missing in type '{ config: { value: { card: Attachment; height: number; width: number; title: string; }; type: string; }; }' but required in type 'ConfigResponse'.
So, I modified it like this
async handleTeamsConfigFetch(_context: TurnContext, _configData) {
console.log(_configData, _context);
const responseType = "config" as const;
const adaptiveCard = CardFactory.adaptiveCard(
this.createAdaptiveCardWithText("test")
);
return {
config: {
task: {
value: {
card: adaptiveCard,
height: 500,
width: 600,
title: "test card",
},
},
},
responseType: responseType,
};
}
Now I'm getting error <BotError>Error when processing invoke response: Config or Config Type is missing in Bot Config response in the console of the browser.
Please help on this.
- Dinesh-MSFT
Microsoft
Hi XDeveloper29 - Thanks for raising the query.
We will look into it and let you know the updates.
Update: Could you please refer this Microsoft-Teams-Samples/samples/bot-configuration-app/nodejs at main · OfficeDev/Microsoft-Teams-Samples (github.com) sample and modify the Json change as per your requirement.