All files / app/payment/paymentMethod PaypalCommerceCreditCardPaymentMethod.tsx

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
25x
 
25x
 
25x
 
 
 
 
 
 
25x
3x
3x
3x
3x
3x
3x
3x
 
3x
3x
3x
 
6x
 
 
 
 
 
 
 
3x
 
 
 
 
 
 
 
 
 
25x
 
import React, { useCallback, FunctionComponent } from 'react';
 
import { withHostedCreditCardFieldset, WithInjectedHostedCreditCardFieldsetProps } from '../hostedCreditCard';
 
import CreditCardPaymentMethod, { CreditCardPaymentMethodProps } from './CreditCardPaymentMethod';
 
export type PaypalCommerceCreditCardPaymentMethodProps = CreditCardPaymentMethodProps;
 
const PaypalCommerceCreditCardPaymentMethod: FunctionComponent<
    PaypalCommerceCreditCardPaymentMethodProps &
    WithInjectedHostedCreditCardFieldsetProps
> = ({
    getHostedFormOptions,
    getHostedStoredCardValidationFieldset,
    hostedFieldset,
    hostedStoredCardValidationSchema,
    hostedValidationSchema,
    initializePayment,
    ...rest
}) => {
    const initializeHostedCreditCardPayment: CreditCardPaymentMethodProps['initializePayment'] = useCallback(async (options, selectedInstrument) => {
        return initializePayment({
            ...options,
            paypalcommerce: {
                form: IgetHostedFormOptions && await getHostedFormOptions(selectedInstrument),
            },
        });
    }, [
        getHostedFormOptions,
        initializePayment,
    ]);
 
    return <CreditCardPaymentMethod
        { ...rest }
        cardFieldset={ hostedFieldset }
        cardValidationSchema={ hostedValidationSchema }
        getStoredCardValidationFieldset={ getHostedStoredCardValidationFieldset }
        initializePayment={ initializeHostedCreditCardPayment }
        storedCardValidationSchema={ hostedStoredCardValidationSchema }
    />;
};
 
export default withHostedCreditCardFieldset(PaypalCommerceCreditCardPaymentMethod);