feat: send tokens rpc

config-overrides.js

@@ -39,9 +39,9 @@ module.exports = function override(config, env) {
       process: stdLibBrowser.process,
       stream: stdLibBrowser.stream,
       os: stdLibBrowser.os,
-      vm: false,
       events: stdLibBrowser.events,
-      util: stdLibBrowser.util
+      util: stdLibBrowser.util,
+      vm: false,
     },
     mainFields: ['browser', 'module', 'main'],
     conditionNames: ['import', 'require', 'node', 'default'],

lavamoat/webpack/policy.json

@@ -19,7 +19,6 @@
         "setTimeout": true
       },
       "packages": {
-        "@hathor/hathor-rpc-handler>@hathor/wallet-lib>long": true,
         "@hathor/wallet-lib>bitcore-lib": true,
         "@hathor/wallet-lib>bitcore-mnemonic": true,
         "@hathor/wallet-lib>crypto-js": true,
@@ -28,18 +27,13 @@
         "axios": true,
         "buffer": true,
         "cypress>lodash": true,
+        "hathor-rpc-handler-test>@hathor/wallet-lib>long": true,
         "node-stdlib-browser>assert": true,
         "node-stdlib-browser>crypto-browserify": true,
         "node-stdlib-browser>path-browserify": true,
         "react-redux>@babel/runtime": true
       }
     },
-    "@hathor/hathor-rpc-handler>@hathor/wallet-lib>long": {
-      "globals": {
-        "WebAssembly.Instance": true,
-        "WebAssembly.Module": true
-      }
-    },
     "@hathor/wallet-lib": {
       "globals": {
         "AbortController": true,
@@ -1115,6 +1109,12 @@
         "npm-run-all>string.prototype.padend>es-abstract>object-inspect": true
       }
     },
