57 lines
1.3 KiB
TypeScript
57 lines
1.3 KiB
TypeScript
/**
|
|
* External dependencies
|
|
*/
|
|
import clsx from 'clsx';
|
|
import {
|
|
Cart,
|
|
CartShippingPackageShippingRate,
|
|
} from '@woocommerce/type-defs/cart';
|
|
import { Component } from '@wordpress/element';
|
|
|
|
/**
|
|
* Internal dependencies
|
|
*/
|
|
import { createSlotFill } from '../../slot';
|
|
import type { RadioControlOption } from '../../../../packages/components/radio-control/types';
|
|
|
|
const slotName = '__experimentalOrderLocalPickupPackages';
|
|
const {
|
|
Fill: ExperimentalOrderLocalPickupPackages,
|
|
Slot: OrderLocalPickupPackagesSlot,
|
|
// eslint-disable-next-line @typescript-eslint/naming-convention
|
|
} = createSlotFill( slotName );
|
|
|
|
interface ExperimentalOrderLocalPickupPackagesProps {
|
|
extensions: Record< string, unknown >;
|
|
cart: Cart;
|
|
components: Record< string, Component >;
|
|
renderPickupLocation: (
|
|
option: CartShippingPackageShippingRate,
|
|
packageCount: number
|
|
) => RadioControlOption;
|
|
}
|
|
const Slot = ( {
|
|
extensions,
|
|
cart,
|
|
components,
|
|
renderPickupLocation,
|
|
}: ExperimentalOrderLocalPickupPackagesProps ) => {
|
|
return (
|
|
<OrderLocalPickupPackagesSlot
|
|
className={ clsx(
|
|
'wc-block-components-local-pickup-rates-control'
|
|
) }
|
|
fillProps={ {
|
|
extensions,
|
|
cart,
|
|
components,
|
|
renderPickupLocation,
|
|
} }
|
|
/>
|
|
);
|
|
};
|
|
|
|
ExperimentalOrderLocalPickupPackages.Slot = Slot;
|
|
|
|
export default ExperimentalOrderLocalPickupPackages;
|