Feat/mev protection walletapi (#8829)

* use mev protection opt-in

* wallet-api mev protection

* changeset

* target proper wallet api server version

* cleanup broadcastConfig

Author: Wozacosta

.changeset/giant-beans-study.md

@@ -0,0 +1,7 @@
+---
+"ledger-live-desktop": patch
+"live-mobile": patch
+"@ledgerhq/live-common": patch
+---
+
+feat: use mev protection opt-in with wallet-api / wallet-connect

apps/ledger-live-desktop/src/renderer/components/Web3AppWebview/WalletAPIWebview.tsx

@@ -32,7 +32,7 @@ import { track } from "~/renderer/analytics/segment";
 import SelectAccountAndCurrencyDrawer from "~/renderer/drawers/DataSelector/SelectAccountAndCurrencyDrawer";
 import { OperationDetails } from "~/renderer/drawers/OperationDetails";
 import { setDrawer } from "~/renderer/drawers/Provider";
-import { shareAnalyticsSelector } from "~/renderer/reducers/settings";
+import { mevProtectionSelector, shareAnalyticsSelector } from "~/renderer/reducers/settings";
 import { walletSelector } from "~/renderer/reducers/wallet";
 import { getStoreValue, setStoreValue } from "~/renderer/store";
 import { updateAccountWithUpdater } from "~/renderer/actions/accounts";
@@ -238,6 +238,7 @@ function useWebView(
   customWebviewStyle?: React.CSSProperties,
 ) {
   const accounts = useSelector(flattenAccountsSelector);
+  const mevProtected = useSelector(mevProtectionSelector);
 
   const uiHook = useUiHook(manifest, tracking);
   const shareAnalytics = useSelector(shareAnalyticsSelector);
@@ -247,6 +248,7 @@ function useWebView(
     userId,
     tracking: shareAnalytics,
     wallet,
+    mevProtected,
   });
 
   const webviewHook = useMemo(() => {
@@ -290,6 +292,7 @@ function useWebView(
     currentAccountHistDb,
     tracking,
     initialAccountId: inputs?.accountId?.toString(),
+    mevProtected,
   });
 
   const handleMessage = useCallback(

apps/ledger-live-mobile/src/components/Web3AppWebview/helpers.ts

@@ -27,7 +27,7 @@ import { WebviewAPI, WebviewProps, WebviewState } from "./types";
 import prepareSignTransaction from "./liveSDKLogic";
 import { StackNavigatorNavigation } from "../RootNavigator/types/helpers";
 import { BaseNavigatorStackParamList } from "../RootNavigator/types/BaseNavigator";
-import { trackingEnabledSelector } from "../../reducers/settings";
+import { mevProtectionSelector, trackingEnabledSelector } from "../../reducers/settings";
 import deviceStorage from "../../logic/storeWrapper";
 import { track } from "../../analytics";
 import getOrCreateUser from "../../user";
@@ -76,6 +76,7 @@ export function useWebView(
   );
 
   const accounts = useSelector(flattenAccountsSelector);
+  const mevProtected = useSelector(mevProtectionSelector);
 
   const uiHook = useUiHook();
   const trackingEnabled = useSelector(trackingEnabledSelector);
@@ -85,6 +86,7 @@ export function useWebView(
     userId,
     tracking: trackingEnabled,
     wallet,
+    mevProtected,
   });
 
   const webviewHook = useMemo(() => {
@@ -145,6 +147,7 @@ export function useWebView(
     postMessage: webviewHook.postMessage,
     tracking,
     initialAccountId: inputs?.accountId?.toString(),
+    mevProtected,
   });
 
   const onMessage = useCallback(

libs/ledger-live-common/package.json

@@ -194,7 +194,7 @@
     "@ledgerhq/wallet-api-client": "^1.6.0",
     "@ledgerhq/wallet-api-core": "^1.13.0",
     "@ledgerhq/wallet-api-exchange-module": "workspace:^",
-    "@ledgerhq/wallet-api-server": "^1.6.0",
+    "@ledgerhq/wallet-api-server": "^1.7.0",
     "@noble/hashes": "1.6.1",
     "@stricahq/typhonjs": "^2.0.0",
     "@taquito/ledger-signer": "^20.0.0",

libs/ledger-live-common/src/wallet-api/react.ts

@@ -208,13 +208,20 @@ function useTransport(postMessage: (message: string) => void | undefined): Trans
   }, [postMessage]);
 }
 
-export function useConfig({ appId, userId, tracking, wallet }: ServerConfig): ServerConfig {
+export function useConfig({
+  appId,
+  userId,
+  tracking,
+  wallet,
+  mevProtected,
+}: ServerConfig): ServerConfig {
   return useMemo(
     () => ({
       appId,
       userId,
       tracking,
       wallet,
+      mevProtected,
     }),
     [appId, tracking, userId, wallet],
   );
@@ -561,6 +568,7 @@ export function useWalletAPIServer({
                 optimisticOperation = await bridge.broadcast({
                   account: mainAccount,
                   signedOperation,
+                  broadcastConfig: { mevProtected: !!config.mevProtected },
                 });
                 tracking.broadcastSuccess(manifest);
               } catch (error) {

libs/ledger-live-common/src/wallet-api/useDappLogic.ts

@@ -207,6 +207,7 @@ export function useDappLogic({
   tracking,
   currentAccountHistDb,
   initialAccountId,
+  mevProtected,
 }: {
   manifest: AppManifest;
   postMessage: (message: string) => void;
@@ -215,6 +216,7 @@ export function useDappLogic({
   tracking: TrackingAPI;
   currentAccountHistDb?: CurrentAccountHistDB;
   initialAccountId?: string;
+  mevProtected?: boolean;
 }) {
   const nanoApp = manifest.dapp?.nanoApp;
   const dependencies = manifest.dapp?.dependencies;
@@ -493,6 +495,7 @@ export function useDappLogic({
                 optimisticOperation = await bridge.broadcast({
                   account: mainAccount,
                   signedOperation: signedTransaction,
+                  broadcastConfig: { mevProtected: !!mevProtected },
                 });
               }