import { createSelector } from 'reselect' import bitcoin from 'bitcoinjs-lib' import isEmpty from 'lodash/isEmpty' import { tickerSelectors } from './ticker' import { btc, bech32 } from '../utils' // Initial State const initialState = { amount: '0', payInput: '', invoice: { payreq: '', r_hash: '', amount: '0' }, showErrors: { amount: false, payInput: false } } // Constants // ------------------------------------ export const SET_PAY_AMOUNT = 'SET_PAY_AMOUNT' export const SET_PAY_INPUT = 'SET_PAY_INPUT' export const SET_PAY_INVOICE = 'SET_PAY_INVOICE' export const UPDATE_PAY_ERRORS = 'UPDATE_PAY_ERRORS' export const RESET_FORM = 'RESET_FORM' // ------------------------------------ // Actions // ------------------------------------ export function setPayAmount(amount) { return { type: SET_PAY_AMOUNT, amount } } export function setPayInput(payInput) { return { type: SET_PAY_INPUT, payInput } } export function setPayInvoice(invoice) { return { type: SET_PAY_INVOICE, invoice } } export function updatePayErrors(errorsObject) { return { type: UPDATE_PAY_ERRORS, errorsObject } } // ------------------------------------ // Action Handlers // ------------------------------------ const ACTION_HANDLERS = { [SET_PAY_AMOUNT]: (state, { amount }) => ({ ...state, amount, showErrors: Object.assign(state.showErrors, { amount: false }) }), [SET_PAY_INPUT]: (state, { payInput }) => ({ ...state, payInput, showErrors: Object.assign(state.showErrors, { payInput: false }) }), [SET_PAY_INVOICE]: (state, { invoice }) => ({ ...state, invoice, showErrors: Object.assign(state.showErrors, { amount: false }) }), [UPDATE_PAY_ERRORS]: (state, { errorsObject }) => ({ ...state, showErrors: Object.assign(state.showErrors, errorsObject) }), [RESET_FORM]: () => (initialState) } // ------------------------------------ // Selector // ------------------------------------ const payFormSelectors = {} const payAmountSelector = state => state.payform.amount const payInputSelector = state => state.payform.payInput const payInvoiceSelector = state => state.payform.invoice // transaction const sendingTransactionSelector = state => state.transaction.sendingTransaction // payment const sendingPaymentSelector = state => state.payment.sendingPayment // ticker const currencySelector = state => state.ticker.currency payFormSelectors.isOnchain = createSelector( payInputSelector, (input) => { try { bitcoin.address.toOutputScript(input, bitcoin.networks.testnet) return true } catch (e) { return false } } ) payFormSelectors.isLn = createSelector( payInputSelector, (input) => { if (!input.startsWith('ln')) { return false } try { bech32.decode(input) return true } catch (e) { return false } } ) payFormSelectors.currentAmount = createSelector( payFormSelectors.isLn, payAmountSelector, payInvoiceSelector, currencySelector, tickerSelectors.currentTicker, (isLn, amount, invoice, currency, ticker) => { if (isLn) { return currency === 'usd' ? btc.satoshisToUsd((invoice.num_satoshis || 0), ticker.price_usd) : btc.satoshisToBtc((invoice.num_satoshis || 0)) } return amount } ) payFormSelectors.inputCaption = createSelector( payFormSelectors.isOnchain, payFormSelectors.isLn, payFormSelectors.currentAmount, currencySelector, (isOnchain, isLn, amount, currency) => { if (!isOnchain && !isLn) { return '' } if (isOnchain) { return `You're about to send ${amount} ${currency.toUpperCase()} on-chain which should take around 10 minutes` } if (isLn) { return `You're about to send ${amount} ${currency.toUpperCase()} over the Lightning Network which will be instant` } return '' } ) payFormSelectors.showPayLoadingScreen = createSelector( sendingTransactionSelector, sendingPaymentSelector, (sendingTransaction, sendingPayment) => sendingTransaction || sendingPayment ) payFormSelectors.payFormIsValid = createSelector( payFormSelectors.isOnchain, payFormSelectors.isLn, payAmountSelector, (isOnchain, isLn, amount) => { const errors = {} if (!isLn && amount <= 0) { errors.amount = 'Amount must be more than 0' } if (!isOnchain && !isLn) { errors.payInput = 'Must be a valid BTC address or Lightning Network request' } return { errors, amountIsValid: isEmpty(errors.amount), payInputIsValid: isEmpty(errors.payInput), isValid: isEmpty(errors) } } ) export { payFormSelectors } // ------------------------------------ // Reducer // ------------------------------------ export default function payFormReducer(state = initialState, action) { const handler = ACTION_HANDLERS[action.type] return handler ? handler(state, action) : state }