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 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 | 5x 5x 5x 5x 5x 5x 4x 4x 4x 1x 3x 1x 2x 5x 4x 4x 4x 4x 4x 4x 4x 5x | import { Address, CheckoutPayment, FormField } from '@bigcommerce/checkout-sdk';
import React, { memo, FunctionComponent } from 'react';
import { AddressType, StaticAddress } from '../address';
import { withCheckout, CheckoutContextProps } from '../checkout';
import { EMPTY_ARRAY } from '../common/utility';
import { TranslatedString } from '../locale';
export interface StaticBillingAddressProps {
address: Address;
}
interface WithCheckoutStaticBillingAddressProps {
fields: FormField[];
payments?: CheckoutPayment[];
}
const StaticBillingAddress: FunctionComponent<
StaticBillingAddressProps &
WithCheckoutStaticBillingAddressProps
> = ({
address,
payments = EMPTY_ARRAY,
}) => {
if (payments.find(payment => payment.providerId === 'amazon')) {
return (
<p><TranslatedString id="billing.billing_address_amazon" /></p>
);
}
if (payments.find(payment => payment.providerId === 'amazonpay' && address.firstName === '')) {
return (
<p><TranslatedString id="billing.billing_address_amazonpay" /></p>
);
}
return (
<StaticAddress
address={ address }
type={ AddressType.Billing }
/>
);
};
export function mapToStaticBillingAddressProps(
{ checkoutState }: CheckoutContextProps,
{ address }: StaticBillingAddressProps
): WithCheckoutStaticBillingAddressProps | null {
const {
data: {
getBillingAddressFields,
getCheckout,
},
} = checkoutState;
const checkout = getCheckout();
return {
fields: getBillingAddressFields(address.countryCode),
payments: checkout && checkout.payments,
};
}
export default withCheckout(mapToStaticBillingAddressProps)(memo(StaticBillingAddress));
|