🔗
Linker Studio
  • Welcome!!
  • 🚀GETTING STARTED
    • Set up your custom project from Linker Studio
    • How to run the project
    • Linker Features
      • Glossary
      • Web
      • Mobile
        • Aggregators
        • Analytics
        • Authentication
        • BaaS
        • Carousel
        • Client Support
        • Error and Crash Reporting
        • Info Onboarding
        • KYC
        • Payroll
        • Pii Onboarding
        • Push Notifications - OneSignal
        • Settings
        • Subscriptions
      • Backend
        • Authentication
        • MFA
        • BaaS
        • Aggregators
        • Notifications
        • Payments
        • Deposit Switching
        • Support
        • Vault
        • Storage
        • Monitoring
        • Analytics
  • 🖥️WEB FEATURES
    • Page 2
  • 📱Mobile App Features
    • Project File Structure
    • Figma Tokens Integration
    • Core Module
      • Core UI Components
        • Atoms
        • Molecules
        • Organisms
        • Templates
      • Core Elements
      • Hooks
        • Force update
      • Endpoints used
      • States And Selectors
        • contentsDocuments
    • Modules
      • [New Feature Template]- Feature Name
        • UI Components - Template
          • Atoms
          • Molecules
          • Organisms
          • Templates
        • Hooks - Template
        • Endpoints Used
        • States and Selectors - Template
      • 📥KYC
        • Alloy
        • Baas
          • UI Components
            • Templates
          • Hooks - Template
          • Endpoints Used
          • States and Selectors - Template
        • common
          • UI Components
            • Templates
          • Endpoints Used
      • 🤝Aggregators
        • Plaid
          • Plaid/Rize notification before disabling account
      • 🤖Analytics
        • Amplitude
      • 🔐Authentication
        • Hooks
        • Auth0
          • Hooks
            • Login
            • Forgot password
          • 📧Verify Email
            • Hooks
        • Biometrics
          • Hooks
        • Auto Logout
        • States And Selectors
          • Authentication
      • 💰BaaS
        • Common
          • BaaS Navigation
          • External Accounts
          • UI Components
            • Molecules
            • Organisms
            • Templates
          • Hooks
            • Statements
            • Recurrent Transfers
            • Cards
              • Get Full Card
              • Lock and Unlock
              • Request Physical Debit Card
              • Reissue Debit Card
              • Set / Reset Debit Card Pin
            • Transfer
          • States And Selectors
            • Customer
            • Accounts
            • Cards
            • Transactions
          • Endpoints used
          • Constants
            • ACH_SERVICES
        • treasury
          • Constants
            • CONFIG_VALUES
      • 🛂Client Support
      • 🐛Error and Crash Reporting
        • Crashlytics
      • ℹ️Info Onboarding
        • States and Selectors
        • Hooks
          • Physical Card Request
      • 🌯Linker Wrapper
        • Linker Wrapper Messages Structure
        • Linker Wrapper Features
          • Push Notifications
            • Braze
          • In-App Purchase
      • 🛗MFA Verification Code
        • UI Components
          • Molecules
          • Templates
        • Hooks
        • Endpoints used
        • Configurable Constants
      • 🗞️Payroll
        • UI Components
          • Organisms
          • Templates
        • Hooks
        • States and Selectors
      • 📋PII Onboarding
        • UI Components
          • Atoms
          • Molecules
          • Organisms
          • Templates
        • Hooks
        • States and Selectors
      • 🔔Push Notifications
        • OneSignal
      • 🔧Settings
      • 🗄️Vault
        • VGS Show
        • VGS Collect
    • Cookbook
      • 🏦Neobank
        • Linked Functionalities
          • Edit Personal Details Linking
          • Request Physical Debit Card Linking
          • Get customer Data after SignUp/Login
  • ⛓️Backend API
    • Environments
    • Migrations
      • Configuration
      • Migration Commands
      • Base Model
      • Migration Structure
    • Seeds and Factories
      • Configuration
      • Seeds And Factories
    • SoftDelete
    • DB Fields Encryption
    • DB Structure
    • DB Configuration Table
      • API Endpoints
    • Orchestrator
    • Swagger
      • Setup
      • Decorators for Requests and Responses
      • Decorators for Controllers and HTTP Responses
      • Auth Decorator
      • Multiple Decorators
  • 🪙Finance Integrations
    • Recurring Transfers
      • Architecture
      • Jobs Server
      • Functionality
      • BaaS
        • Rize API Endpoints
        • Treasury Prime API Endpoints
        • Business Treasury Prime API Endpoints
    • BaaS
      • Rize
        • Env Variables
        • Rize API authentication
        • Onboarding
          • Customer Enrollment
          • Get Compliance Workflow
          • Acknowledge Compliance Workflow
          • Customer Complete Enrollment
        • KYC - Know Your Customer
          • Get KYC Documents
          • Upload KYC Document
        • Accounts
          • Get Customer Accounts
          • Get Customer Account By ID
          • Create Customer Account
          • Archive Customer Account
          • Get ACH Customer Accounts
        • Debit Cards
          • Get Debit Cards
          • Get Debit Card Image
          • Lock Debit Card
          • Unlock Debit Card
          • Create Physical Card
          • Activate Debit Card
          • Get Debit Card Set-Pin URL
          • Reissue Debit Card
        • Transactions
          • Get Transactions
        • Transfers
          • Internal Transfers
          • ACH transfers
        • Statements
          • Get Statements
          • Get Statement Document
        • Fake Transactions
        • Message Queue
        • Web Sockets
        • API Endpoints
          • Account Enums
          • Debit Card Enums
          • Transaction Enums
          • KYC Enums
      • Galileo
        • Environment Variables
        • Onboarding
          • Get Customer
          • Customer Enrollment
          • Customer Complete Enrollment
        • Customer Management
          • Get Profile
          • Update Profile
        • Accounts
        • Add Accounts
        • Card Management
          • Get Debit Cards
          • Get Image Card
          • Card Statuses
          • Debit Card Activation
          • Request Physical Card
          • Set PIN
          • Lock/Unlock
        • Transfer
        • Transactions
          • Get Transactions
          • Filter Transactions
        • ACH
          • Add ACH Account
          • Get ACH Accounts
          • Remove ACH Account
          • ACH Transactions
        • Statements
        • Plaid Integration
      • Synapse
        • Environment Variables
        • Terminology
        • Resources
        • API Endpoints
    • Aggregators
      • Add Account Service and new DB Table
      • Plaid
        • Plaid Configuration
        • Application Creation
        • Custom Application
        • Configure Single or Multi Accounts
        • Security Settings
        • Verification of Environment Variables
        • API Endpoints
        • Resources
        • Integrations
          • Rize
      • MX
        • Env Configuration
        • API Endpoints
  • 🔐Authentication
    • Auth0
      • Configuration
      • Protecting an endpoint
      • Email verification
      • API Reference
    • Twilio
      • 2FA
        • Verify Service Configuration
        • Verification Workflow
        • API Endpoints
  • 🪪 KYC
    • Persona
      • Configuration
      • Environment Variables
      • KYC Flow
  • ✉️ Mailings
    • Sendgrid
      • Configuration
      • Environment Variables
      • Send Email with Attachments
  • 🆘Supports
    • Zendesk
      • Configuration
      • API Endpoints
  • 📳NOTIFICATIONS
    • OneSignal
      • Schema
      • Setup
      • Environment Variables
      • API Endpoints
  • 🔐Security
    • VGS
      • Configuration
      • Rize Route Configuration
      • VGS Vault Basics
      • VGS Show
  • 🖥️MONITORING
    • New Relic
      • Configuration
      • Interceptor
  • 🧑‍🔧CONTENT ADMINISTRATOR
    • Notifications
    • Onboardings
      • DB Schema
      • Admin - API Endpoints
      • Client - API Endpoints
    • Documents
      • Document Category
      • Document
      • Client - API Endpoints
      • Admin - API Endpoints
    • App Versions
      • Device App Versions
      • API - Administrator
      • API - Client
  • 💵Payments
    • Stripe
      • Configuration
      • Customers
      • Sources
      • Authorization
      • Charges
      • API Endpoints
