149 lines
3.8 KiB
TypeScript
149 lines
3.8 KiB
TypeScript
/**
|
|
* External dependencies
|
|
*/
|
|
import { __ } from '@wordpress/i18n';
|
|
import { ADMIN_URL } from '@woocommerce/settings';
|
|
import { CHECKOUT_PAGE_ID } from '@woocommerce/block-settings';
|
|
import {
|
|
CheckboxControl,
|
|
SelectControl,
|
|
TextControl,
|
|
ExternalLink,
|
|
} from '@wordpress/components';
|
|
import { useState } from '@wordpress/element';
|
|
|
|
/**
|
|
* Internal dependencies
|
|
*/
|
|
import { SettingsCard, SettingsSection } from '../shared-components';
|
|
import { useSettingsContext } from './settings-context';
|
|
|
|
const GeneralSettingsDescription = () => (
|
|
<>
|
|
<h2>{ __( 'General', 'woo-gutenberg-products-block' ) }</h2>
|
|
<p>
|
|
{ __(
|
|
'Enable or disable local pickup on your store, and define costs. Local pickup is only available from the block checkout.',
|
|
'woo-gutenberg-products-block'
|
|
) }
|
|
</p>
|
|
<ExternalLink
|
|
href={ `${ ADMIN_URL }post.php?post=${ CHECKOUT_PAGE_ID }&action=edit` }
|
|
>
|
|
{ __( 'View checkout page', 'woo-gutenberg-products-block' ) }
|
|
</ExternalLink>
|
|
</>
|
|
);
|
|
|
|
const GeneralSettings = () => {
|
|
const { settings, setSettingField } = useSettingsContext();
|
|
const [ showCosts, setShowCosts ] = useState( !! settings.cost );
|
|
|
|
return (
|
|
<SettingsSection Description={ GeneralSettingsDescription }>
|
|
<SettingsCard>
|
|
<CheckboxControl
|
|
checked={ settings.enabled }
|
|
name="local_pickup_enabled"
|
|
onChange={ setSettingField( 'enabled' ) }
|
|
label={ __(
|
|
'Enable local pickup',
|
|
'woo-gutenberg-products-block'
|
|
) }
|
|
help={ __(
|
|
'When enabled, local pickup will appear as an option on the block based checkout.',
|
|
'woo-gutenberg-products-block'
|
|
) }
|
|
/>
|
|
<TextControl
|
|
label={ __( 'Title', 'woo-gutenberg-products-block' ) }
|
|
name="local_pickup_title"
|
|
help={ __(
|
|
'This is the shipping method title shown to customers.',
|
|
'woo-gutenberg-products-block'
|
|
) }
|
|
placeholder={ __(
|
|
'Local Pickup',
|
|
'woo-gutenberg-products-block'
|
|
) }
|
|
value={ settings.title }
|
|
onChange={ setSettingField( 'title' ) }
|
|
disabled={ false }
|
|
autoComplete="off"
|
|
/>
|
|
<CheckboxControl
|
|
checked={ showCosts }
|
|
onChange={ () => {
|
|
setShowCosts( ! showCosts );
|
|
setSettingField( 'cost' )( '' );
|
|
} }
|
|
label={ __(
|
|
'Add a price for customers who choose local pickup',
|
|
'woo-gutenberg-products-block'
|
|
) }
|
|
help={ __(
|
|
'By default, the local pickup shipping method is free.',
|
|
'woo-gutenberg-products-block'
|
|
) }
|
|
/>
|
|
{ showCosts ? (
|
|
<>
|
|
<TextControl
|
|
label={ __(
|
|
'Cost',
|
|
'woo-gutenberg-products-block'
|
|
) }
|
|
name="local_pickup_cost"
|
|
help={ __(
|
|
'Optional cost to charge for local pickup.',
|
|
'woo-gutenberg-products-block'
|
|
) }
|
|
placeholder={ __(
|
|
'Free',
|
|
'woo-gutenberg-products-block'
|
|
) }
|
|
type="number"
|
|
value={ settings.cost }
|
|
onChange={ setSettingField( 'cost' ) }
|
|
disabled={ false }
|
|
autoComplete="off"
|
|
/>
|
|
<SelectControl
|
|
label={ __(
|
|
'Taxes',
|
|
'woo-gutenberg-products-block'
|
|
) }
|
|
name="local_pickup_tax_status"
|
|
help={ __(
|
|
'If a cost is defined, this controls if taxes are applied to that cost.',
|
|
'woo-gutenberg-products-block'
|
|
) }
|
|
options={ [
|
|
{
|
|
label: __(
|
|
'Taxable',
|
|
'woo-gutenberg-products-block'
|
|
),
|
|
value: 'taxable',
|
|
},
|
|
{
|
|
label: __(
|
|
'Not taxable',
|
|
'woo-gutenberg-products-block'
|
|
),
|
|
value: 'none',
|
|
},
|
|
] }
|
|
value={ settings.tax_status }
|
|
onChange={ setSettingField( 'tax_status' ) }
|
|
disabled={ false }
|
|
/>
|
|
</>
|
|
) : null }
|
|
</SettingsCard>
|
|
</SettingsSection>
|
|
);
|
|
};
|
|
|
|
export default GeneralSettings;
|