BotBuilderPlugin is breaking Message Extension functionality

[NWH-SAmin5]

I am working on bot have implemented BotBuilderPlugin following https://microsoft.github.io/teams-sdk/typescript/migrations/botbuilder/integration

After implementing this my Message Extension functionality like Action commands is not working anymore
https://microsoft.github.io/teams-sdk/typescript/in-depth-guides/message-extensions/action-commands

When click on Action from overflow menu on the message I receive this error

When I comment plugins Message Extension functionality works as expected

const app = new App({
  ...credentialOptions,
  storage,
  oauth: {
    defaultConnectionName: config.oauthConnectionName
  },
  //plugins: [new BotBuilderPlugin({ adapter, handler })],
  logger: new ConsoleLogger('echo', { level: 'debug' })
});

[singhk97]

For invoke activities, the BotBuilderPlugin will give priority to the Bot Framework handler to process the activity and return an invoke response. If it does not return an invoke response, then the Teams SDK will have the opportunity to process the activity.

If you are using the TeamsActivityHandler then the default implementation returns an invoke response and so the Teams SDK handler is not even being invoked. I'm making a few assumptions here, and it's hard to tell without seeing how the handlers are implemented.

Can you share the code snippets?

[NWH-SAmin5]

@singhk97 thanks for looking into this

I assumed same, so i added handleTeamsMessagingExtensionSubmitAction in my activity-handler.ts to return hoping Teams SDK will process.

import { MessagingExtensionAction, MessagingExtensionActionResponse, TeamsActivityHandler, TurnContext } from 'botbuilder';

// replace with your TeamsActivityHandler
export class ActivityHandler extends TeamsActivityHandler {

  constructor() {
    super();

    this.onMessage(async (ctx, next) => {
      //await ctx.sendActivity('hi from botbuilder...');
      await next();
    });
  }

  async run(context: TurnContext) {
    await super.run(context);

    // Save any state changes. The load happened during the execution of the Dialog.
    await this.conversationState.saveChanges(context, false);
    await this.userState.saveChanges(context, false);
  }


protected async handleTeamsMessagingExtensionSubmitAction(context: TurnContext, action: MessagingExtensionAction): Promise<MessagingExtensionActionResponse> {
    return;
  }
}

const handler = new ActivityHandler();
export default handler;

adapter.ts

import { CloudAdapter, ConfigurationBotFrameworkAuthentication, ConfigurationServiceClientCredentialFactory } from 'botbuilder';
import config from '../config';

// replace with your BotAdapter
const adapter = new CloudAdapter(
  new ConfigurationBotFrameworkAuthentication(
    {},
    new ConfigurationServiceClientCredentialFactory({
      MicrosoftAppType: 'SingleTenant',
      MicrosoftAppId: config.MicrosoftAppId,
      MicrosoftAppPassword: config.MicrosoftAppPassword,
      MicrosoftAppTenantId: config.MicrosoftAppTenantId,
    })
  )
);

export default adapter;

app.ts

//... existing code

// Create the app with storage
const app = new App({
  ...credentialOptions,
  storage,
  oauth: {
    defaultConnectionName: config.oauthConnectionName
  },
  //plugins: [new BotBuilderPlugin({ adapter, handler })],
  logger: new ConsoleLogger('echo', { level: 'debug' })
});

//... existing code