Dispatched event, postBack, or messageBack + activityMiddleware causes fatal error

[stevkan]

Screenshots

Version

CDN: v4.10.0

Describe the bug

Error occurs when store.dispatch() is used to send a SEND_EVENT, SEND_POST_BACK, or SEND_MESSAGE_BACK activity and activityMiddleware is also utilized.

Steps to reproduce

1. Run the 05.custom-components/c.user-highlighting MockBot located in the sample.
2. Type "herocard" into the send box
3. Click the "postBack" button
4. See error

Expected behavior

No error should occur with dispatch and activityMiddleware functioning, as expected.

[Bug]

[tdurnford]

@stevkan I believe this is due to a breaking change in Web Chat v4.10. Take a look the Breaking Changes in the Change Log for more details.

@compulim Can you please weigh in.

[stevkan]

@tdurnford, thanks for the info. That did seem to fix it. Originally, I had a different implementation that, with v.4.10.0, was failing. I went to the samples and updated according to those which, as you can see, still wasn't working. Late on a Friday, I hadn't thought to check the change log.

[tdurnford]

I'm going to reopen this since the sample is still broken.

[stevkan]

@tdurnford, good call on re-opening. Just tested the sample referenced above, again, and yes it is still broken.

The readme shows the below code which, presumably, MockBot still uses as it also breaks when calling the hero card and clicking the postBack button.

const activityMiddleware = () => next => card => {
    return children => (
        <div  className={card.activity.from.role === 'user' ? 'highlightedActivity--user' : 'highlightedActivity--bot'} >
            {next(card)(children)}
        </div>
    );
};

[corinagum]

Needs prioritization