woocommerce/plugins/woocommerce-admin/client/tasks/fills/tax/woocommerce-tax/card.tsx

79 lines
2.0 KiB
TypeScript
Raw Normal View History

/**
* External dependencies
*/
import { __ } from '@wordpress/i18n';
import interpolateComponents from '@automattic/interpolate-components';
import { Link } from '@woocommerce/components';
import { recordEvent } from '@woocommerce/tracks';
import { updateQueryString } from '@woocommerce/navigation';
/**
* Internal dependencies
*/
import { PartnerCard } from '../components/partner-card';
import logo from './logo.png';
import { TaxChildProps } from '../utils';
export const Card: React.FC< TaxChildProps > = () => {
return (
<PartnerCard
name={ __( 'WooCommerce Tax', 'woocommerce' ) }
logo={ logo }
description={ __( 'Best for new stores', 'woocommerce' ) }
benefits={ [
__( 'Real-time sales tax calculation', 'woocommerce' ),
interpolateComponents( {
mixedString: __(
'{{strong}}Single{{/strong}} economic nexus compliance',
'woocommerce'
),
components: {
strong: <strong />,
},
} ),
interpolateComponents( {
mixedString: __(
'Powered by {{link}}Jetpack{{/link}}',
'woocommerce'
),
components: {
link: (
<Link
type="external"
href="https://woocommerce.com/products/jetpack/?utm_medium=product"
target="_blank"
/>
),
},
} ),
// eslint-disable-next-line @wordpress/i18n-translator-comments
__( '100% free', 'woocommerce' ),
] }
terms={ interpolateComponents( {
mixedString: __(
'By installing WooCommerce Tax and Jetpack you agree to the {{link}}Terms of Service{{/link}}.',
'woocommerce'
),
components: {
link: (
<Link
href={ 'https://wordpress.com/tos/' }
target="_blank"
type="external"
/>
),
},
} ) }
actionText={ __( 'Continue setup', 'woocommerce' ) }
onClick={ () => {
recordEvent( 'tasklist_tax_select_option', {
selected_option: 'woocommerce-tax',
} );
updateQueryString( {
partner: 'woocommerce-tax',
} );
} }
/>
);
};