Merge pull request #1304 from lightninglabs/dev/send-coin-fee-selection

Dev/send coin fee selection

Author: tanx

mobile/android/app/src/main/assets/lnd.conf

@@ -20,7 +20,7 @@ neutrino.feeurl=https://nodes.lightning.computer/fees/v1/btc-fee-estimates.json
 autopilot.active=0
 autopilot.private=1
 autopilot.minconfs=1
-autopilot.conftarget=6
+autopilot.conftarget=16
 autopilot.allocation=1.0
 autopilot.heuristic=externalscore:0.95
 autopilot.heuristic=preferential:0.05

mobile/ios/lightning/lnd.conf

@@ -20,7 +20,7 @@ neutrino.feeurl=https://nodes.lightning.computer/fees/v1/btc-fee-estimates.json
 autopilot.active=0
 autopilot.private=1
 autopilot.minconfs=1
-autopilot.conftarget=6
+autopilot.conftarget=16
 autopilot.allocation=1.0
 autopilot.heuristic=externalscore:0.95
 autopilot.heuristic=preferential:0.05

mobile/package-lock.json

@@ -25,6 +25,7 @@
     "react-native-gesture-handler": "^1.3.0",
     "react-native-icloudstore": "^0.9.0",
     "react-native-keychain": "^3.1.3",
+    "react-native-picker-select": "^6.3.2",
     "react-native-share": "^1.2.1",
     "react-native-svg": "^9.6.2",
     "react-native-unimodules": "^0.5.4",

mobile/package.json

@@ -52,6 +52,10 @@ module.exports = {
         __dirname,
         'node_modules/react-native-device-info'
       ),
