Merge pull request #60988 from Expensify/stites-preventTravelAgain

[cp stg/prd] Add new modal for travel verification

(cherry picked from commit 7070a1f)

(cherry-picked to production by roryabraham)

Author: roryabraham

src/CONST.ts

@@ -798,6 +798,7 @@ const CONST = {
         WALLET: 'newdotWallet',
         GLOBAL_REIMBURSEMENTS_ON_ND: 'globalReimbursementsOnND',
         PRIVATE_DOMAIN_ONBOARDING: 'privateDomainOnboarding',
+        IS_TRAVEL_VERIFIED: 'isTravelVerified',
     },
     BUTTON_STATES: {
         DEFAULT: 'default',

src/components/BookTravelButton.tsx

@@ -60,8 +60,9 @@ function BookTravelButton({text, shouldRenderErrorMessageBelowButton = false}: B
     const [sessionEmail] = useOnyx(ONYXKEYS.SESSION, {selector: (session) => session?.email, canBeMissing: false});
     const primaryContactMethod = primaryLogin ?? sessionEmail ?? '';
     const {setRootStatusBarEnabled} = useContext(CustomStatusBarAndBackgroundContext);
-    const {isBlockedFromSpotnanaTravel} = usePermissions();
+    const {isBlockedFromSpotnanaTravel, isTravelVerified} = usePermissions();
     const [isPreventionModalVisible, setPreventionModalVisibility] = useState(false);
+    const [isVerificationModalVisible, setVerificationModalVisiblity] = useState(false);
     const [policies] = useOnyx(ONYXKEYS.COLLECTION.POLICY, {canBeMissing: false});
     const {login: currentUserLogin} = useCurrentUserPersonalDetails();
     const activePolicies = getActivePolicies(policies, currentUserLogin);
@@ -71,6 +72,7 @@ function BookTravelButton({text, shouldRenderErrorMessageBelowButton = false}: B
     const [wasNewDotLaunchedJustForTravel] = useOnyx(ONYXKEYS.IS_SINGLE_NEW_DOT_ENTRY, {canBeMissing: false});
 
     const hidePreventionModal = () => setPreventionModalVisibility(false);
+    const hideVerificationModal = () => setVerificationModalVisiblity(false);
 
     const bookATrip = useCallback(() => {
         setErrorMessage('');
@@ -133,6 +135,8 @@ function BookTravelButton({text, shouldRenderErrorMessageBelowButton = false}: B
                 });
         } else if (isPolicyProvisioned) {
             navigateToAcceptTerms(CONST.TRAVEL.DEFAULT_DOMAIN);
+        } else if (!isTravelVerified) {
+            setVerificationModalVisiblity(true);
         }
         // 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.
@@ -162,6 +166,7 @@ function BookTravelButton({text, shouldRenderErrorMessageBelowButton = false}: B
         setRootStatusBarEnabled,
         isUserValidated,
         groupPaidPolicies.length,
+        isTravelVerified,
     ]);
 
     return (
@@ -202,6 +207,20 @@ function BookTravelButton({text, shouldRenderErrorMessageBelowButton = false}: B
                 confirmText={translate('common.buttonConfirm')}
                 shouldShowCancelButton={false}
             />
+            <ConfirmModal
+                title={translate('travel.verifyCompany.title')}
+                titleStyles={styles.textHeadlineH1}
+                titleContainerStyles={styles.mb2}
+                onConfirm={hideVerificationModal}
+                onCancel={hideVerificationModal}
+                image={RocketDude}
+                imageStyles={StyleUtils.getBackgroundColorStyle(colors.ice600)}
+                isVisible={isVerificationModalVisible}
+                prompt={translate('travel.verifyCompany.message')}
+                promptStyles={styles.mb2}
+                confirmText={translate('common.buttonConfirm')}
+                shouldShowCancelButton={false}
+            />
         </>
     );
 }

src/languages/en.ts

@@ -2874,6 +2874,10 @@ const translations = {
             title: 'Expensify Travel has been disabled',
             message: `Your admin has turned off Expensify Travel. Please follow your company's booking policy for travel arrangements.`,
         },
+        verifyCompany: {
+            title: 'Get started with travel today!',
+            message: `Please contact your Account manager or salesteam@expensify.com to get a demo of travel and have it enabled for your company.`,
+        },
     },
     workspace: {
         common: {

src/languages/es.ts

@@ -2899,6 +2899,10 @@ const translations = {
             title: 'Expensify Travel ha sido deshabilitado',
             message: 'Tu administrador ha desactivado Expensify Travel. Por favor, sigue la política de reservas de tu empresa para organizar tus viajes.',
         },
+        verifyCompany: {
+            title: '¡Empieza a viajar hoy mismo!',
+            message: `Por favor, contacta a tu gestor de cuenta o a salesteam@expensify.com para solicitar una demostración de Travel y habilitarlo para tu empresa.`,
+        },
     },
     workspace: {
         common: {

src/libs/Permissions.ts

@@ -19,6 +19,10 @@ function isBlockedFromSpotnanaTravel(betas: OnyxEntry<Beta[]>): boolean {
     return !!betas?.includes(CONST.BETAS.PREVENT_SPOTNANA_TRAVEL);
 }
 
+function isTravelVerified(betas: OnyxEntry<Beta[]>): boolean {
+    return !!betas?.includes(CONST.BETAS.IS_TRAVEL_VERIFIED) || canUseAllBetas(betas);
+}
+
 function canUseNetSuiteUSATax(betas: OnyxEntry<Beta[]>): boolean {
     return !!betas?.includes(CONST.BETAS.NETSUITE_USA_TAX) || canUseAllBetas(betas);
 }
@@ -79,6 +83,7 @@ export default {
     canUseLinkPreviews,
     canUseSpotnanaTravel,
     isBlockedFromSpotnanaTravel,
+    isTravelVerified,
     canUseNetSuiteUSATax,
     canUsePDFExport,
     canUseMergeAccounts,