Addfunds

app/ledger.js

@@ -35,6 +35,7 @@ const ledgerClient = require('ledger-client')
 const ledgerGeoIP = require('ledger-geoip')
 const ledgerPublisher = require('ledger-publisher')
 const qr = require('qr-image')
+const querystring = require('querystring')
 const random = require('random-lib')
 const tldjs = require('tldjs')
 const underscore = require('underscore')
@@ -987,7 +988,19 @@ var updateLedgerInfo = () => {
     underscore.extend(ledgerInfo,
                       underscore.pick(info, [ 'address', 'passphrase', 'balance', 'unconfirmed', 'satoshis', 'btc', 'amount',
                                               'currency' ]))
-    if ((!info.buyURLExpires) || (info.buyURLExpires > now)) ledgerInfo.buyURL = info.buyURL
+    if ((!info.buyURLExpires) || (info.buyURLExpires > now)) {
+      ledgerInfo.buyURL = info.buyURL
+      ledgerInfo.buyMaximumUSD = 6
+    }
+    if (typeof process.env.ADDFUNDS_URL !== 'undefined') {
+      ledgerInfo.buyURLFrame = true
+      ledgerInfo.buyURL = process.env.ADDFUNDS_URL + '?' +
+                          querystring.stringify({ currency: ledgerInfo.currency,
+                                                  amount: getSetting(settings.PAYMENTS_CONTRIBUTION_AMOUNT),
+                                                  address: ledgerInfo.address })
+      ledgerInfo.buyMaximumUSD = false
+    }
+
     underscore.extend(ledgerInfo, ledgerInfo._internal.cache || {})
   }
 

js/about/preferences.js

@@ -307,13 +307,25 @@ class BitcoinDashboard extends ImmutableComponent {
   constructor () {
     super()
     this.buyCompleted = false
+    this.openBuyURLTab = this.openBuyURLTab.bind(this)
+  }
+  openBuyURLTab () {
+    // close parent dialog
+    this.props.hideParentOverlay()
+    // open the new buyURL frame
+    aboutActions.newFrame({ location: this.ledgerData.get('buyURL') }, true)
   }
   get ledgerData () {
     return this.props.ledgerData
   }
   get bitcoinOverlayContent () {
     return <iframe src={this.ledgerData.get('buyURL')} />
   }
+  get bitcoinPurchaseButton () {
+    if (!this.ledgerData.get('buyURLFrame')) return <Button l10nId='add' className='primaryButton' onClick={this.props.showOverlay.bind(this)} />
+// should also do this.props.hideParentalOverlay
+    return <Button l10nId='add' className='primaryButton' onClick={this.openBuyURLTab} />
+  }
   get qrcodeOverlayContent () {
     return <div>
       <img src={this.ledgerData.get('paymentIMG')} title='Brave wallet QR code' />
@@ -338,7 +350,9 @@ class BitcoinDashboard extends ImmutableComponent {
     return getSetting(settings.PAYMENTS_CONTRIBUTION_AMOUNT, this.props.settings) || 0
   }
   get canUseCoinbase () {
-    return this.currency === 'USD' && this.amount < 6
+    if (!this.props.ledgerData.get('buyMaximumUSD')) return true
+
+    return this.currency === 'USD' && this.amount < this.props.ledgerData.get('buyMaximumUSD')
   }
   get userInAmerica () {
     const countryCode = this.props.ledgerData.get('countryCode')
@@ -366,7 +380,7 @@ class BitcoinDashboard extends ImmutableComponent {
           <div className='settingsListSubTitle' data-l10n-id='moneyAddSubTitle' />
         </div>
         <div className='settingsPanelDivider'>
-          <Button l10nId='add' className='primaryButton' onClick={this.props.showOverlay.bind(this)} />
+          {this.bitcoinPurchaseButton}
           <div className='settingsListSubTitle' data-l10n-id='transferTime' />
         </div>
       </div>
@@ -415,7 +429,11 @@ class BitcoinDashboard extends ImmutableComponent {
     </div>
   }
   get panelFooter () {
-    if (coinbaseCountries.indexOf(this.props.ledgerData.get('countryCode')) > -1) {
+    if (this.ledgerData.get('buyURLFrame')) {
+      return <div className='panelFooter'>
+        <Button l10nId='done' className='pull-right whiteButton' onClick={this.props.hideParentOverlay} />
+      </div>
+    } else if (coinbaseCountries.indexOf(this.props.ledgerData.get('countryCode')) > -1) {
       return <div className='panelFooter'>
         <div id='coinbaseLogo' />
         <span className='coinbaseMessage' data-l10n-id='coinbaseMessage' />