Buy Nano from the Live

[thomasrogerlux]

LIVE-1842

• Move the buying Nano screens into their own navigator
• Add a feature flagged buy page
• Make the iframe in said buy page configurable for ecom devs
  • Debug drawer to change URL from the iframe on the fly
  • Debug drawer to display received message from iframe
• Convert src/logger.ts to TS
• Add DelayedTrackingProvider for time-anonymised tracking events (push them in a queue and send them at next app launch: randomisation by the user)

New page from the onboarding:

https://user-images.githubusercontent.com/23487649/162224128-fcb742c4-7055-4092-b68c-6da408569d22.mp4

Old page (AKA when the feature flag is turned off):

https://user-images.githubusercontent.com/23487649/162224577-53c9aa07-3e37-4939-a544-039adceddc45.mp4

Type

Feature

Context

The ability to buy a nano directly from the Live is coming! Until now, any buying flow ultimately redirected to the nano x page in a web browser, With this feature the user is redirected to a specific screen with an embedded iframe to handle all of the purchase logic (iframe content will be made by the ecom team).

Parts of the app affected / Test plan

• Buying flow
• Logger (converted to TS)
• Learn (webview moved into a reusable component)

Todo

• [ ] Add feature flagged feature buyDeviceFromLive in LLC
• [ ] Fix navigator name and page name having the same name warning or something
• [ ] Check if the back button of the buy screen goes back to the onboarding buy (it was doing a back in the iframe before)
• [ ] Crypto.com payment isn't working but not sure it's our fault
• [ ] Catch a "back to ledger live" event to navigate back to onboarding or something
• [x] Adjust API call must be sent at a different time than the buy event or it would be possible to de-anonymise the user -> best strategy would be to store the buy event locally and send it next time the app is open
• [ ] Test DelayedTrackingProvider
• [ ] Dispatch redux event after nano is bought successfully (wait for another PR)
• [x] Send events to Adjust
• [x] Make back navigation work in iframe
• [x] Add debug tools for ecom team
• [x] Combine iframe from this PR and Learn page in one reusable component

[thomasrogerlux]

! Do not merge while this target release ! Wait for rebase on develop !