Guided tour for new users (#4690)

* Add home guided tour (WIP)

* Add web handling of the tour

* Switch to our fork of rn-tourguide

* Bump guided-tour

* Fix alignment on android

* Implement home page tour trigger after account creation

* Add new_user_guided_tour gate

* Add a title line to the tour tooltips

* A11y improvements: proper labels, focus capture, scroll capture

* Silence type error

* Native a11y

* Use FocusScope

* Switch to useWebBodyScrollLock()

---------

Co-authored-by: Eric Bailey <git@esb.lol>

1 files changed, 18 insertions, 0 deletions

diff --git a/src/tours/Debug.tsx b/src/tours/Debug.tsx
new file mode 100644
index 000000000..ba643a802
--- /dev/null
+++ b/src/tours/Debug.tsx
@@ -0,0 +1,18 @@
+import React from 'react'
+import {useTourGuideController} from 'rn-tourguide'
+
+import {Button} from '#/components/Button'
+import {Text} from '#/components/Typography'
+
+export function TourDebugButton() {
+  const {start} = useTourGuideController('home')
+  return (
+    <Button
+      label="Start tour"
+      onPress={() => {
+        start()
+      }}>
+      {() => <Text>t</Text>}
+    </Button>
+  )
+}