Powered by GitBook
On this page
  • Confirm Onboarding Info Screen
  • Edit Onboarding Info Screen
  • Enter Address Suggestion
  • Confirm Address
  • Enter Birth Date
  • Enter Names
  • Enter SSN

Was this helpful?

  1. Mobile App Features
  2. Modules
  3. PII Onboarding
  4. UI Components

Templates

PreviousOrganismsNextHooks

Last updated 2 years ago

Was this helpful?

List of Templates

Confirm Onboarding Info Screen

This screen displays a user's personal information for different scenarios based on the routeType provided.

Functionality

This screen uses the custom hook to collect the user info and display it.

Param Name
Type
Description

routeType

'onboarding' | 'editProfile' | 'shippingAddress'

Indicates the action that triggered the confirmation screen.

Based on the types:

onboarding triggers information confirmation during onboarding.

editProfile triggers personal details view with the option to edit profile.

shippingAddress triggers the address view with the option to edit it.

headerTitle

string (optional)

Screen header title. If it's not provided, there are different titles for each routeType.

title

string (optional)

Screen title. If it's not provided, there are different titles for each routeType.

subtitle

string (optional)

Screen subtitle. If it's not provided, there are different titles for each routeType.

section

string (optional)

Screen section text. If it's not provided, there are different titles for each routeType.

