[Enhancement]: Expose Checkout API types for use in TypeScript projects integrating with the Cart and Checkout blocks

[reykjalin]

Describe the solution you'd like

An easy way to import types for use with blocks that integrate with the Cart and Checkout blocks.

As an example when making an express checkout component it'd be nice to have access to the PaymentMethodInterface type as that's what will be passed to the component when registered with registerExpressPaymentMethod:

const ExpressPaymentMethod: React.FC< PaymentMethodInterface > = ( { billing, shippingData } ) => {
    // ...
}

This could be through making a new npm package, adding the types to an existing npm package, maybe a WC TypeScript specific package with just types?

Describe alternatives you've considered

No response

Additional context

No response

[opr]

I agree, this is something that would benefit a lot of folks! Ideally it would be something we export automatically (as opposed to relying on something like definitely typed).

Not sure exactly how it would work, maybe a specific package for types would be easiest, for both us and consumers? We already have an internal types "package" that would be nice to export.

[reykjalin]

Yeah it'd be great to have this for WooPayments and WooPay where we're integrating pretty heavily with the Cart and Checkout blocks :)

[reykjalin]

We already have an internal types "package" that would be nice to export.

And yes, this is where I've been lifting types from the WC Core codebase to use in WooPayments 👍

[multiplehats]

Same, I'm using the types in Cartpops. But Ideally they're exported so that we can version them and also know when changes have been made.

For anyone who stumbles upon this, here's a script to automate this for now:

#!/bin/bash

REPO_URL="https://github.com/woocommerce/woocommerce.git"
BRANCH="trunk"
DEST_DIR="wc-types"

# Create a temporary directory for cloning
TEMP_DIR=$(mktemp -d)

# Clone the repository
git clone -b $BRANCH --depth 1 $REPO_URL $TEMP_DIR

# Copy the TypeScript files to the destination directory
mkdir -p $DEST_DIR
cp -R "$TEMP_DIR/plugins/woocommerce-blocks/assets/js/types/"* $DEST_DIR

# Remove the temporary directory
rm -rf $TEMP_DIR

# Echo success message
echo "WooCommerce types have been successfully fetched to $DEST_DIR"