Compare commits
4
Commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
1f9842f1d5 | ||
|
|
5c0162fcb4 | ||
|
|
24bae4d811 | ||
|
|
86b9e379c9 |
@@ -40,7 +40,6 @@ import { WalletEmbed } from "./screens/WalletEmbed";
|
|||||||
import { AutoSignIn } from "./screens/AutoSignIn";
|
import { AutoSignIn } from "./screens/AutoSignIn";
|
||||||
import { checkSufficientFunds, getPathKey, sendMessage } from "./utils/misc";
|
import { checkSufficientFunds, getPathKey, sendMessage } from "./utils/misc";
|
||||||
import useAccountsData from "./hooks/useAccountsData";
|
import useAccountsData from "./hooks/useAccountsData";
|
||||||
import { useWebViewHandler } from "./hooks/useWebViewHandler";
|
|
||||||
|
|
||||||
const Stack = createStackNavigator<StackParamsList>();
|
const Stack = createStackNavigator<StackParamsList>();
|
||||||
|
|
||||||
@@ -280,8 +279,6 @@ const App = (): React.JSX.Element => {
|
|||||||
|
|
||||||
const showWalletConnect = useMemo(() => accounts.length > 0, [accounts]);
|
const showWalletConnect = useMemo(() => accounts.length > 0, [accounts]);
|
||||||
|
|
||||||
useWebViewHandler();
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Surface style={styles.appSurface}>
|
<Surface style={styles.appSurface}>
|
||||||
<Stack.Navigator
|
<Stack.Navigator
|
||||||
|
|||||||
Vendored
-36
@@ -1,36 +0,0 @@
|
|||||||
// Extends the Window interface for Android WebView communication
|
|
||||||
declare global {
|
|
||||||
interface Window {
|
|
||||||
// Android bridge callbacks for signature and accounts related events
|
|
||||||
Android?: {
|
|
||||||
// Called when signature is successfully generated
|
|
||||||
onSignatureComplete?: (signature: string) => void;
|
|
||||||
|
|
||||||
// Called when signature generation fails
|
|
||||||
onSignatureError?: (error: string) => void;
|
|
||||||
|
|
||||||
// Called when signature process is cancelled
|
|
||||||
onSignatureCancelled?: () => void;
|
|
||||||
|
|
||||||
// Called when accounts are ready for use
|
|
||||||
onAccountsReady?: () => void;
|
|
||||||
|
|
||||||
// Called when transfer is successfully completed
|
|
||||||
onTransferComplete?: (result: string) => void;
|
|
||||||
|
|
||||||
// Called when transfer fails
|
|
||||||
onTransferError?: (error: string) => void;
|
|
||||||
|
|
||||||
// Called when transfer is cancelled
|
|
||||||
onTransferCancelled?: () => void;
|
|
||||||
};
|
|
||||||
|
|
||||||
// Handles incoming signature requests from Android
|
|
||||||
receiveSignRequestFromAndroid?: (message: string) => void;
|
|
||||||
|
|
||||||
// Handles incoming transfer requests from Android
|
|
||||||
receiveTransferRequestFromAndroid?: (to: string, amount: string) => void;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
export {};
|
|
||||||
@@ -1,4 +1,4 @@
|
|||||||
import { useEffect, useCallback } from "react";
|
import { useEffect } from "react";
|
||||||
|
|
||||||
import { createWallet } from "../utils/accounts";
|
import { createWallet } from "../utils/accounts";
|
||||||
import { sendMessage } from "../utils/misc";
|
import { sendMessage } from "../utils/misc";
|
||||||
@@ -9,24 +9,19 @@ const useGetOrCreateAccounts = () => {
|
|||||||
const { networksData } = useNetworks();
|
const { networksData } = useNetworks();
|
||||||
const { getAccountsData } = useAccountsData();
|
const { getAccountsData } = useAccountsData();
|
||||||
|
|
||||||
// Wrap the function in useCallback to prevent recreation on each render
|
|
||||||
const getOrCreateAccountsForChain = useCallback(async (chainId: string) => {
|
|
||||||
let accountsData = await getAccountsData(chainId);
|
|
||||||
|
|
||||||
if (accountsData.length === 0) {
|
|
||||||
console.log("Accounts not found, creating wallet...");
|
|
||||||
await createWallet(networksData);
|
|
||||||
accountsData = await getAccountsData(chainId);
|
|
||||||
}
|
|
||||||
|
|
||||||
return accountsData;
|
|
||||||
}, [networksData, getAccountsData]);
|
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
const handleCreateAccounts = async (event: MessageEvent) => {
|
const handleCreateAccounts = async (event: MessageEvent) => {
|
||||||
if (event.data.type !== 'REQUEST_CREATE_OR_GET_ACCOUNTS') return;
|
if (event.data.type !== 'REQUEST_CREATE_OR_GET_ACCOUNTS') return;
|
||||||
|
|
||||||
const accountsData = await getOrCreateAccountsForChain(event.data.chainId);
|
let accountsData = await getAccountsData(event.data.chainId);
|
||||||
|
|
||||||
|
if (accountsData.length === 0) {
|
||||||
|
console.log("Accounts not found, creating wallet...");
|
||||||
|
await createWallet(networksData);
|
||||||
|
|
||||||
|
// Re-fetch newly created accounts
|
||||||
|
accountsData = await getAccountsData(event.data.chainId);
|
||||||
|
}
|
||||||
|
|
||||||
sendMessage(
|
sendMessage(
|
||||||
event.source as Window, 'WALLET_ACCOUNTS_DATA',
|
event.source as Window, 'WALLET_ACCOUNTS_DATA',
|
||||||
@@ -35,37 +30,12 @@ const useGetOrCreateAccounts = () => {
|
|||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
const autoCreateAccounts = async () => {
|
|
||||||
const defaultChainId = networksData[0]?.chainId;
|
|
||||||
|
|
||||||
if (!defaultChainId) {
|
|
||||||
console.log('useGetOrCreateAccounts: No default chainId found');
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
await getOrCreateAccountsForChain(defaultChainId);
|
|
||||||
|
|
||||||
// Notify Android that accounts are ready
|
|
||||||
if (window.Android?.onAccountsReady) {
|
|
||||||
window.Android.onAccountsReady();
|
|
||||||
} else {
|
|
||||||
console.log('useGetOrCreateAccounts: Android bridge not available');
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
window.addEventListener('message', handleCreateAccounts);
|
window.addEventListener('message', handleCreateAccounts);
|
||||||
|
|
||||||
const isAndroidWebView = !!(window.Android);
|
|
||||||
|
|
||||||
// TODO: Call method to auto create accounts from android app
|
|
||||||
if (isAndroidWebView) {
|
|
||||||
autoCreateAccounts();
|
|
||||||
}
|
|
||||||
|
|
||||||
return () => {
|
return () => {
|
||||||
window.removeEventListener('message', handleCreateAccounts);
|
window.removeEventListener('message', handleCreateAccounts);
|
||||||
};
|
};
|
||||||
}, [networksData, getAccountsData, getOrCreateAccountsForChain]);
|
}, [networksData, getAccountsData]);
|
||||||
};
|
};
|
||||||
|
|
||||||
export default useGetOrCreateAccounts;
|
export default useGetOrCreateAccounts;
|
||||||
|
|||||||
@@ -1,176 +0,0 @@
|
|||||||
import { useEffect, useCallback } from 'react';
|
|
||||||
import { useNavigation } from '@react-navigation/native';
|
|
||||||
import { NativeStackNavigationProp } from '@react-navigation/native-stack';
|
|
||||||
|
|
||||||
import { useAccounts } from '../context/AccountsContext';
|
|
||||||
import { useNetworks } from '../context/NetworksContext';
|
|
||||||
import { StackParamsList } from '../types';
|
|
||||||
import useGetOrCreateAccounts from './useGetOrCreateAccounts';
|
|
||||||
import { retrieveAccountsForNetwork } from '../utils/accounts';
|
|
||||||
|
|
||||||
export const useWebViewHandler = () => {
|
|
||||||
// Navigation and context hooks
|
|
||||||
const navigation = useNavigation<NativeStackNavigationProp<StackParamsList>>();
|
|
||||||
const { selectedNetwork } = useNetworks();
|
|
||||||
const { accounts, currentIndex } = useAccounts();
|
|
||||||
|
|
||||||
// Initialize accounts
|
|
||||||
useGetOrCreateAccounts();
|
|
||||||
|
|
||||||
// Core navigation handler
|
|
||||||
const navigateToSignRequest = useCallback((message: string) => {
|
|
||||||
try {
|
|
||||||
// Validation checks
|
|
||||||
if (!selectedNetwork?.namespace || !selectedNetwork?.chainId) {
|
|
||||||
window.Android?.onSignatureError?.('Invalid network configuration');
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (!accounts?.length) {
|
|
||||||
window.Android?.onSignatureError?.('No accounts available');
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
const currentAccount = accounts[currentIndex];
|
|
||||||
if (!currentAccount) {
|
|
||||||
window.Android?.onSignatureError?.('Current account not found');
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Create the path and validate with regex
|
|
||||||
const path = `/sign/${selectedNetwork.namespace}/${selectedNetwork.chainId}/${currentAccount.address}/${encodeURIComponent(message)}`;
|
|
||||||
const pathRegex = /^\/sign\/(eip155|cosmos)\/(.+)\/(.+)\/(.+)$/;
|
|
||||||
const match = path.match(pathRegex);
|
|
||||||
|
|
||||||
if (!match) {
|
|
||||||
window.Android?.onSignatureError?.('Invalid signing path');
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
const [, pathNamespace, pathChainId, pathAddress, pathMessage] = match;
|
|
||||||
|
|
||||||
// Reset navigation stack and navigate to sign request
|
|
||||||
navigation.reset({
|
|
||||||
index: 0,
|
|
||||||
routes: [
|
|
||||||
{
|
|
||||||
name: 'SignRequest',
|
|
||||||
path,
|
|
||||||
params: {
|
|
||||||
namespace: pathNamespace,
|
|
||||||
chainId: pathChainId,
|
|
||||||
address: pathAddress,
|
|
||||||
message: decodeURIComponent(pathMessage),
|
|
||||||
accountInfo: currentAccount,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
],
|
|
||||||
});
|
|
||||||
} catch (error) {
|
|
||||||
window.Android?.onSignatureError?.(`Navigation error: ${error}`);
|
|
||||||
}
|
|
||||||
}, [selectedNetwork, accounts, currentIndex, navigation]);
|
|
||||||
|
|
||||||
// Handle incoming transfer requests
|
|
||||||
const navigateToTransfer = useCallback(async (to: string, amount: string) => {
|
|
||||||
if (!accounts || accounts.length === 0) {
|
|
||||||
console.error('No accounts available');
|
|
||||||
if (window.Android?.onTransferError) {
|
|
||||||
window.Android.onTransferError('No accounts available');
|
|
||||||
}
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
const currentAccount = accounts[currentIndex];
|
|
||||||
if (!currentAccount) {
|
|
||||||
console.error('Current account not found');
|
|
||||||
if (window.Android?.onTransferError) {
|
|
||||||
window.Android.onTransferError('Current account not found');
|
|
||||||
}
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Use Cosmos Hub Testnet network
|
|
||||||
const cosmosHubTestnet = {
|
|
||||||
namespace: 'cosmos',
|
|
||||||
chainId: 'provider',
|
|
||||||
addressPrefix: 'cosmos'
|
|
||||||
};
|
|
||||||
|
|
||||||
try {
|
|
||||||
// Get all accounts for Cosmos Hub Testnet
|
|
||||||
const cosmosAccounts = await retrieveAccountsForNetwork(
|
|
||||||
`${cosmosHubTestnet.namespace}:${cosmosHubTestnet.chainId}`,
|
|
||||||
'0' // Use the first account
|
|
||||||
);
|
|
||||||
|
|
||||||
if (!cosmosAccounts || cosmosAccounts.length === 0) {
|
|
||||||
console.error('No Cosmos Hub Testnet accounts found');
|
|
||||||
if (window.Android?.onTransferError) {
|
|
||||||
window.Android.onTransferError('No Cosmos Hub Testnet accounts found');
|
|
||||||
}
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
const cosmosAccount = cosmosAccounts[0]; // Use the first account
|
|
||||||
|
|
||||||
const path = `/transfer/${cosmosHubTestnet.namespace}/${cosmosHubTestnet.chainId}/${cosmosAccount.address}/${to}/${amount}`;
|
|
||||||
|
|
||||||
const pathRegex = /^\/transfer\/(eip155|cosmos)\/(.+)\/(.+)\/(.+)\/(.+)$/;
|
|
||||||
if (!pathRegex.test(path)) {
|
|
||||||
console.error('Path does not match expected pattern:', path);
|
|
||||||
if (window.Android?.onTransferError) {
|
|
||||||
window.Android.onTransferError('Invalid path format');
|
|
||||||
}
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
const match = path.match(pathRegex);
|
|
||||||
if (!match) {
|
|
||||||
console.error('Failed to parse path:', path);
|
|
||||||
if (window.Android?.onTransferError) {
|
|
||||||
window.Android.onTransferError('Failed to parse path');
|
|
||||||
}
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
navigation.reset({
|
|
||||||
index: 0,
|
|
||||||
routes: [
|
|
||||||
{
|
|
||||||
name: 'ApproveTransfer',
|
|
||||||
path: `/transfer/${cosmosHubTestnet.namespace}/${cosmosHubTestnet.chainId}/${cosmosAccount.address}/${to}/${amount}`,
|
|
||||||
params: {
|
|
||||||
namespace: cosmosHubTestnet.namespace,
|
|
||||||
chainId: `${cosmosHubTestnet.namespace}:${cosmosHubTestnet.chainId}`,
|
|
||||||
transaction: {
|
|
||||||
from: cosmosAccount.address,
|
|
||||||
to: to,
|
|
||||||
value: amount,
|
|
||||||
data: ''
|
|
||||||
},
|
|
||||||
accountInfo: cosmosAccount,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
],
|
|
||||||
});
|
|
||||||
} catch (error) {
|
|
||||||
console.error('Navigation error:', error);
|
|
||||||
if (window.Android?.onTransferError) {
|
|
||||||
window.Android.onTransferError(`Navigation error: ${error}`);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}, [accounts, currentIndex, navigation]);
|
|
||||||
|
|
||||||
useEffect(() => {
|
|
||||||
// Assign the function to the window object
|
|
||||||
window.receiveSignRequestFromAndroid = navigateToSignRequest;
|
|
||||||
|
|
||||||
window.receiveTransferRequestFromAndroid = navigateToTransfer;
|
|
||||||
|
|
||||||
return () => {
|
|
||||||
window.receiveSignRequestFromAndroid = undefined;
|
|
||||||
window.receiveTransferRequestFromAndroid = undefined;
|
|
||||||
};
|
|
||||||
}, [navigateToSignRequest, navigateToTransfer]); // Only the function reference as dependency
|
|
||||||
};
|
|
||||||
+141
-299
@@ -46,29 +46,24 @@ export const MEMO = 'Sending signed tx from Laconic Wallet';
|
|||||||
// Reference: https://ethereum.org/en/developers/docs/gas/#what-is-gas-limit
|
// Reference: https://ethereum.org/en/developers/docs/gas/#what-is-gas-limit
|
||||||
const ETH_MINIMUM_GAS = 21000;
|
const ETH_MINIMUM_GAS = 21000;
|
||||||
|
|
||||||
type ApproveTransferProps = NativeStackScreenProps<StackParamsList, 'ApproveTransfer'> & {
|
type SignRequestProps = NativeStackScreenProps<
|
||||||
route: {
|
StackParamsList,
|
||||||
params: {
|
'ApproveTransfer'
|
||||||
transaction: any;
|
>;
|
||||||
requestEvent?: {
|
|
||||||
params: {
|
|
||||||
chainId: string;
|
|
||||||
request: {
|
|
||||||
method: string;
|
|
||||||
};
|
|
||||||
};
|
|
||||||
};
|
|
||||||
requestSessionData?: any;
|
|
||||||
chainId?: string;
|
|
||||||
};
|
|
||||||
path?: string;
|
|
||||||
};
|
|
||||||
};
|
|
||||||
|
|
||||||
const ApproveTransfer = ({ route }: ApproveTransferProps) => {
|
const ApproveTransfer = ({ route }: SignRequestProps) => {
|
||||||
const { networksData } = useNetworks();
|
const { networksData } = useNetworks();
|
||||||
const { web3wallet } = useWalletConnect();
|
const { web3wallet } = useWalletConnect();
|
||||||
|
|
||||||
|
const requestSession = route.params.requestSessionData;
|
||||||
|
const requestName = requestSession.peer.metadata.name;
|
||||||
|
const requestIcon = requestSession.peer.metadata.icons[0];
|
||||||
|
const requestURL = requestSession.peer.metadata.url;
|
||||||
|
const transaction = route.params.transaction;
|
||||||
|
const requestEvent = route.params.requestEvent;
|
||||||
|
const chainId = requestEvent.params.chainId;
|
||||||
|
const requestMethod = requestEvent.params.request.method;
|
||||||
|
|
||||||
const [account, setAccount] = useState<Account>();
|
const [account, setAccount] = useState<Account>();
|
||||||
const [isLoading, setIsLoading] = useState(true);
|
const [isLoading, setIsLoading] = useState(true);
|
||||||
const [balance, setBalance] = useState<string>('');
|
const [balance, setBalance] = useState<string>('');
|
||||||
@@ -85,80 +80,6 @@ const ApproveTransfer = ({ route }: ApproveTransferProps) => {
|
|||||||
const [ethMaxPriorityFee, setEthMaxPriorityFee] =
|
const [ethMaxPriorityFee, setEthMaxPriorityFee] =
|
||||||
useState<BigNumber | null>();
|
useState<BigNumber | null>();
|
||||||
|
|
||||||
const navigation =
|
|
||||||
useNavigation<NativeStackNavigationProp<StackParamsList>>();
|
|
||||||
|
|
||||||
// Extract data from route params or path
|
|
||||||
const requestSession = route.params?.requestSessionData;
|
|
||||||
const requestName = requestSession?.peer?.metadata?.name;
|
|
||||||
const requestIcon = requestSession?.peer?.metadata?.icons?.[0];
|
|
||||||
const requestURL = requestSession?.peer?.metadata?.url;
|
|
||||||
const transaction = route.params?.transaction;
|
|
||||||
const requestEvent = route.params?.requestEvent;
|
|
||||||
const chainId = requestEvent?.params?.chainId || route.params?.chainId;
|
|
||||||
const requestMethod = requestEvent?.params?.request?.method;
|
|
||||||
|
|
||||||
const sanitizePath = useCallback((path: string) => {
|
|
||||||
const regex = /^\/transfer\/(eip155|cosmos)\/(.+)\/(.+)\/(.+)\/(.+)$/;
|
|
||||||
const match = path.match(regex);
|
|
||||||
if (match) {
|
|
||||||
const [, pathNamespace, pathChainId, pathAddress, pathTo, pathAmount] = match;
|
|
||||||
return {
|
|
||||||
namespace: pathNamespace,
|
|
||||||
chainId: pathChainId,
|
|
||||||
address: pathAddress,
|
|
||||||
to: pathTo,
|
|
||||||
amount: pathAmount,
|
|
||||||
};
|
|
||||||
} else {
|
|
||||||
navigation.navigate('InvalidPath');
|
|
||||||
}
|
|
||||||
return null;
|
|
||||||
}, [navigation]);
|
|
||||||
|
|
||||||
const retrieveData = useCallback(async (requestNamespace: string, requestChainId: string, requestAddress: string) => {
|
|
||||||
const requestAccount = await retrieveSingleAccount(
|
|
||||||
requestNamespace,
|
|
||||||
requestChainId,
|
|
||||||
requestAddress,
|
|
||||||
);
|
|
||||||
if (!requestAccount) {
|
|
||||||
navigation.navigate('InvalidPath');
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
setAccount(requestAccount);
|
|
||||||
}, [navigation]);
|
|
||||||
|
|
||||||
useEffect(() => {
|
|
||||||
if (route.path) {
|
|
||||||
const sanitizedRoute = sanitizePath(route.path);
|
|
||||||
if (sanitizedRoute) {
|
|
||||||
retrieveData(
|
|
||||||
sanitizedRoute.namespace,
|
|
||||||
sanitizedRoute.chainId,
|
|
||||||
sanitizedRoute.address,
|
|
||||||
);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
if (requestEvent) {
|
|
||||||
const requestedNetwork = networksData.find(
|
|
||||||
networkData => {
|
|
||||||
return `${networkData.namespace}:${networkData.chainId}` === chainId;
|
|
||||||
}
|
|
||||||
);
|
|
||||||
if (requestedNetwork && transaction?.from) {
|
|
||||||
retrieveData(
|
|
||||||
requestedNetwork.namespace,
|
|
||||||
requestedNetwork.chainId,
|
|
||||||
transaction.from,
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}, [retrieveData, sanitizePath, route, networksData, requestEvent, chainId, transaction]);
|
|
||||||
|
|
||||||
const isSufficientFunds = useMemo(() => {
|
const isSufficientFunds = useMemo(() => {
|
||||||
if (!transaction.value) {
|
if (!transaction.value) {
|
||||||
return;
|
return;
|
||||||
@@ -218,7 +139,7 @@ const ApproveTransfer = ({ route }: ApproveTransferProps) => {
|
|||||||
).privKey;
|
).privKey;
|
||||||
|
|
||||||
const sender = await DirectSecp256k1Wallet.fromKey(
|
const sender = await DirectSecp256k1Wallet.fromKey(
|
||||||
Uint8Array.from(Buffer.from(cosmosPrivKey.split('0x')[1], 'hex')),
|
Buffer.from(cosmosPrivKey.split('0x')[1], 'hex'),
|
||||||
requestedNetwork?.addressPrefix,
|
requestedNetwork?.addressPrefix,
|
||||||
);
|
);
|
||||||
|
|
||||||
@@ -264,6 +185,26 @@ const ApproveTransfer = ({ route }: ApproveTransferProps) => {
|
|||||||
}
|
}
|
||||||
}, [requestedNetwork, namespace]);
|
}, [requestedNetwork, namespace]);
|
||||||
|
|
||||||
|
const navigation =
|
||||||
|
useNavigation<NativeStackNavigationProp<StackParamsList>>();
|
||||||
|
|
||||||
|
const retrieveData = useCallback(
|
||||||
|
async (requestAddress: string) => {
|
||||||
|
const requestAccount = await retrieveSingleAccount(
|
||||||
|
requestedNetwork!.namespace,
|
||||||
|
requestedNetwork!.chainId,
|
||||||
|
requestAddress,
|
||||||
|
);
|
||||||
|
if (!requestAccount) {
|
||||||
|
navigation.navigate('InvalidPath');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
setAccount(requestAccount);
|
||||||
|
},
|
||||||
|
[navigation, requestedNetwork],
|
||||||
|
);
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
// Set loading to false when gas values for requested chain are fetched
|
// Set loading to false when gas values for requested chain are fetched
|
||||||
// If requested chain is EVM compatible, the cosmos gas values will be undefined and vice-versa, hence the condition checks only one of them at the same time
|
// If requested chain is EVM compatible, the cosmos gas values will be undefined and vice-versa, hence the condition checks only one of them at the same time
|
||||||
@@ -305,6 +246,9 @@ const ApproveTransfer = ({ route }: ApproveTransferProps) => {
|
|||||||
requestedNetwork,
|
requestedNetwork,
|
||||||
ethMaxFee,
|
ethMaxFee,
|
||||||
]);
|
]);
|
||||||
|
useEffect(() => {
|
||||||
|
retrieveData(transaction.from!);
|
||||||
|
}, [retrieveData, transaction]);
|
||||||
|
|
||||||
const isEIP1559 = useMemo(() => {
|
const isEIP1559 = useMemo(() => {
|
||||||
if (cosmosGasLimit) {
|
if (cosmosGasLimit) {
|
||||||
@@ -316,101 +260,6 @@ const ApproveTransfer = ({ route }: ApproveTransferProps) => {
|
|||||||
return false;
|
return false;
|
||||||
}, [cosmosGasLimit, ethMaxFee, ethMaxPriorityFee]);
|
}, [cosmosGasLimit, ethMaxFee, ethMaxPriorityFee]);
|
||||||
|
|
||||||
const handleIntent = async () => {
|
|
||||||
if (!account) {
|
|
||||||
throw new Error('Account is not valid');
|
|
||||||
}
|
|
||||||
|
|
||||||
if (route.path) {
|
|
||||||
const sanitizedRoute = sanitizePath(route.path);
|
|
||||||
if (!sanitizedRoute) {
|
|
||||||
throw new Error('Invalid path');
|
|
||||||
}
|
|
||||||
|
|
||||||
const requestedNetwork = networksData.find(
|
|
||||||
networkData => networkData.chainId === sanitizedRoute.chainId,
|
|
||||||
);
|
|
||||||
|
|
||||||
if (!requestedNetwork) {
|
|
||||||
throw new Error('Network not found');
|
|
||||||
}
|
|
||||||
|
|
||||||
const cosmosPrivKey = (
|
|
||||||
await getPathKey(
|
|
||||||
`${requestedNetwork.namespace}:${requestedNetwork.chainId}`,
|
|
||||||
account.index,
|
|
||||||
)
|
|
||||||
).privKey;
|
|
||||||
|
|
||||||
const sender = await DirectSecp256k1Wallet.fromKey(
|
|
||||||
Uint8Array.from(Buffer.from(cosmosPrivKey.split('0x')[1], 'hex')),
|
|
||||||
requestedNetwork.addressPrefix,
|
|
||||||
);
|
|
||||||
|
|
||||||
const client = await SigningStargateClient.connectWithSigner(
|
|
||||||
requestedNetwork.rpcUrl!,
|
|
||||||
sender,
|
|
||||||
);
|
|
||||||
|
|
||||||
const sendMsg: MsgSendEncodeObject = {
|
|
||||||
typeUrl: '/cosmos.bank.v1beta1.MsgSend',
|
|
||||||
value: {
|
|
||||||
fromAddress: account.address,
|
|
||||||
toAddress: sanitizedRoute.to,
|
|
||||||
amount: [
|
|
||||||
{
|
|
||||||
amount: String(sanitizedRoute.amount),
|
|
||||||
denom: requestedNetwork.nativeDenom!,
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
};
|
|
||||||
|
|
||||||
const gasEstimation = await client.simulate(
|
|
||||||
account.address,
|
|
||||||
[sendMsg],
|
|
||||||
MEMO,
|
|
||||||
);
|
|
||||||
|
|
||||||
const gasLimit = String(
|
|
||||||
Math.round(gasEstimation * Number(process.env.REACT_APP_GAS_ADJUSTMENT)),
|
|
||||||
);
|
|
||||||
|
|
||||||
const gasPrice = GasPrice.fromString(
|
|
||||||
requestedNetwork.gasPrice! + requestedNetwork.nativeDenom,
|
|
||||||
);
|
|
||||||
|
|
||||||
const cosmosFees = calculateFee(Number(gasLimit), gasPrice);
|
|
||||||
|
|
||||||
const result = await client.signAndBroadcast(
|
|
||||||
account.address,
|
|
||||||
[sendMsg],
|
|
||||||
{
|
|
||||||
amount: [
|
|
||||||
{
|
|
||||||
amount: cosmosFees.amount[0].amount,
|
|
||||||
denom: requestedNetwork.nativeDenom!,
|
|
||||||
},
|
|
||||||
],
|
|
||||||
gas: gasLimit,
|
|
||||||
},
|
|
||||||
MEMO,
|
|
||||||
);
|
|
||||||
|
|
||||||
// Convert BigInt values to strings before sending to Android
|
|
||||||
const serializedResult = JSON.stringify(result, (key, value) =>
|
|
||||||
typeof value === 'bigint' ? value.toString() : value
|
|
||||||
);
|
|
||||||
|
|
||||||
// Send the result back to Android and close dialog
|
|
||||||
if (window.Android?.onTransferComplete) {
|
|
||||||
window.Android.onTransferComplete(serializedResult);
|
|
||||||
} else {
|
|
||||||
alert(`Transaction: ${serializedResult}`);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
const acceptRequestHandler = async () => {
|
const acceptRequestHandler = async () => {
|
||||||
setIsTxLoading(true);
|
setIsTxLoading(true);
|
||||||
try {
|
try {
|
||||||
@@ -418,80 +267,77 @@ const ApproveTransfer = ({ route }: ApproveTransferProps) => {
|
|||||||
throw new Error('account not found');
|
throw new Error('account not found');
|
||||||
}
|
}
|
||||||
|
|
||||||
if (requestEvent) {
|
if (ethGasLimit && ethGasLimit.lt(ETH_MINIMUM_GAS)) {
|
||||||
// Handle WalletConnect request
|
throw new Error(`Atleast ${ETH_MINIMUM_GAS} gas limit is required`);
|
||||||
if (ethGasLimit && ethGasLimit.lt(ETH_MINIMUM_GAS)) {
|
|
||||||
throw new Error(`Atleast ${ETH_MINIMUM_GAS} gas limit is required`);
|
|
||||||
}
|
|
||||||
|
|
||||||
if (ethMaxFee && ethMaxPriorityFee && ethMaxFee.lte(ethMaxPriorityFee)) {
|
|
||||||
throw new Error(
|
|
||||||
`Max fee per gas (${ethMaxFee.toNumber()}) cannot be lower than or equal to max priority fee per gas (${ethMaxPriorityFee.toNumber()})`,
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
let options: WalletConnectRequests;
|
|
||||||
|
|
||||||
switch (requestMethod) {
|
|
||||||
case EIP155_SIGNING_METHODS.ETH_SEND_TRANSACTION:
|
|
||||||
if (
|
|
||||||
ethMaxFee === undefined ||
|
|
||||||
ethMaxPriorityFee === undefined ||
|
|
||||||
ethGasPrice === undefined
|
|
||||||
) {
|
|
||||||
throw new Error('Gas values not found');
|
|
||||||
}
|
|
||||||
|
|
||||||
options = {
|
|
||||||
type: 'eth_sendTransaction',
|
|
||||||
provider: provider!,
|
|
||||||
ethGasLimit: BigNumber.from(ethGasLimit),
|
|
||||||
ethGasPrice: ethGasPrice ? ethGasPrice.toHexString() : null,
|
|
||||||
maxFeePerGas: ethMaxFee,
|
|
||||||
maxPriorityFeePerGas: ethMaxPriorityFee,
|
|
||||||
};
|
|
||||||
break;
|
|
||||||
case COSMOS_METHODS.COSMOS_SEND_TOKENS:
|
|
||||||
if (!cosmosStargateClient) {
|
|
||||||
throw new Error('Cosmos stargate client not found');
|
|
||||||
}
|
|
||||||
|
|
||||||
options = {
|
|
||||||
type: 'cosmos_sendTokens',
|
|
||||||
signingStargateClient: cosmosStargateClient,
|
|
||||||
cosmosFee: {
|
|
||||||
amount: [
|
|
||||||
{
|
|
||||||
amount: fees,
|
|
||||||
denom: requestedNetwork!.nativeDenom!,
|
|
||||||
},
|
|
||||||
],
|
|
||||||
gas: cosmosGasLimit,
|
|
||||||
},
|
|
||||||
sendMsg,
|
|
||||||
memo: MEMO,
|
|
||||||
};
|
|
||||||
break;
|
|
||||||
default:
|
|
||||||
throw new Error('Invalid method');
|
|
||||||
}
|
|
||||||
|
|
||||||
const response = await approveWalletConnectRequest(
|
|
||||||
requestEvent,
|
|
||||||
account!,
|
|
||||||
namespace,
|
|
||||||
requestedNetwork!.chainId,
|
|
||||||
options,
|
|
||||||
);
|
|
||||||
|
|
||||||
const { topic } = requestEvent;
|
|
||||||
await web3wallet!.respondSessionRequest({ topic, response });
|
|
||||||
navigation.navigate('Home');
|
|
||||||
} else {
|
|
||||||
// Handle direct intent
|
|
||||||
await handleIntent();
|
|
||||||
navigation.navigate('Home');
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
if (ethMaxFee && ethMaxPriorityFee && ethMaxFee.lte(ethMaxPriorityFee)) {
|
||||||
|
throw new Error(
|
||||||
|
`Max fee per gas (${ethMaxFee.toNumber()}) cannot be lower than or equal to max priority fee per gas (${ethMaxPriorityFee.toNumber()})`,
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
let options: WalletConnectRequests;
|
||||||
|
|
||||||
|
switch (requestMethod) {
|
||||||
|
case EIP155_SIGNING_METHODS.ETH_SEND_TRANSACTION:
|
||||||
|
if (
|
||||||
|
ethMaxFee === undefined ||
|
||||||
|
ethMaxPriorityFee === undefined ||
|
||||||
|
ethGasPrice === undefined
|
||||||
|
) {
|
||||||
|
throw new Error('Gas values not found');
|
||||||
|
}
|
||||||
|
|
||||||
|
options = {
|
||||||
|
type: 'eth_sendTransaction',
|
||||||
|
provider: provider!,
|
||||||
|
ethGasLimit: BigNumber.from(ethGasLimit),
|
||||||
|
ethGasPrice: ethGasPrice ? ethGasPrice.toHexString() : null,
|
||||||
|
maxFeePerGas: ethMaxFee,
|
||||||
|
maxPriorityFeePerGas: ethMaxPriorityFee,
|
||||||
|
};
|
||||||
|
break;
|
||||||
|
case COSMOS_METHODS.COSMOS_SEND_TOKENS:
|
||||||
|
if (!cosmosStargateClient) {
|
||||||
|
throw new Error('Cosmos stargate client not found');
|
||||||
|
}
|
||||||
|
|
||||||
|
options = {
|
||||||
|
type: 'cosmos_sendTokens',
|
||||||
|
signingStargateClient: cosmosStargateClient,
|
||||||
|
// StdFee object
|
||||||
|
cosmosFee: {
|
||||||
|
// This amount is total fees required for transaction
|
||||||
|
amount: [
|
||||||
|
{
|
||||||
|
amount: fees,
|
||||||
|
denom: requestedNetwork!.nativeDenom!,
|
||||||
|
},
|
||||||
|
],
|
||||||
|
gas: cosmosGasLimit,
|
||||||
|
},
|
||||||
|
sendMsg,
|
||||||
|
memo: MEMO,
|
||||||
|
};
|
||||||
|
|
||||||
|
break;
|
||||||
|
|
||||||
|
default:
|
||||||
|
throw new Error('Invalid method');
|
||||||
|
}
|
||||||
|
|
||||||
|
const response = await approveWalletConnectRequest(
|
||||||
|
requestEvent,
|
||||||
|
account,
|
||||||
|
namespace,
|
||||||
|
requestedNetwork!.chainId,
|
||||||
|
options,
|
||||||
|
);
|
||||||
|
|
||||||
|
const { topic } = requestEvent;
|
||||||
|
await web3wallet!.respondSessionRequest({ topic, response });
|
||||||
|
navigation.navigate('Home');
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
if (!(error instanceof Error)) {
|
if (!(error instanceof Error)) {
|
||||||
throw error;
|
throw error;
|
||||||
@@ -504,26 +350,20 @@ const ApproveTransfer = ({ route }: ApproveTransferProps) => {
|
|||||||
};
|
};
|
||||||
|
|
||||||
const rejectRequestHandler = async () => {
|
const rejectRequestHandler = async () => {
|
||||||
if (requestEvent) {
|
const response = rejectWalletConnectRequest(requestEvent);
|
||||||
const response = rejectWalletConnectRequest(requestEvent);
|
const { topic } = requestEvent;
|
||||||
const { topic } = requestEvent;
|
await web3wallet!.respondSessionRequest({
|
||||||
await web3wallet!.respondSessionRequest({
|
topic,
|
||||||
topic,
|
response,
|
||||||
response,
|
});
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
if (window.Android?.onTransferCancelled) {
|
navigation.navigate('Home');
|
||||||
window.Android.onTransferCancelled();
|
|
||||||
} else {
|
|
||||||
navigation.navigate('Home');
|
|
||||||
}
|
|
||||||
};
|
};
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
const getAccountBalance = async () => {
|
const getAccountBalance = async () => {
|
||||||
try {
|
try {
|
||||||
if (!account || !requestedNetwork) {
|
if (!account) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
if (namespace === EIP155) {
|
if (namespace === EIP155) {
|
||||||
@@ -533,20 +373,20 @@ const ApproveTransfer = ({ route }: ApproveTransferProps) => {
|
|||||||
const fetchedBalance = await provider.getBalance(account.address);
|
const fetchedBalance = await provider.getBalance(account.address);
|
||||||
setBalance(fetchedBalance ? fetchedBalance.toString() : '0');
|
setBalance(fetchedBalance ? fetchedBalance.toString() : '0');
|
||||||
} else {
|
} else {
|
||||||
if (!cosmosStargateClient) {
|
const cosmosBalance = await cosmosStargateClient?.getBalance(
|
||||||
return;
|
|
||||||
}
|
|
||||||
const cosmosBalance = await cosmosStargateClient.getBalance(
|
|
||||||
account.address,
|
account.address,
|
||||||
requestedNetwork.nativeDenom!.toLowerCase(),
|
requestedNetwork!.nativeDenom!.toLowerCase(),
|
||||||
);
|
);
|
||||||
setBalance(cosmosBalance?.amount || '0');
|
|
||||||
|
setBalance(cosmosBalance?.amount!);
|
||||||
}
|
}
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
console.error('Error fetching balance:', error);
|
if (!(error instanceof Error)) {
|
||||||
setBalance('0');
|
throw error;
|
||||||
// Don't show error dialog for balance fetch failures
|
}
|
||||||
// Just set balance to 0 and let the transaction proceed
|
|
||||||
|
setTxError(error.message);
|
||||||
|
setIsTxErrorDialogOpen(true);
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
@@ -668,18 +508,16 @@ const ApproveTransfer = ({ route }: ApproveTransferProps) => {
|
|||||||
) : (
|
) : (
|
||||||
<>
|
<>
|
||||||
<ScrollView contentContainerStyle={styles.appContainer}>
|
<ScrollView contentContainerStyle={styles.appContainer}>
|
||||||
{requestSession && (
|
<View style={styles.dappDetails}>
|
||||||
<View style={styles.dappDetails}>
|
{requestIcon && (
|
||||||
{requestIcon && (
|
<Image
|
||||||
<Image
|
style={styles.dappLogo}
|
||||||
style={styles.dappLogo}
|
source={requestIcon ? { uri: requestIcon } : undefined}
|
||||||
source={requestIcon ? { uri: requestIcon } : undefined}
|
/>
|
||||||
/>
|
)}
|
||||||
)}
|
<Text>{requestName}</Text>
|
||||||
<Text>{requestName}</Text>
|
<Text variant="bodyMedium">{requestURL}</Text>
|
||||||
<Text variant="bodyMedium">{requestURL}</Text>
|
</View>
|
||||||
</View>
|
|
||||||
)}
|
|
||||||
<View style={styles.dataBoxContainer}>
|
<View style={styles.dataBoxContainer}>
|
||||||
<Text style={styles.dataBoxLabel}>From</Text>
|
<Text style={styles.dataBoxLabel}>From</Text>
|
||||||
<View style={styles.dataBox}>
|
<View style={styles.dataBox}>
|
||||||
@@ -690,7 +528,11 @@ const ApproveTransfer = ({ route }: ApproveTransferProps) => {
|
|||||||
label={`Balance (${
|
label={`Balance (${
|
||||||
namespace === EIP155 ? 'wei' : requestedNetwork!.nativeDenom
|
namespace === EIP155 ? 'wei' : requestedNetwork!.nativeDenom
|
||||||
})`}
|
})`}
|
||||||
data={balance || '0'}
|
data={
|
||||||
|
balance === '' || balance === undefined
|
||||||
|
? 'Loading balance...'
|
||||||
|
: `${balance}`
|
||||||
|
}
|
||||||
/>
|
/>
|
||||||
{transaction && (
|
{transaction && (
|
||||||
<View style={styles.approveTransfer}>
|
<View style={styles.approveTransfer}>
|
||||||
|
|||||||
@@ -202,13 +202,7 @@ const SignRequest = ({ route }: SignRequestProps) => {
|
|||||||
chainId,
|
chainId,
|
||||||
accountId: account.index,
|
accountId: account.index,
|
||||||
});
|
});
|
||||||
|
alert(`Signature ${signedMessage}`);
|
||||||
// Send the result back to Android and close dialog
|
|
||||||
if (window.Android?.onSignatureComplete) {
|
|
||||||
window.Android.onSignatureComplete(signedMessage || "");
|
|
||||||
} else {
|
|
||||||
alert(`Signature: ${signedMessage}`);
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
@@ -236,11 +230,7 @@ const SignRequest = ({ route }: SignRequestProps) => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
setIsRejecting(false);
|
setIsRejecting(false);
|
||||||
if (window.Android?.onSignatureCancelled) {
|
navigation.navigate('Home');
|
||||||
window.Android.onSignatureCancelled();
|
|
||||||
} else {
|
|
||||||
navigation.navigate('Home');
|
|
||||||
}
|
|
||||||
};
|
};
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
|
|||||||
@@ -60,12 +60,7 @@ export const WalletEmbed = () => {
|
|||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
sendMessage(
|
sendMessage(event.source as Window, 'WALLET_ACCOUNTS_DATA', accountsData, event.origin);
|
||||||
event.source as Window,
|
|
||||||
'WALLET_ACCOUNTS_DATA',
|
|
||||||
accountsData.map(account => account.address),
|
|
||||||
event.origin
|
|
||||||
);
|
|
||||||
};
|
};
|
||||||
|
|
||||||
window.addEventListener('message', handleGetAccounts);
|
window.addEventListener('message', handleGetAccounts);
|
||||||
@@ -93,6 +88,7 @@ export const WalletEmbed = () => {
|
|||||||
throw new Error('Requested network not supported.');
|
throw new Error('Requested network not supported.');
|
||||||
}
|
}
|
||||||
|
|
||||||
|
console.log({ network, fromAddress, chainId, toAddress, amount });
|
||||||
const account = await retrieveSingleAccount(network.namespace, network.chainId, fromAddress);
|
const account = await retrieveSingleAccount(network.namespace, network.chainId, fromAddress);
|
||||||
if (!account) {
|
if (!account) {
|
||||||
throw new Error('Account not found for the requested address.');
|
throw new Error('Account not found for the requested address.');
|
||||||
|
|||||||
@@ -13,10 +13,8 @@ export type StackParamsList = {
|
|||||||
};
|
};
|
||||||
SignRequest: {
|
SignRequest: {
|
||||||
namespace: string;
|
namespace: string;
|
||||||
chainId?: string;
|
|
||||||
address: string;
|
address: string;
|
||||||
message: string;
|
message: string;
|
||||||
accountInfo?: Account;
|
|
||||||
requestEvent?: Web3WalletTypes.SessionRequest;
|
requestEvent?: Web3WalletTypes.SessionRequest;
|
||||||
requestSessionData?: SessionTypes.Struct;
|
requestSessionData?: SessionTypes.Struct;
|
||||||
};
|
};
|
||||||
|
|||||||
@@ -41,10 +41,10 @@ export const DEFAULT_NETWORKS: NetworksFormData[] = [
|
|||||||
isDefault: true,
|
isDefault: true,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
chainId: 'provider',
|
chainId: 'theta-testnet-001',
|
||||||
networkName: COSMOS_TESTNET_CHAINS['cosmos:provider'].name,
|
networkName: COSMOS_TESTNET_CHAINS['cosmos:theta-testnet-001'].name,
|
||||||
namespace: COSMOS,
|
namespace: COSMOS,
|
||||||
rpcUrl: COSMOS_TESTNET_CHAINS['cosmos:provider'].rpc,
|
rpcUrl: COSMOS_TESTNET_CHAINS['cosmos:theta-testnet-001'].rpc,
|
||||||
blockExplorerUrl: '',
|
blockExplorerUrl: '',
|
||||||
nativeDenom: 'uatom',
|
nativeDenom: 'uatom',
|
||||||
addressPrefix: 'cosmos',
|
addressPrefix: 'cosmos',
|
||||||
|
|||||||
@@ -19,10 +19,10 @@ export const COSMOS_TESTNET_CHAINS: Record<
|
|||||||
namespace: string;
|
namespace: string;
|
||||||
}
|
}
|
||||||
> = {
|
> = {
|
||||||
'cosmos:provider': {
|
'cosmos:theta-testnet-001': {
|
||||||
chainId: 'provider',
|
chainId: 'theta-testnet-001',
|
||||||
name: 'Cosmos Hub Testnet',
|
name: 'Cosmos Hub Testnet',
|
||||||
rpc: 'https://rpc-rs.cosmos.nodestake.top',
|
rpc: 'https://rpc-t.cosmos.nodestake.top',
|
||||||
namespace: 'cosmos',
|
namespace: 'cosmos',
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
|||||||
Reference in New Issue
Block a user