Adds the ability to sign transactions offline using ledger nano

app/components/Modals/ImportTransactionModal/ImportTransactionModal.jsx

@@ -1,7 +1,7 @@
 // @flow
 import React, { Fragment } from 'react'
 import moment from 'moment'
-import { tx, rpc } from '@cityofzion/neon-js'
+import { tx, rpc, api } from '@cityofzion/neon-js'
 import { Tab, Tabs, TabList, TabPanel } from 'react-tabs'
 import classNames from 'classnames'
 import { isEmpty } from 'lodash-es'
@@ -33,10 +33,14 @@ type Props = {
   hideModal: () => void,
   showErrorNotification: ({ message: string }) => void,
   showSuccessNotification: ({ message: string }) => void,
+  showInfoNotification: ({ message: string }) => void,
   wif: string,
   tx: Tx,
   net: string,
   theme: string,
+  isHardwareLogin: Boolean,
+  signingFunction?: () => void,
+  publicKey?: string,
 }
 
 type State = {
@@ -64,12 +68,37 @@ export default class GeneratedTransactionModal extends React.Component<
   signTransaction = () => {
     try {
       const { Transaction } = tx
-      const { wif } = this.props
+      const {
+        wif,
+        isHardwareLogin,
+        signingFunction,
+        showInfoNotification,
+        publicKey,
+      } = this.props
       const Tx = new Transaction(JSON.parse(this.state.transaction))
-      const signedTx = Tx.sign(wif)
-      this.setState({
-        signedTx,
-      })
+      if (isHardwareLogin) {
+        showInfoNotification({
+          message: 'Please sign the transaction on your hardware device',
+          autoDismiss: 0,
+        })
+        const config = {
+          tx: Tx,
+          signingFunction,
+          publicKey,
+        }
+        const signingPromise = api.signTx(config)
+        signingPromise.then(config => {
+          const signedTx = config.tx
+          this.setState({
+            signedTx,
+          })
+        })
+      } else {
+        const signedTx = Tx.sign(wif)
+        this.setState({
+          signedTx,
+        })
+      }
     } catch (error) {
       this.props.showErrorNotification({
         message: `An error occurred signing the transaction: ${error.message}`,

app/components/Modals/ImportTransactionModal/index.js

@@ -7,6 +7,7 @@ import ImportTransactionModal from './ImportTransactionModal'
 import {
   showErrorNotification,
   showSuccessNotification,
+  showInfoNotification,
 } from '../../../modules/notifications'
 import withAuthData from '../../../hocs/withAuthData'
 import withNetworkData from '../../../hocs/withNetworkData'
@@ -15,6 +16,7 @@ import withThemeData from '../../../hocs/withThemeData'
 const actionCreators = {
   showErrorNotification,
   showSuccessNotification,
+  showInfoNotification,
 }
 
 const mapDispatchToProps = dispatch =>

app/hocs/withAuthData.js

@@ -9,6 +9,7 @@ type Mapping = {
   wif?: string,
   signingFunction?: string,
   isWatchOnly?: boolean,
+  isHardwareLogin: boolean,
 }
 
 export default function withAuthData(): Mapping {

app/modules/transactions.js

@@ -166,7 +166,7 @@ export const sendTransaction = ({
         }),
       )
 
-    if (isHardwareSend) {
+    if (isHardwareSend && !isWatchOnly) {
       dispatch(
         showInfoNotification({
           message: 'Please sign the transaction on your hardware device',