update: deactivation survey to use unbundled WP components (#10902)

Co-authored-by: Rafael Meneses <meneses.tio@gmail.com>

Author: frosso

changelog/update-deactivation-survey-wp-components

@@ -0,0 +1,4 @@
+Significance: patch
+Type: update
+
+update: deactivation survey to use WP components bundled within the WP installation

client/plugins-page/index.js

@@ -9,6 +9,7 @@ import ReactDOM from 'react-dom';
  */
 import PluginDisableSurvey from './deactivation-survey';
 import { saveOption } from 'wcpay/data/settings/actions';
+import { WordPressComponentsContext } from 'wcpay/wordpress-components-context/context';
 
 const PluginsPage = () => {
 	const [ modalOpen, setModalOpen ] = useState( false );
@@ -99,6 +100,8 @@ const PluginsPage = () => {
 };
 
 ReactDOM.render(
-	<PluginsPage />,
+	<WordPressComponentsContext.Provider value={ wp.components }>
+		<PluginsPage />
+	</WordPressComponentsContext.Provider>,
 	document.querySelector( '#woopayments-plugins-page-app' )
 );

includes/admin/class-wc-payments-admin.php

@@ -672,7 +672,7 @@ public function register_payments_scripts() {
 			'all'
 		);
 
-		WC_Payments::register_script_with_dependencies( 'WCPAY_PLUGINS_PAGE', 'dist/plugins-page', [ 'wp-api-request' ] );
+		WC_Payments::register_script_with_dependencies( 'WCPAY_PLUGINS_PAGE', 'dist/plugins-page', [ 'wp-api-request', 'wp-components' ] );
 		wp_set_script_translations( 'WCPAY_PLUGINS_PAGE', 'woocommerce-payments' );
 
 		WC_Payments_Utils::register_style(