Common

List of main features:

• BaaS Navigation

• Customer Management

• Accounts Management

• Debit Card Management

• Transactions

• Internal Transfers

• ACH Transfers

This module contains the following output:

Compliance or Legal Screens:

• Compliance Document Screen: This screen displays a list of buttons that are clickable and each one redirects to another screen to view a legal or compliance document.

• Compliance Document Viewer Screen: It displays a document received as URL through the screen params.

How to use it?

• Import COMPLIANCE_SCREENS constant in the file you will display the compliance screens.

import {COMPLIANCE_SCREENS} from 'LinkerStudio/modules/baas/constants';

• Add this code block to the Stack.Navigator you want to display the onboarding screens.

/* Baas Compliance Screens */
<Stack.Group>
  {COMPLIANCE_SCREENS.map(screen => {
    return (
      <Stack.Screen
        key={screen.name}
        name={screen.name}
        component={screen.component}
      />
    );
 })}
</Stack.Group>

• Import ComplianceStackParams type where you have the stack params list type of the Stack.Navigator you want to display the compliance screens. It is usually the types.ts file.

import {ComplianceStackParams} from 'LinkerStudio/modules/baas/navigation/types';

• Add the ComplianceStackParams type to your stack params list type, so your stack navigator can recognize the compliance screens.

  Take the following as an example:

export type RootStackParamsList = {MY SCREENS TYPES} & ComplianceStackParams;

BaaS DrawerNavigator

This drawer contains the main navigation for the BaaS module, which handles Menu, Bottom Tabs and Main Stack to add new screens that will be displayed between the main navigation.

• Main Menu: This contains a list of clickable action items including logout action item.

• Main Stack Navigator: Which contains the Bottom Tabs Navigator as initial route.

How to use it?

• Import DrawerNavigator in the file you want to display the BaaS DrawerNavigator.

import DrawerNavigator from 'LinkerStudio/modules/baas/navigation/DrawerNavigator';

• Add this code block to the Stack.Navigator you want to display the DrawerNavigator.

<Stack.Group>
 <Stack.Screen name="DrawerNavigator" component={DrawerNavigator} />
</Stack.Group>

• Import BaasDrawerGroupedParams type where you have the stack params list type of the Stack.Navigator you want to display the DrawerNavigator. It is usually the types.ts file.

This Params contains the union of the DrawerNavigatorParams, BottomTabsParams and MainStackParams types.

import {BaasDrawerGroupedParams} from 'LinkerStudio/modules/baas/navigation/types';

• Add the BaasDrawerGroupedParams type to your stack params list type, so your stack navigator can recognize the DrawerNavigator, BottomTabsNavigator and MainStackNavigator screens.

  Take the following as an example:

export type RootStackParamsList = ComplianceStackParams & BaasDrawerGroupedParams;