Customizing Login UI with WalletConnectCode Widget

If you wish to allow the user to login with a WalletConnect QR code, without using the Emergence overlay, this is a guide on how to do so.

Add the WalletConnectCode widget to your Widget blueprint:

Select the widget. You can now add events to a sign in “Success” and “Failure”, as well as getting the “Time Remaining” before a QR code refresh.

Binding to OnSignInFailure will give you a WalletConnectionStepError, which is what step of the login it failed on.

Keep in mind the WalletConnectCode widget will pull a QR code as soon as it is constructed. An example implementation is in “WalletConnectionScreen” or “FuturepassScreen” - parts of the Emergence overlay.