Edit Onboarding Info Screen

This screen allows the user to edit their personal information for different scenarios based on the routeType provided.

Functionality

This screen uses the custom hook to send the updated personal information.

Param Name
Type
Description

routeType

'onboarding' | 'editProfile' | 'shippingAddress'

Indicates the action that triggered the edit info screen.

Based on the types:

onboarding triggers information editing during onboarding.

editProfile triggers personal details editing with the option to edit profile.

shippingAddress triggers the address edit view.

headerTitle

string (optional)

Screen header title. If it's not provided, there are different titles for each routeType.

title

string (optional)

Screen title. If it's not provided, there are different titles for each routeType.

subtitle

string (optional)

Screen subtitle. If it's not provided, there are different titles for each routeType.

section

string (optional)

Screen section text. If it's not provided, there are different titles for each routeType.

Enter Address Suggestion

This screen allows the user to write an address to an input and choose from a list of suggestions.

Enter Address contains the following elements:

  • component as a container, to handle input submission and loading.

  • component to capture the customer's address, and provides a list of address to choose from.

Param Name
Type
Description

routeType

'onboarding' | 'editProfile' | 'shippingAddress'

Indicates the action that triggered the edit info screen.

Based on the types:

onboarding triggers information editing during onboarding.

editProfile triggers personal details editing with the option to edit profile.

shippingAddress triggers the address edit view.

headerTitle

string (optional)

Screen header title. If it's not provided, there are different titles for each routeType.

title

string (optional)

Screen title. If it's not provided, there are different titles for each routeType.

subtitle

string (optional)

Screen subtitle. If it's not provided, there are different titles for each routeType.

section

string (optional)

Screen section text. If it's not provided, there are different titles for each routeType.

Confirm Address

Screen that displays the user's address entered on the previous screen and is also able edit it, so it can be saved to their personal information.

Confirm Address contains the following elements:

Param Name
Type
Description

routeType

'onboarding' | 'editProfile' | 'shippingAddress'

Indicates the action that triggered the edit info screen.

Based on the types:

onboarding triggers information editing during onboarding.

editProfile triggers personal details editing with the option to edit profile.

shippingAddress triggers the address edit view.

headerTitle

string (optional)

Screen header title. If it's not provided, there are different titles for each routeType.

title

string (optional)

Screen title. If it's not provided, there are different titles for each routeType.

subtitle

string (optional)

Screen subtitle. If it's not provided, there are different titles for each routeType.

section

string (optional)

Screen section text. If it's not provided, there are different titles for each routeType.

Enter Birth Date

This screen lets the user enter the birth date so it can be saved to their personal information.

Enter Birth Date contains the following elements:

Enter Names

This screen allows the user to enter their names so it can be saved to their personal information.

Enter Names contains the following elements:

Enter SSN

This screen lets the user enter the SSN so it can be saved to their personal information.

Enter SSN contains the following elements:

component as a container, to handle input submission and loading.

component to capture the customer's address information.

component to display the country.

component as a container, to handle input submission and loading.

component for the date.

component as a container, to handle input submission and loading.

component to capture the customer's names.

component as a container, to handle input submission and loading.

component to capture the customer's SSN.

📱
📋
Confirm Onboarding Info Screen
Edit Onboarding Info Screen
Enter Address
Enter Address Suggestion
Enter Birth Date
Enter Names
Enter SSN
Address Suggestion Input
useEditProfile
useEditProfile
FormLayout
FormLayout
Form Layout
Form Layout
Form Layout
Input
Input
Input
Dropdown
Date Picker