New feature/parse uri

package.json

@@ -39,6 +39,7 @@
     "async": "^2.3.0",
     "asyncstorage-down": "^4.0.1",
     "base64-js": "^1.2.0",
+    "biggystring": "^1.0.4",
     "browserify-zlib": "^0.1.4",
     "buffer": "^3.6.0",
     "console-browserify": "^1.1.0",

src/modules/Core/selectors.js

@@ -41,6 +41,12 @@ export const getCurrencyConverter = (state) => {
   return currencyConverter
 }
 
+export const getExchangeRate = (state, fromCurrencyCode, toCurrencyCode) => {
+  const currencyConverter = getCurrencyConverter(state)
+  const exchangeRate = currencyConverter.currencyConverter(fromCurrencyCode, toCurrencyCode, 1)
+  return exchangeRate
+}
+
 export const getBalanceInCrypto = (state, walletId, currencyCode) => {
   const balanceInCrypto = getWallet(state, walletId).getBalance(currencyCode)
   console.log('balanceInCrypto', balanceInCrypto)

src/modules/UI/Settings/reducer.js

@@ -112,18 +112,6 @@ export const settings = (state = initialState, action) => {
       }
     }
 
-    case ACTION.SET_SHITCOIN_DENOMINATION: {
-      const { denomination } = data
-      const TRD = state['TRD']
-      return {
-        ...state,
-        TRD: {
-          ...TRD,
-          denomination
-        }
-      }
-    }
-
     default:
       return state
   }

src/modules/UI/Settings/selectors.js

@@ -3,7 +3,7 @@ export const getSettings = (state) => {
   return settings
 }
 
-export const getDenominationIndex = (state, currencyCode) => {
+export const getDenominationIndex = (state, currencyCode: string) => {
   const settings = getSettings(state)
   const currencySettings = settings[currencyCode]
   let denominationIndex
@@ -12,3 +12,32 @@ export const getDenominationIndex = (state, currencyCode) => {
   }
   return denominationIndex
 }
+
+export const getCurrencySettings = (state, currencyCode: string) => {
+  const settings = getSettings(state)
+  const currencySettings = settings[currencyCode]
+  return currencySettings
+}
+
+export const getCurrencyDenomination = (state, currencyCode: string) => {
+  const currencySettings = getCurrencySettings(state, currencyCode)
+  const denomination = currencySettings.denomination
+  return denomination
+}
+
+export const getNativeToDenominationRatio = (state, currencyCode: string) => {
+  const currencySettings = getCurrencySettings(state, currencyCode)
+  const nativeToDenominationRatio = currencySettings.denomination.nativeToDenominationRatio
+  return nativeToDenominationRatio
+}
+
+export const getAdapters = (state) => {
+  const settings = getSettings(state)
+  const adapters = settings.adapters
+  return adapters
+}
+
+export const getBaseDenomination = (state, currencyCode: string): string => {
+  const currencySettings = getCurrencySettings(state, currencyCode)
+  currencySettings.denomination
+}

src/modules/UI/components/ExchangeRate/ExchangeRate.ui.js

@@ -11,11 +11,11 @@ const styles = StyleSheet.create({
   }
 })
 
