example usage in react-native

[login2tech]

Hi,

I am getting hard times trying to make it to work in react native.

is there any example implementation or snippet?

Anything would be really helpful.

[Kottidev]

@login2tech
You should get last SDK from hyper pay then you can integrate this package

https://github.com/Kottidev/react-native-oppwa/blob/master/android/build.gradle#L35

[YazeedAsaad]

im facing the same issue here, how can we use this package , we already contacted hyperpay and got all needed info , but there's no example how to use it , can you update the usage section @Kottidev or give us a simplified example of how to use it.

[CatalinaG]

Hello @Kottidev, I am trying to use this, but I cannot figure out how. Do you have a sample app or an example were it is used? Did somebody else here figured this out? Thanks a lot!

[vasuchawla]

hi @CatalinaG

you can try this:

import OppwaCore from 'react-native-oppwa';

then on click of a button you need to call some server side code to generate the payment ID

and then use

  OppwaCore.transactionPayment({
      checkoutID: payment_id,
      holderName: this.state.name,
      cardNumber: this.state.number,
      paymentBrand: this.state.brand_code,
      expiryMonth: this.state.month,
      expiryYear: 2024,
      cvv: this.state.cvc
    });

this will initiate the payment

then in componentDidMount use DeviceEmitter to listen to the transactionstatus change event:

  componentDidMount() {
    DeviceEventEmitter.addListener('transactionStatus', data => {
      if (data.status == 'transactionFailed') {
        alert(data.paymentError + ' : ' + data.paymentDetails);
      } else {
          alert(data.RedirectUrl);
          // open this url in webview to proceeed with the payment
      }
      alert(JSON.stringify(data));
    });
  }

[CatalinaG]

Thanks a lot @vasuchawla! This makes sense :)