Modify pre-publish texts after scheduling product (#44652)

* Modify prepublish texts after scheduling product

* Add changelog

packages/js/product-editor/changelog/dev-44651_modify_prepublish_texts_after_scheduling_product

@@ -0,0 +1,4 @@
+Significance: minor
+Type: dev
+
+[Product editor block]: Modify pre-publish sidebar title after scheduling a product #44651

packages/js/product-editor/src/components/prepublish-panel/prepublish-panel.tsx

@@ -6,6 +6,7 @@ import { createElement } from '@wordpress/element';
 import { Button } from '@wordpress/components';
 import { useDispatch, useSelect } from '@wordpress/data';
 import { recordEvent } from '@woocommerce/tracks';
+import { useEntityProp } from '@wordpress/core-data';
 
 /**
  * Internal dependencies
@@ -20,12 +21,18 @@ import { ScheduleSection } from './schedule-section';
 export function PrepublishPanel( {
 	productId,
 	productType = 'product',
-	title = __( 'Are you ready to add this product?', 'woocommerce' ),
+	title = __( 'Are you ready to publish this product?', 'woocommerce' ),
 	description = __(
 		'Double-check your settings before sharing this product with customers.',
 		'woocommerce'
 	),
 }: PrepublishPanelProps ) {
+	const [ editedDate, , date ] = useEntityProp< string >(
+		'postType',
+		productType,
+		'date_created'
+	);
+
 	const lastPersistedProduct = useSelect(
 		( select ) => {
 			const { getEntityRecord } = select( 'core' );
@@ -36,6 +43,14 @@ export function PrepublishPanel( {
 
 	const { closePrepublishPanel } = useDispatch( productEditorUiStore );
 
+	if ( editedDate !== date ) {
+		title = __( 'Are you ready to schedule this product?', 'woocommerce' );
+		description = __(
+			'Your product will be published at the specified date and time.',
+			'woocommerce'
+		);
+	}
+
 	return (
 		<div className="woocommerce-product-publish-panel">
 			<div className="woocommerce-product-publish-panel__header">

packages/js/product-editor/src/components/prepublish-panel/schedule-section/schedule-section.tsx

@@ -122,7 +122,7 @@ export function ScheduleSection( { postType }: ScheduleSectionProps ) {
 			initialOpen={ false }
 			// @ts-expect-error title does currently support this value
 			title={ [
-				__( 'Add:', 'woocommerce' ),
+				__( 'Publish:', 'woocommerce' ),
 				<span className="editor-post-publish-panel__link" key="label">
 					{ getScheduleLabel(
 						editedDate === date ? undefined : editedDate