After recent webchat JS changes- Date fields no longer render in webchat

[007-fr]

Hello WebChat team,

After the changes made to webchat.js by the BotFramework team a few days ago, date inputs no longer show up in the Bot. There are a ton of other issues we are facing as well, but we have been able to work around majority of them.

Below is what I currently see in the web chat: I do not have an image before the webchat change

Below is a screenshot of what it looks like emulator. Emulator still works.

Here is the text from my Adaptive card:

{
"type": "AdaptiveCard",
"id": "WhatWeekJsonCard",
"body": [
{
"type": "TextBlock",
"size": "Medium",
"weight": "Bolder",
"text": "More Information needed"
},
{
"type": "TextBlock",
"text": "What week do you need this data for? ",
"wrap": true
},
{
"type": "TextBlock",
"text": "Note: only Saturdays are available for this data, please only Select a Saturday ",
"wrap": true
},
{
"type": "Input.Date",
"id": "DateWeek",
"isRequired": true,
"errorMessage": "Please select a date to continue"
}
],
"actions": [
{
"type": "Action.Submit",
"title": "Submit"
}
],
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"version": "1.0",
"speak": "${speechText}"
}

[007-fr]

The card above is for Week. The card below is for Day.

{
"type": "AdaptiveCard",
"id": "WhatDayJsonCard",
"body": [
{
"type": "TextBlock",
"size": "Medium",
"weight": "Bolder",
"text": "More Information needed"
},
{
"type": "TextBlock",
"text": "What day do you need this data for?",
"wrap": true
},
{
"type": "Input.Date",
"id": "DayDate",
"isRequired": true,
"errorMessage": "Please select a date to continue"
}
],
"actions": [
{
"type": "Action.Submit",
"title": "Submit"
}
],
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"version": "1.0",
"speak": "${speechText}"
}

[corinagum]

Could you test these two cards on the Adaptive Card designer and see if the issue persists?

I think I misunderstood. Could you give more detail? Comparison of before and after and a description of what is expected would be a big help.

Just to confirm; this is 4.12.x of Web Chat, correct?

[corinagum]

Also please feel free to post about the other bugs you are facing. If they are all related to adaptive cards, please add comments to this thread. Otherwise please file new bugs. 🙂

[007-fr]

yes, 4.12.1.

The expected results after a user clicks on Day from the Adaptive Card, would be an adaptive card that asks the user to select the date. In this card, it has a submit button, a datefield input and a couple text blocks. It's the card show below. "Choose What Day adaptive card"

If a user clicks on day in the webchat, it shows an empty bubble instead of displaying the Choose What Day adaptive card above.

[corinagum]

This is what I see when I test in development mode.

Running this card in the Adaptive Cards designer similarly has a warning when pasted in, but doesn't throw on validation error.

This has to do with an incorrectly formatted Adaptive Card. I see there is the isRequired prop, which requires both an errorMessage (present) and a label (not present).

Info and fix:
#3778 (comment)

[007-fr]

That fixed the issue. Thanks Corinagum! Is that The Bot Framework Emulator you are debugging in? Any documentation on how to set that up?

[corinagum]

Oh, our team has a bot that's published in development mode so that error messages are displayed as the big red box. This is good to have for companies with public bots, to test changes before it's deployed publicly:
https://github.com/microsoft/BotFramework-WebChat/blob/8061f6835f1a94a7da1284188f816ceb1b7abd36/packages/README.md#flavors

[007-fr]

Cool. Thanks!