Create New Item
Item Type
File
Folder
Item Name
Search file in folder and subfolders...
Are you sure want to rename?
primogenial
/
plugins
/
woocommerce
/
packages
/
woocommerce-blocks
/
assets
/
js
/
blocks
/
checkout
/
inner-blocks
/
checkout-billing-address-block
:
edit.tsx
Advanced Search
Upload
New Item
Settings
Back
Back Up
Advanced Editor
Save
/** * External dependencies */ import classnames from 'classnames'; import { useBlockProps } from '@wordpress/block-editor'; import { useCheckoutAddress } from '@woocommerce/base-context/hooks'; import { innerBlockAreas } from '@woocommerce/blocks-checkout'; /** * Internal dependencies */ import { FormStepBlock, AdditionalFields, AdditionalFieldsContent, } from '../../form-step'; import { useCheckoutBlockContext, useCheckoutBlockControlsContext, } from '../../context'; import Block from './block'; export const Edit = ( { attributes, setAttributes, }: { attributes: { title: string; description: string; showStepNumber: boolean; className: string; }; setAttributes: ( attributes: Record< string, unknown > ) => void; } ): JSX.Element | null => { const { showCompanyField, showApartmentField, requireCompanyField, showPhoneField, requirePhoneField, } = useCheckoutBlockContext(); const { addressFieldControls: Controls } = useCheckoutBlockControlsContext(); const { showBillingFields } = useCheckoutAddress(); if ( ! showBillingFields ) { return null; } return ( <FormStepBlock setAttributes={ setAttributes } attributes={ attributes } className={ classnames( 'wc-block-checkout__billing-fields', attributes?.className ) } > <Controls /> <Block showCompanyField={ showCompanyField } showApartmentField={ showApartmentField } requireCompanyField={ requireCompanyField } showPhoneField={ showPhoneField } requirePhoneField={ requirePhoneField } /> <AdditionalFields block={ innerBlockAreas.BILLING_ADDRESS } /> </FormStepBlock> ); }; export const Save = (): JSX.Element => { return ( <div { ...useBlockProps.save() }> <AdditionalFieldsContent /> </div> ); };