+
+ { createInterpolateElement(
+ __(
+ 'You will be prompted to give WooCommerce access to your Google account. Please check all the checkboxes to give WooCommerce all required permissions. Read more',
+ 'google-listings-and-ads'
+ ),
+ {
+ link: readMoreLink,
+ }
+ ) }
+
+
+ >
+ }
+ alignIndicator="top"
+ indicator={
+
+ }
+ />
+ );
+};
+
+export default ConnectGoogleComboAccountCard;
diff --git a/js/src/components/google-combo-account-card/index.js b/js/src/components/google-combo-account-card/index.js
new file mode 100644
index 0000000000..1fee516470
--- /dev/null
+++ b/js/src/components/google-combo-account-card/index.js
@@ -0,0 +1,34 @@
+/**
+ * Internal dependencies
+ */
+import useGoogleAccount from '.~/hooks/useGoogleAccount';
+import AppSpinner from '.~/components/app-spinner';
+import AccountCard from '.~/components/account-card';
+import RequestFullAccessGoogleAccountCard from '../google-account-card/request-full-access-google-account-card';
+import { ConnectedGoogleAccountCard } from '../google-account-card';
+import ConnectGoogleComboAccountCard from './connect-google-combo-account-card';
+import './index.scss';
+
+export default function GoogleComboAccountCard( { disabled = false } ) {
+ const { google, scope, hasFinishedResolution } = useGoogleAccount();
+
+ if ( ! hasFinishedResolution ) {
+ return } />;
+ }
+
+ const isConnected = google?.active === 'yes';
+
+ if ( isConnected && scope.glaRequired ) {
+ return ;
+ }
+
+ if ( isConnected && ! scope.glaRequired ) {
+ return (
+
+ );
+ }
+
+ return ;
+}
diff --git a/js/src/components/google-combo-account-card/index.scss b/js/src/components/google-combo-account-card/index.scss
new file mode 100644
index 0000000000..c2ee7e1cc4
--- /dev/null
+++ b/js/src/components/google-combo-account-card/index.scss
@@ -0,0 +1,9 @@
+.google-combo-account-card {
+
+ .gla-account-card__description {
+
+ .components-checkbox-control {
+ display: inline-block;
+ }
+ }
+}
\ No newline at end of file
diff --git a/js/src/setup-mc/setup-stepper/setup-accounts/index.js b/js/src/setup-mc/setup-stepper/setup-accounts/index.js
index a1be26f4ba..6dae2700ab 100644
--- a/js/src/setup-mc/setup-stepper/setup-accounts/index.js
+++ b/js/src/setup-mc/setup-stepper/setup-accounts/index.js
@@ -20,7 +20,7 @@ import Section from '.~/wcdl/section';
import AppDocumentationLink from '.~/components/app-documentation-link';
import VerticalGapLayout from '.~/components/vertical-gap-layout';
import WPComAccountCard from '.~/components/wpcom-account-card';
-import GoogleAccountCard from '.~/components/google-account-card';
+import GoogleComboAccountCard from '.~/components/google-combo-account-card';
import GoogleMCAccountCard from '.~/components/google-mc-account-card';
import GoogleAdsAccountCard from '.~/components/google-ads-account-card';
import Faqs from './faqs';
@@ -159,7 +159,7 @@ const SetupAccounts = ( props ) => {
{ ! isJetpackActive && (
) }
-
+