feat(LIVE-21099): Add deeplink for earn deposit screen redirection

Author: Valentin-Ledger

.changeset/funny-rivers-help.md

@@ -0,0 +1,5 @@
+---
+"live-mobile": minor
+---
+
+Add new deeplink for earn deposit screen on llm

apps/ledger-live-mobile/src/components/RootNavigator/EarnLiveAppNavigator.tsx

@@ -50,6 +50,20 @@ const Earn = (props: NavigationProps) => {
 
     function deeplinkRouting() {
       switch (paramAction) {
+        case "deposit": {
+          navigation.navigate(NavigatorName.Base, {
+            screen: NavigatorName.Earn,
+            params: {
+              screen: ScreenName.Earn,
+              params: {
+                intent: "deposit",
+                cryptoAssetId: props.route.params?.cryptoAssetId,
+                accountId: props.route.params?.accountId,
+              },
+            },
+          });
+          break;
+        }
         case "stake":
           navigation.navigate(NavigatorName.StakeFlow, {
             screen: ScreenName.Stake,

apps/ledger-live-mobile/src/components/RootNavigator/types/EarnLiveAppNavigator.ts

@@ -4,7 +4,7 @@ import { ScreenName } from "~/const";
 export type EarnLiveAppNavigatorParamList = {
   [ScreenName.Earn]: {
     accountId?: string;
-    action?: "get-funds" | "stake" | "stake-account" | "info-modal" | "menu-modal" | "go-back";
+    action?: "get-funds" | "stake" | "stake-account" | "info-modal" | "menu-modal" | "go-back" | "deposit";
     currencyId?: string;
     learnMore?: string;
     message?: string;

apps/ledger-live-mobile/src/navigation/DeeplinksProvider.tsx

@@ -39,6 +39,7 @@ import {
   validateEarnMenuModal,
   logSecurityEvent,
   EarnDeeplinkAction,
+  validateEarnDepositScreen,
 } from "./deeplinks/validation";
 import { viewNamePredicate } from "~/datadog";
 
@@ -670,6 +671,19 @@ export const DeeplinksProvider = ({
                 return;
               }
             }
+            if (pathname === "/deposit") {
+              const validatedModal = validateEarnDepositScreen(
+                searchParams.get("cryptoAssetId") || undefined,
+                searchParams.get("accountId") || undefined,
+              );
+              // Handle deposit deeplink on earnLiveAppNavigator
+              // Creating own search params for deposit deeplink
+              url.pathname = "";
+              url.searchParams.set("action", "deposit");
+              url.searchParams.set("cryptoAssetId", validatedModal.cryptoAssetId ?? "");
+              url.searchParams.set("accountId", validatedModal.accountId ?? "");
+              return getStateFromPath(url.href?.split("://")[1], config);
+            }
           }
           if ((hostname === "discover" || hostname === "recover") && platform) {
             if (!hasCompletedOnboarding && !platform.startsWith("protect")) return undefined;

apps/ledger-live-mobile/src/navigation/deeplinks/__tests__/index.test.ts

@@ -0,0 +1,23 @@
+import { validateEarnDepositScreen } from "../validation";
+
+describe("validateEarnDepositScreen", () => {
+  it("should validate the deposit screen", () => {
+    const validated = validateEarnDepositScreen("cryptoAssetId", "accountId");
+    expect(validated).toEqual({ cryptoAssetId: "cryptoAssetId", accountId: "accountId" });
+  });
+
+  it("should sanitize dangerous characters and protocols", () => {
+    const validated = validateEarnDepositScreen(
+      "  <script>alert(1)</script>btc  ",
+      "  javascript:mystery  ",
+    );
+    expect(validated).toEqual({ cryptoAssetId: "btc", accountId: "mystery" });
+  });
+
+  it("should truncate values longer than 100 characters", () => {
+    const long = "a".repeat(150);
+    const validated = validateEarnDepositScreen(long, long);
+    expect(validated.cryptoAssetId?.length).toBe(100);
+    expect(validated.accountId?.length).toBe(100);
+  });
+});

apps/ledger-live-mobile/src/navigation/deeplinks/validation.ts

@@ -41,6 +41,11 @@ export interface ValidatedEarnInfoModal {
   learnMoreLink: string;
 }
 
+export interface ValidatedEarnDepositScreen {
+  cryptoAssetId?: string;
+  accountId?: string;
+}
+
 export interface ValidatedEarnMenuModal {
   title: string;
   options: Array<{
@@ -274,6 +279,16 @@ export function validateEarnInfoModal(
   };
 }
 
+export function validateEarnDepositScreen(
+  cryptoAssetId?: string,
+  accountId?: string,
+): ValidatedEarnDepositScreen {
+  return {
+    cryptoAssetId: sanitizeString(cryptoAssetId || "", MAX_TITLE_LENGTH),
+    accountId: sanitizeString(accountId || "", MAX_TITLE_LENGTH),
+  };
+}
+
 /**
  * Validates earn menu modal parameters
  */