remove old stripe setting
This commit is contained in:
zeppi
jessopb
parent
a6c413da5c
commit
e03325d0e4
2 changed files with 0 additions and 273 deletions
|
|
@ -1,13 +0,0 @@
|
||||||
import { connect } from 'react-redux';
|
|
||||||
import { withRouter } from 'react-router';
|
|
||||||
import StripeAccountConnection from './view';
|
|
||||||
import { selectUser } from 'redux/selectors/user';
|
|
||||||
|
|
||||||
// function that receives state parameter and returns object of functions that accept state
|
|
||||||
const select = (state) => ({
|
|
||||||
user: selectUser(state),
|
|
||||||
});
|
|
||||||
|
|
||||||
// const perform = (dispatch) => ({});
|
|
||||||
|
|
||||||
export default withRouter(connect(select)(StripeAccountConnection));
|
|
||||||
|
|
@ -1,260 +0,0 @@
|
||||||
// @flow
|
|
||||||
import * as ICONS from 'constants/icons';
|
|
||||||
import React from 'react';
|
|
||||||
import Button from 'component/button';
|
|
||||||
import Card from 'component/common/card';
|
|
||||||
import { Lbryio } from 'lbryinc';
|
|
||||||
import { URL, WEBPACK_WEB_PORT, STRIPE_PUBLIC_KEY } from 'config';
|
|
||||||
|
|
||||||
const isDev = process.env.NODE_ENV !== 'production';
|
|
||||||
|
|
||||||
let stripeEnvironment = 'test';
|
|
||||||
// if the key contains pk_live it's a live key
|
|
||||||
// update the environment for the calls to the backend to indicate which environment to hit
|
|
||||||
if (STRIPE_PUBLIC_KEY.indexOf('pk_live') > -1) {
|
|
||||||
stripeEnvironment = 'live';
|
|
||||||
}
|
|
||||||
|
|
||||||
let successStripeRedirectUrl, failureStripeRedirectUrl;
|
|
||||||
let successEndpoint = '/$/wallet';
|
|
||||||
let failureEndpoint = '/$/wallet';
|
|
||||||
if (isDev) {
|
|
||||||
successStripeRedirectUrl = 'http://localhost:' + WEBPACK_WEB_PORT + successEndpoint;
|
|
||||||
failureStripeRedirectUrl = 'http://localhost:' + WEBPACK_WEB_PORT + failureEndpoint;
|
|
||||||
} else {
|
|
||||||
successStripeRedirectUrl = URL + successEndpoint;
|
|
||||||
failureStripeRedirectUrl = URL + failureEndpoint;
|
|
||||||
}
|
|
||||||
|
|
||||||
type Props = {
|
|
||||||
source: string,
|
|
||||||
user: User,
|
|
||||||
};
|
|
||||||
|
|
||||||
type State = {
|
|
||||||
error: boolean,
|
|
||||||
loading: boolean,
|
|
||||||
content: ?string,
|
|
||||||
stripeConnectionUrl: string,
|
|
||||||
// alreadyUpdated: boolean,
|
|
||||||
accountConfirmed: boolean,
|
|
||||||
accountPendingConfirmation: boolean,
|
|
||||||
accountNotConfirmedButReceivedTips: boolean,
|
|
||||||
unpaidBalance: number,
|
|
||||||
};
|
|
||||||
|
|
||||||
class StripeAccountConnection extends React.Component<Props, State> {
|
|
||||||
constructor(props: Props) {
|
|
||||||
super(props);
|
|
||||||
this.state = {
|
|
||||||
error: false,
|
|
||||||
content: null,
|
|
||||||
loading: true,
|
|
||||||
accountConfirmed: false,
|
|
||||||
accountPendingConfirmation: false,
|
|
||||||
accountNotConfirmedButReceivedTips: false,
|
|
||||||
unpaidBalance: 0,
|
|
||||||
stripeConnectionUrl: '',
|
|
||||||
// alreadyUpdated: false,
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
componentDidMount() {
|
|
||||||
const { user } = this.props;
|
|
||||||
|
|
||||||
// $FlowFixMe
|
|
||||||
this.experimentalUiEnabled = user && user.experimental_ui;
|
|
||||||
|
|
||||||
var that = this;
|
|
||||||
|
|
||||||
function getAndSetAccountLink(stillNeedToConfirmAccount) {
|
|
||||||
Lbryio.call(
|
|
||||||
'account',
|
|
||||||
'link',
|
|
||||||
{
|
|
||||||
return_url: successStripeRedirectUrl,
|
|
||||||
refresh_url: failureStripeRedirectUrl,
|
|
||||||
environment: stripeEnvironment,
|
|
||||||
},
|
|
||||||
'post'
|
|
||||||
).then((accountLinkResponse) => {
|
|
||||||
// stripe link for user to navigate to and confirm account
|
|
||||||
const stripeConnectionUrl = accountLinkResponse.url;
|
|
||||||
|
|
||||||
// set connection url on frontend
|
|
||||||
that.setState({
|
|
||||||
stripeConnectionUrl,
|
|
||||||
});
|
|
||||||
|
|
||||||
// show the account confirmation link if not created already
|
|
||||||
if (stillNeedToConfirmAccount) {
|
|
||||||
that.setState({
|
|
||||||
accountPendingConfirmation: true,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// call the account status endpoint
|
|
||||||
Lbryio.call(
|
|
||||||
'account',
|
|
||||||
'status',
|
|
||||||
{
|
|
||||||
environment: stripeEnvironment,
|
|
||||||
},
|
|
||||||
'post'
|
|
||||||
)
|
|
||||||
.then((accountStatusResponse) => {
|
|
||||||
const yetToBeCashedOutBalance = accountStatusResponse.total_received_unpaid;
|
|
||||||
if (yetToBeCashedOutBalance) {
|
|
||||||
that.setState({
|
|
||||||
unpaidBalance: yetToBeCashedOutBalance,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// if charges already enabled, no need to generate an account link
|
|
||||||
if (accountStatusResponse.charges_enabled) {
|
|
||||||
// account has already been confirmed
|
|
||||||
|
|
||||||
that.setState({
|
|
||||||
accountConfirmed: true,
|
|
||||||
});
|
|
||||||
// user has not confirmed an account but have received payments
|
|
||||||
} else if (accountStatusResponse.total_received_unpaid > 0) {
|
|
||||||
that.setState({
|
|
||||||
accountNotConfirmedButReceivedTips: true,
|
|
||||||
});
|
|
||||||
|
|
||||||
getAndSetAccountLink();
|
|
||||||
|
|
||||||
// user has not received any amount or confirmed an account
|
|
||||||
} else {
|
|
||||||
// get stripe link and set it on the frontend
|
|
||||||
// pass true so it updates the frontend
|
|
||||||
getAndSetAccountLink(true);
|
|
||||||
}
|
|
||||||
})
|
|
||||||
.catch(function (error) {
|
|
||||||
// errorString passed from the API (with a 403 error)
|
|
||||||
const errorString = 'account not linked to user, please link first';
|
|
||||||
|
|
||||||
// if it's beamer's error indicating the account is not linked yet
|
|
||||||
if (error.message.indexOf(errorString) > -1) {
|
|
||||||
// get stripe link and set it on the frontend
|
|
||||||
getAndSetAccountLink();
|
|
||||||
} else {
|
|
||||||
// not an error from Beamer, throw it
|
|
||||||
throw new Error(error);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
render() {
|
|
||||||
const {
|
|
||||||
stripeConnectionUrl,
|
|
||||||
accountConfirmed,
|
|
||||||
accountPendingConfirmation,
|
|
||||||
unpaidBalance,
|
|
||||||
accountNotConfirmedButReceivedTips,
|
|
||||||
} = this.state;
|
|
||||||
|
|
||||||
const { user } = this.props;
|
|
||||||
|
|
||||||
if (user.fiat_enabled) {
|
|
||||||
return (
|
|
||||||
<Card
|
|
||||||
title={<div className="table__header-text">{__('Connect a bank account')}</div>}
|
|
||||||
isBodyList
|
|
||||||
body={
|
|
||||||
<div>
|
|
||||||
{/* show while waiting for account status */}
|
|
||||||
{!accountConfirmed && !accountPendingConfirmation && !accountNotConfirmedButReceivedTips && (
|
|
||||||
<div className="card__body-actions">
|
|
||||||
<div>
|
|
||||||
<div>
|
|
||||||
<h3>{__('Getting your bank account connection status...')}</h3>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
)}
|
|
||||||
{/* user has yet to complete their integration */}
|
|
||||||
{!accountConfirmed && accountPendingConfirmation && (
|
|
||||||
<div className="card__body-actions">
|
|
||||||
<div>
|
|
||||||
<div>
|
|
||||||
<h3>{__('Connect your bank account to Odysee to receive donations directly from users')}</h3>
|
|
||||||
</div>
|
|
||||||
<div className="section__actions">
|
|
||||||
<a href={stripeConnectionUrl}>
|
|
||||||
<Button button="secondary" label={__('Connect your bank account')} icon={ICONS.FINANCE} />
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
)}
|
|
||||||
{/* user has completed their integration */}
|
|
||||||
{accountConfirmed && (
|
|
||||||
<div className="card__body-actions">
|
|
||||||
<div>
|
|
||||||
<div>
|
|
||||||
<h3>{__('Congratulations! Your account has been connected with Odysee.')}</h3>
|
|
||||||
{unpaidBalance > 0 ? (
|
|
||||||
<div>
|
|
||||||
<br />
|
|
||||||
<h3>
|
|
||||||
{__(
|
|
||||||
'Your account balance is %balance% USD. Functionality to view your transactions and withdraw your balance will be landing shortly.',
|
|
||||||
{ balance: unpaidBalance / 100 }
|
|
||||||
)}
|
|
||||||
</h3>
|
|
||||||
</div>
|
|
||||||
) : (
|
|
||||||
<div>
|
|
||||||
<br />
|
|
||||||
<h3>{__('Your account balance is $0 USD. When you receive a tip you will see it here.')}</h3>
|
|
||||||
</div>
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
)}
|
|
||||||
{accountNotConfirmedButReceivedTips && (
|
|
||||||
<div className="card__body-actions">
|
|
||||||
<div>
|
|
||||||
<div>
|
|
||||||
<h3>{__('Congratulations, you have already begun receiving tips on Odysee!')}</h3>
|
|
||||||
<div>
|
|
||||||
<br />
|
|
||||||
<h3>
|
|
||||||
{__(
|
|
||||||
'Your pending account balance is %balance% USD. Functionality to view and receive your transactions will land soon.',
|
|
||||||
{ balance: unpaidBalance / 100 }
|
|
||||||
)}
|
|
||||||
</h3>
|
|
||||||
</div>
|
|
||||||
<br />
|
|
||||||
<div>
|
|
||||||
<h3>
|
|
||||||
{__('Connect your bank account to be able to cash your pending balance out to your account.')}
|
|
||||||
</h3>
|
|
||||||
</div>
|
|
||||||
<div className="section__actions">
|
|
||||||
<a href={stripeConnectionUrl}>
|
|
||||||
<Button button="secondary" label={__('Connect your bank account')} icon={ICONS.FINANCE} />
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
}
|
|
||||||
/>
|
|
||||||
);
|
|
||||||
} else {
|
|
||||||
return <></>; // probably null;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
export default StripeAccountConnection;
|
|
||||||
Loading…
Reference in a new issue