+    "hathor-rpc-handler-test>@hathor/wallet-lib>long": {
+      "globals": {
+        "WebAssembly.Instance": true,
+        "WebAssembly.Module": true
+      }
+    },
     "jquery": {
       "globals": {
         "define": true

package.json

@@ -31,7 +31,13 @@
   "resolutions": {
     "axios": "1.7.7",
     "@hathor/wallet-lib/axios": "1.7.7",
-    "@hathor/hathor-rpc-handler/@hathor/wallet-lib/axios": "1.7.7"
+    "@hathor/hathor-rpc-handler/@hathor/wallet-lib/axios": "1.7.7",
+    "bitcore-lib": "8.25.10",
+    "@hathor/wallet-lib/bitcore-lib": "8.25.10",
+    "@hathor/hathor-rpc-handler/@hathor/wallet-lib/bitcore-lib": "8.25.10",
+    "../hathor-rpc-lib/node_modules/bitcore-lib": "8.25.10",
+    "../hathor-rpc-lib/packages/hathor-rpc-handler/node_modules/@hathor/wallet-lib/node_modules/bitcore-lib": "8.25.10",
+    "../hathor-rpc-lib/packages/hathor-rpc-handler/node_modules/bitcore-lib": "8.25.10"
   },
   "dependencies": {
     "@hathor/hathor-rpc-handler": "0.0.3-experimental-alpha",
@@ -48,6 +54,7 @@
     "eslint-config-airbnb": "19.0.4",
     "eslint-plugin-react": "7.33.2",
     "font-awesome": "4.7.0",
+    "hathor-rpc-handler-test": "^0.0.39-experimental-alpha",
     "jquery": "3.7.1",
     "npm-run-all": "4.1.5",
     "patch-package": "6.4.7",

src/actions/index.js

@@ -84,6 +84,8 @@ export const types = {
   REOWN_CREATE_TOKEN_STATUS_FAILED: 'REOWN_CREATE_TOKEN_STATUS_FAILED',
   REOWN_CREATE_TOKEN_RETRY: 'REOWN_CREATE_TOKEN_RETRY',
   REOWN_CREATE_TOKEN_RETRY_DISMISS: 'REOWN_CREATE_TOKEN_RETRY_DISMISS',
+  REOWN_SEND_TX_RETRY: 'REOWN_SEND_TX_RETRY',
+  REOWN_SEND_TX_RETRY_DISMISS: 'REOWN_SEND_TX_RETRY_DISMISS',
   REOWN_SIGN_MESSAGE_RETRY: 'REOWN_SIGN_MESSAGE_RETRY',
   REOWN_SIGN_MESSAGE_RETRY_DISMISS: 'REOWN_SIGN_MESSAGE_RETRY_DISMISS',
   REOWN_ACCEPT: 'REOWN_ACCEPT',
@@ -94,6 +96,7 @@ export const types = {
   SHOW_CREATE_TOKEN_REQUEST_MODAL: 'SHOW_CREATE_TOKEN_REQUEST_MODAL',
   SHOW_SIGN_MESSAGE_REQUEST_MODAL: 'SHOW_SIGN_MESSAGE_REQUEST_MODAL',
   SHOW_NANO_CONTRACT_SEND_TX_MODAL: 'SHOW_NANO_CONTRACT_SEND_TX_MODAL',
+  SHOW_SEND_TRANSACTION_REQUEST_MODAL: 'SHOW_SEND_TRANSACTION_REQUEST_MODAL',
   REOWN_SESSION_PROPOSAL: 'REOWN_SESSION_PROPOSAL',
   REOWN_SESSION_REQUEST: 'REOWN_SESSION_REQUEST',
   REOWN_SESSION_DELETE: 'REOWN_SESSION_DELETE',
@@ -102,6 +105,14 @@ export const types = {
   SHOW_GLOBAL_MODAL: 'SHOW_GLOBAL_MODAL',
   HIDE_GLOBAL_MODAL: 'HIDE_GLOBAL_MODAL',
   SERVER_INFO_UPDATED: 'SERVER_INFO_UPDATED',
+  REOWN_SEND_TX_STATUS_LOADING: 'REOWN_SEND_TX_STATUS_LOADING',
+  REOWN_SEND_TX_STATUS_READY: 'REOWN_SEND_TX_STATUS_READY',
+  REOWN_SEND_TX_STATUS_SUCCESS: 'REOWN_SEND_TX_STATUS_SUCCESS',
+  REOWN_SEND_TX_STATUS_FAILED: 'REOWN_SEND_TX_STATUS_FAILED',
+  UNREGISTERED_TOKENS_DOWNLOAD_REQUESTED: 'UNREGISTERED_TOKENS_DOWNLOAD_REQUESTED',
+  UNREGISTERED_TOKENS_DOWNLOAD_SUCCESS: 'UNREGISTERED_TOKENS_DOWNLOAD_SUCCESS',
+  UNREGISTERED_TOKENS_DOWNLOAD_FAILED: 'UNREGISTERED_TOKENS_DOWNLOAD_FAILED',
+  UNREGISTERED_TOKENS_DOWNLOAD_END: 'UNREGISTERED_TOKENS_DOWNLOAD_END',
 };
 
 /**
@@ -308,6 +319,14 @@ export const tokenFetchBalanceFailed = (tokenId) => ({
   tokenId,
 });
 
+/**
+ * tokenId: The tokenId to request metadata from
+ */
+export const tokenFetchMetadataRequested = (tokenId) => ({
+  type: types.TOKEN_FETCH_METADATA_REQUESTED,
+  tokenId,
+});
+
 /**
  * Flag indicating if we are using the atomic swap feature
  */
@@ -775,7 +794,7 @@ export const setNewNanoContractStatusSuccess = () => ({
 });
 
 /**
- * Set nano contract status to failed
+ * Set nano contract status to failure
  */
 export const setNewNanoContractStatusFailure = () => ({
   type: types.REOWN_NEW_NANOCONTRACT_STATUS_FAILED,
@@ -871,6 +890,19 @@ export const showNanoContractSendTxModal = (onAccept, onReject, data, metadata)
   payload: { accept: onAccept, deny: onReject, data, dapp: metadata },
 });
 
+/**
+ * Show modal for sending a transaction
+ * 
+ * @param {Function} onAccept Callback function when user accepts the request
+ * @param {Function} onReject Callback function when user rejects the request
+ * @param {Object} data The transaction data
+ * @param {Object} metadata Metadata about the dapp requesting the transaction
+ */
+export const showSendTransactionModal = (onAccept, onReject, data, metadata) => ({
+  type: types.SHOW_SEND_TRANSACTION_REQUEST_MODAL,
+  payload: { accept: onAccept, deny: onReject, data, dapp: metadata },
+});
+
 /**
  * @param {string} modalType The type of the modal to show
  * @param {Object} modalProps The props to pass to the modal
@@ -886,3 +918,65 @@ export const showGlobalModal = (modalType, modalProps = {}) => ({
 export const hideGlobalModal = () => ({
   type: types.HIDE_GLOBAL_MODAL
 });
+
+/**
+ * Set send transaction status to loading
+ */
+export const setSendTxStatusLoading = () => ({
+  type: types.REOWN_SEND_TX_STATUS_LOADING,
+});
+
+/**
+ * Set send transaction status to ready
+ */
+export const setSendTxStatusReady = () => ({
+  type: types.REOWN_SEND_TX_STATUS_READY,
+});
+
+/**
+ * Set send transaction status to success
+ */
+export const setSendTxStatusSuccess = () => ({
+  type: types.REOWN_SEND_TX_STATUS_SUCCESS,
+});
+
+/**
+ * Set send transaction status to failed
+ */
+export const setSendTxStatusFailed = () => ({
+  type: types.REOWN_SEND_TX_STATUS_FAILED,
+});
+
+/**
+ * Request download of unregistered tokens details
+ * @param {string[]} uids Array of token UIDs to fetch details for
+ */
+export const unregisteredTokensDownloadRequested = (uids) => ({
+  type: types.UNREGISTERED_TOKENS_DOWNLOAD_REQUESTED,
+  payload: { uids },
+});
+
+/**
+ * Success downloading unregistered tokens details
+ * @param {Object} tokens Object with token details
+ */
+export const unregisteredTokensDownloadSuccess = (tokens) => ({
+  type: types.UNREGISTERED_TOKENS_DOWNLOAD_SUCCESS,
+  payload: { tokens },
+});
+
+/**
+ * Failure downloading unregistered tokens details
+ * @param {string} error Error message
+ */
+export const unregisteredTokensDownloadFailed = (error) => ({
+  type: types.UNREGISTERED_TOKENS_DOWNLOAD_FAILED,
+  payload: { error },
+});
+
+/**
+ * End of unregistered tokens download process
+ */
+export const unregisteredTokensDownloadEnd = () => ({
+  type: types.UNREGISTERED_TOKENS_DOWNLOAD_END,
+});

src/components/CopyButton.js

@@ -0,0 +1,27 @@
+/**
+ * Copyright (c) Hathor Labs and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import React from 'react';
+
+/**
+ * A reusable button component that copies text to clipboard
+ * @param {Object} props Component props
+ * @param {string} props.text Text to be copied
+ * @param {string} [props.className] Additional CSS classes
+ */
+export const CopyButton = ({ text, className = '' }) => {
+  if (!text) return null;
+
+  return (
+    <button 
+      className={`btn btn-link btn-sm p-0 ml-2 ${className}`}
+      onClick={() => navigator.clipboard.writeText(text)}
+    >
+      <i className="fa fa-copy"></i>
+    </button>
+  );
+}; 

src/components/GlobalModal.js

@@ -36,6 +36,7 @@ import { PinPad } from './PinPad';
 import { NanoContractFeedbackModal } from './Reown/NanoContractFeedbackModal';
 import { TokenCreationFeedbackModal } from './Reown/TokenCreationFeedbackModal';
 import { MessageSigningFeedbackModal } from './Reown/MessageSigningFeedbackModal';
+import { TransactionFeedbackModal } from './Reown/TransactionFeedbackModal';
 import ModalError from './ModalError';
 
 const initialState = {
@@ -71,6 +72,7 @@ export const MODAL_TYPES = {
   'REOWN': 'REOWN',
   'PIN_PAD': 'PIN_PAD',
   'NANO_CONTRACT_FEEDBACK': 'NANO_CONTRACT_FEEDBACK',
+  'TRANSACTION_FEEDBACK': 'TRANSACTION_FEEDBACK',
   'TOKEN_CREATION_FEEDBACK': 'TOKEN_CREATION_FEEDBACK',
   'MESSAGE_SIGNING_FEEDBACK': 'MESSAGE_SIGNING_FEEDBACK',
   'ERROR_MODAL': 'ERROR_MODAL',
@@ -103,6 +105,7 @@ export const MODAL_COMPONENTS = {
   [MODAL_TYPES.REOWN]: ReownModal,
   [MODAL_TYPES.PIN_PAD]: PinPad,
   [MODAL_TYPES.NANO_CONTRACT_FEEDBACK]: NanoContractFeedbackModal,
+  [MODAL_TYPES.TRANSACTION_FEEDBACK]: TransactionFeedbackModal,
   [MODAL_TYPES.TOKEN_CREATION_FEEDBACK]: TokenCreationFeedbackModal,
   [MODAL_TYPES.MESSAGE_SIGNING_FEEDBACK]: MessageSigningFeedbackModal,
   [MODAL_TYPES.ERROR_MODAL]: ModalError,

src/components/Reown/ReownModal.js

@@ -13,13 +13,15 @@ import { ConnectModal } from './modals/ConnectModal';
 import { SignMessageModal } from './modals/SignMessageModal';
 import { SignOracleDataModal } from './modals/SignOracleDataModal';
 import { SendNanoContractTxModal } from './modals/SendNanoContractTxModal';
+import { SendTransactionModal } from './modals/SendTransactionModal';
 import { CreateTokenModal } from './modals/CreateTokenModal';
 
 export const ReownModalTypes = {
   CONNECT: 'CONNECT',
   SIGN_MESSAGE: 'SIGN_MESSAGE',
   SIGN_ORACLE_DATA: 'SIGN_ORACLE_DATA',
   SEND_NANO_CONTRACT_TX: 'SEND_NANO_CONTRACT_TX',
+  SEND_TRANSACTION: 'SEND_TRANSACTION',
   CREATE_TOKEN: 'CREATE_TOKEN',
 };
 
@@ -54,6 +56,7 @@ export function ReownModal({ manageDomLifecycle, data, type, onAcceptAction, onR
 
   const handleAccept = () => {
     if (type === ReownModalTypes.SEND_NANO_CONTRACT_TX) {
+      // For nano contract transactions, we need to include the caller address
       // Process the nano contract transaction
       // Create a new object with the same properties
       const ncData = {
@@ -94,6 +97,16 @@ export function ReownModal({ manageDomLifecycle, data, type, onAcceptAction, onR
           />
         );
 
+      case ReownModalTypes.SEND_TRANSACTION:
+        return (
+          <SendTransactionModal
+            data={data}
+            firstAddress={firstAddress}
+            onAccept={handleAccept}
+            onReject={handleReject}
+          />
+        );
+
       case ReownModalTypes.CREATE_TOKEN:
         return <CreateTokenModal data={data} onAccept={handleAccept} onReject={handleReject} />;