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.

Showing full Lucra Flows

Requires :sdk-ui*

Launch the LucraFragment in your Activity or Fragment by passing in a LucraFlow. The following flows are supported:

LucraUiProvider.LucraFlow.VerifyIdentity Launch the verify identity flow for users

LucraUiProvider.LucraFlow.AddFunds Launch the add funds flow for users, identity verification will launch if the user hasn't verified their identity yet

LucraUiProvider.LucraFlow.WithdrawFunds Launch the withdraw funds flow for users, identity verification will launch if the user hasn't verified their identity yet

LucraUiProvider.LucraFlow.CreateGamesMatchup Launch the create games matchup flow, identity verification will launch if the user hasn't verified their identity yet

LucraUiProvider.LucraFlow.CreateSportsMatchup Launch the Create Sport Matchup flow to create a new sports matchup

LucraUiProvider.LucraFlow.Profile Launch the profile view for users to add and withdrawal funds, identity verification will launch if the user hasn't verified their identity yet

LucraUiProvider.LucraFlow.PublicFeed Launch to view the public feed of sports matchups.

LucraUiProvider.LucraFlow.Dynamic Launch specific destinations, proprietary to the host app.

[!NOTE] Use LucraClient().[add/remove/clear]publicFeedLeagueIdFilter(...) to filter the public feed by league.

LucraUiProvider.LucraFlow.MyMatchup Launch to view the current user's matchups

LucraUiProvider.LucraFlow.Login Launch to view the login flow

val lucraFlow = LucraUiProvider.LucraFlow.Profile
supportFragmentManager.beginTransaction()
  .add(
    R.id.lucraFragment,
    LucraClient().getLucraFragment(LucraUiProvider.LucraFlow.Profile),
    lucraFlow.toString()
  )
  .commit()

// Or use the LucraDialogFragment to show the flow in a dialog
val lucraDialog = LucraClient().getLucraDialogFragment(lucraFlow)
lucraDialog.show(supportFragmentManager, lucraFlow.toString())

Showing partial Lucra Components

Requires :sdk-ui*

LucraComponents Components are provided via a Via and are designed to be embedded in experiences unique to the host. Each component requires a callback to launch Lucra Flows from a new fragment. From there, the Flow operates as normal.

LucraUiProvider.LucraComponent.MiniPublicFeed Show the public feed within your native app. (optional) Pass in Player ids to filter the feed to only show matchups associated with the provided players

val view = LucraClient().getLucraComponent(
    this,
    LucraUiProvider.LucraComponent.MiniPublicFeed(
      playerIds = listOf("playerId1", "playerId2", ...) // optional
    ) {
        launchFlow(it) // Launch the flow as you would normally
    })
viewGroup.addView(view)

LucraUiProvider.LucraComponent.ProfilePill Show the Profile Pill anywhere within your app.

val view = LucraClient().getLucraComponent(
  this,
  LucraUiProvider.LucraComponent.ProfilePill {
    launchFlow(it) // Launch the flow as you would normally
  })
viewGroup.addView(view)

LucraUiProvider.LucraComponent.ContestCard Show a sports contest card within your native app. Pass in the sports contest unique UUID to display the contest card.

val view = LucraClient().getLucraComponent(
  this,
  LucraUiProvider.LucraComponent.ContestCard(
    contestId = contestId //The unique,
  ) {
    launchFlow(it)
  }
)
viewGroup.addView(view)

LucraUiProvider.LucraComponent.FloatingActionButton Show a Floating Action Button anywhere within your app to launch the sports you watch contest creation flow.

val view = LucraClient().getLucraComponent(
  this,
  LucraUiProvider.LucraComponent.FloatingActionButton {
    launchFlow(it) // Launch the flow as you would normally
  })
viewGroup.addView(view)

LucraUiProvider.LucraComponent.RecommendedMatchups Show a carousel of recommended matchups within your app

val view = LucraClient().getLucraComponent(
  this,
  LucraUiProvider.LucraComponent.RecommendedMatchups {
    launchFlow(it) // Launch the flow as you would normally
  })
viewGroup.addView(view)