CP-9000: handle avalanche_sendTransaction (#1480)

packages/core-mobile/app/components/NodeID.tsx

@@ -0,0 +1,22 @@
+import React from 'react'
+import { copyToClipboard } from 'utils/DeviceTools'
+import { Text } from '@avalabs/k2-mobile'
+import { truncateNodeId } from 'utils/Utils'
+import AvaButton from './AvaButton'
+import CopySVG from './svg/CopySVG'
+
+export const NodeID = ({ nodeID }: { nodeID: string }): JSX.Element => {
+  return (
+    <AvaButton.TextWithIcon
+      textStyle={{ textAlign: 'left' }}
+      onPress={() => copyToClipboard(nodeID)}
+      icon={<CopySVG />}
+      iconPlacement="left"
+      text={
+        <Text variant="buttonSmall" sx={{ color: '$neutral50' }}>
+          {truncateNodeId(nodeID)}
+        </Text>
+      }
+    />
+  )
+}

packages/core-mobile/app/navigation/AppNavigation.ts

@@ -192,8 +192,7 @@ enum ModalScreens {
   SignTransactionV2 = 'ModalScreens.SignTransactionV2',
   ApprovalPopup = 'ModalScreens.ApprovalPopup',
   EditSpendLimit = 'ModalScreens.EditSpendLimit',
-  AvalancheSendTransactionV2 = 'ModalScreens.AvalancheSendTransactionV2',
-  AvalancheSignTransactionV2 = 'ModalScreens.AvalancheSignTransactionV2',
+  TransactionData = 'ModalScreens.TransactionData',
   AvalancheSetDeveloperMode = 'ModalScreens.AvalancheSetDeveloperMode',
   StakeDisclaimer = 'ModalScreens.StakeDisclaimer',
   CoreIntro = 'ModalScreens.CoreIntro',

packages/core-mobile/app/navigation/WalletScreenStack/WalletScreenStack.tsx

@@ -80,7 +80,6 @@ import { BridgeStackParamList } from '../wallet/BridgeScreenStack'
 import {
   AddEthereumChainV2Params,
   ApprovalPopupParams,
-  AvalancheSendTransactionV2Params,
   AvalancheSetDeveloperModeParams,
   BridgeAssetV2Params,
   BridgeTransactionStatusParams,
@@ -95,7 +94,8 @@ import {
   SwitchEthereumChainV2Params,
   TokenSelectParams,
   UpdateContactV2Params,
-  WalletScreenProps
+  WalletScreenProps,
+  TransactionDataParams
 } from '../types'
 import AdvancedStackScreen, {
   AdvancedStackParamList
@@ -158,6 +158,7 @@ export type WalletScreenStackParams = {
   [AppNavigation.Modal.SelectToken]: TokenSelectParams
   [AppNavigation.Modal.EditGasLimit]: EditGasLimitParams
   [AppNavigation.Modal.EditSpendLimit]: EditSpendLimitParams
+  [AppNavigation.Modal.TransactionData]: TransactionDataParams
   [AppNavigation.Modal.BuyCarefully]: BuyCarefullyParams
   // rpc prompts for wallet connect v2
   [AppNavigation.Modal.SessionProposalV2]: SessionProposalV2Params
@@ -168,8 +169,6 @@ export type WalletScreenStackParams = {
   [AppNavigation.Modal.SwitchEthereumChainV2]: SwitchEthereumChainV2Params
   [AppNavigation.Modal.BridgeAssetV2]: BridgeAssetV2Params
   [AppNavigation.Modal.ApprovalPopup]: ApprovalPopupParams
-  [AppNavigation.Modal
-    .AvalancheSendTransactionV2]: AvalancheSendTransactionV2Params
   [AppNavigation.Modal
     .AvalancheSetDeveloperMode]: AvalancheSetDeveloperModeParams
   [AppNavigation.Modal.StakeDisclaimer]: undefined

packages/core-mobile/app/navigation/WalletScreenStack/createModals.tsx

@@ -15,7 +15,6 @@ import AddEthereumChainV2 from 'screens/rpc/components/v2/AddEthereumChain'
 import SwitchEthereumChainV2 from 'screens/rpc/components/v2/SwitchEthereumChain'
 import ApprovalPopup from 'screens/rpc/components/v2/ApprovalPopup'
 import BuyCarefully from 'screens/rpc/buy/BuyCarefully'
-import AvalancheSendTransactionV2 from 'screens/rpc/components/v2/AvalancheSendTransaction'
 import { DisclaimerBottomSheet } from 'screens/earn/components/DisclaimerBottomSheet'
 import IntroModal from 'screens/onboarding/IntroModal'
 import { ViewOnceKey } from 'store/viewOnce'
@@ -32,6 +31,7 @@ import { AvalancheSetDeveloperMode } from 'screens/rpc/components/v2/AvalancheSe
 import { UseWalletConnectModal } from 'screens/browser/UseWalletConnectModal'
 import AlertScreen from 'screens/rpc/components/v2/AlertScreen'
 import EditSpendLimit from 'components/EditSpendLimit'
+import TransactionDataScreen from 'screens/rpc/components/v2/TransactionDataScreen'
 import { SignOutModalScreen, WalletScreenSType } from './WalletScreenStack'
 
 export const createModals = (WalletScreenS: WalletScreenSType): JSX.Element => {
@@ -76,8 +76,8 @@ export const createModals = (WalletScreenS: WalletScreenSType): JSX.Element => {
         component={EditSpendLimit}
       />
       <WalletScreenS.Screen
-        name={AppNavigation.Modal.AvalancheSendTransactionV2}
-        component={AvalancheSendTransactionV2}
+        name={AppNavigation.Modal.TransactionData}
+        component={TransactionDataScreen}
       />
       <WalletScreenS.Screen
         name={AppNavigation.Modal.AvalancheSetDeveloperMode}

packages/core-mobile/app/navigation/types.ts

@@ -22,10 +22,6 @@ import { Asset, Blockchain } from '@avalabs/core-bridge-sdk'
 import { WalletAddEthereumChainRpcRequest as WalletAddEthereumChainRpcRequestV2 } from 'store/rpc/handlers/chain/wallet_addEthereumChain/wallet_addEthereumChain'
 import { Network } from '@avalabs/core-chains-sdk'
 import { WalletSwitchEthereumChainRpcRequest as WalletSwitchEthereumChainRpcRequestV2 } from 'store/rpc/handlers/chain/wallet_switchEthereumChain/wallet_switchEthereumChain'
-import {
-  SendTransactionApproveData,
-  AvalancheSendTransactionRpcRequest as AvalancheSendTransactionRpcRequestV2
-} from 'store/rpc/handlers/avalanche_sendTransaction/avalanche_sendTransaction'
 import { EarnStackParamList } from 'navigation/wallet/EarnScreenStack/EarnScreenStack'
 import { RefreshTokenScreenStackParamList } from 'navigation/RefreshTokenScreenStack'
 import { BrowserStackParamList } from 'navigation/wallet/BrowserScreenStack'
@@ -93,6 +89,11 @@ export type EditSpendLimitParams = {
   dAppName?: string
 }
 
+export type TransactionDataParams = {
+  data: string
+  onClose(): void
+}
+
 export type SessionProposalV2Params = {
   request: WCSessionProposal
   namespaces: Record<string, ProposalTypes.RequiredNamespace>
@@ -139,11 +140,6 @@ export type ApprovalPopupParams = {
   onReject: (message?: string) => void
 }
 
-export type AvalancheSendTransactionV2Params = {
-  request: AvalancheSendTransactionRpcRequestV2
-  data: SendTransactionApproveData
-}
-
 export type AvalancheSetDeveloperModeParams = {
   request: AvalancheSetDeveloperModeRpcRequest
   data: AvalancheSetDeveloperModeApproveData