feat: add xrpl

config.devnet.json

@@ -2,12 +2,15 @@
   "appEnvironment": "devnet",
   "coordinatorURL": "https://devnet.dlc.link/attestor-1",
   "enabledEthereumNetworkIDs": ["421614", "84532", "11155111"],
+  "enabledRippleNetworkIDs": ["1"],
   "bitcoinNetwork": "regtest",
   "bitcoinNetworkIndex": 1,
   "bitcoinNetworkPreFix": "bcrt1",
   "bitcoinBlockchainURL": "https://devnet.dlc.link/electrs",
   "bitcoinBlockchainExplorerURL": "https://devnet.dlc.link/electrs",
   "bitcoinBlockchainFeeEstimateURL": "https://devnet.dlc.link/electrs/fee-estimates",
+  "rippleIssuerAddress": "rLTBw1MEy45uE5qmkWseinbj7h4zmdQuR8",
+  "xrplWebsocket": "wss://s.altnet.rippletest.net:51233",
   "ledgerApp": "Bitcoin Test",
   "merchants": [
     {

config.mainnet.json

@@ -2,12 +2,15 @@
   "appEnvironment": "mainnet",
   "coordinatorURL": "https://mainnet.dlc.link/attestor-1",
   "enabledEthereumNetworkIDs": ["42161", "8453"],
+  "enabledRippleNetworkIDs": ["0"],
   "bitcoinNetwork": "mainnet",
   "bitcoinNetworkIndex": 0,
   "bitcoinNetworkPreFix": "bc1",
   "bitcoinBlockchainURL": "https://mainnet.dlc.link/electrs",
   "bitcoinBlockchainExplorerURL": "https://mempool.space",
   "bitcoinBlockchainFeeEstimateURL": "https://mempool.space/api/v1/fees/recommended",
+  "rippleIssuerAddress": "rGcyRGrZPaJAZbZDi4NqRFLA5GQH63iFpD",
+  "xrplWebsocket": "wss://xrpl.ws/",
   "ledgerApp": "Bitcoin",
   "merchants": [
     {

config.testnet.json

@@ -2,12 +2,15 @@
   "appEnvironment": "testnet",
   "coordinatorURL": "https://testnet.dlc.link/attestor-1",
   "enabledEthereumNetworkIDs": ["421614", "84532", "11155111"],
+  "enabledRippleNetworkIDs": ["1"],
   "bitcoinNetwork": "testnet",
   "bitcoinNetworkIndex": 1,
   "bitcoinNetworkPreFix": "tb1",
   "bitcoinBlockchainURL": "https://testnet.dlc.link/electrs",
   "bitcoinBlockchainExplorerURL": "https://mempool.space/testnet",
   "bitcoinBlockchainFeeEstimateURL": "https://mempool.space/testnet/api/v1/fees/recommended",
+  "rippleIssuerAddress": "ra3oyRVfy4yD4NJPrVcewvDtisZ3FhkcYL",
+  "xrplWebsocket": "wss://testnet.xrpl-labs.com/",
   "ledgerApp": "Bitcoin Test",
   "merchants": [
     {

netlify/functions/fetch-attestor-group-public-key.ts

@@ -0,0 +1,42 @@
+import { Handler, HandlerEvent } from '@netlify/functions';
+import { getAttestorExtendedGroupPublicKey } from 'dlc-btc-lib/attestor-request-functions';
+
+const handler: Handler = async (event: HandlerEvent) => {
+  try {
+    if (!event.queryStringParameters) {
+      return {
+        statusCode: 400,
+        body: JSON.stringify({
+          message: 'No Parameters were provided',
+        }),
+      };
+    }
+
+    if (!event.queryStringParameters.coordinatorURL) {
+      return {
+        statusCode: 400,
+        body: JSON.stringify({
+          message: 'No Coordinator URL was provided',
+        }),
+      };
+    }
+
+    const coordinatorURL = event.queryStringParameters.coordinatorURL;
+
+    const attestorGroupPublicKey = await getAttestorExtendedGroupPublicKey(coordinatorURL);
+
+    return {
+      statusCode: 200,
+      body: attestorGroupPublicKey,
+    };
+  } catch (error: any) {
+    return {
+      statusCode: 500,
+      body: JSON.stringify({
+        message: `Failed to get Attestor Group Public Key: ${error.message}`,
+      }),
+    };
+  }
+};
+
+export { handler };

netlify/functions/submit-xrpl-vault-request.ts

@@ -0,0 +1,62 @@
+import { Handler, HandlerEvent } from '@netlify/functions';
+import { submitSetupXRPLVaultRequest } from 'dlc-btc-lib/attestor-request-functions';
+import { AttestorChainID } from 'dlc-btc-lib/models';
+
+const handler: Handler = async (event: HandlerEvent) => {
+  try {
+    if (!event.queryStringParameters) {
+      return {
+        statusCode: 400,
+        body: JSON.stringify({
+          message: 'No Parameters were provided',
+        }),
+      };
+    }
+
+    if (!event.queryStringParameters.coordinatorURL) {
+      return {
+        statusCode: 400,
+        body: JSON.stringify({
+          message: 'No Coordinator URL was provided',
+        }),
+      };
+    }
+
+    if (!event.queryStringParameters.userXRPLAddress) {
+      return {
+        statusCode: 400,
+        body: JSON.stringify({
+          message: 'No XRPL User Address was provided',
+        }),
+      };
+    }
+
+    if (!event.queryStringParameters.attestorChainID) {
+      return {
+        statusCode: 400,
+        body: JSON.stringify({
+          message: 'No Attestor Chain ID was provided',
+        }),
+      };
+    }
+
+    const coordinatorURL = event.queryStringParameters.coordinatorURL;
+    const userXRPLAddress = event.queryStringParameters.userXRPLAddress;
+    const attestorChainID = event.queryStringParameters.attestorChainID as AttestorChainID;
+
+    await submitSetupXRPLVaultRequest(coordinatorURL, userXRPLAddress, attestorChainID);
+
+    return {
+      statusCode: 200,
+    };
+  } catch (error: any) {
+    return {
+      statusCode: 500,
+      body: JSON.stringify({
+        message: `Failed to submit Setup XRPL Vault Request: ${error.message}`,
+      }),
+    };
+  }
+};
+
+export { handler };

package.json

@@ -30,6 +30,8 @@
     "@fontsource/inter": "^5.0.18",
     "@fontsource/onest": "^5.0.3",
     "@fontsource/poppins": "^5.0.8",
+    "@gemwallet/api": "^3.8.0",
+    "@ledgerhq/hw-app-xrp": "^6.29.4",
     "@ledgerhq/hw-transport-webusb": "^6.28.6",
     "@netlify/functions": "^2.8.1",
     "@reduxjs/toolkit": "^1.9.7",
@@ -44,7 +46,7 @@
     "concurrently": "^8.2.2",
     "d3": "^7.9.0",
     "decimal.js": "^10.4.3",
-    "dlc-btc-lib": "2.2.7",
+    "dlc-btc-lib": "2.4.12",
     "dotenv": "^16.3.1",
     "ethers": "5.7.2",
     "formik": "^2.4.5",
@@ -64,7 +66,8 @@
     "redux-persist-expire": "^1.1.1",
     "viem": "2.x",
     "vite-plugin-toml": "^0.7.0",
-    "wagmi": "^2.12.2"
+    "wagmi": "^2.12.2",
+    "xrpl": "^4.0.0"
   },
   "devDependencies": {
     "@ls-lint/ls-lint": "^2.2.2",

src/app/app.tsx

@@ -12,8 +12,11 @@ import { BalanceContextProvider } from '@providers/balance-context-provider';
 import { BitcoinTransactionConfirmationsProvider } from '@providers/bitcoin-query-provider';
 import { BitcoinWalletContextProvider } from '@providers/bitcoin-wallet-context-provider';
 import { EthereumNetworkConfigurationContextProvider } from '@providers/ethereum-network-configuration.provider';
-import { EthereumObserverProvider } from '@providers/ethereum-observer-provider';
+import { NetworkConfigurationContextProvider } from '@providers/network-configuration.provider';
+import { NetworkConnectionContextProvider } from '@providers/network-connection.provider';
 import { ProofOfReserveContextProvider } from '@providers/proof-of-reserve-context-provider';
+import { RippleNetworkConfigurationContextProvider } from '@providers/ripple-network-configuration.provider';
+import { XRPWalletContextProvider } from '@providers/xrp-wallet-context-provider';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { WagmiProvider } from 'wagmi';
 
@@ -28,33 +31,39 @@ export function App(): React.JSX.Element {
   return (
     <WagmiProvider config={wagmiConfiguration}>
       <QueryClientProvider client={queryClient}>
-        <EthereumNetworkConfigurationContextProvider>
-          <BitcoinWalletContextProvider>
-            <VaultContextProvider>
-              <EthereumObserverProvider>
-                <BitcoinTransactionConfirmationsProvider>
-                  <BalanceContextProvider>
-                    <ProofOfReserveContextProvider>
-                      <AppLayout>
-                        <Route path="/" element={<PointsPage />} />
-                        <Route path="/my-vaults" element={<MyVaults />} />
-                        {/* <Route path="/how-it-works" element={<About />} /> */}
-                        <Route path="/proof-of-reserve" element={<ProofOfReservePage />} />
-                        <Route path="/attestor-details" element={<AttestorDetailsPage />} />
-                        <Route
-                          path="/attestor-details-select"
-                          element={<AttestorDetailsSelectPage />}
-                        />
-                        <Route path="/merchant-details/:name" element={<MerchantDetails />} />
-                        <Route path="/mint-withdraw" element={<Dashboard />} />
-                      </AppLayout>
-                    </ProofOfReserveContextProvider>
-                  </BalanceContextProvider>
-                </BitcoinTransactionConfirmationsProvider>
-              </EthereumObserverProvider>
-            </VaultContextProvider>
-          </BitcoinWalletContextProvider>
-        </EthereumNetworkConfigurationContextProvider>
+        <NetworkConfigurationContextProvider>
+          <RippleNetworkConfigurationContextProvider>
+            <EthereumNetworkConfigurationContextProvider>
+              <XRPWalletContextProvider>
+                <BitcoinWalletContextProvider>
+                  <NetworkConnectionContextProvider>
+                    <VaultContextProvider>
+                      <BitcoinTransactionConfirmationsProvider>
+                        <BalanceContextProvider>
+                          <ProofOfReserveContextProvider>
+                            <AppLayout>
+                              <Route path="/" element={<PointsPage />} />
+                              <Route path="/my-vaults" element={<MyVaults />} />
+                              {/* <Route path="/how-it-works" element={<About />} /> */}
+                              <Route path="/proof-of-reserve" element={<ProofOfReservePage />} />
+                              <Route path="/attestor-details" element={<AttestorDetailsPage />} />
+                              <Route
+                                path="/attestor-details-select"
+                                element={<AttestorDetailsSelectPage />}
+                              />
+                              <Route path="/merchant-details/:name" element={<MerchantDetails />} />
+                              <Route path="/mint-withdraw" element={<Dashboard />} />
+                            </AppLayout>
+                          </ProofOfReserveContextProvider>
+                        </BalanceContextProvider>
+                      </BitcoinTransactionConfirmationsProvider>
+                    </VaultContextProvider>
+                  </NetworkConnectionContextProvider>
+                </BitcoinWalletContextProvider>
+              </XRPWalletContextProvider>
+            </EthereumNetworkConfigurationContextProvider>
+          </RippleNetworkConfigurationContextProvider>
+        </NetworkConfigurationContextProvider>
       </QueryClientProvider>
     </WagmiProvider>
   );

src/app/components/account/account.tsx

@@ -1,33 +1,73 @@
+import { useContext } from 'react';
 import { useDispatch } from 'react-redux';
 
 import { Button, HStack, useBreakpointValue } from '@chakra-ui/react';
 import { AccountMenu } from '@components/account/components/account-menu';
+import { XRPWallet, xrpWallets } from '@models/wallet';
+import { NetworkConfigurationContext } from '@providers/network-configuration.provider';
+import { NetworkConnectionContext } from '@providers/network-connection.provider';
+import { XRPWalletContext } from '@providers/xrp-wallet-context-provider';
 import { mintUnmintActions } from '@store/slices/mintunmint/mintunmint.actions';
 import { modalActions } from '@store/slices/modal/modal.actions';
-import { useAccount, useDisconnect } from 'wagmi';
+import { Connector, useAccount, useDisconnect } from 'wagmi';
+
+import { NetworkType } from '@shared/constants/network.constants';
 
 export function Account(): React.JSX.Element {
   const dispatch = useDispatch();
 
-  const { address, connector, isConnected } = useAccount();
-  const { disconnect } = useDisconnect();
+  const { isConnected } = useContext(NetworkConnectionContext);
+  const { networkType } = useContext(NetworkConfigurationContext);
+
   const isMobile = useBreakpointValue({ base: true, md: false });
+  const { address: ethereumUserAddress, connector: ethereumWallet } = useAccount();
+  const { disconnect: disconnectEthereumWallet } = useDisconnect();
+  const {
+    userAddress: rippleUserAddress,
+    xrpWalletType,
+    resetXRPWalletContext,
+  } = useContext(XRPWalletContext);
+
+  function getWalletInformation(): { address: string; wallet: XRPWallet | Connector } | undefined {
+    switch (networkType) {
+      case NetworkType.EVM:
+        if (!ethereumUserAddress || !ethereumWallet) return undefined;
+        return { address: ethereumUserAddress, wallet: ethereumWallet };
+      case NetworkType.XRPL:
+        if (!rippleUserAddress) return undefined;
+        return {
+          address: rippleUserAddress,
+          wallet: xrpWallets.find(xrpWallet => xrpWallet.id === xrpWalletType)!,
+        };
+      default:
+        throw new Error('Invalid Network Type');
+    }
+  }
 
   function onConnectWalletClick(): void {
     dispatch(modalActions.toggleSelectWalletModalVisibility());
   }
 
   function onDisconnectWalletClick(): void {
-    disconnect();
+    switch (networkType) {
+      case NetworkType.EVM:
+        disconnectEthereumWallet();
+        break;
+      case NetworkType.XRPL:
+        resetXRPWalletContext();
+        break;
+      default:
+        break;
+    }
     dispatch(mintUnmintActions.resetMintUnmintState());
   }
 
   return (
     <HStack h={isMobile ? '40px' : '50px'}>
       {isConnected ? (
         <AccountMenu
-          address={address}
-          wagmiConnector={connector}
+          address={getWalletInformation()?.address}
+          wallet={getWalletInformation()?.wallet}
           handleDisconnectWallet={() => onDisconnectWalletClick()}
         />
       ) : (