[iOS] Universal scan button Step 1: WalletConnect

[DmitryBespalov]

Epic

5afe/safe#254

Design

5afe/safe#255

Flow

1. Press the button
2. If first time
   1. Show onboarding
   2. Back button dismisses the screen (go back to AssetView)
3. Scanner Opens
   1. If scanned non-wallet connect code, show error pop-up
      4. On scan success do not show session list - dismiss and show AssetView
4. On scan success we show session list

UI changes

1. Overlay button on top of the AssetView and Transaction View (basically on the Main screen)
2. Scanner View
   1. Add explanation text
   2. Add Overlay with a frame
   3. Change the cancel button asset

Code Changes

• WalletConnectFlowCoordinator
  • Have a new mode/flag that makes different behavior if opened from the scan button
    • Show onboarding
    • After scan finished - just dismiss the view (pop)
  • If scan opened from the sessions list - the old behavior holds.
• New UI button appears on the MainViewController
• ScannerViewController
  • New “WalletConnect” mode

Localization Strings

• Scan the desktop Dapp’s QR code — for the WalletConnect scan mode
• The scanned QR code is not a WalletConnect code. Please try again.
• Scan the recipient’s QR code — for the Address input scan mode
• Scan the Gnosis Authenticator QR code — for the Authenticator input code mode

Tracking Events

• WalletConnect_OpenFromScanButton - when pressed the “Scan” button

[DmitryBespalov]

@MouazAlzahabi I updated the "Flow" part