- { ! showLearnMoreLink && description } + const classname = setupFlowRefreshEnabled + ? 'googlesitekit-splash' + : 'googlesitekit-setup__splash'; - { showLearnMoreLink && - createInterpolateElement( - sprintf( - /* translators: 1: The description. 2: The learn more link. */ - __( - '%1$s %2$s', - 'google-site-kit' - ), - description, - __( 'Learn more', 'google-site-kit' ) - ), - { - Link: ( - - ), - } - ) } -
- { getHelpURL && ( - - { __( 'Get help', 'google-site-kit' ) } - - ) } - { DISCONNECTED_REASON_CONNECTED_URL_MISMATCH === - disconnectedReason && - connectedProxyURL !== homeURL && ( -
- { sprintf(
- /* translators: %s: Previous Connected Proxy URL */
- __(
- '— Old URL: %s',
- 'google-site-kit'
- ),
- connectedProxyURL
- ) }
-
- { sprintf(
- /* translators: %s: Connected Proxy URL */
- __(
- '— New URL: %s',
- 'google-site-kit'
- ),
- homeURL
- ) }
-
+
+ + { ! showLearnMoreLink && description } + + { showLearnMoreLink && + createInterpolateElement( + sprintf( + /* translators: 1: The description. 2: The learn more link. */ + __( + '%1$s %2$s', + 'google-site-kit' + ), + description, + __( 'Learn more', 'google-site-kit' ) + ), + { + Link: ( + + ), + } + ) } +
+ ) } + + { getHelpURL && ( + + { __( 'Get help', 'google-site-kit' ) } + + ) } + + { DISCONNECTED_REASON_CONNECTED_URL_MISMATCH === + disconnectedReason && + connectedProxyURL !== homeURL && ( +
+ { sprintf(
+ /* translators: %s: Previous Connected Proxy URL */
+ __( '— Old URL: %s', 'google-site-kit' ),
+ connectedProxyURL
+ ) }
+
+ { sprintf(
+ /* translators: %s: Connected Proxy URL */
+ __( '— New URL: %s', 'google-site-kit' ),
+ homeURL
+ ) }
+
+
+ ) }
+
+
+
+
+
+
+`;
+
+exports[`SetupUsingProxyWithSignIn with the \`setupFlowRefresh\` feature flag enabled should render the setup page correctly 1`] = `
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Let’s get started! +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+`;
+
+exports[`SetupUsingProxyWithSignIn with the \`setupFlowRefresh\` feature flag enabled should render the setup page with the Analytics checkbox when the Analytics module is inactive 1`] = `
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Let’s get started! +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ To get better insights about your site, Site Kit will update your Analytics account, for example by enabling enhanced measurement.
+
+
+ Learn more
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+`;
diff --git a/assets/js/components/setup/SetupUsingProxyWithSignIn/index-setupFlowRefresh.stories.js b/assets/js/components/setup/SetupUsingProxyWithSignIn/index-setupFlowRefresh.stories.js
new file mode 100644
index 00000000000..3bd466e0e9e
--- /dev/null
+++ b/assets/js/components/setup/SetupUsingProxyWithSignIn/index-setupFlowRefresh.stories.js
@@ -0,0 +1,283 @@
+/**
+ * SetupUsingProxyWithSignIn Component Stories.
+ *
+ * Site Kit by Google, Copyright 2025 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/**
+ * External dependencies
+ */
+import { withQuery } from '@storybook/addon-queryparams';
+
+/**
+ * Internal dependencies
+ */
+import SetupUsingProxyWithSignIn from '@/js/components/setup/SetupUsingProxyWithSignIn';
+import {
+ CORE_USER,
+ DISCONNECTED_REASON_CONNECTED_URL_MISMATCH,
+ PERMISSION_READ_SHARED_MODULE_DATA,
+ PERMISSION_AUTHENTICATE,
+} from '@/js/googlesitekit/datastore/user/constants';
+import {
+ provideSiteConnection,
+ provideUserAuthentication,
+ provideModules,
+ provideUserCapabilities,
+ provideSiteInfo,
+} from '../../../../../tests/js/utils';
+import { MODULE_SLUG_SEARCH_CONSOLE } from '@/js/modules/search-console/constants';
+import { MODULE_SLUG_ANALYTICS_4 } from '@/js/modules/analytics-4/constants';
+import WithRegistrySetup from '../../../../../tests/js/WithRegistrySetup';
+import { getMetaCapabilityPropertyName } from '@/js/googlesitekit/datastore/util/permissions';
+import { Provider as ViewContextProvider } from '@/js/components/Root/ViewContextContext';
+import { VIEW_CONTEXT_MAIN_DASHBOARD } from '@/js/googlesitekit/constants';
+
+function Template() {
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Let’s get started! +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ To get better insights about your site, Site Kit will update your Analytics account, for example by enabling enhanced measurement.
+
+
+ Learn more
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+