✨ app: implement bridge offramp

Author: franm91

.changeset/calm-dolls-brush.md

@@ -0,0 +1,5 @@
+---
+"@exactly/mobile": patch
+---
+
+✨ implement bridge offramp

.maestro/subflows/send.yaml

@@ -4,6 +4,8 @@ appId: ${APP_ID ?? "app.exactly"}
 - runFlow: ../subflows/readPortfolio.yaml
 - evalScript: ${output.portfolioBefore = output.portfolio}
 - tapOn: Send
+- tapOn: Cryptocurrencies
+- tapOn: On chain
 - tapOn: Enter Anvil address
 - inputText: ${to}
 - hideKeyboard

cspell.json

@@ -45,6 +45,7 @@
     "codepoint",
     "colocating",
     "comlink",
+    "confirmá",
     "cosealg",
     "cosekeys",
     "creds",
@@ -53,6 +54,7 @@
     "datacenter",
     "decisioned",
     "defi",
+    "dejalo",
     "delegatecall",
     "deployless",
     "dieguezguille",
@@ -174,6 +176,7 @@
     "surl",
     "tamagui",
     "tanstack",
+    "tenés",
     "thehubbleproject",
     "timelock",
     "timelocked",

src/app/(main)/add-funds/fees.tsx

@@ -1 +1,7 @@
-export { default } from "../../../components/add-funds/Fees";
+import React from "react";
+
+import Fees from "../../../components/add-funds/Fees";
+
+export default function FeesScreen() {
+  return <Fees direction="onramp" />;
+}

src/app/(main)/add-funds/onboard.tsx

@@ -1 +1,7 @@
-export { default } from "../../../components/add-funds/Onboard";
+import React from "react";
+
+import RampOnboard from "../../../components/ramp/RampOnboard";
+
+export default function Onboard() {
+  return <RampOnboard direction="onramp" />;
+}

src/app/(main)/send-funds/_layout.tsx

@@ -9,6 +9,15 @@ export default function SendFundsLayout() {
   return (
     <Stack screenOptions={{ headerShown: false }}>
       <Stack.Screen name="index" />
+      <Stack.Screen name="receiver" />
+      <Stack.Screen name="onboard" />
+      <Stack.Screen name="kyc" />
+      <Stack.Screen name="status" />
+      <Stack.Screen name="recipients" />
+      <Stack.Screen name="new-recipient" />
+      <Stack.Screen name="send-amount" />
+      <Stack.Screen name="review" />
+      <Stack.Screen name="send-status" />
       <Stack.Screen name="qr" />
       <Stack.Screen name="asset" />
       <Stack.Screen name="amount" />

src/app/(main)/send-funds/edit-recipient.tsx

@@ -0,0 +1 @@
+export { default } from "../../../components/send-funds/EditRecipient";

src/app/(main)/send-funds/fees.tsx

@@ -0,0 +1,7 @@
+import React from "react";
+
+import Fees from "../../../components/add-funds/Fees";
+
+export default function FeesScreen() {
+  return <Fees direction="offramp" />;
+}

src/app/(main)/send-funds/index.tsx

@@ -1 +1 @@
-export { default } from "../../../components/send-funds/Receiver";
+export { default } from "../../../components/send-funds/SendFunds";

src/app/(main)/send-funds/kyc.tsx

@@ -0,0 +1 @@
+export { default } from "../../../components/add-funds/KYC";