fix(use ramda and map to remove token value of undefined errors)

packages/blockchain-wallet-v4-frontend/src/scenes/BuySell/index.js

@@ -1,18 +1,21 @@
 import React from 'react'
 import styled from 'styled-components'
-import { getData } from './selectors'
-import { actions } from 'data'
 import { connect } from 'react-redux'
-import SfoxCheckout from './SfoxCheckout'
-import CoinifyCheckout from './CoinifyCheckout'
 import { bindActionCreators, compose } from 'redux'
 import { Field, reduxForm } from 'redux-form'
+import ui from 'redux-ui'
+import { path } from 'ramda'
+
+import { Remote } from 'blockchain-wallet-v4/src'
+import { actions } from 'data'
 import { TabMenuBuySellStatus } from 'components/Form'
 import HorizontalMenu from 'components/HorizontalMenu'
-import SelectPartner from './template.success'
 import Loading from 'components/BuySell/Loading'
-import ui from 'redux-ui'
 import { hasAccount } from 'services/ExchangeService'
+import SfoxCheckout from './SfoxCheckout'
+import CoinifyCheckout from './CoinifyCheckout'
+import { getData } from './selectors'
+import SelectPartner from './template.success'
 
 const Wrapper = styled.div`
   width: 100%;
@@ -44,7 +47,7 @@ class BuySellContainer extends React.PureComponent {
 
   componentDidMount () {
     this.props.formActions.initialize('buySellTabStatus', { status: 'buy' })
-    this.props.formActions.change('selectPartner', 'country', this.props.data.data.countryCode)
+    this.props.data.map(data => this.props.formActions.change('selectPartner', 'country', data.countryCode))
   }
 
   /**
@@ -54,16 +57,17 @@ class BuySellContainer extends React.PureComponent {
    */
 
   renderPartner (buySell, options, type) {
-    if (buySell.sfox.account_token) {
+    if (path(['sfox', 'account_token'], buySell)) {
       return <SfoxCheckout type={type} options={options} value={buySell} />
     }
-    if (buySell.unocoin.token) { // TODO replace token
+    if (path(['unocoin', 'token'], buySell)) { // TODO replace token
       return <span>Unocoin</span>
     }
-    if (buySell.coinify.offline_token) {
+    if (path(['coinify', 'offline_token'], buySell)) {
       return <CoinifyCheckout type={type} options={options} value={buySell} />
     }
-    return <SelectPartner type={type} options={options} value={buySell} onSubmit={this.onSubmit} submitEmail={this.submitEmail} {...this.props} />
+    return <SelectPartner type={type} options={options} value={buySell}
+      onSubmit={this.onSubmit} submitEmail={this.submitEmail} {...this.props} />
   }
 
   submitEmail () {
@@ -75,7 +79,7 @@ class BuySellContainer extends React.PureComponent {
     const { data, type } = this.props
 
     let view = data.cata({
-      Success: (value) => this.renderPartner(value.buySell.value, value.options, type),
+      Success: (value) => this.renderPartner(path(['buySell', 'value'], value), value.options, type),
       Failure: (message) => <div>failure: {message}</div>,
       Loading: () => <Loading />,
       NotAsked: () => <Loading />

packages/blockchain-wallet-v4-frontend/src/services/ExchangeService/index.js

@@ -1,9 +1,9 @@
-import { isNil } from 'ramda'
+import { isNil, prop } from 'ramda'
 
 export const hasAccount = (partners) => {
   const { coinify, sfox } = partners
-  if (!isNil(sfox.account_token)) return 'sfox'
-  if (!isNil(coinify.offline_token)) return 'coinify'
+  if (!isNil(prop('account_token', sfox))) return 'sfox'
+  if (!isNil(prop('offline_token', coinify))) return 'coinify'
 }
 
 export const findMatch = (settings, options) => {

packages/blockchain-wallet-v4/src/redux/data/coinify/sagas.js

@@ -38,7 +38,7 @@ export default ({ api, options }) => {
   const init = function * () {
     try {
       const val = yield select(buySellSelectors.getMetadata)
-      if (!val.data.value.coinify.offline_token) return
+      if (!path(['data', 'value', 'coinify', 'offline_token'], val)) return
       yield call(refreshCoinify)
     } catch (e) {
       console.warn(e)

packages/blockchain-wallet-v4/src/redux/data/sfox/sagas.js

@@ -1,12 +1,13 @@
-import ExchangeDelegate from '../../../exchange/delegate'
 import { apply, fork, call, put, select, take } from 'redux-saga/effects'
+import { path, prepend } from 'ramda'
+
+import ExchangeDelegate from '../../../exchange/delegate'
 import * as S from './selectors'
 import * as A from './actions'
 import * as AT from './actionTypes'
 import * as buySellSelectors from '../../kvStore/buySell/selectors'
 import * as buySellA from '../../kvStore/buySell/actions'
 import { sfoxService } from '../../../exchange/service'
-import { prepend } from 'ramda'
 
 let sfox
 
@@ -22,7 +23,7 @@ export default ({ api, options }) => {
   const init = function * () {
     try {
       const value = yield select(buySellSelectors.getMetadata)
-      if (!value.data.value.sfox.account_token) return
+      if (!path(['data', 'value', 'sfox', 'account_token'], value)) return
       yield call(refreshSFOX)
     } catch (e) {
       throw new Error(e)