Unable to add custom fields in AccountDetailsScreen component

[nikhildeshmukh-eaton]

We have updated to latest update of BLUI library.

Now when i am injecting children components to as below:

(para.length > 0 ? true : false)} />

Here we don't see any option to add additional fields apart from mandatory fields(name, lastName).

With the earlier version, we use to have below mechanism to pass our customComponents for Account Details screen as below:
customAccountDetails={[
{ component: CustomDetailsScreen },
{
component: CustomDetailsScreenTwo,
title: 'Job Info',
instructions: 'Enter your employment information below.',
},
]}

as a prop to AuthUIContextProvider component.

Team, will it be possible to add option to add custom fields as per product requirement?

[surajeaton]

After the discussion with the team, to handle dynamic data coming from the custom details prop will not be feasible solution as that may vary according to each application.
The best solution is to develop a custom screen and manage data.

[komal-eaton]

We are exploring the following approach and we will decide whether to support this approach before making it final.

So, we are planning to allow users to add customAccountDetails thought the AccountDetailsScreen.

user will need to define custom components and pass them as prop customAccountDetails (an array of objects each containing a custom component) to AccountDetailsScreen.

To handle data changes each custom component should accept onDetailsChanged and initialDetails props.

• onDetailsChanged : will be a function prop that the custom component will call whenever its data changes.
• initialDetails : will provides the initial data for the custom component and ensures that the custom component is initialised with the current state.