pass parameters to botframework when chat session starts - botframework

Question

I cannt find a way to pass parameters to bot framework when a session begins.
I want to pass a projectId when user starts a chat and it must be passed automatically (ie the user must not be prompted for this information).
I'm trying in vain dozens of approaches since a few days and nothing works.
I have 2 approaches that are closed to the result:
var projectId ="191";
var d1 = window.WebChat.createDirectLine({ token });
const store = window.WebChat.createStore(
{},
function() {
return function(next) {
return function(action) {
if (action.type === 'DIRECT_LINE/POST_ACTIVITY') {
action = window.simpleUpdateIn(
action,
['payload', 'activity', 'channelData'],
() => ({
'email': "testemail1#test.com",
'projectId': projectId
})
)
}
return next(action);
}
}
);
window.WebChat.renderWebChat({
directLine: d1,
store: store,
styleOptions:styleOptions
}, document.getElementById('webchat'));
var user = {
id: 'default-user',
name: 'user name'
};
var activity = {
from: user,
name: 'startConversation',
type: 'event',
value: '',
channelData: { "email": "test2#b.com","usertoken": userToken,"projectId":projectId}
};
d1.postActivity(activity).subscribe(function(id) {
if (console) {
console.log('"trigger requestWelcomeDialog" sent');
}
});
If i try to pass parameters through the store and DIRECT_LINE/POST_ACTIVITY, the parameter are passed after the session created (too late for my need)
2.If I passe through the postActivity of type event, I manage to override the OnEventAsynxc and access the parameters. But then I don't understand how to pass them to the dialogs.
In the dialogs, when I dump the channelData and conversationstate or userstate, it's empty.
Please help, my need is simply to automatically pass a projectID when a chat is initiated.
Looks trivial but it is not.
protected override async Task OnEventAsync(ITurnContext<IEventActivity> turnContext, CancellationToken cancellationToken)
{
IStatePropertyAccessor<OnboardingState> accessor = UserState.CreateProperty<OnboardingState>(nameof(OnboardingState));
OnboardingState state = await accessor.GetAsync(turnContext, () => new OnboardingState());
state.Ticket = new CIWTicket();
state.Ticket.SourceEmailAddress = email;
await UserState.SaveChangesAsync(turnContext, false, cancellationToken);
}

Answer 1

You can achieve this by using dispatch() to send an event with the data stored in the payload. dispatch() is called and the event sent when direct line finalizes its connection to the bot ("CONNECTION_FULFILLED"), as demonstrated below.
<script>
(async function () {
const store = window.WebChat.createStore( {}, ( { dispatch } ) => next => async action => {
if (action.type === 'DIRECT_LINE/CONNECT_FULFILLED') {
console.log('Event dispatched');
dispatch( {
type: 'WEB_CHAT/SEND_EVENT',
payload: {
name: 'SEND_PROJECT_ID',
value: 191
}
} )
}
return next(action);
});
[...]
window.ReactDOM.render(
<ReactWebChat
directLine={ window.WebChat.createDirectLine({ token }) }
store={store}
/>,
document.getElementById( 'webchat' );
)
})
</script>
Developer's console
Logged by bot
Hope of help!