Removed access token in cookie.

Storing "encrypted" access token in cookie was not secure.  Removed the
cookie and now we make a request to the middleware for the acccess token
on each request that requires it.

Author: TheF1rstPancake

actions/accounts.js

@@ -36,11 +36,11 @@ function receiveAccount(account_id = null, json) {
     }
 }
 
-function fetchAccount(account_id = null) {
+function fetchAccount(email=null, account_id = null) {
     return dispatch => {
         dispatch(requestAccount(account_id));
 
-        return $.post("/account", {"account_id":account_id})
+        return $.post("/account", {"email":email, "account_id":account_id})
             .fail(function(data){
                 console.log("ERROR: ", data);
                 var error_data = data.responseJSON;
@@ -63,10 +63,10 @@ function shouldFetchAccount(state, account_id = null) {
     return false;
 }
 
-export function fetchAccountIfNeeded(account_id=null) {
+export function fetchAccountIfNeeded(email=null, account_id=null) {
     return (dispatch, getState) => {
         if (shouldFetchAccount(getState(), account_id)) {
-            return dispatch(fetchAccount(account_id))
+            return dispatch(fetchAccount(email, account_id))
         }
     }
 }

actions/checkouts.js

@@ -60,10 +60,10 @@ function receiveRefund(checkout_id, data) {
     }
 }
 
-function requestRefund(checkout_id, amount=null, refund_reason) {
+function requestRefund(account_id, checkout_id, amount=null, fee_refund = null, refund_reason) {
     return dispatch => {
-        dispatch(refundCheckout(checkout_id, amount, refund_reason))
-        return $.post("/refund", {"checkout_id": checkout_id, "amount":amount, "refund_reason":refund_reason})
+        dispatch(refundCheckout(checkout_id, amount, fee_refund, refund_reason))
+        return $.post("/refund", {"account_id": account_id, "checkout_id": checkout_id, "amount":amount, "app_fee":fee_refund, "refund_reason":refund_reason})
         .fail(function(data){
                 console.log("ERROR: ", data);
                 var error_data = data.responseJSON;
@@ -77,7 +77,7 @@ function requestRefund(checkout_id, amount=null, refund_reason) {
                 dispatch(clearError());
 
                 // update the checkout data for this checkout
-                dispatch(fetchCheckoutIfNeeded(null, checkout_id));
+                dispatch(fetchCheckoutIfNeeded(account_id, checkout_id));
             })
     }
 }
@@ -136,10 +136,10 @@ function shouldRefundCheckout(state, checkout_id, amount) {
         return false;
 }
 
-export function fetchRefundIfNeeded(checkout_id, amount, refund_reason) {
+export function fetchRefundIfNeeded(email, checkout_id, amount, fee_refund, refund_reason) {
     return(dispatch, getState) => {
         if(shouldRefundCheckout(getState(), checkout_id, amount)) {
-            return dispatch(requestRefund(checkout_id, amount, refund_reason))
+            return dispatch(requestRefund(email, checkout_id, amount, fee_refund,refund_reason))
         }
     }
 }

components/Accounts.js

@@ -34,6 +34,19 @@ var AccountBlock= React.createClass({
                 onSelect: this.handleClick
             }
         }
+    },
+    accountPopover: function(row) {
+        console.log("Rollover!");
+
+        $("#account_table .react-bs-table").attr({
+            "data-placement":   "top", 
+            "data-content":     row.action_reasons_0.toString()
+        });
+        console.log((<p>{row.action_reasons_0}</p>))
+        $("#account_table .react-bs-table").popover("show")
+    },
+    formatBalance: function(cell, row) {
+
     },
     /**
      * Defines the behavior when a row in the table is selected
@@ -94,12 +107,13 @@ var AccountBlock= React.createClass({
                 <div id="account_table">
                     <h4> Account Details </h4>
                     <BootstrapTable
+                        id="account_data"
                         data = {accounts}
                         striped={true}
                         hover={true}
                         pagination={true}
                         selectRow = {this.state.selectRowProp}
-                        width="99%"
+                        ref="account_data"
                     >
                         <TableHeaderColumn 
                             dataField="name" 
@@ -112,8 +126,15 @@ var AccountBlock= React.createClass({
                             >
                             Account Id
                         </TableHeaderColumn>
+                        <TableHeaderColumn
+                            dataField="create_time"
+                            dataFormat={Base.formatDate}
+                        >
+                            Create Time
+                        </TableHeaderColumn>
                         <TableHeaderColumn 
                             dataField="balances_0_balance" 
+                            dataFormat={this.formatBalance}
                             >
                             Balance ({accounts[0] ? accounts[0].balances_0_currency : "Currency"})
                         </TableHeaderColumn>
@@ -145,7 +166,7 @@ const mapStateToProps = (state) => {
         isFetching:         state.wepay_account.account.isFetching,
         searchedAccount:    state.wepay_account.searchedAccount,
         haveAccessToken:    state.wepay_user.user.haveAccessToken,
-        error:              state.errors.account ? state.errors.account.info : {}
+        error:              state.errors.account ? state.errors.account.info : {},
     }
 }