Fix atualização de dados e retornando sender.hash em pagamento com ca…

…rtão de crédito

example/Component/DirectPayment/index.js

@@ -96,11 +96,11 @@ export default class Component extends React.Component {
 				//addressRequired: false
 				type: 3,
 				cost: 10.00,
-				street: 'Av João Lima',
+				street: 'Av Joao Lima',
 				number: 55,
 				complement: 'Casa',
 				district: 'Campeche',
-				city: 'Florianópolis',
+				city: 'Florianopolis',
 				state: 'SC',
 				country: 'BRA',
 				postalCode: '88063333'
@@ -110,11 +110,11 @@ export default class Component extends React.Component {
 
 			// Endereço de cobrança
 			billing: {
-				street: 'Av João Lima',
+				street: 'Av Joao Lima',
 				number: 55,
 				complement: 'Casa',
 				district: 'Campeche',
-				city: 'Florianópolis',
+				city: 'Florianopolis',
 				state: 'SC',
 				country: 'BRA',
 				postalCode: '88063333'
@@ -177,6 +177,9 @@ export default class Component extends React.Component {
 	*/
 	onSubmit(data) {
 
+		console.log('sending to API...')
+		console.log(data)
+
 		this.setState({
 			loading: true,
 			error: null,

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "pagseguro-react",
-	"version": "1.0.8",
+	"version": "1.0.9",
 	"author": "Willy Chagas <[email protected]",
 	"description": "Checkout transparente do pagseguro utilizando React",
 	"license": "MIT",

src/DirectPayment/CreditCard.js

@@ -184,7 +184,10 @@ export default class CreditCard extends React.Component {
 			shipping: this.props.shipping,
 			reference: this.props.reference,
 			billing: this.props.billing,
-			sender: this.props.sender,
+			sender: {
+				...this.props.sender,
+				hash: PagSeguroDirectPayment.getSenderHash(),
+			},
 			items: this.props.items.map(i => {
 				if (i.amount.toFixed) {
 					i.amount = i.amount.toFixed(2)

src/DirectPayment/index.js

@@ -200,6 +200,8 @@ export default class Component extends React.Component {
 			newState = { ...newState, ...data }
 		}
 
+		console.log(this.state)
+
 		this.setState(newState)
 	}
 
@@ -269,7 +271,7 @@ export default class Component extends React.Component {
 
 					{
 						active == 'payment' &&
-						<Payment onChangeStep={this.onChangeStep.bind(this)} {...props} />
+						<Payment onChangeStep={this.onChangeStep.bind(this)} {...props} {...this.state} />
 					}
 				</Forms>