paymentMethod ChasePayPaymentMethod.tsx

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  
24x
 
 
24x
 
 
 
24x
2x
2x
 
2x
 
 
 
 
 
 
2x
 
 
 
 
 
 
 
24x
  import { PaymentInitializeOptions } from '@bigcommerce/checkout-sdk';
import React, { useCallback, FunctionComponent } from 'react';
import { Omit } from 'utility-types';
 
import WalletButtonPaymentMethod, { WalletButtonPaymentMethodProps } from './WalletButtonPaymentMethod';
 
export type CCAvenueMarsPaymentMethodProps = Omit<WalletButtonPaymentMethodProps, 'buttonId' | 'shouldShowEditButton'>;
 
const ChasePayPaymentMethod: FunctionComponent<CCAvenueMarsPaymentMethodProps> = ({
    initializePayment,
    ...rest
}) => {
    const initializeChasePayPayment = useCallback((options: PaymentInitializeOptions) => initializePayment({
        ...options,
        chasepay: {
            walletButton: 'chaseWalletButton',
        },
    }), [initializePayment]);
 
    return <WalletButtonPaymentMethod
        { ...rest }
        buttonId="chaseWalletButton"
        initializePayment={ initializeChasePayPayment }
        shouldShowEditButton
    />;
};
 
export default ChasePayPaymentMethod;