[CP Staging] Move demo pages to the AuthScreens

src/libs/Navigation/AppNavigator/AuthScreens.js

@@ -35,6 +35,7 @@ import styles from '../../../styles/styles';
 import * as SessionUtils from '../../SessionUtils';
 import NotFoundPage from '../../../pages/ErrorPage/NotFoundPage';
 import getRootNavigatorScreenOptions from './getRootNavigatorScreenOptions';
+import DemoSetupPage from '../../../pages/DemoSetupPage';
 
 let timezone;
 let currentAccountID;
@@ -282,6 +283,16 @@ class AuthScreens extends React.Component {
                             return ConciergePage;
                         }}
                     />
+                    <RootStack.Screen
+                        name={CONST.DEMO_PAGES.SAASTR}
+                        options={defaultScreenOptions}
+                        component={DemoSetupPage}
+                    />
+                    <RootStack.Screen
+                        name={CONST.DEMO_PAGES.SBE}
+                        options={defaultScreenOptions}
+                        component={DemoSetupPage}
+                    />
                     <RootStack.Screen
                         name={SCREENS.REPORT_ATTACHMENTS}
                         options={{

src/libs/Navigation/AppNavigator/Navigators/CentralPaneNavigator.js

@@ -2,11 +2,9 @@ import React from 'react';
 import {createStackNavigator} from '@react-navigation/stack';
 import SCREENS from '../../../../SCREENS';
 import ReportScreenWrapper from '../ReportScreenWrapper';
-import DemoSetupPage from '../../../../pages/DemoSetupPage';
 import getCurrentUrl from '../../currentUrl';
 import styles from '../../../../styles/styles';
 import FreezeWrapper from '../../FreezeWrapper';
-import CONST from '../../../../CONST';
 
 const Stack = createStackNavigator();
 
@@ -30,22 +28,6 @@ function CentralPaneNavigator() {
                     }}
                     component={ReportScreenWrapper}
                 />
-                <Stack.Screen
-                    name={CONST.DEMO_PAGES.SAASTR}
-                    options={{
-                        headerShown: false,
-                        title: 'New Expensify',
-                    }}
-                    component={DemoSetupPage}
-                />
-                <Stack.Screen
-                    name={CONST.DEMO_PAGES.SBE}
-                    options={{
-                        headerShown: false,
-                        title: 'New Expensify',
-                    }}
-                    component={DemoSetupPage}
-                />
             </Stack.Navigator>
         </FreezeWrapper>
     );

src/libs/Navigation/linkingConfig.js

@@ -18,6 +18,10 @@ export default {
             [SCREENS.DESKTOP_SIGN_IN_REDIRECT]: ROUTES.DESKTOP_SIGN_IN_REDIRECT,
             [SCREENS.REPORT_ATTACHMENTS]: ROUTES.REPORT_ATTACHMENTS,
 
+            // Demo routes
+            [CONST.DEMO_PAGES.SAASTR]: ROUTES.SAASTR,
+            [CONST.DEMO_PAGES.SBE]: ROUTES.SBE,
+
             // Sidebar
             [SCREENS.HOME]: {
                 path: ROUTES.HOME,
@@ -26,8 +30,6 @@ export default {
             [NAVIGATORS.CENTRAL_PANE_NAVIGATOR]: {
                 screens: {
                     [SCREENS.REPORT]: ROUTES.REPORT_WITH_ID,
-                    [CONST.DEMO_PAGES.SAASTR]: ROUTES.SAASTR,
-                    [CONST.DEMO_PAGES.SBE]: ROUTES.SBE,
                 },
             },
             [SCREENS.NOT_FOUND]: '*',

src/pages/DemoSetupPage.js

@@ -22,14 +22,16 @@ const propTypes = {
  */
 function DemoSetupPage(props) {
     useFocusEffect(() => {
-        // Depending on the route that the user hit to get here, run a specific demo flow
-        if (props.route.name === CONST.DEMO_PAGES.SAASTR) {
-            DemoActions.runSaastrDemo();
-        } else if (props.route.name === CONST.DEMO_PAGES.SBE) {
-            DemoActions.runSbeDemo();
-        } else {
-            Navigation.goBack();
-        }
+        Navigation.isNavigationReady().then(() => {
+            // Depending on the route that the user hit to get here, run a specific demo flow
+            if (props.route.name === CONST.DEMO_PAGES.SAASTR) {
+                DemoActions.runSaastrDemo();
+            } else if (props.route.name === CONST.DEMO_PAGES.SBE) {
+                DemoActions.runSbeDemo();
+            } else {
+                Navigation.goBack();
+            }
+        });
     });
 
     return <FullScreenLoadingIndicator />;

src/pages/home/sidebar/SidebarScreen/FloatingActionButtonAndPopover.js

@@ -67,6 +67,16 @@ const propTypes = {
 
     /** Forwarded ref to FloatingActionButtonAndPopover */
     innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+
+    /** Information about any currently running demos */
+    demoInfo: PropTypes.shape({
+        saastr: PropTypes.shape({
+            isBeginningDemo: PropTypes.bool,
+        }),
+        sbe: PropTypes.shape({
+            isBeginningDemo: PropTypes.bool,
+        }),
+    }),
 };
 const defaultProps = {
     onHideCreateMenu: () => {},
@@ -76,6 +86,7 @@ const defaultProps = {
     isLoading: false,
     innerRef: null,
     shouldShowDownloadAppBanner: true,
+    demoInfo: {},
 };
 
 /**
@@ -162,8 +173,11 @@ function FloatingActionButtonAndPopover(props) {
         if (props.shouldShowDownloadAppBanner && Browser.isMobile()) {
             return;
         }
+        if (lodashGet(props.demoInfo, 'saastr.isBeginningDemo', false) || lodashGet(props.demoInfo, 'sbe.isBeginningDemo', false)) {
+            return;
+        }
         Welcome.show({routes, showCreateMenu});
-    }, [props.shouldShowDownloadAppBanner, props.navigation, showCreateMenu]);
+    }, [props.shouldShowDownloadAppBanner, props.navigation, showCreateMenu, props.demoInfo]);
 
     useEffect(() => {
         if (!didScreenBecomeInactive()) {
@@ -299,6 +313,9 @@ export default compose(
         shouldShowDownloadAppBanner: {
             key: ONYXKEYS.SHOW_DOWNLOAD_APP_BANNER,
         },
+        demoInfo: {
+            key: ONYXKEYS.DEMO_INFO,
+        },
     }),
 )(
     forwardRef((props, ref) => (