Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 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 45 46 47 48 49 50 | 25x 25x 25x 25x 80x 80x 80x 80x 80x 80x 80x 80x 60x 60x 118x 2x 80x 25x | import React, { useCallback, FunctionComponent } from 'react';
import { withHostedCreditCardFieldset, WithInjectedHostedCreditCardFieldsetProps } from '../hostedCreditCard';
import CreditCardPaymentMethod, { CreditCardPaymentMethodProps } from './CreditCardPaymentMethod';
export type HostedCreditCardPaymentMethodProps = Omit<
CreditCardPaymentMethodProps,
'cardFieldset' |
'cardValidationSchema' |
'storedCardValidationSchema' |
'getStoredCardValidationFieldset'
>;
const HostedCreditCardPaymentMethod: FunctionComponent<
HostedCreditCardPaymentMethodProps &
WithInjectedHostedCreditCardFieldsetProps
> = ({
getHostedFormOptions,
getHostedStoredCardValidationFieldset,
hostedFieldset,
hostedStoredCardValidationSchema,
hostedValidationSchema,
initializePayment,
...rest
}) => {
const initializeHostedCreditCardPayment: CreditCardPaymentMethodProps['initializePayment'] = useCallback(async (options, selectedInstrument) => {
return initializePayment({
...options,
creditCard: getHostedFormOptions && {
form: await getHostedFormOptions(selectedInstrument),
},
});
}, [
getHostedFormOptions,
initializePayment,
]);
return <CreditCardPaymentMethod
{ ...rest }
cardFieldset={ hostedFieldset }
cardValidationSchema={ hostedValidationSchema }
getStoredCardValidationFieldset={ getHostedStoredCardValidationFieldset }
initializePayment={ initializeHostedCreditCardPayment }
storedCardValidationSchema={ hostedStoredCardValidationSchema }
/>;
};
export default withHostedCreditCardFieldset(HostedCreditCardPaymentMethod);
|