Question for AdyenPayment.initialize? about react-native-adyen-payment HOT 12 OPEN

useEffect(() => {
    var appServiceConfigData = {
      environment: paymentDetails?.environment,
      base_url: 'https://checkout-test.adyen.com/v52/paymentMethods/',
      additional_http_headers: {},
    };
    AdyenPayment.initialize(appServiceConfigData);
    
    AdyenPayment.onSuccess(payload => {
      console.log('success', payload);
			setStatus(STATUS.success);
    });
    AdyenPayment.onError(payload => {
      console.log('failure', payload);
      setStatus(STATUS.failure);
    });
    
  }, []);
  
  useEffect(() => {
    MOCK_PAYMENT_DETAILS = {
      amount: {
        value: paymentDetails?.amountValue,
        currency: paymentDetails?.currency,
      },
      reference: paymentDetails?.referenceId,
      shopperReference: paymentDetails?.shopperReference,
      shopperEmail: '[email protected]',
      shopperLocale: 'en_SG',
      channel: Platform.OS === 'ios' ? 'iOS' : 'Android',
      countryCode: 'SG',
      // Remember to replace returnUrl with your app scheme
      returnUrl:
        Platform.OS === 'ios' ? 'your-ios-scheme://' : 'com.abc.com',
       merchantAccount: paymentDetails?.merchantName,
			
      additionalData: {
        allow3DS2: true,
        executeThreeD: true,
      },
    };

    MOCK_COMPONENT_DATA = {
      scheme: {
        card_public_key: paymentDetails?.originKey,
      },
    };
  }, [paymentDetails]);

  function handleDropInButtonPress() {
		setStatus(STATUS.initiated);
    try {
      AdyenPayment.startPayment(
        AdyenPayment.DROPIN,
        MOCK_COMPONENT_DATA,
        MOCK_PAYMENT_DETAILS,
      );
    } catch (err) {
      console.error(err);
    }
  }

import AdyenPayment from 'react-native-adyen-payment';

const DEMO_SERVER_API_KEY =
  'DEMO_SERVER API KEY FROM ADYEN DEVELOPERS > API CREDITENTIALS';
const CARD_PUBLIC_KEY = 'CLIENT KEY GENERATED FROM THE ADYEN';
const MERCHANT_ACCOUNT = 'MERCHANT ACC NAME';

import React, {Component} from 'react';
import {Button, View, Text} from 'react-native';
import EStyleSheet from 'react-native-extended-stylesheet';

export default class CartPaymentTwo extends Component {
  constructor(props) {
    super(props);
    this.state = {
      isLoading: false,
      adyen_payment_status: 'initiated',
    };
    /*
    The base URL should be your API server running with the following POST endpoints
     - /paymentMethods
     - /payments
     - /payments/details
     Ex :
     Base URL : https://XXXXXX.com/payments/adyen
     https://XXXXXX.com/payments/adyen/paymentMethods
     https://XXXXXX.com/payments/adyen/payments
     https://XXXXXX.com/payments/adyen/payments/details
     Any Extra Header Parameters to be passed can be given in the "additional_http_headers"
     As an example we are using Adyens Demo Server Base URL
    */
    var appServiceConfigData = {
      environment: 'test',
      // base_url: 'https://checkout-test.adyen.com/checkout/v51/',
      base_url: 'https://checkout-test.adyen.com/v51/',
      
      additional_http_headers: {
        'x-demo-server-api-key': DEMO_SERVER_API_KEY,
      },
    };
    AdyenPayment.initialize(appServiceConfigData);

    AdyenPayment.onSuccess(payload => {
      this.setState({adyen_payment_status: 'success'});
      console.log(payload);
    });

    AdyenPayment.onError((code, error) => {
      console.log('Adyen Error : ', error);
      this.setState({adyen_payment_status: 'failure'});
    });
  }

  onClickPayment = () => {
    var paymentDetails = {
      amount: {
        value: 200, //In Multiples of hundred
        currency: 'EUR',
      },
      reference: 'XXXXXXXX',
      shopperReference: 'XXXXXX',
      shopperEmail: '[email protected]',
      channel: Platform.OS === 'ios' ? 'iOS' : 'Android',
      countryCode: 'SG',
      shopperLocale: 'sg_SG',
      returnUrl:
        Platform.OS === 'ios'
          ? '<YourAppDisplayName>-app://'
          : 'adyencheckout://com.dynamicwebapac.bhg',
      merchantAccount: MERCHANT_ACCOUNT,
      additionalData: {
        allow3DS2: true,
        executeThreeD: true,
      },
    };
    // Data for various Components
    var componentData = {
      scheme: {
        card_public_key: CARD_PUBLIC_KEY,
      },
    };

    try {
      // The Following Payment Methods are supported
      //DROPIN,IDEAL,MOLPAY_MALAYSIA,MOLPAY_THAILAND,MOLPAY_VIETNAM,DOTPAY,EPS,ENTERCASH,OPEN_BANKING,
      //SCHEME,GOOGLE_PAY,SEPA,BCMC,WECHAT_PAY_SDK,APPLE_PAY,
    

      AdyenPayment.startPayment(
        AdyenPayment.DROPIN,
        componentData,
        paymentDetails,
      );
    } catch (err) {
      console.log(err.message);
    }
  };

  render() {
    return (
      <View style={styles.container}>
        <Text>{this.state.adyen_payment_status}</Text>
        <Button
          label={'Pay'}
          title="Drop In"
          onPress={() => {
            this.onClickPayment();
          }}
        />
      </View>
    );
  }
}

 /adyen/paymentMethods
 /adyen/payments
 /adyen/payments/details