[Question] Node.js Azure Example - Choice Prompts style options

[pavanagrawal123]

System Information (Required)

• SDK Language: NodeJS
• SDK Version: I tried 3.7 and 3.9
• Development Environment: Azure Bot Service

Issue Description

Buttons are not working.... (The C# example works, NodeJS doesn't)

Code Example

https://pastebin.com/jHVj1Xx6

/*-----------------------------------------------------------------------------
This template demonstrates how to use Waterfalls to collect input from a user using a sequence of steps.
For a complete walkthrough of creating this type of bot see the article at
https://aka.ms/abs-node-waterfall
-----------------------------------------------------------------------------*/
"use strict";
var builder = require("botbuilder");
var botbuilder_azure = require("botbuilder-azure");
var path = require('path');

var useEmulator = (process.env.NODE_ENV == 'development');

var connector = useEmulator ? new builder.ChatConnector() : new botbuilder_azure.BotServiceConnector({
    appId: process.env['MicrosoftAppId'],
    appPassword: process.env['MicrosoftAppPassword'],
    stateEndpoint: process.env['BotStateEndpoint'],
    openIdMetadata: process.env['BotOpenIdMetadata']
});

var bot = new builder.UniversalBot(connector);
bot.localePath(path.join(__dirname, './locale'));
bot.dialog('/', [
    function (session) {
        // prompt for search option
        builder.Prompts.choice(session, "What language do you code Node using?", ["JavaScript", "CoffeeScript", "TypeScript"], "button");
    },
    function (session, results) {
        session.userData.name = results.response;
        builder.Prompts.number(session, "Hi " + results.response + ", How many years have you been coding?"); 
    },
    function (session, results) {
        session.userData.coding = results.response;
        builder.Prompts.choice(session, "What language do you code Node using?", ["JavaScript", "CoffeeScript", "TypeScript"]);
    },
    function (session, results) {
        session.userData.language = results.response.entity;
        session.send("Got it... " + session.userData.name + 
                    " you've been programming for " + session.userData.coding + 
                    " years and use " + session.userData.language + ".");
    }
]);

if (useEmulator) {
    var restify = require('restify');
    var server = restify.createServer();
    server.listen(3978, function() {
        console.log('test bot endpont at http://localhost:3978/api/messages');
    });
    server.post('/api/messages', connector.listen());    
} else {
    module.exports = { default: connector.listen() }
}

Expected Behavior

Buttons to appear

Actual Results

List appears (1, 2, 3)

[nwhitmont]

@pavanagrawal123 To specify the style of the list that is presented to the user, set the IPromptOptions.listStyle property:

Example:

builder.Prompts.choice(session, "What language do you code Node using?", ["JavaScript", "CoffeeScript", "TypeScript"], "button");

For more information on choice prompts, including the available listStyle options, see: Prompt types > Prompts.choice

[pavanagrawal123]

hi @nwhitmont ,

I have implemented that, please see the first function. Yet it doesn't work. Also, I tried adding it to the third one, and it did not work either.

Thanks.

[stevengum]

@pavanagrawal123, The documentation is incorrect. You should be passing in an object, not a string or the enum as the fourth parameter.

Here's a link to the interface of the object that should be passed in.

Example:

builder.Prompts.choice(session, "What language do you code Node using?", 
  ["JavaScript", "CoffeeScript", "TypeScript"], 
  { listStyle: builder.ListStyle.button });

// or

builder.Prompts.choice(session, "What language do you code Node using?", 
  ["JavaScript", "CoffeeScript", "TypeScript"], 
  { listStyle: "button" });