+      'react-native-picker-select': path.resolve(
+        __dirname,
+        'node_modules/react-native-picker-select'
+      ),
       mobx: path.resolve(__dirname, 'node_modules/mobx'),
       'mobx-react': path.resolve(__dirname, 'node_modules/mobx-react'),
       'locale-currency': path.resolve(

mobile/rn-cli.config.js

@@ -66,7 +66,7 @@ module.exports.startLndProcess = async function({
     '--historicalsyncinterval=20m',
     '--autopilot.private',
     '--autopilot.minconfs=1',
-    '--autopilot.conftarget=6',
+    '--autopilot.conftarget=16',
     '--autopilot.allocation=1.0',
     '--autopilot.heuristic=externalscore:0.95',
     '--autopilot.heuristic=preferential:0.05',

public/lnd-child-process.js

@@ -7,7 +7,9 @@ import {
   PREFIX_REGEX,
   PAYMENT_TIMEOUT,
   POLL_STORE_TIMEOUT,
-  SEND_TARGET_CONF,
+  LOW_TARGET_CONF,
+  MED_TARGET_CONF,
+  HIGH_TARGET_CONF,
 } from '../config';
 import { toSatoshis, toAmount, isLnUri, isAddress, nap } from '../helper';
 import * as log from './log';
@@ -105,6 +107,7 @@ class PaymentAction {
   init() {
     this._store.payment.address = '';
     this._store.payment.amount = '';
+    this._store.payment.targetConf = MED_TARGET_CONF;
     this._store.payment.fee = '';
     this._store.payment.note = '';
     this._store.payment.useScanner = false;
@@ -223,14 +226,40 @@ class PaymentAction {
    * @return {Promise<undefined>}
    */
   async estimateFee() {
+    const { payment } = this._store;
+    payment.feeEstimates = [];
+    await this._fetchEstimate(LOW_TARGET_CONF, 'Low');
+    await this._fetchEstimate(MED_TARGET_CONF, 'Med');
+    await this._fetchEstimate(HIGH_TARGET_CONF, 'High');
+    payment.fee = payment.feeEstimates[1].fee;
+  }
+
+  async _fetchEstimate(targetConf, prio) {
     const { payment, settings } = this._store;
     const AddrToAmount = {};
     AddrToAmount[payment.address] = toSatoshis(payment.amount, settings);
     const { feeSat } = await this._grpc.sendCommand('estimateFee', {
       AddrToAmount,
-      targetConf: SEND_TARGET_CONF,
+      targetConf,
     });
-    payment.fee = toAmount(feeSat, settings);
+    payment.feeEstimates.push({
+      fee: toAmount(feeSat, settings),
+      targetConf,
+      prio,
+    });
+  }
+
+  /**
+   * Set the target_conf for the on-chain send operation and set a fee.
+   * @param {number} options.targetConf The number blocks to target
+   */
+  setTargetConf({ targetConf }) {
+    const { payment } = this._store;
+    payment.targetConf = targetConf;
+    if (!payment.feeEstimates.length) return;
+    payment.fee = payment.feeEstimates.find(
+      e => e.targetConf === targetConf
+    ).fee;
   }
 
   /**
@@ -286,7 +315,7 @@ class PaymentAction {
     await this._grpc.sendCommand('sendCoins', {
       addr: payment.address,
       amount,
-      targetConf: SEND_TARGET_CONF,
+      targetConf: payment.targetConf,
       sendAll: payment.sendAll,
     });
   }

src/action/payment.js

@@ -0,0 +1,71 @@
+import React from 'react';
+import { StyleSheet, View, ViewPropTypes } from 'react-native';
+import RNPickerSelect from 'react-native-picker-select';
+import PropTypes from 'prop-types';
+import Text from './text';
+import ArrowDownIcon from '../asset/icon/arrow-down';
+import { color, font } from './style';
+
+//
+// Named Field Select
+//
+
+const namedSelectStyles = StyleSheet.create({
+  content: {
+    alignSelf: 'stretch',
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    borderBottomColor: color.blackText,
+    borderBottomWidth: 1,
+  },
+  name: {
+    color: color.blackText,
+    fontSize: font.sizeM,
+    lineHeight: font.lineHeightM + 2 * 12,
+    marginRight: 15,
+  },
+  wrapper: {
+    flexDirection: 'row',
+    alignItems: 'center',
+  },
+});
+
+const baseInputStyles = {
+  fontFamily: 'OpenSans Regular',
+  fontSize: font.sizeM,
+  lineHeight: font.lineHeightM + 3,
+  height: font.lineHeightM + 2 * 12,
+  color: color.blackText,
+  padding: 0,
+};
+
+const pickerStyles = StyleSheet.create({
+  inputIOS: {
+    ...baseInputStyles,
+    opacity: 0.75,
+  },
+  inputAndroid: {
+    ...baseInputStyles,
+    opacity: 0.5,
+  },
+});
+
+export const NamedFieldSelect = ({ name, style, ...props }) => (
+  <View style={[namedSelectStyles.content, style]}>
+    <Text style={namedSelectStyles.name}>{name}</Text>
+    <View style={namedSelectStyles.wrapper}>
+      <RNPickerSelect
+        placeholder={{}}
+        style={pickerStyles}
+        useNativeAndroidPickerStyle={false}
+        {...props}
+      />
+      <ArrowDownIcon height={22} width={22} stroke="#969596" />
+    </View>
+  </View>
+);
+
+NamedFieldSelect.propTypes = {
+  name: PropTypes.string,
+  style: ViewPropTypes.style,
+};

src/component/field-mobile.js

@@ -10,6 +10,15 @@ const ComputedPayment = store => {
     get paymentAmountLabel() {
       return toLabel(store.payment.amount, store.settings);
     },
+    get paymentFeeEstimateItems() {
+      return store.payment.feeEstimates.map(e => {
+        const feeLabel = toLabel(e.fee, store.settings);
+        return {
+          label: `${e.prio} ${feeLabel} ${store.unitLabel || ''}`.trim(),
+          value: e.targetConf,
+        };
+      });
+    },
     get paymentFeeLabel() {
       return toLabel(store.payment.fee, store.settings);
     },

src/computed/payment.js

@@ -24,7 +24,9 @@ module.exports.PREFIX_URI = `${prefixName}:`;
 module.exports.PREFIX_REGEX = /^[a-zA-Z]*:/;
 
 module.exports.DEFAULT_ROUTE = 'Welcome';
-module.exports.SEND_TARGET_CONF = 6;
+module.exports.LOW_TARGET_CONF = 26;
+module.exports.MED_TARGET_CONF = 16;
+module.exports.HIGH_TARGET_CONF = 4;
 module.exports.PIN_LENGTH = 6;
 module.exports.MIN_PASSWORD_LENGTH = 8;
 module.exports.STRONG_PASSWORD_LENGTH = 12;