Sbx-react-cashier NPM

Payments widget

Payments widget with states like deposit, withdrawal or payments history for sbx client. Only for sbx inner use.

Requirements

node >= 4.1
sbx >=0.3.55

Core dependencies

packages 'sbx-client-request' must be installed; 
package 'sbx-client-form' must be installed;
package 'sbx-client-table' must be installed;

Installation

$ sbx install sbx-react-cashier

Use widget

import Cashier from 'sbx-react-cashier';

//add to any React component like a child
<SomeComponent>
    <Cashier {...props}/>
</SomeComponent>

###Props

What props this widget has

####General props | Name | Type | Required | Description | |------|------|----------|-------------| | rest | string | true | API endpoint for cashier | | platform | string | true | Specify on what sbx platform do you use this widget. Values: 'forex', 'crypto' or 'etc'.| | accountId | number | true | Account for deposit, withdrawal or viewing transactions Values: 'forex', 'crypto' or 'etc'. | | page | string | false | Specify witch page of widget do you need to display: 'deposit','depositHistory', 'withdrawal' or 'withdrawalHistory' Default is 'deposit'| | user | Object | false | You can throw user data by your self. If you dont - widget will go to user service and get user info automatically| | styles | styleObject | false | Specify custom colors | | onChange | function | false | returns Object with two string params 'type' - 'deposit' or 'withdrawal' and 'status': - event status. This function fires on widget steps changing|

styleObject

color	default color	Description
--primary	'blue'	Color for effects and buttons
--active-primary	'green'	Color for focused and active button
--danger	'red'	Color for error button and error messages
--bg	'white'	Main background color
--bg-contrast	'grey'	Contrast background for main background
--color	'black'	Maim text color
--color-contrast	'white'	Text color for contrast colors and colored buttons