Organisms

List of Organisms

• Account Congrats Layout

• Accounts List

• BaaS Menu

• Card Layout

• Transactions List

• RecurrentTransferForm

Account Congrats Layout

Description

Component used for the congratulation screen once the user has successfully entered.

Usage

Accounts List

Description

Component used to list a customer's accounts.

Props

Prop Name	Type	Description

Usage

Baas Menu

Description

Contains the following UI action items:

Uses the MainMenu component to send extra items to the core menu.

• Account

  • Personal Details

    This action item should implement the PiiOnboarding module. Go to Baas X PiiOnboarding to see how this functionality is linked.

• Bank Account Actions

  • Configure Payroll

• Settings

  • Notifications

  • Help

• Logout: This action item should implement the Authentication module logout implementation.

Props

Prop Name	Type	Description

Usage

// Some code

Card Layout

Description

Receives a card data object and handles the fetch and display of the extended information of that card, such as the available balance and the card image.

Props

Prop Name	Type	Description

Usage

// Some code

Transactions List

Description

It receives a transaction array from Transactions State to render

Props

Prop Name

Usage

// Some code

Reccurrent Transfer Form

Description

It renders the neccessary fields to create an "Scheduled Transfer" recurrent or single.

Fields:

• Transfer name

• Frequency: Monthly, Single

• Send on: the list of days of a month from 1 to 31

• First transfer date: Send now, Set date

  • If the transfer is Single then this field is set by default to Set date

• First transfer preferred date: If the first transfer date is Set date then the user should specify a date.

• Duration: No ending date, Number of transfers.

  • If the transfer is Single then this field is set by default to Numnber of transfers

• Number of transfers: if the duration is set to Number of transfers then the user should specify the number of type Number.

  • If the transfer is Single then this field is set by default to 1

Recurrent Transfer List

List of scheduled transfers

Params Name	Type	Description
data	RecurringTransfer[]	Array with the list of transfers obtained and stored in the redux
isLoading	boolean	Boolean that determines if transfers are being charged
loadMoreTransfer	()=>void	Function that is executed when requesting to load more data
onPressEdit	(itemTransfer: GetRecurrentTransferDetails) => void (optional)
onPressDeleteRecurrentTransfer	(itemTransfer: GetRecurrentTransferDetails) => void	Event that to eliminate the transfers, receives the transfer id as a parameter
onPressUpdateRecurrentTransfer	()=>void (optional)	Event that works to edit the data of a transfer
onRefreshList	()=>void (optional)	Method that is executed when a request is made to refresh the view
isRefreshing	boolean (optional)	Boolean that determines if a refresh of the view was requested

Recurrent Transfer Jobs List

List of transfers that are executed in a number of days after the current date

Params Name	Type	Description
data	RecurrentTransferJobs[]	Array with the list of transfers obtained and stored in the redux
isLoading	boolean	Boolean that determines if transfers are being charged
loadMoreTransfer	()=>void	Function that is executed when requesting to load more data
onPressCancelRecurringTransfer	(TransferId: string) => void

Recurrent Transfer Form

Form used to create a recurring transfer

Params Name	Type	Description
updateRecurrentTransfer	(values: RecurrentTransfer) => void	Method that updates the state where the information that the user enters to schedule a transfer is stored
recurrentTransferValues	RecurrentTransfer	Object with the values that the user selects to schedule a transfer