-const ExchangeRate = ({fiatPerCrypto, fiatCurrencyCode, cryptoDenom}) => {
+const ExchangeRate = ({fiatPerCrypto, fiatCurrencyCode, cryptoDenomination}) => {
   const text = fiatPerCrypto === 0
     ? <Text style={styles.text}>Exchange Rate loading...</Text>
     : <Text style={styles.text}>
-      1 {cryptoDenom.name} = {fiatCurrencyCode} {(fiatPerCrypto).toFixed(2)}
+      1 {cryptoDenomination.name} = {fiatCurrencyCode} {(fiatPerCrypto).toFixed(2)}
     </Text>
 
   return (

src/modules/UI/components/FlipInput/ExchangedFlipInput.js

@@ -0,0 +1,106 @@
+import React, { Component } from 'react'
+import FlipInput from './FlipInput.ui.js'
+
+import {
+  convertDenominationToBase,
+  convertBaseToBase,
+  convertBaseToDenomination,
+  deriveDenominationToBaseRatio
+} from '../../../utils.js'
+
+export default class ExchangedFlipInput extends Component {
+  constructor (props) {
+    super(props)
+
+    this.state = {
+      primaryDenominationAmount: '0',
+      secondaryDenominationAmount: '0'
+    }
+  }
+
+  onPrimaryAmountChange = (primaryDenominationAmount) => {
+    const secondaryDenominationAmount =
+      this.convertPrimaryDenominationToSecondaryDenomination(primaryDenominationAmount)
+    this.setState({
+      primaryDenominationAmount,
+      secondaryDenominationAmount
+    })
+    this.props.onAmountsChange({
+      primaryDenominationAmount,
+      secondaryDenominationAmount
+    })
+  }
+
+  onSecondaryAmountChange = (secondaryDenominationAmount) => {
+    const primaryDenominationAmount =
+      this.convertSecondaryDenominationToPrimaryDenomination(secondaryDenominationAmount)
+    this.setState({
+      primaryDenominationAmount,
+      secondaryDenominationAmount
+    })
+    this.props.onAmountsChange({
+      primaryDenominationAmount,
+      secondaryDenominationAmount
+    })
+  }
+
+  convertPrimaryDenominationToSecondaryDenomination = (primaryDenominationAmount: string): string => {
+    const primaryBaseAmount = this.convertPrimaryDenominationToPrimaryBase(primaryDenominationAmount)
+    const secondaryBaseAmount = this.convertPrimaryBaseToSecondaryBase(primaryBaseAmount)
+    const secondaryDenominationAmount = this.convertSecondaryBaseToSecondaryDenomination(secondaryBaseAmount)
+    return secondaryDenominationAmount
+  }
+
+  convertSecondaryDenominationToPrimaryDenomination = (secondaryDenominationAmount: string): string => {
+    const secondaryBaseAmount = this.convertSecondaryDenominationToSecondaryBase(secondaryDenominationAmount)
+    const primaryBaseAmount = this.convertSecondaryBaseToPrimaryBase(secondaryBaseAmount)
+    const primaryDenominationAmount = this.convertPrimaryBaseToPrimaryDenomination(primaryBaseAmount)
+    return primaryDenominationAmount
+  }
+
+  render () {
+    const primary = this.props.primary
+    const secondary = this.props.secondary
+
+    return (
+      <FlipInput
+        color={this.props.color}
+
+        primary={primary}
+        primaryDenominationAmount={this.state.primaryDenominationAmount}
+        onPrimaryAmountChange={this.onPrimaryAmountChange}
+
+        secondary={secondary}
+        secondaryDenominationAmount={this.state.secondaryDenominationAmount}
+        onSecondaryAmountChange={this.onSecondaryAmountChange} />
+    )
+  }
+
+  getPrimaryDenominationToBaseRatio = (): string => {
+    return deriveDenominationToBaseRatio(this.props.primary.baseDenomination.multiplier)(this.props.primary.denomination.multiplier)
+  }
+  getSecondaryDenominationToBaseRatio = (): string => {
+    return deriveDenominationToBaseRatio(this.props.secondary.baseDenomination.multiplier)(this.props.secondary.denomination.multiplier)
+  }
+
+  convertPrimaryDenominationToPrimaryBase = (primaryDenominationAmount: string): number => {
+    return convertDenominationToBase(this.getPrimaryDenominationToBaseRatio())(primaryDenominationAmount)
+  }
+  convertSecondaryDenominationToSecondaryBase = (secondaryDenominationAmount: string): number => {
+    return convertDenominationToBase(this.getSecondaryDenominationToBaseRatio())(secondaryDenominationAmount)
+  }
+
+  convertPrimaryBaseToSecondaryBase = (primaryBaseAmount: number): number => {
+    return convertBaseToBase(this.props.secondaryToPrimaryRatio)(primaryBaseAmount)
+  }
+  convertSecondaryBaseToPrimaryBase = (secondaryBaseAmount: number): number => {
+    return convertBaseToBase(1 / this.props.secondaryToPrimaryRatio)(secondaryBaseAmount)
+  }
+
+  convertPrimaryBaseToPrimaryDenomination = (primaryBaseAmount: number): string => {
+    return convertBaseToDenomination(this.getPrimaryDenominationToBaseRatio())(primaryBaseAmount)
+  }
+  convertSecondaryBaseToSecondaryDenomination = (secondaryBaseAmount: number): string => {
+    return convertBaseToDenomination(this.getSecondaryDenominationToBaseRatio())(secondaryBaseAmount)
+  }
+}