Refactor bookATrip function

src/components/BookTravelButton.tsx

@@ -21,6 +21,12 @@ type BookTravelButtonProps = {
     text: string;
 };
 
+const navigateToAcceptTerms = (domain: string) => {
+    // Remove the previous provision session infromation if any is cached.
+    cleanupTravelProvisioningSession();
+    Navigation.navigate(ROUTES.TRAVEL_TCS.getRoute(domain));
+};
+
 function BookTravelButton({text}: BookTravelButtonProps) {
     const styles = useThemeStyles();
     const {translate} = useLocalize();
@@ -36,11 +42,15 @@ function BookTravelButton({text}: BookTravelButtonProps) {
     const [isSingleNewDotEntry] = useOnyx(ONYXKEYS.IS_SINGLE_NEW_DOT_ENTRY);
 
     const bookATrip = useCallback(() => {
+        setErrorMessage('');
+
+        // The primary login of the user is where Spotnana sends the emails with booking confirmations, itinerary etc. It can't be a phone number.
         if (!primaryLogin || Str.isSMSLogin(primaryLogin)) {
             setErrorMessage(translate('travel.phoneError'));
             return;
         }
 
+        // An address is required when the Spotnana entity is created for the policy
         if (isEmptyObject(policy?.address)) {
             Navigation.navigate(ROUTES.WORKSPACE_PROFILE_ADDRESS.getRoute(policy?.id, Navigation.getActiveRoute()));
             return;
@@ -63,26 +73,23 @@ function BookTravelButton({text}: BookTravelButtonProps) {
                 ?.catch(() => {
                     setErrorMessage(translate('travel.errorMessage'));
                 });
-            if (errorMessage) {
-                setErrorMessage('');
-            }
         } else if (isPolicyProvisioned) {
-            cleanupTravelProvisioningSession();
-            Navigation.navigate(ROUTES.TRAVEL_TCS.getRoute(CONST.TRAVEL.DEFAULT_DOMAIN));
+            navigateToAcceptTerms(CONST.TRAVEL.DEFAULT_DOMAIN);
         } else {
+            // Determine the domain to associate with the workspace during provisioning in Spotnana.
+            // - If all admins share the same private domain, the workspace is tied to it automatically.
+            // - If admins have multiple private domains, the user must select one.
+            // - Public domains are not allowed; an error page is shown in that case.
             const adminDomains = getAdminsPrivateEmailDomains(policy);
-            let routeToNavigateTo;
             if (adminDomains.length === 0) {
-                routeToNavigateTo = ROUTES.TRAVEL_PUBLIC_DOMAIN_ERROR;
+                Navigation.navigate(ROUTES.TRAVEL_PUBLIC_DOMAIN_ERROR);
             } else if (adminDomains.length === 1) {
-                cleanupTravelProvisioningSession();
-                routeToNavigateTo = ROUTES.TRAVEL_TCS.getRoute(adminDomains.at(0) ?? CONST.TRAVEL.DEFAULT_DOMAIN);
+                navigateToAcceptTerms(adminDomains.at(0) ?? CONST.TRAVEL.DEFAULT_DOMAIN);
             } else {
-                routeToNavigateTo = ROUTES.TRAVEL_DOMAIN_SELECTOR;
+                Navigation.navigate(ROUTES.TRAVEL_DOMAIN_SELECTOR);
             }
-            Navigation.navigate(routeToNavigateTo);
         }
-    }, [policy, isSingleNewDotEntry, travelSettings, translate, errorMessage, primaryLogin]);
+    }, [policy, isSingleNewDotEntry, travelSettings, translate, primaryLogin]);
 
     return (
         <>

src/components/EmptyStateComponent/index.tsx

@@ -23,7 +23,7 @@ function EmptyStateComponent({
     title,
     titleStyles,
     subtitle,
-    body,
+    children,
     headerStyles,
     headerContentStyles,
     lottieWebViewStyles,
@@ -101,7 +101,7 @@ function EmptyStateComponent({
                     <View style={shouldUseNarrowLayout ? styles.p5 : styles.p8}>
                         <Text style={[styles.textAlignCenter, styles.textHeadlineH1, styles.mb2, titleStyles]}>{title}</Text>
                         <Text style={[styles.textAlignCenter, styles.textSupporting, styles.textNormal]}>{subtitle}</Text>
-                        {!!body && body}
+                        {!!children && children}
                         <View style={[styles.gap2, styles.mt5, !shouldUseNarrowLayout ? styles.flexRow : undefined]}>
                             {buttons?.map(({buttonText, buttonAction, success, icon, isDisabled}, index) => (
                                 <View

src/components/EmptyStateComponent/types.ts

@@ -16,7 +16,7 @@ type SharedProps<T> = {
     title: string;
     titleStyles?: StyleProp<TextStyle>;
     subtitle?: string;
-    body?: React.ReactNode;
+    children?: React.ReactNode;
     buttons?: Button[];
     containerStyles?: StyleProp<ViewStyle>;
     headerStyles?: StyleProp<ViewStyle>;

src/pages/Search/EmptySearchView.tsx

@@ -60,7 +60,7 @@ function EmptySearchView({type, hasResults}: EmptySearchViewProps) {
         return areAllGroupPoliciesExpenseChatDisabled((allPolicies as OnyxCollection<Policy>) ?? {});
     }, [allPolicies]);
 
-    const contentBody = useMemo(() => {
+    const contentChildren = useMemo(() => {
         return (
             <>
                 <Text style={[styles.textSupporting, styles.textNormal]}>
@@ -120,7 +120,7 @@ function EmptySearchView({type, hasResults}: EmptySearchViewProps) {
                     headerContentStyles: [StyleUtils.getWidthAndHeightStyle(375, 240), StyleUtils.getBackgroundColorStyle(theme.travelBG)],
                     title: translate('travel.title'),
                     titleStyles: {...styles.textAlignLeft},
-                    body: contentBody,
+                    children: contentChildren,
                     lottieWebViewStyles: {backgroundColor: theme.travelBG, ...styles.emptyStateFolderWebStyles},
                 };
             case CONST.SEARCH.DATA_TYPES.EXPENSE:
@@ -220,7 +220,7 @@ function EmptySearchView({type, hasResults}: EmptySearchViewProps) {
         translate,
         styles.textAlignLeft,
         styles.emptyStateFolderWebStyles,
-        contentBody,
+        contentChildren,
         hasSeenTour,
         navatticURL,
         shouldRedirectToExpensifyClassic,
@@ -241,11 +241,12 @@ function EmptySearchView({type, hasResults}: EmptySearchViewProps) {
                 title={content.title}
                 titleStyles={content.titleStyles}
                 subtitle={content.subtitle}
-                body={content.body}
                 buttons={content.buttons}
                 headerContentStyles={[styles.h100, styles.w100, ...content.headerContentStyles]}
                 lottieWebViewStyles={content.lottieWebViewStyles}
-            />
+            >
+                {content.children}
+            </EmptyStateComponent>
             <ConfirmModal
                 prompt={translate('sidebarScreen.redirectToExpensifyClassicModal.description')}
                 isVisible={modalVisible}

src/pages/workspace/companyCards/WorkspaceCompanyCardsFeedPendingPage.tsx

@@ -14,13 +14,6 @@ function WorkspaceCompanyCardsFeedPendingPage() {
     const {translate} = useLocalize();
     const styles = useThemeStyles();
 
-    const body = (
-        <Text>
-            {translate('workspace.moreFeatures.companyCards.pendingFeedDescription')}
-            <TextLink onPress={() => navigateToConciergeChat()}> {CONST?.CONCIERGE_CHAT_NAME}</TextLink>.
-        </Text>
-    );
-
     return (
         <EmptyStateComponent
             SkeletonComponent={CardRowSkeleton}
@@ -30,8 +23,12 @@ function WorkspaceCompanyCardsFeedPendingPage() {
             headerStyles={[styles.emptyStateCardIllustrationContainer, {backgroundColor: colors.ice800}]}
             headerContentStyles={styles.pendingStateCardIllustration}
             title={translate('workspace.moreFeatures.companyCards.pendingFeedTitle')}
-            body={body}
-        />
+        >
+            <Text>
+                {translate('workspace.moreFeatures.companyCards.pendingFeedDescription')}
+                <TextLink onPress={() => navigateToConciergeChat()}> {CONST?.CONCIERGE_CHAT_NAME}</TextLink>.
+            </Text>
+        </EmptyStateComponent>
     );
 }