Merge pull request #2653 from woocommerce/update/2602-sync-mc-address

Sync MC address during onboarding.

js/src/components/account-card/index.js

@@ -3,7 +3,6 @@
  */
 import { __ } from '@wordpress/i18n';
 import classnames from 'classnames';
-import GridiconPhone from 'gridicons/dist/phone';
 import { Icon, store as storeIcon } from '@wordpress/icons';
 
 /**
@@ -29,7 +28,6 @@ export const APPEARANCE = {
 	GOOGLE: 'google',
 	GOOGLE_MERCHANT_CENTER: 'google_merchant_center',
 	GOOGLE_ADS: 'google_ads',
-	PHONE: 'phone',
 	ADDRESS: 'address',
 	FINAL_URL: 'final_url',
 };
@@ -104,10 +102,6 @@ const appearanceDict = {
 			'google-listings-and-ads'
 		),
 	},
-	[ APPEARANCE.PHONE ]: {
-		icon: <GridiconPhone size={ 32 } />,
-		title: __( 'Phone number', 'google-listings-and-ads' ),
-	},
 	[ APPEARANCE.ADDRESS ]: {
 		icon: <Icon icon={ storeIcon } size={ 32 } />,
 		title: __( 'Store address', 'google-listings-and-ads' ),

js/src/components/contact-information/contact-information-preview.js

@@ -0,0 +1,58 @@
+/**
+ * External dependencies
+ */
+import { __ } from '@wordpress/i18n';
+
+/**
+ * Internal dependencies
+ */
+import { getEditStoreAddressUrl } from '.~/utils/urls';
+import Section from '.~/wcdl/section';
+import AppDocumentationLink from '.~/components/app-documentation-link';
+import { StoreAddressCardPreview } from './store-address-card';
+
+const learnMoreLinkId = 'contact-information-read-more';
+const learnMoreUrl =
+	'https://woocommerce.com/document/google-for-woocommerce/get-started/requirements/#contact-information';
+
+const description = (
+	<>
+		<p>
+			{ __(
+				'Your contact information is required for verification by Google.',
+				'google-listings-and-ads'
+			) }
+		</p>
+		<p>
+			{ __(
+				'It would be shared with Google Merchant Center for store verification and would not be displayed to customers.',
+				'google-listings-and-ads'
+			) }
+		</p>
+	</>
+);
+
+const settingsTitle = __( 'Contact information', 'google-listings-and-ads' );
+
+/**
+ * Renders a preview of contact information section,
+ * or a notice if contact information is outdated.
+ */
+export default function ContactInformationPreview() {
+	return (
+		<Section title={ settingsTitle } description={ description }>
+			<StoreAddressCardPreview
+				editHref={ getEditStoreAddressUrl() }
+				learnMore={
+					<AppDocumentationLink
+						context="settings-no-store-address-notice"
+						linkId={ learnMoreLinkId }
+						href={ learnMoreUrl }
+					>
+						{ __( 'Learn more', 'google-listings-and-ads' ) }
+					</AppDocumentationLink>
+				}
+			/>
+		</Section>
+	);
+}