UI Module

The UI module allows a method of launching all of the self contained modules the LucraSDK supports. These flows can be easily integrated into your app's navigation at the appropriate time.

To utilize the UI layer use the .present function and pass in the flow you want to show:

Presentation

export default function App() {
  return (
    <View style={styles.container}>
      <Button
        title="Show Profile"
        onPress={() => LucraSDK.present(LucraSDK.FLOW.PROFILE)}
      />
      <Button
        title="Show Add Funds"
        onPress={() => LucraSDK.present(LucraSDK.FLOW.ADD_FUNDS)}
      />
    </View>
  );
}

LucraFlow

Provides an easy to use type to present each of the supported flows

FLOW: {
    ONBOARDING: 'onboarding',
    VERIFY_IDENTITY: 'verifyIdentity',
    PROFILE: 'profile',
    ADD_FUNDS: 'addFunds',
    CREATE_GAMES_MATCHUP: 'createGamesMatchup',
    CREATE_SPORTS_MATCHUP: 'createSportsMatchup',
    WITHDRAW_FUNDS: 'withdrawFunds',
    PUBLIC_FEED: 'publicFeed',
    MY_MATCHUP: 'myMatchup',
    GAMES_CONTEST_DETAILS: 'gamesMatchupDetails'
  }

Gatekeeping Flows

These flows can be presented manually early on depending on your use case or they will be automatically presented as required when presenting Functionality Flows

Onboarding - Presents phone number authentication flow to the user

Verify Identity - Presents KYC (Know Your Customer) flow to verify the user's identity. Required to take any monetary actions.

Functionality Flows

These are the core flows to present to the user.

Profile - Presents the users profile screen including active contests, user stats, add/withdraw funds, and additional items such as contacting support

Onboarding - Presents the login flow

Add Funds - Presents flow to add funds to the user's wallet

Withdraw Funds - Presents flow to withdraw from the user's wallet

Create Games Matchup - Presents flow to create a Games You Play contest and join Tournaments

Create Sports Matchup - Presents flow to create a Sports You Watch contest

For testing purposes the following fake credit card number/bank account can be used for deposits:

• Credit Card:

  • Visa: 4761344136141390
    Exp: Any date in the future
    CVV: Any 3 digits
    
    Mastercard: 5101081046006034
    Exp: Any date in the future
    CVV: Any 3 digits

• Bank account: Please follow the steps below

  1. Enter this Plaid phone number: (415) 555 - 0011
  2. Enter the MFA code: 123456
  3. Tap 'Conect a new institution'
  4. Search 'First Bank'and select it
  5. Enter username: user_custom 
  6. Paste the following JSON in the password field:
  {
   "mfa":{
   "type":"device"
   },
  "override_accounts":[
   {
  "type":"depository",
   "subtype":"checking",
   "currency":"USD",
   "starting_balance":2000000,
   "numbers":{
   "account":"1111222244440000",
   "ach_routing":"011401533",
   "ach_wire_routing":"011401533"
   }
  },
   {
  "type":"depository",
   "subtype":"savings",
   "currency":"USD",
   "starting_balance":1000000,
   "numbers":{
   "account":"1111222244444444",
   "ach_routing":"021000021",
   "ach_wire_routing":"021000021"
   }
  }
  ] }
  7. Select any option for receiving the MFA code and enter 1234 for the code
  8. Select either the Checking or Savings option
  9. Complete the deposit

Testing Note - emulators will not be allowed to conduct transactions, our third-party geolocation provider, Geocomply, fails these transactions.