add placeOrderLabel to checkout context and add hook for exposing

assets/js/base/context/checkout-context.js

@@ -7,14 +7,19 @@ import {
 	useState,
 	useMemo,
 } from '@wordpress/element';
+import { __ } from '@wordpress/i18n';
 
 const CheckoutContext = createContext( {} );
 
 export const useCheckoutContext = () => {
 	return useContext( CheckoutContext );
 };
 
-const CheckoutProvider = ( { children, initialActivePaymentMethod } ) => {
+const CheckoutProvider = ( {
+	children,
+	initialActivePaymentMethod,
+	placeOrderLabel = __( 'Place Order', 'woo-gutenberg-product-block' ),
+} ) => {
 	const [ successRedirectUrl, setSuccessRedirectUrl ] = useState( '' );
 	const [ failureRedirectUrl, setFailureRedirectUrl ] = useState( '' );
 	const [ checkoutComplete, setCheckoutComplete ] = useState( false );
@@ -40,13 +45,15 @@ const CheckoutProvider = ( { children, initialActivePaymentMethod } ) => {
 			updateNotices,
 			activePaymentMethod,
 			setActivePaymentMethod,
+			placeOrderLabel,
 		};
 	}, [
 		successRedirectUrl,
 		failureRedirectUrl,
 		checkoutComplete,
 		checkoutHasError,
 		activePaymentMethod,
+		placeOrderLabel,
 		notices,
 	] );
 	return (

assets/js/base/hooks/checkout/use-checkout-place-order-label.js

@@ -0,0 +1,9 @@
+/**
+ * External dependencies
+ */
+import useCheckoutContext from '@woocommerce/base-context/checkout-context';
+
+export const useCheckoutPlaceOrderLabel = () => {
+	const { placeOrderLabel } = useCheckoutContext();
+	return placeOrderLabel;
+};