diff --git a/src/libs/getCurrentPosition/index.ts b/src/libs/getCurrentPosition/index.ts
index e64a8e9b0f5ce..7e39fe37d4191 100644
--- a/src/libs/getCurrentPosition/index.ts
+++ b/src/libs/getCurrentPosition/index.ts
@@ -4,17 +4,21 @@ import {GeolocationErrorCode} from './getCurrentPosition.types';
 import type {GetCurrentPosition} from './getCurrentPosition.types';
 
 const getCurrentPosition: GetCurrentPosition = async (success, error, options) => {
-    const foregroundPermissionResponse: PermissionResponse = await requestForegroundPermissionsAsync();
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-call
+    const foregroundPermissionResponse = (await requestForegroundPermissionsAsync()) as PermissionResponse;
 
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
     if (foregroundPermissionResponse.status !== PermissionStatus.GRANTED) {
         error({code: GeolocationErrorCode.PERMISSION_DENIED, message: 'User denied access to location.'});
         return;
     }
 
     try {
+        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-call
         const currentPosition = await getCurrentPositionAsync(options);
+        // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
         success(currentPosition);
-    } catch (caughtError) {
+    } catch (caughtError: unknown) {
         let message = 'Geolocation call failed';
         let code = GeolocationErrorCode.POSITION_UNAVAILABLE;
 
diff --git a/src/pages/EditReportFieldPage.tsx b/src/pages/EditReportFieldPage.tsx
index 3f674634c1502..b0809d4f4f44b 100644
--- a/src/pages/EditReportFieldPage.tsx
+++ b/src/pages/EditReportFieldPage.tsx
@@ -1,13 +1,14 @@
 import {Str} from 'expensify-common';
-import React, {useState} from 'react';
+import React from 'react';
 import FullPageNotFoundView from '@components/BlockingViews/FullPageNotFoundView';
-import ConfirmModal from '@components/ConfirmModal';
 import type {FormOnyxValues} from '@components/Form/types';
 import HeaderWithBackButton from '@components/HeaderWithBackButton';
 import * as Expensicons from '@components/Icon/Expensicons';
+import {ModalActions} from '@components/Modal/Global/ModalContext';
 import {useSession} from '@components/OnyxListItemProvider';
 import type {PopoverMenuItem} from '@components/PopoverMenu';
 import ScreenWrapper from '@components/ScreenWrapper';
+import useConfirmModal from '@hooks/useConfirmModal';
 import useLocalize from '@hooks/useLocalize';
 import useOnyx from '@hooks/useOnyx';
 import usePermissions from '@hooks/usePermissions';
@@ -50,7 +51,7 @@ function EditReportFieldPage({route}: EditReportFieldPageProps) {
     const [transactionViolations] = useOnyx(ONYXKEYS.COLLECTION.TRANSACTION_VIOLATIONS, {canBeMissing: true});
     const hasViolations = hasViolationsReportUtils(report?.reportID, transactionViolations, session?.accountID ?? CONST.DEFAULT_NUMBER_ID, session?.email ?? '');
 
-    const [isDeleteModalVisible, setIsDeleteModalVisible] = useState(false);
+    const {showConfirmModal} = useConfirmModal();
     const {translate} = useLocalize();
     const isReportFieldTitle = isReportFieldOfTypeTitle(reportField);
     const reportFieldsEnabled = ((isPaidGroupPolicyExpenseReport(report) || isInvoiceReport(report)) && !!policy?.areReportFieldsEnabled) || isReportFieldTitle;
@@ -78,7 +79,6 @@ function EditReportFieldPage({route}: EditReportFieldPageProps) {
     };
 
     const handleReportFieldDelete = () => {
-        setIsDeleteModalVisible(false);
         goBack();
         setTimeout(() => {
             deleteReportField(report.reportID, reportField);
@@ -121,7 +121,27 @@ function EditReportFieldPage({route}: EditReportFieldPageProps) {
     const isReportFieldDeletable = reportField.deletable && reportField?.fieldID !== CONST.REPORT_FIELD_TITLE_FIELD_ID;
 
     if (isReportFieldDeletable) {
-        menuItems.push({icon: Expensicons.Trashcan, text: translate('common.delete'), onSelected: () => setIsDeleteModalVisible(true), shouldCallAfterModalHide: true});
+        menuItems.push({
+            icon: Expensicons.Trashcan,
+            text: translate('common.delete'),
+            onSelected: () => {
+                showConfirmModal({
+                    title: translate('workspace.reportFields.delete'),
+                    prompt: translate('workspace.reportFields.deleteConfirmation'),
+                    confirmText: translate('common.delete'),
+                    cancelText: translate('common.cancel'),
+                    danger: true,
+                    shouldEnableNewFocusManagement: true,
+                    // eslint-disable-next-line rulesdir/prefer-early-return
+                }).then((result) => {
+                    if (result.action !== ModalActions.CONFIRM) {
+                        return;
+                    }
+                    handleReportFieldDelete();
+                });
+            },
+            shouldCallAfterModalHide: true,
+        });
     }
 
     const fieldName = Str.UCFirst(reportField.name);
@@ -139,18 +159,6 @@ function EditReportFieldPage({route}: EditReportFieldPageProps) {
                 onBackButtonPress={goBack}
             />
 
-            <ConfirmModal
-                title={translate('workspace.reportFields.delete')}
-                isVisible={isDeleteModalVisible}
-                onConfirm={handleReportFieldDelete}
-                onCancel={() => setIsDeleteModalVisible(false)}
-                prompt={translate('workspace.reportFields.deleteConfirmation')}
-                confirmText={translate('common.delete')}
-                cancelText={translate('common.cancel')}
-                danger
-                shouldEnableNewFocusManagement
-            />
-
             {(reportField.type === CONST.REPORT_FIELD_TYPES.TEXT || isReportFieldTitle) && (
                 <EditReportFieldText
                     fieldName={reportField.name}
diff --git a/src/pages/ReportDetailsPage.tsx b/src/pages/ReportDetailsPage.tsx
index bc5dd4d3280aa..a0190dfba0140 100644
--- a/src/pages/ReportDetailsPage.tsx
+++ b/src/pages/ReportDetailsPage.tsx
@@ -1,17 +1,17 @@
 import reportsSelector from '@selectors/Attributes';
 import {Str} from 'expensify-common';
-import React, {useCallback, useEffect, useMemo, useRef, useState} from 'react';
+import React, {useCallback, useEffect, useMemo, useRef} from 'react';
 import {View} from 'react-native';
 import type {OnyxEntry} from 'react-native-onyx';
 import type {ValueOf} from 'type-fest';
 import AvatarWithImagePicker from '@components/AvatarWithImagePicker';
 import FullPageNotFoundView from '@components/BlockingViews/FullPageNotFoundView';
-import ConfirmModal from '@components/ConfirmModal';
 import DisplayNames from '@components/DisplayNames';
 import HeaderWithBackButton from '@components/HeaderWithBackButton';
 import MentionReportContext from '@components/HTMLEngineProvider/HTMLRenderers/MentionReportRenderer/MentionReportContext';
 import MenuItem from '@components/MenuItem';
 import MenuItemWithTopDescription from '@components/MenuItemWithTopDescription';
+import {ModalActions} from '@components/Modal/Global/ModalContext';
 import OfflineWithFeedback from '@components/OfflineWithFeedback';
 import ParentNavigationSubtitle from '@components/ParentNavigationSubtitle';
 import PressableWithoutFeedback from '@components/Pressable/PressableWithoutFeedback';
@@ -23,6 +23,7 @@ import ScreenWrapper from '@components/ScreenWrapper';
 import ScrollView from '@components/ScrollView';
 import {useSearchContext} from '@components/Search/SearchContext';
 import useAncestors from '@hooks/useAncestors';
+import useConfirmModal from '@hooks/useConfirmModal';
 import useCurrentUserPersonalDetails from '@hooks/useCurrentUserPersonalDetails';
 import useDeleteTransactions from '@hooks/useDeleteTransactions';
 import useDuplicateTransactionsAndViolations from '@hooks/useDuplicateTransactionsAndViolations';
@@ -47,7 +48,7 @@ import Parser from '@libs/Parser';
 import Permissions from '@libs/Permissions';
 import {isPolicyAdmin as isPolicyAdminUtil, isPolicyEmployee as isPolicyEmployeeUtil, shouldShowPolicy} from '@libs/PolicyUtils';
 import {getOneTransactionThreadReportID, getOriginalMessage, getTrackExpenseActionableWhisper, isDeletedAction, isMoneyRequestAction, isTrackExpenseAction} from '@libs/ReportActionsUtils';
-import {getReportName as getReportNameFromReportNameUtils} from '@libs/ReportNameUtils';
+import {getReportName} from '@libs/ReportNameUtils';
 import {
     canDeleteCardTransactionByLiabilityType,
     canDeleteTransaction,
@@ -153,6 +154,7 @@ type CaseID = ValueOf<typeof CASES>;
 function ReportDetailsPage({policy, report, route, reportMetadata}: ReportDetailsPageProps) {
     const {translate, localeCompare} = useLocalize();
     const {isOffline} = useNetwork();
+    const {showConfirmModal} = useConfirmModal();
     const {isRestrictedToPreferredPolicy, preferredPolicyID} = usePreferredPolicy();
     const styles = useThemeStyles();
     const expensifyIcons = useMemoizedLazyExpensifyIcons(['Users', 'Gear', 'Send', 'Folder', 'UserPlus', 'Pencil', 'Checkmark', 'Building', 'Exit', 'Bug', 'Camera', 'Trashcan'] as const);
@@ -181,8 +183,6 @@ function ReportDetailsPage({policy, report, route, reportMetadata}: ReportDetail
     const [personalDetails] = useOnyx(ONYXKEYS.PERSONAL_DETAILS_LIST, {canBeMissing: false});
     const [introSelected] = useOnyx(ONYXKEYS.NVP_INTRO_SELECTED, {canBeMissing: true});
     const currentUserPersonalDetails = useCurrentUserPersonalDetails();
-    const [isLastMemberLeavingGroupModalVisible, setIsLastMemberLeavingGroupModalVisible] = useState(false);
-    const [isDeleteModalVisible, setIsDeleteModalVisible] = useState(false);
     const isPolicyAdmin = useMemo(() => isPolicyAdminUtil(policy), [policy]);
     const isPolicyEmployee = useMemo(() => isPolicyEmployeeUtil(report?.policyID, policy), [report?.policyID, policy]);
     const isPolicyExpenseChat = useMemo(() => isPolicyExpenseChatUtil(report), [report]);
@@ -306,14 +306,6 @@ function ReportDetailsPage({policy, report, route, reportMetadata}: ReportDetail
     const [reportAttributes] = useOnyx(ONYXKEYS.DERIVED.REPORT_ATTRIBUTES, {canBeMissing: true, selector: reportsSelector});
     const isWorkspaceChat = useMemo(() => isWorkspaceChatUtil(report?.chatType ?? ''), [report?.chatType]);
 
-    useEffect(() => {
-        if (canDeleteRequest) {
-            return;
-        }
-
-        setIsDeleteModalVisible(false);
-    }, [canDeleteRequest]);
-
     useEffect(() => {
         // Do not fetch private notes if isLoadingPrivateNotes is already defined, or if the network is offline, or if the report is a self DM.
         if (isPrivateNotesFetchTriggered || isOffline || isSelfDM) {
@@ -338,7 +330,7 @@ function ReportDetailsPage({policy, report, route, reportMetadata}: ReportDetail
     const shouldShowLeaveButton = canLeaveChat(report, policy, !!reportNameValuePairs?.private_isArchived);
     const shouldShowGoToWorkspace = shouldShowPolicy(policy, false, currentUserPersonalDetails?.email) && !policy?.isJoinRequestPending;
 
-    const reportName = isGroupChat ? getReportNameFromReportNameUtils(report, reportAttributes) : Parser.htmlToText(getReportNameFromReportNameUtils(report, reportAttributes));
+    const reportName = isGroupChat ? getReportName(report, reportAttributes) : Parser.htmlToText(getReportName(report, reportAttributes));
     const additionalRoomDetails =
         (isPolicyExpenseChat && !!report?.isOwnPolicyExpenseChat) || isExpenseReportUtil(report) || isPolicyExpenseChat || isInvoiceRoom
             ? chatRoomSubtitle
@@ -525,7 +517,19 @@ function ReportDetailsPage({policy, report, route, reportMetadata}: ReportDetail
                 isAnonymousAction: true,
                 action: () => {
                     if (getParticipantsAccountIDsForDisplay(report, false, true).length === 1 && isRootGroupChat) {
-                        setIsLastMemberLeavingGroupModalVisible(true);
+                        showConfirmModal({
+                            danger: true,
+                            title: translate('groupChat.lastMemberTitle'),
+                            prompt: translate('groupChat.lastMemberWarning'),
+                            confirmText: translate('common.leave'),
+                            cancelText: translate('common.cancel'),
+                            // eslint-disable-next-line rulesdir/prefer-early-return
+                        }).then((result) => {
+                            if (result.action !== ModalActions.CONFIRM) {
+                                return;
+                            }
+                            leaveChat();
+                        });
                         return;
                     }
 
@@ -584,6 +588,8 @@ function ReportDetailsPage({policy, report, route, reportMetadata}: ReportDetail
         preferredPolicyID,
         introSelected,
         parentReport,
+        showConfirmModal,
+        translate,
     ]);
 
     const displayNamesWithTooltips = useMemo(() => {
@@ -1010,37 +1016,25 @@ function ReportDetailsPage({policy, report, route, reportMetadata}: ReportDetail
                             key={CONST.REPORT_DETAILS_MENU_ITEM.DELETE}
                             icon={expensifyIcons.Trashcan}
                             title={caseID === CASES.DEFAULT ? translate('common.delete') : translate('reportActionContextMenu.deleteAction', {action: requestParentReportAction})}
-                            onPress={() => setIsDeleteModalVisible(true)}
+                            onPress={() => {
+                                showConfirmModal({
+                                    title: caseID === CASES.DEFAULT ? translate('task.deleteTask') : translate('iou.deleteExpense', {count: 1}),
+                                    prompt: caseID === CASES.DEFAULT ? translate('task.deleteConfirmation') : translate('iou.deleteConfirmation', {count: 1}),
+                                    confirmText: translate('common.delete'),
+                                    cancelText: translate('common.cancel'),
+                                    danger: true,
+                                    shouldEnableNewFocusManagement: true,
+                                    // eslint-disable-next-line rulesdir/prefer-early-return
+                                }).then((result) => {
+                                    if (result.action !== ModalActions.CONFIRM) {
+                                        return;
+                                    }
+                                    isTransactionDeleted.current = true;
+                                });
+                            }}
                         />
                     )}
                 </ScrollView>
-                <ConfirmModal
-                    danger
-                    title={translate('groupChat.lastMemberTitle')}
-                    isVisible={isLastMemberLeavingGroupModalVisible}
-                    onConfirm={() => {
-                        setIsLastMemberLeavingGroupModalVisible(false);
-                        leaveChat();
-                    }}
-                    onCancel={() => setIsLastMemberLeavingGroupModalVisible(false)}
-                    prompt={translate('groupChat.lastMemberWarning')}
-                    confirmText={translate('common.leave')}
-                    cancelText={translate('common.cancel')}
-                />
-                <ConfirmModal
-                    title={caseID === CASES.DEFAULT ? translate('task.deleteTask') : translate('iou.deleteExpense', {count: 1})}
-                    isVisible={isDeleteModalVisible}
-                    onConfirm={() => {
-                        setIsDeleteModalVisible(false);
-                        isTransactionDeleted.current = true;
-                    }}
-                    onCancel={() => setIsDeleteModalVisible(false)}
-                    prompt={caseID === CASES.DEFAULT ? translate('task.deleteConfirmation') : translate('iou.deleteConfirmation', {count: 1})}
-                    confirmText={translate('common.delete')}
-                    cancelText={translate('common.cancel')}
-                    danger
-                    shouldEnableNewFocusManagement
-                />
             </FullPageNotFoundView>
         </ScreenWrapper>
     );
diff --git a/src/pages/ReportParticipantDetailsPage.tsx b/src/pages/ReportParticipantDetailsPage.tsx
index 8739fcd9fac4f..93f31cd5a0457 100644
--- a/src/pages/ReportParticipantDetailsPage.tsx
+++ b/src/pages/ReportParticipantDetailsPage.tsx
@@ -2,13 +2,14 @@ import React, {useCallback} from 'react';
 import {View} from 'react-native';
 import Avatar from '@components/Avatar';
 import Button from '@components/Button';
-import ConfirmModal from '@components/ConfirmModal';
 import HeaderWithBackButton from '@components/HeaderWithBackButton';
 import MenuItem from '@components/MenuItem';
 import MenuItemWithTopDescription from '@components/MenuItemWithTopDescription';
+import {ModalActions} from '@components/Modal/Global/ModalContext';
 import OfflineWithFeedback from '@components/OfflineWithFeedback';
 import ScreenWrapper from '@components/ScreenWrapper';
 import Text from '@components/Text';
+import useConfirmModal from '@hooks/useConfirmModal';
 import useCurrentUserPersonalDetails from '@hooks/useCurrentUserPersonalDetails';
 import {useMemoizedLazyExpensifyIcons} from '@hooks/useLazyAsset';
 import useLocalize from '@hooks/useLocalize';
@@ -39,8 +40,7 @@ function ReportParticipantDetails({report, route}: ReportParticipantDetailsPageP
     const StyleUtils = useStyleUtils();
     const [personalDetails] = useOnyx(ONYXKEYS.PERSONAL_DETAILS_LIST, {canBeMissing: false});
     const currentUserPersonalDetails = useCurrentUserPersonalDetails();
-
-    const [isRemoveMemberConfirmModalVisible, setIsRemoveMemberConfirmModalVisible] = React.useState(false);
+    const {showConfirmModal} = useConfirmModal();
 
     const accountID = Number(route.params.accountID);
     const backTo = ROUTES.REPORT_PARTICIPANTS.getRoute(report?.reportID, route.params.backTo);
@@ -52,7 +52,6 @@ function ReportParticipantDetails({report, route}: ReportParticipantDetailsPageP
     const isCurrentUserAdmin = isGroupChatAdmin(report, currentUserPersonalDetails?.accountID);
     const isSelectedMemberCurrentUser = accountID === currentUserPersonalDetails?.accountID;
     const removeUser = useCallback(() => {
-        setIsRemoveMemberConfirmModalVisible(false);
         removeFromGroupChat(report?.reportID, [accountID]);
         Navigation.goBack(backTo);
     }, [backTo, report?.reportID, accountID]);
@@ -95,26 +94,28 @@ function ReportParticipantDetails({report, route}: ReportParticipantDetailsPageP
                         </Text>
                     )}
                     {isCurrentUserAdmin && (
-                        <>
-                            <Button
-                                text={translate('workspace.people.removeGroupMemberButtonTitle')}
-                                onPress={() => setIsRemoveMemberConfirmModalVisible(true)}
-                                isDisabled={isSelectedMemberCurrentUser}
-                                icon={icons.RemoveMembers}
-                                iconStyles={StyleUtils.getTransformScaleStyle(0.8)}
-                                style={styles.mv5}
-                            />
-                            <ConfirmModal
-                                danger
-                                title={translate('workspace.people.removeGroupMemberButtonTitle')}
-                                isVisible={isRemoveMemberConfirmModalVisible}
-                                onConfirm={removeUser}
-                                onCancel={() => setIsRemoveMemberConfirmModalVisible(false)}
-                                prompt={translate('workspace.people.removeMemberPrompt', {memberName: displayName})}
-                                confirmText={translate('common.remove')}
-                                cancelText={translate('common.cancel')}
-                            />
-                        </>
+                        <Button
+                            text={translate('workspace.people.removeGroupMemberButtonTitle')}
+                            onPress={() => {
+                                showConfirmModal({
+                                    danger: true,
+                                    title: translate('workspace.people.removeGroupMemberButtonTitle'),
+                                    prompt: translate('workspace.people.removeMemberPrompt', {memberName: displayName}),
+                                    confirmText: translate('common.remove'),
+                                    cancelText: translate('common.cancel'),
+                                    // eslint-disable-next-line rulesdir/prefer-early-return
+                                }).then((result) => {
+                                    if (result.action !== ModalActions.CONFIRM) {
+                                        return;
+                                    }
+                                    removeUser();
+                                });
+                            }}
+                            isDisabled={isSelectedMemberCurrentUser}
+                            icon={icons.RemoveMembers}
+                            iconStyles={StyleUtils.getTransformScaleStyle(0.8)}
+                            style={styles.mv5}
+                        />
                     )}
                 </View>
                 <View style={styles.w100}>
diff --git a/src/pages/ReportParticipantsPage.tsx b/src/pages/ReportParticipantsPage.tsx
index f703f7e228404..56457756190d8 100755
--- a/src/pages/ReportParticipantsPage.tsx
+++ b/src/pages/ReportParticipantsPage.tsx
@@ -9,15 +9,16 @@ import FullPageNotFoundView from '@components/BlockingViews/FullPageNotFoundView
 import Button from '@components/Button';
 import ButtonWithDropdownMenu from '@components/ButtonWithDropdownMenu';
 import type {DropdownOption, WorkspaceMemberBulkActionType} from '@components/ButtonWithDropdownMenu/types';
-import ConfirmModal from '@components/ConfirmModal';
 import HeaderWithBackButton from '@components/HeaderWithBackButton';
 // eslint-disable-next-line no-restricted-imports
 import {FallbackAvatar, Plus} from '@components/Icon/Expensicons';
+import {ModalActions} from '@components/Modal/Global/ModalContext';
 import ScreenWrapper from '@components/ScreenWrapper';
 import SelectionListWithModal from '@components/SelectionListWithModal';
 import TableListItem from '@components/SelectionListWithSections/TableListItem';
 import type {ListItem, SelectionListHandle} from '@components/SelectionListWithSections/types';
 import Text from '@components/Text';
+import useConfirmModal from '@hooks/useConfirmModal';
 import useFilteredSelection from '@hooks/useFilteredSelection';
 import {useMemoizedLazyExpensifyIcons} from '@hooks/useLazyAsset';
 import useLocalize from '@hooks/useLocalize';
@@ -37,7 +38,7 @@ import type {PlatformStackScreenProps} from '@libs/Navigation/PlatformStackNavig
 import type {ParticipantsNavigatorParamList} from '@libs/Navigation/types';
 import {isSearchStringMatchUserDetails} from '@libs/OptionsListUtils';
 import {getDisplayNameOrDefault, getPersonalDetailsByIDs} from '@libs/PersonalDetailsUtils';
-import {getReportName} from '@libs/ReportNameUtils';
+import {getReportName as getReportNameFromUtils} from '@libs/ReportNameUtils';
 import {
     getReportPersonalDetailsParticipants,
     isArchivedNonExpenseReport,
@@ -65,7 +66,7 @@ type ReportParticipantsPageProps = WithReportOrNotFoundProps & PlatformStackScre
 function ReportParticipantsPage({report, route}: ReportParticipantsPageProps) {
     const backTo = route.params.backTo;
     const icons = useMemoizedLazyExpensifyIcons(['User', 'MakeAdmin', 'RemoveMembers'] as const);
-    const [removeMembersConfirmModalVisible, setRemoveMembersConfirmModalVisible] = useState(false);
+    const {showConfirmModal} = useConfirmModal();
     const {translate, formatPhoneNumber, localeCompare} = useLocalize();
     const styles = useThemeStyles();
     const StyleUtils = useStyleUtils();
@@ -240,18 +241,17 @@ function ReportParticipantsPage({report, route}: ReportParticipantsPageProps) {
      * Remove selected users from the workspace
      * Please see https://github.com/Expensify/App/blob/main/README.md#Security for more details
      */
-    const removeUsers = () => {
+    const removeUsers = useCallback(() => {
         // Remove the admin from the list
         const accountIDsToRemove = selectedMembers.filter((id) => id !== currentUserAccountID);
         removeFromGroupChat(report.reportID, accountIDsToRemove);
         setSearchValue('');
-        setRemoveMembersConfirmModalVisible(false);
         // eslint-disable-next-line @typescript-eslint/no-deprecated
         InteractionManager.runAfterInteractions(() => {
             setSelectedMembers([]);
             clearUserSearchPhrase();
         });
-    };
+    }, [selectedMembers, currentUserAccountID, report.reportID, setSearchValue, setSelectedMembers]);
 
     const changeUserRole = useCallback(
         (role: ValueOf<typeof CONST.REPORT.ROLE>) => {
@@ -308,7 +308,33 @@ function ReportParticipantsPage({report, route}: ReportParticipantsPageProps) {
                 text: translate('workspace.people.removeMembersTitle', {count: selectedMembers.length}),
                 value: CONST.POLICY.MEMBERS_BULK_ACTION_TYPES.REMOVE,
                 icon: icons.RemoveMembers,
-                onSelected: () => setRemoveMembersConfirmModalVisible(true),
+                onSelected: () => {
+                    showConfirmModal({
+                        danger: true,
+                        title: translate('workspace.people.removeMembersTitle', {count: selectedMembers.length}),
+                        prompt: translate('workspace.people.removeMembersPrompt', {
+                            count: selectedMembers.length,
+                            memberName: formatPhoneNumber(getPersonalDetailsByIDs({accountIDs: selectedMembers, currentUserAccountID}).at(0)?.displayName ?? ''),
+                        }),
+                        confirmText: translate('common.remove'),
+                        cancelText: translate('common.cancel'),
+                        onModalHide: () => {
+                            // eslint-disable-next-line @typescript-eslint/no-deprecated
+                            InteractionManager.runAfterInteractions(() => {
+                                if (!textInputRef.current) {
+                                    return;
+                                }
+                                textInputRef.current.focus();
+                            });
+                        },
+                        // eslint-disable-next-line rulesdir/prefer-early-return
+                    }).then((result) => {
+                        if (result.action !== ModalActions.CONFIRM) {
+                            return;
+                        }
+                        removeUsers();
+                    });
+                },
             },
         ];
 
@@ -335,7 +361,20 @@ function ReportParticipantsPage({report, route}: ReportParticipantsPageProps) {
         }
 
         return options;
-    }, [icons.RemoveMembers, icons.User, icons.MakeAdmin, changeUserRole, translate, setRemoveMembersConfirmModalVisible, selectedMembers, report.participants]);
+    }, [
+        icons.RemoveMembers,
+        icons.User,
+        icons.MakeAdmin,
+        changeUserRole,
+        translate,
+        showConfirmModal,
+        selectedMembers,
+        report.participants,
+        formatPhoneNumber,
+        currentUserAccountID,
+        removeUsers,
+        textInputRef,
+    ]);
 
     const headerButtons = useMemo(() => {
         if (!isGroupChat) {
@@ -417,32 +456,9 @@ function ReportParticipantsPage({report, route}: ReportParticipantsPageProps) {
                             Navigation.goBack(ROUTES.REPORT_WITH_ID_DETAILS.getRoute(report.reportID, backTo));
                         }
                     }}
-                    // eslint-disable-next-line @typescript-eslint/no-deprecated
-                    subtitle={StringUtils.lineBreaksToSpaces(getReportName(report, reportAttributes))}
+                    subtitle={StringUtils.lineBreaksToSpaces(getReportNameFromUtils(report, reportAttributes))}
                 />
                 <View style={[styles.pl5, styles.pr5]}>{headerButtons}</View>
-                <ConfirmModal
-                    danger
-                    title={translate('workspace.people.removeMembersTitle', {count: selectedMembers.length})}
-                    isVisible={removeMembersConfirmModalVisible}
-                    onConfirm={removeUsers}
-                    onCancel={() => setRemoveMembersConfirmModalVisible(false)}
-                    prompt={translate('workspace.people.removeMembersPrompt', {
-                        count: selectedMembers.length,
-                        memberName: formatPhoneNumber(getPersonalDetailsByIDs({accountIDs: selectedMembers, currentUserAccountID}).at(0)?.displayName ?? ''),
-                    })}
-                    confirmText={translate('common.remove')}
-                    cancelText={translate('common.cancel')}
-                    onModalHide={() => {
-                        // eslint-disable-next-line @typescript-eslint/no-deprecated
-                        InteractionManager.runAfterInteractions(() => {
-                            if (!textInputRef.current) {
-                                return;
-                            }
-                            textInputRef.current.focus();
-                        });
-                    }}
-                />
                 <View style={[styles.w100, isGroupChat ? styles.mt3 : styles.mt0, styles.flex1]}>
                     <SelectionListWithModal
                         ref={selectionListRef}
diff --git a/src/pages/RoomMemberDetailsPage.tsx b/src/pages/RoomMemberDetailsPage.tsx
index 7caf34b14b0bb..2dded5f34702e 100644
--- a/src/pages/RoomMemberDetailsPage.tsx
+++ b/src/pages/RoomMemberDetailsPage.tsx
@@ -2,11 +2,12 @@ import React, {useCallback} from 'react';
 import {View} from 'react-native';
 import Avatar from '@components/Avatar';
 import Button from '@components/Button';
-import ConfirmModal from '@components/ConfirmModal';
 import HeaderWithBackButton from '@components/HeaderWithBackButton';
 import MenuItem from '@components/MenuItem';
+import {ModalActions} from '@components/Modal/Global/ModalContext';
 import ScreenWrapper from '@components/ScreenWrapper';
 import Text from '@components/Text';
+import useConfirmModal from '@hooks/useConfirmModal';
 import useCurrentUserPersonalDetails from '@hooks/useCurrentUserPersonalDetails';
 import {useMemoizedLazyExpensifyIcons} from '@hooks/useLazyAsset';
 import useLocalize from '@hooks/useLocalize';
@@ -40,8 +41,7 @@ function RoomMemberDetailsPage({report, route}: RoomMemberDetailsPagePageProps)
     const currentUserPersonalDetails = useCurrentUserPersonalDetails();
     const [personalDetails] = useOnyx(ONYXKEYS.PERSONAL_DETAILS_LIST, {canBeMissing: false});
     const policy = usePolicy(report?.policyID);
-
-    const [isRemoveMemberConfirmModalVisible, setIsRemoveMemberConfirmModalVisible] = React.useState(false);
+    const {showConfirmModal} = useConfirmModal();
 
     const accountID = Number(route.params.accountID);
     const backTo = ROUTES.ROOM_MEMBERS.getRoute(report?.reportID, route.params.backTo);
@@ -54,7 +54,6 @@ function RoomMemberDetailsPage({report, route}: RoomMemberDetailsPagePageProps)
     const isSelectedMemberOwner = accountID === report.ownerAccountID;
     const shouldDisableRemoveUser = (isPolicyExpenseChat(report) && isUserPolicyAdmin(policy, details.login)) || isSelectedMemberCurrentUser || isSelectedMemberOwner;
     const removeUser = useCallback(() => {
-        setIsRemoveMemberConfirmModalVisible(false);
         removeFromRoom(report?.reportID, [accountID]);
         Navigation.goBack(backTo);
     }, [backTo, report?.reportID, accountID]);
@@ -92,26 +91,28 @@ function RoomMemberDetailsPage({report, route}: RoomMemberDetailsPagePageProps)
                             {displayName}
                         </Text>
                     )}
-                    <>
-                        <Button
-                            text={translate('workspace.people.removeRoomMemberButtonTitle')}
-                            onPress={() => setIsRemoveMemberConfirmModalVisible(true)}
-                            isDisabled={shouldDisableRemoveUser}
-                            icon={icons.RemoveMembers}
-                            iconStyles={StyleUtils.getTransformScaleStyle(0.8)}
-                            style={styles.mv5}
-                        />
-                        <ConfirmModal
-                            danger
-                            title={translate('workspace.people.removeRoomMemberButtonTitle')}
-                            isVisible={isRemoveMemberConfirmModalVisible}
-                            onConfirm={removeUser}
-                            onCancel={() => setIsRemoveMemberConfirmModalVisible(false)}
-                            prompt={translate('workspace.people.removeMemberPrompt', {memberName: displayName})}
-                            confirmText={translate('common.remove')}
-                            cancelText={translate('common.cancel')}
-                        />
-                    </>
+                    <Button
+                        text={translate('workspace.people.removeRoomMemberButtonTitle')}
+                        onPress={() => {
+                            showConfirmModal({
+                                danger: true,
+                                title: translate('workspace.people.removeRoomMemberButtonTitle'),
+                                prompt: translate('workspace.people.removeMemberPrompt', {memberName: displayName}),
+                                confirmText: translate('common.remove'),
+                                cancelText: translate('common.cancel'),
+                                // eslint-disable-next-line rulesdir/prefer-early-return
+                            }).then((result) => {
+                                if (result.action !== ModalActions.CONFIRM) {
+                                    return;
+                                }
+                                removeUser();
+                            });
+                        }}
+                        isDisabled={shouldDisableRemoveUser}
+                        icon={icons.RemoveMembers}
+                        iconStyles={StyleUtils.getTransformScaleStyle(0.8)}
+                        style={styles.mv5}
+                    />
                 </View>
                 <View style={styles.w100}>
                     <MenuItem
diff --git a/src/pages/RoomMembersPage.tsx b/src/pages/RoomMembersPage.tsx
index ed33150780268..7efb5b71c0a19 100644
--- a/src/pages/RoomMembersPage.tsx
+++ b/src/pages/RoomMembersPage.tsx
@@ -5,10 +5,10 @@ import FullPageNotFoundView from '@components/BlockingViews/FullPageNotFoundView
 import Button from '@components/Button';
 import ButtonWithDropdownMenu from '@components/ButtonWithDropdownMenu';
 import type {DropdownOption, RoomMemberBulkActionType} from '@components/ButtonWithDropdownMenu/types';
-import ConfirmModal from '@components/ConfirmModal';
 import HeaderWithBackButton from '@components/HeaderWithBackButton';
 // eslint-disable-next-line no-restricted-imports
 import {FallbackAvatar, Plus} from '@components/Icon/Expensicons';
+import {ModalActions} from '@components/Modal/Global/ModalContext';
 import {usePersonalDetails} from '@components/OnyxListItemProvider';
 import ScreenWrapper from '@components/ScreenWrapper';
 import SelectionListWithModal from '@components/SelectionListWithModal';
@@ -17,6 +17,7 @@ import type {ListItem} from '@components/SelectionListWithSections/types';
 import Text from '@components/Text';
 import type {WithCurrentUserPersonalDetailsProps} from '@components/withCurrentUserPersonalDetails';
 import withCurrentUserPersonalDetails from '@components/withCurrentUserPersonalDetails';
+import useConfirmModal from '@hooks/useConfirmModal';
 import useFilteredSelection from '@hooks/useFilteredSelection';
 import {useMemoizedLazyExpensifyIcons} from '@hooks/useLazyAsset';
 import useLocalize from '@hooks/useLocalize';
@@ -36,7 +37,8 @@ import type {RoomMembersNavigatorParamList} from '@libs/Navigation/types';
 import {isPersonalDetailsReady, isSearchStringMatchUserDetails} from '@libs/OptionsListUtils';
 import {getDisplayNameOrDefault, getPersonalDetailsByIDs} from '@libs/PersonalDetailsUtils';
 import {isPolicyEmployee as isPolicyEmployeeUtils, isUserPolicyAdmin} from '@libs/PolicyUtils';
-import {getReportName, getReportPersonalDetailsParticipants, isChatThread, isDefaultRoom, isPolicyExpenseChat as isPolicyExpenseChatUtils, isUserCreatedPolicyRoom} from '@libs/ReportUtils';
+import {getReportName as getReportNameFromUtils} from '@libs/ReportNameUtils';
+import {getReportPersonalDetailsParticipants, isChatThread, isDefaultRoom, isPolicyExpenseChat as isPolicyExpenseChatUtils, isUserCreatedPolicyRoom} from '@libs/ReportUtils';
 import StringUtils from '@libs/StringUtils';
 import {clearAddRoomMemberError, openRoomMembersPage, removeFromRoom} from '@userActions/Report';
 import CONST from '@src/CONST';
@@ -55,11 +57,11 @@ function RoomMembersPage({report, policy}: RoomMembersPageProps) {
     const route = useRoute<PlatformStackRouteProp<RoomMembersNavigatorParamList, typeof SCREENS.ROOM_MEMBERS.ROOT>>();
     const icons = useMemoizedLazyExpensifyIcons(['RemoveMembers'] as const);
     const styles = useThemeStyles();
+    const {showConfirmModal} = useConfirmModal();
     const [session] = useOnyx(ONYXKEYS.SESSION, {canBeMissing: false});
     const [reportMetadata] = useOnyx(`${ONYXKEYS.COLLECTION.REPORT_METADATA}${report?.reportID}`, {canBeMissing: false});
     const currentUserAccountID = Number(session?.accountID);
     const {formatPhoneNumber, translate, localeCompare} = useLocalize();
-    const [removeMembersConfirmModalVisible, setRemoveMembersConfirmModalVisible] = useState(false);
     const [userSearchPhrase] = useOnyx(ONYXKEYS.ROOM_MEMBERS_USER_SEARCH_PHRASE, {canBeMissing: true});
     const [searchValue, setSearchValue] = useState('');
     const [didLoadRoomMembers, setDidLoadRoomMembers] = useState(false);
@@ -132,18 +134,17 @@ function RoomMembersPage({report, policy}: RoomMembersPageProps) {
      * Remove selected users from the room
      * Please see https://github.com/Expensify/App/blob/main/README.md#Security for more details
      */
-    const removeUsers = () => {
+    const removeUsers = useCallback(() => {
         if (report) {
             removeFromRoom(report.reportID, selectedMembers);
         }
         setSearchValue('');
-        setRemoveMembersConfirmModalVisible(false);
         // eslint-disable-next-line @typescript-eslint/no-deprecated
         InteractionManager.runAfterInteractions(() => {
             setSelectedMembers([]);
             clearUserSearchPhrase();
         });
-    };
+    }, [report, selectedMembers, setSearchValue, setSelectedMembers]);
 
     /**
      * Add user from the selectedMembers list
@@ -319,11 +320,28 @@ function RoomMembersPage({report, policy}: RoomMembersPageProps) {
                 text: translate('workspace.people.removeMembersTitle', {count: selectedMembers.length}),
                 value: CONST.POLICY.MEMBERS_BULK_ACTION_TYPES.REMOVE,
                 icon: icons.RemoveMembers,
-                onSelected: () => setRemoveMembersConfirmModalVisible(true),
+                onSelected: () => {
+                    showConfirmModal({
+                        danger: true,
+                        title: translate('workspace.people.removeMembersTitle', {count: selectedMembers.length}),
+                        prompt: translate('roomMembersPage.removeMembersPrompt', {
+                            count: selectedMembers.length,
+                            memberName: formatPhoneNumber(getPersonalDetailsByIDs({accountIDs: selectedMembers, currentUserAccountID}).at(0)?.displayName ?? ''),
+                        }),
+                        confirmText: translate('common.remove'),
+                        cancelText: translate('common.cancel'),
+                        // eslint-disable-next-line rulesdir/prefer-early-return
+                    }).then((result) => {
+                        if (result.action !== ModalActions.CONFIRM) {
+                            return;
+                        }
+                        removeUsers();
+                    });
+                },
             },
         ];
         return options;
-    }, [icons.RemoveMembers, translate, selectedMembers.length]);
+    }, [icons.RemoveMembers, translate, selectedMembers, showConfirmModal, formatPhoneNumber, currentUserAccountID, removeUsers]);
 
     const headerButtons = useMemo(() => {
         return (
@@ -403,8 +421,7 @@ function RoomMembersPage({report, policy}: RoomMembersPageProps) {
             >
                 <HeaderWithBackButton
                     title={selectionModeHeader ? translate('common.selectMultiple') : translate('workspace.common.members')}
-                    // eslint-disable-next-line @typescript-eslint/no-deprecated
-                    subtitle={StringUtils.lineBreaksToSpaces(getReportName(report))}
+                    subtitle={StringUtils.lineBreaksToSpaces(getReportNameFromUtils(report))}
                     onBackButtonPress={() => {
                         if (isMobileSelectionModeEnabled) {
                             setSelectedMembers([]);
@@ -417,26 +434,12 @@ function RoomMembersPage({report, policy}: RoomMembersPageProps) {
                     }}
                 />
                 <View style={[styles.pl5, styles.pr5]}>{headerButtons}</View>
-                <ConfirmModal
-                    danger
-                    title={translate('workspace.people.removeMembersTitle', {count: selectedMembers.length})}
-                    isVisible={removeMembersConfirmModalVisible}
-                    onConfirm={removeUsers}
-                    onCancel={() => setRemoveMembersConfirmModalVisible(false)}
-                    prompt={translate('roomMembersPage.removeMembersPrompt', {
-                        count: selectedMembers.length,
-                        memberName: formatPhoneNumber(getPersonalDetailsByIDs({accountIDs: selectedMembers, currentUserAccountID}).at(0)?.displayName ?? ''),
-                    })}
-                    confirmText={translate('common.remove')}
-                    cancelText={translate('common.cancel')}
-                />
                 <View style={[styles.w100, styles.mt3, styles.flex1]}>
                     <SelectionListWithModal
                         canSelectMultiple={canSelectMultiple}
                         sections={[{data, isDisabled: false}]}
                         shouldShowTextInput={shouldShowTextInput}
                         textInputLabel={translate('selectionList.findMember')}
-                        disableKeyboardShortcuts={removeMembersConfirmModalVisible}
                         textInputValue={searchValue}
                         onChangeText={setSearchValue}
                         headerMessage={headerMessage}
diff --git a/src/pages/Travel/TravelTerms.tsx b/src/pages/Travel/TravelTerms.tsx
index bc081210f3053..f95588afa25cb 100644
--- a/src/pages/Travel/TravelTerms.tsx
+++ b/src/pages/Travel/TravelTerms.tsx
@@ -5,12 +5,13 @@ import {View} from 'react-native';
 import {ScrollView} from 'react-native-gesture-handler';
 import FullPageNotFoundView from '@components/BlockingViews/FullPageNotFoundView';
 import CheckboxWithLabel from '@components/CheckboxWithLabel';
-import ConfirmModal from '@components/ConfirmModal';
 import FormAlertWithSubmitButton from '@components/FormAlertWithSubmitButton';
 import HeaderWithBackButton from '@components/HeaderWithBackButton';
+import {ModalActions} from '@components/Modal/Global/ModalContext';
 import RenderHTML from '@components/RenderHTML';
 import ScreenWrapper from '@components/ScreenWrapper';
 import Text from '@components/Text';
+import useConfirmModal from '@hooks/useConfirmModal';
 import {useMemoizedLazyIllustrations} from '@hooks/useLazyAsset';
 import useLocalize from '@hooks/useLocalize';
 import useOnyx from '@hooks/useOnyx';
@@ -42,7 +43,7 @@ function TravelTerms({route}: TravelTermsPageProps) {
     const isBlockedFromSpotnanaTravel = isBetaEnabled(CONST.BETAS.PREVENT_SPOTNANA_TRAVEL);
     const [hasAcceptedTravelTerms, setHasAcceptedTravelTerms] = useState(false);
     const [errorMessage, setErrorMessage] = useState('');
-    const [showVerifyCompanyModal, setShowVerifyCompanyModal] = useState(false);
+    const {showConfirmModal} = useConfirmModal();
     const [travelProvisioning] = useOnyx(ONYXKEYS.TRAVEL_PROVISIONING, {canBeMissing: true});
 
     const isLoading = travelProvisioning?.isLoading;
@@ -69,7 +70,23 @@ function TravelTerms({route}: TravelTermsPageProps) {
         }
 
         if (travelProvisioning?.error === CONST.TRAVEL.PROVISIONING.ERROR_ADDITIONAL_VERIFICATION_REQUIRED) {
-            setShowVerifyCompanyModal(true);
+            showConfirmModal({
+                title: translate('travel.verifyCompany.title'),
+                titleStyles: styles.textHeadlineH1,
+                titleContainerStyles: styles.mb2,
+                prompt: translate('travel.verifyCompany.message'),
+                promptStyles: styles.mb2,
+                confirmText: translate('travel.verifyCompany.confirmText'),
+                shouldShowCancelButton: false,
+                image: illustrations.RocketDude,
+                imageStyles: StyleUtils.getBackgroundColorStyle(colors.ice600),
+                // eslint-disable-next-line rulesdir/prefer-early-return
+            }).then((result) => {
+                if (result.action !== ModalActions.CONFIRM) {
+                    return;
+                }
+                createTravelEnablementIssue();
+            });
         }
 
         if (travelProvisioning?.spotnanaToken) {
@@ -79,7 +96,7 @@ function TravelTerms({route}: TravelTermsPageProps) {
         if (travelProvisioning?.errors && !travelProvisioning?.error) {
             setErrorMessage(getLatestErrorMessage(travelProvisioning));
         }
-    }, [travelProvisioning, domain]);
+    }, [travelProvisioning, domain, showConfirmModal, translate, styles.textHeadlineH1, styles.mb2, StyleUtils, illustrations.RocketDude, createTravelEnablementIssue]);
 
     const toggleTravelTerms = () => {
         setHasAcceptedTravelTerms(!hasAcceptedTravelTerms);
@@ -95,83 +112,61 @@ function TravelTerms({route}: TravelTermsPageProps) {
 
     // Add beta support for FullPageNotFound that is universal across travel pages
     return (
-        <>
-            <ScreenWrapper
-                shouldEnableMaxHeight
-                testID={TravelTerms.displayName}
-            >
-                <FullPageNotFoundView shouldShow={!CONFIG.IS_HYBRID_APP && isBlockedFromSpotnanaTravel}>
-                    <HeaderWithBackButton
-                        title={translate('travel.termsAndConditions.header')}
-                        onBackButtonPress={() => Navigation.goBack()}
-                    />
-                    <ScrollView contentContainerStyle={[styles.flexGrow1, styles.ph5, styles.pb5]}>
-                        <View style={styles.flex1}>
-                            <Text style={styles.headerAnonymousFooter}>{`${translate('travel.termsAndConditions.title')}`}</Text>
-                            <View style={[styles.renderHTML, styles.mt4]}>
-                                <RenderHTML html={translate('travel.termsAndConditions.subtitle')} />
-                            </View>
-                            <CheckboxWithLabel
-                                style={styles.mt6}
-                                accessibilityLabel={translate('travel.termsAndConditions.label')}
-                                onInputChange={toggleTravelTerms}
-                                label={translate('travel.termsAndConditions.label')}
-                            />
+        <ScreenWrapper
+            shouldEnableMaxHeight
+            testID={TravelTerms.displayName}
+        >
+            <FullPageNotFoundView shouldShow={!CONFIG.IS_HYBRID_APP && isBlockedFromSpotnanaTravel}>
+                <HeaderWithBackButton
+                    title={translate('travel.termsAndConditions.header')}
+                    onBackButtonPress={() => Navigation.goBack()}
+                />
+                <ScrollView contentContainerStyle={[styles.flexGrow1, styles.ph5, styles.pb5]}>
+                    <View style={styles.flex1}>
+                        <Text style={styles.headerAnonymousFooter}>{`${translate('travel.termsAndConditions.title')}`}</Text>
+                        <View style={[styles.renderHTML, styles.mt4]}>
+                            <RenderHTML html={translate('travel.termsAndConditions.subtitle')} />
                         </View>
-
-                        <FormAlertWithSubmitButton
-                            buttonText={translate('common.continue')}
-                            isDisabled={!hasAcceptedTravelTerms}
-                            onSubmit={() => {
-                                if (!hasAcceptedTravelTerms) {
-                                    setErrorMessage(translate('travel.termsAndConditions.error'));
-                                    return;
-                                }
-                                if (errorMessage) {
-                                    setErrorMessage('');
-                                }
-
-                                asyncOpenURL(
-                                    acceptSpotnanaTerms(domain).then((response) => {
-                                        if (response?.jsonCode !== 200) {
-                                            return Promise.reject();
-                                        }
-                                        if (response?.spotnanaToken) {
-                                            return buildTravelDotURL(response.spotnanaToken, response.isTestAccount ?? false);
-                                        }
-                                    }),
-                                    (travelDotURL) => travelDotURL ?? '',
-                                );
-                            }}
-                            message={errorMessage}
-                            isAlertVisible={!!errorMessage}
-                            containerStyles={[styles.mh0, styles.mt5]}
-                            isLoading={isLoading}
+                        <CheckboxWithLabel
+                            style={styles.mt6}
+                            accessibilityLabel={translate('travel.termsAndConditions.label')}
+                            onInputChange={toggleTravelTerms}
+                            label={translate('travel.termsAndConditions.label')}
                         />
-                    </ScrollView>
-                </FullPageNotFoundView>
-            </ScreenWrapper>
-
-            <ConfirmModal
-                isVisible={showVerifyCompanyModal}
-                onConfirm={() => {
-                    createTravelEnablementIssue();
-                    setShowVerifyCompanyModal(false);
-                }}
-                onCancel={() => {
-                    setShowVerifyCompanyModal(false);
-                }}
-                title={translate('travel.verifyCompany.title')}
-                titleStyles={styles.textHeadlineH1}
-                titleContainerStyles={styles.mb2}
-                prompt={translate('travel.verifyCompany.message')}
-                promptStyles={styles.mb2}
-                confirmText={translate('travel.verifyCompany.confirmText')}
-                shouldShowCancelButton={false}
-                image={illustrations.RocketDude}
-                imageStyles={StyleUtils.getBackgroundColorStyle(colors.ice600)}
-            />
-        </>
+                    </View>
+
+                    <FormAlertWithSubmitButton
+                        buttonText={translate('common.continue')}
+                        isDisabled={!hasAcceptedTravelTerms}
+                        onSubmit={() => {
+                            if (!hasAcceptedTravelTerms) {
+                                setErrorMessage(translate('travel.termsAndConditions.error'));
+                                return;
+                            }
+                            if (errorMessage) {
+                                setErrorMessage('');
+                            }
+
+                            asyncOpenURL(
+                                acceptSpotnanaTerms(domain).then((response) => {
+                                    if (response?.jsonCode !== 200) {
+                                        return Promise.reject();
+                                    }
+                                    if (response?.spotnanaToken) {
+                                        return buildTravelDotURL(response.spotnanaToken, response.isTestAccount ?? false);
+                                    }
+                                }),
+                                (travelDotURL) => travelDotURL ?? '',
+                            );
+                        }}
+                        message={errorMessage}
+                        isAlertVisible={!!errorMessage}
+                        containerStyles={[styles.mh0, styles.mt5]}
+                        isLoading={isLoading}
+                    />
+                </ScrollView>
+            </FullPageNotFoundView>
+        </ScreenWrapper>
     );
 }
 
diff --git a/src/pages/home/HeaderView.tsx b/src/pages/home/HeaderView.tsx
index 0e5aa65259586..395130cec7242 100644
--- a/src/pages/home/HeaderView.tsx
+++ b/src/pages/home/HeaderView.tsx
@@ -5,7 +5,6 @@ import {View} from 'react-native';
 import type {OnyxEntry} from 'react-native-onyx';
 import Button from '@components/Button';
 import CaretWrapper from '@components/CaretWrapper';
-import ConfirmModal from '@components/ConfirmModal';
 import DisplayNames from '@components/DisplayNames';
 import Icon from '@components/Icon';
 // eslint-disable-next-line no-restricted-imports
@@ -22,9 +21,6 @@ import HelpButton from '@components/SidePanel/HelpComponents/HelpButton';
 import TaskHeaderActionButton from '@components/TaskHeaderActionButton';
 import Text from '@components/Text';
 import Tooltip from '@components/Tooltip';
-import useAncestors from '@hooks/useAncestors';
-import useCurrentUserPersonalDetails from '@hooks/useCurrentUserPersonalDetails';
-import useHasOutstandingChildTask from '@hooks/useHasOutstandingChildTask';
 import useHasTeam2025Pricing from '@hooks/useHasTeam2025Pricing';
 import useLoadingBarVisibility from '@hooks/useLoadingBarVisibility';
 import useLocalize from '@hooks/useLocalize';
@@ -39,6 +35,7 @@ import getNonEmptyStringOnyxID from '@libs/getNonEmptyStringOnyxID';
 import Navigation from '@libs/Navigation/Navigation';
 import {getPersonalDetailsForAccountIDs} from '@libs/OptionsListUtils';
 import Parser from '@libs/Parser';
+// eslint-disable-next-line @typescript-eslint/no-deprecated
 import {
     canJoinChat,
     canUserPerformWriteAction,
@@ -49,7 +46,7 @@ import {
     getPolicyDescriptionText,
     getPolicyName,
     getReportDescription,
-    getReportName,
+    getReportName as getReportNameDeprecated,
     hasReportNameError,
     isAdminRoom,
     isArchivedReport,
@@ -75,7 +72,6 @@ import EarlyDiscountBanner from '@pages/settings/Subscription/CardSection/Billin
 import FreeTrial from '@pages/settings/Subscription/FreeTrial';
 import {joinRoom} from '@userActions/Report';
 import {callFunctionIfActionIsAllowed} from '@userActions/Session';
-import {deleteTask} from '@userActions/Task';
 import CONST from '@src/CONST';
 import ONYXKEYS from '@src/ONYXKEYS';
 import SCREENS from '@src/SCREENS';
@@ -103,7 +99,6 @@ function HeaderView({report, parentReportAction, onNavigationMenuButtonClicked,
     // eslint-disable-next-line rulesdir/prefer-shouldUseNarrowLayout-instead-of-isSmallScreenWidth
     const {isSmallScreenWidth} = useResponsiveLayout();
     const route = useRoute();
-    const [isDeleteTaskConfirmModalVisible, setIsDeleteTaskConfirmModalVisible] = React.useState(false);
     const invoiceReceiverPolicyID = report?.invoiceReceiver && 'policyID' in report.invoiceReceiver ? report.invoiceReceiver.policyID : undefined;
     const [invoiceReceiverPolicy] = useOnyx(`${ONYXKEYS.COLLECTION.POLICY}${invoiceReceiverPolicyID}`, {canBeMissing: true});
     const [parentReport] = useOnyx(`${ONYXKEYS.COLLECTION.REPORT}${getNonEmptyStringOnyxID(report?.parentReportID) ?? getNonEmptyStringOnyxID(report?.reportID)}`, {canBeMissing: true});
@@ -116,11 +111,9 @@ function HeaderView({report, parentReportAction, onNavigationMenuButtonClicked,
     const [firstDayFreeTrial] = useOnyx(ONYXKEYS.NVP_FIRST_DAY_FREE_TRIAL, {canBeMissing: true});
     const [lastDayFreeTrial] = useOnyx(ONYXKEYS.NVP_LAST_DAY_FREE_TRIAL, {canBeMissing: true});
     const [account] = useOnyx(ONYXKEYS.ACCOUNT, {canBeMissing: true});
-    const currentUserPersonalDetails = useCurrentUserPersonalDetails();
     const [reportNameValuePairs] = useOnyx(`${ONYXKEYS.COLLECTION.REPORT_NAME_VALUE_PAIRS}${report?.reportID}`, {canBeMissing: true});
     const [reportMetadata] = useOnyx(`${ONYXKEYS.COLLECTION.REPORT_METADATA}${report?.reportID}`, {canBeMissing: true});
     const isReportArchived = isArchivedReport(reportNameValuePairs);
-    const hasOutstandingChildTask = useHasOutstandingChildTask(report);
 
     const {translate, localeCompare} = useLocalize();
     const theme = useTheme();
@@ -146,7 +139,7 @@ function HeaderView({report, parentReportAction, onNavigationMenuButtonClicked,
     const isReportHeaderDataArchived = useReportIsArchived(reportHeaderData?.reportID);
     // Use sorted display names for the title for group chats on native small screen widths
     // eslint-disable-next-line @typescript-eslint/no-deprecated
-    const title = getReportName(reportHeaderData, policy, parentReportAction, personalDetails, invoiceReceiverPolicy, undefined, undefined, isReportHeaderDataArchived);
+    const title = getReportNameDeprecated(reportHeaderData, policy, parentReportAction, personalDetails, invoiceReceiverPolicy, undefined, undefined, isReportHeaderDataArchived);
     const subtitle = getChatRoomSubtitle(reportHeaderData, false, isReportHeaderDataArchived);
     const isParentReportHeaderDataArchived = useReportIsArchived(reportHeaderData?.parentReportID);
     const parentNavigationSubtitleData = getParentNavigationSubtitle(parentNavigationReport, isParentReportHeaderDataArchived);
@@ -158,7 +151,6 @@ function HeaderView({report, parentReportAction, onNavigationMenuButtonClicked,
     // This is used to ensure that we display the text exactly as the user entered it when displaying thread header text, instead of parsing their text to HTML.
     const shouldParseFullTitle = parentReportAction?.actionName !== CONST.REPORT.ACTIONS.TYPE.ADD_COMMENT && !isGroupChat;
     const subscriptionPlan = useSubscriptionPlan();
-    const ancestors = useAncestors(report);
 
     const shouldShowSubtitle = () => {
         if (!subtitle) {
@@ -373,28 +365,6 @@ function HeaderView({report, parentReportAction, onNavigationMenuButtonClicked,
                                 <HelpButton style={styles.ml2} />
                                 {shouldDisplaySearchRouter && <SearchButton />}
                             </View>
-                            <ConfirmModal
-                                isVisible={isDeleteTaskConfirmModalVisible}
-                                onConfirm={() => {
-                                    setIsDeleteTaskConfirmModalVisible(false);
-                                    deleteTask(
-                                        report,
-                                        parentReport,
-                                        isReportArchived,
-                                        currentUserPersonalDetails.accountID,
-                                        hasOutstandingChildTask,
-                                        parentReportAction ?? undefined,
-                                        ancestors,
-                                    );
-                                }}
-                                onCancel={() => setIsDeleteTaskConfirmModalVisible(false)}
-                                title={translate('task.deleteTask')}
-                                prompt={translate('task.deleteConfirmation')}
-                                confirmText={translate('common.delete')}
-                                cancelText={translate('common.cancel')}
-                                danger
-                                shouldEnableNewFocusManagement
-                            />
                         </View>
                     )}
                 </View>
diff --git a/src/pages/home/report/ContextMenu/PopoverReportActionContextMenu.tsx b/src/pages/home/report/ContextMenu/PopoverReportActionContextMenu.tsx
index 8cc484a4c5dbb..f4da3faddeca6 100644
--- a/src/pages/home/report/ContextMenu/PopoverReportActionContextMenu.tsx
+++ b/src/pages/home/report/ContextMenu/PopoverReportActionContextMenu.tsx
@@ -7,10 +7,11 @@ import type {EmitterSubscription, GestureResponderEvent, NativeTouchEvent, View}
 import {DeviceEventEmitter, Dimensions, InteractionManager} from 'react-native';
 import type {OnyxEntry} from 'react-native-onyx';
 import {Actions, ActionSheetAwareScrollViewContext} from '@components/ActionSheetAwareScrollView';
-import ConfirmModal from '@components/ConfirmModal';
+import {ModalActions} from '@components/Modal/Global/ModalContext';
 import PopoverWithMeasuredContent from '@components/PopoverWithMeasuredContent';
 import {useSearchContext} from '@components/Search/SearchContext';
 import useAncestors from '@hooks/useAncestors';
+import useConfirmModal from '@hooks/useConfirmModal';
 import useCurrentUserPersonalDetails from '@hooks/useCurrentUserPersonalDetails';
 import useDeleteTransactions from '@hooks/useDeleteTransactions';
 import useDuplicateTransactionsAndViolations from '@hooks/useDuplicateTransactionsAndViolations';
@@ -49,16 +50,17 @@ type PopoverReportActionContextMenuProps = {
 
 function PopoverReportActionContextMenu({ref}: PopoverReportActionContextMenuProps) {
     const {translate} = useLocalize();
-    const reportIDRef = useRef<string | undefined>(undefined);
-    const typeRef = useRef<ContextMenuType | undefined>(undefined);
-    const reportActionRef = useRef<NonNullable<OnyxEntry<ReportAction>> | null>(null);
-    const reportActionIDRef = useRef<string | undefined>(undefined);
-    const originalReportIDRef = useRef<string | undefined>(undefined);
-    const selectionRef = useRef('');
-    const reportActionDraftMessageRef = useRef<string | undefined>(undefined);
-    const isReportArchived = useReportIsArchived(reportIDRef.current);
-    const isOriginalReportArchived = useReportIsArchived(getOriginalReportID(reportIDRef.current, reportActionRef.current));
-    const {iouReport, chatReport, isChatIOUReportArchived} = useGetIOUReportFromReportAction(reportActionRef.current);
+    const {showConfirmModal} = useConfirmModal();
+    const [reportID, setReportID] = useState<string | undefined>(undefined);
+    const [type, setType] = useState<ContextMenuType | undefined>(undefined);
+    const [reportAction, setReportAction] = useState<NonNullable<OnyxEntry<ReportAction>> | null>(null);
+    const [reportActionID, setReportActionID] = useState<string | undefined>(undefined);
+    const [originalReportID, setOriginalReportID] = useState<string | undefined>(undefined);
+    const [selection, setSelection] = useState('');
+    const [reportActionDraftMessage, setReportActionDraftMessage] = useState<string | undefined>(undefined);
+    const isReportArchived = useReportIsArchived(reportID);
+    const isOriginalReportArchived = useReportIsArchived(getOriginalReportID(reportID, reportAction));
+    const {iouReport, chatReport, isChatIOUReportArchived} = useGetIOUReportFromReportAction(reportAction);
 
     const cursorRelativePosition = useRef({
         horizontal: 0,
@@ -66,7 +68,7 @@ function PopoverReportActionContextMenu({ref}: PopoverReportActionContextMenuPro
     });
 
     // The horizontal and vertical position (relative to the screen) where the popover will display.
-    const popoverAnchorPosition = useRef({
+    const [popoverAnchorPosition, setPopoverAnchorPosition] = useState({
         horizontal: 0,
         vertical: 0,
     });
@@ -75,8 +77,6 @@ function PopoverReportActionContextMenu({ref}: PopoverReportActionContextMenuPro
     const {email} = useCurrentUserPersonalDetails();
 
     const [isPopoverVisible, setIsPopoverVisible] = useState(false);
-    const [isDeleteCommentConfirmModalVisible, setIsDeleteCommentConfirmModalVisible] = useState(false);
-    const [shouldSetModalVisibilityForDeleteConfirmation, setShouldSetModalVisibilityForDeleteConfirmation] = useState(true);
 
     const [isRoomArchived, setIsRoomArchived] = useState(false);
     const [isChronosReportEnabled, setIsChronosReportEnabled] = useState(false);
@@ -92,7 +92,7 @@ function PopoverReportActionContextMenu({ref}: PopoverReportActionContextMenuPro
     const dimensionsEventListener = useRef<EmitterSubscription | null>(null);
     const contextMenuAnchorRef = useRef<ContextMenuAnchor>(null);
     const contextMenuTargetNode = useRef<HTMLDivElement | null>(null);
-    const contextMenuDimensions = useRef<AnchorDimensions>({
+    const [contextMenuDimensions, setContextMenuDimensions] = useState<AnchorDimensions>({
         width: 0,
         height: 0,
     });
@@ -102,7 +102,7 @@ function PopoverReportActionContextMenu({ref}: PopoverReportActionContextMenuPro
     const onPopoverShow = useRef(() => {});
     const [isContextMenuOpening, setIsContextMenuOpening] = useState(false);
     const onPopoverHide = useRef(() => {});
-    const onEmojiPickerToggle = useRef<undefined | ((state: boolean) => void)>(undefined);
+    const [onEmojiPickerToggle, setOnEmojiPickerToggle] = useState<undefined | ((state: boolean) => void)>(undefined);
     const onCancelDeleteModal = useRef(() => {});
     const onConfirmDeleteModal = useRef(() => {});
 
@@ -133,10 +133,10 @@ function PopoverReportActionContextMenu({ref}: PopoverReportActionContextMenuPro
                 return;
             }
 
-            popoverAnchorPosition.current = {
+            setPopoverAnchorPosition({
                 horizontal: cursorRelativePosition.current.horizontal + x,
                 vertical: cursorRelativePosition.current.vertical + y,
-            };
+            });
         });
     }, [isPopoverVisible, getContextMenuMeasuredLocation]);
 
@@ -152,12 +152,11 @@ function PopoverReportActionContextMenu({ref}: PopoverReportActionContextMenuPro
     }, [measureContextMenuAnchorPosition]);
 
     /** Whether Context Menu is active for the Report Action. */
-    const isActiveReportAction: ReportActionContextMenu['isActiveReportAction'] = (actionID) =>
-        !!actionID && (reportActionIDRef.current === actionID || reportActionRef.current?.reportActionID === actionID);
+    const isActiveReportAction: ReportActionContextMenu['isActiveReportAction'] = (actionID) => !!actionID && (reportActionID === actionID || reportAction?.reportActionID === actionID);
 
     const clearActiveReportAction = () => {
-        reportActionIDRef.current = undefined;
-        reportActionRef.current = null;
+        setReportActionID(undefined);
+        setReportAction(null);
     };
 
     /**
@@ -180,12 +179,12 @@ function PopoverReportActionContextMenu({ref}: PopoverReportActionContextMenuPro
      */
     const showContextMenu: ReportActionContextMenu['showContextMenu'] = (showContextMenuParams) => {
         const {
-            type,
+            type: contextMenuType,
             event,
-            selection,
+            selection: contextMenuSelection,
             contextMenuAnchor,
             report: currentReport = {},
-            reportAction = {},
+            reportAction: contextMenuReportAction = {},
             callbacks = {},
             disabledOptions = [],
             shouldCloseOnTarget = false,
@@ -198,8 +197,8 @@ function PopoverReportActionContextMenu({ref}: PopoverReportActionContextMenuPro
             setComposerToRefocusOnClose('edit');
         }
 
-        const {reportID, originalReportID, isArchivedRoom = false, isChronos = false, isPinnedChat = false, isUnreadChat = false} = currentReport;
-        const {reportActionID, draftMessage, isThreadReportParentAction: isThreadReportParentActionParam = false} = reportAction;
+        const {reportID: contextReportID, originalReportID: contextOriginalReportID, isArchivedRoom = false, isChronos = false, isPinnedChat = false, isUnreadChat = false} = currentReport;
+        const {reportActionID: contextReportActionID, draftMessage, isThreadReportParentAction: isThreadReportParentActionParam = false} = contextMenuReportAction;
         const {onShow = () => {}, onHide = () => {}, setIsEmojiPickerActive = () => {}} = callbacks;
         setIsContextMenuOpening(true);
         setIsWithoutOverlay(withoutOverlay);
@@ -214,13 +213,13 @@ function PopoverReportActionContextMenu({ref}: PopoverReportActionContextMenuPro
 
         onPopoverShow.current = onShow;
         onPopoverHide.current = onHide;
-        onEmojiPickerToggle.current = setIsEmojiPickerActive;
+        setOnEmojiPickerToggle(setIsEmojiPickerActive);
 
         new Promise<void>((resolve) => {
             if (!!(!pageX && !pageY && contextMenuAnchorRef.current) || isOverflowMenu) {
                 calculateAnchorPosition(contextMenuAnchorRef.current).then((position) => {
-                    popoverAnchorPosition.current = {horizontal: position.horizontal, vertical: position.vertical};
-                    contextMenuDimensions.current = {width: position.vertical, height: position.height};
+                    setPopoverAnchorPosition({horizontal: position.horizontal, vertical: position.vertical});
+                    setContextMenuDimensions({width: position.vertical, height: position.height});
                     resolve();
                 });
             } else {
@@ -229,23 +228,23 @@ function PopoverReportActionContextMenu({ref}: PopoverReportActionContextMenuPro
                         horizontal: pageX - x,
                         vertical: pageY - y,
                     };
-                    popoverAnchorPosition.current = {
+                    setPopoverAnchorPosition({
                         horizontal: pageX,
                         vertical: pageY,
-                    };
+                    });
                     resolve();
                 });
             }
         }).then(() => {
             setDisabledActions(disabledOptions);
-            typeRef.current = type;
-            reportIDRef.current = reportID;
-            reportActionIDRef.current = reportActionID;
+            setType(contextMenuType);
+            setReportID(contextReportID);
+            setReportActionID(contextReportActionID);
             // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing
-            originalReportIDRef.current = originalReportID || undefined;
-            selectionRef.current = selection;
+            setOriginalReportID(contextOriginalReportID || undefined);
+            setSelection(contextMenuSelection);
             setIsPopoverVisible(true);
-            reportActionDraftMessageRef.current = draftMessage;
+            setReportActionDraftMessage(draftMessage);
             setIsRoomArchived(isArchivedRoom);
             setIsChronosReportEnabled(isChronos);
             setIsChatPinned(isPinnedChat);
@@ -277,11 +276,11 @@ function PopoverReportActionContextMenu({ref}: PopoverReportActionContextMenuPro
 
     /** After Popover hides, call the registered onPopoverHide & onPopoverHideActionCallback callback and reset it */
     const runAndResetOnPopoverHide = () => {
-        reportIDRef.current = undefined;
-        reportActionIDRef.current = undefined;
-        originalReportIDRef.current = undefined;
+        setReportID(undefined);
+        setReportActionID(undefined);
+        setOriginalReportID(undefined);
         instanceIDRef.current = '';
-        selectionRef.current = '';
+        setSelection('');
 
         onPopoverHide.current = runAndResetCallback(onPopoverHide.current);
         onPopoverHideActionCallback.current = runAndResetCallback(onPopoverHideActionCallback.current);
@@ -298,8 +297,8 @@ function PopoverReportActionContextMenu({ref}: PopoverReportActionContextMenuPro
             onPopoverHideActionCallback.current = callbacks.onHide;
         }
 
-        selectionRef.current = '';
-        reportActionDraftMessageRef.current = undefined;
+        setSelection('');
+        setReportActionDraftMessage(undefined);
         setIsPopoverVisible(false);
 
         actionSheetAwareScrollViewContext.transitionActionSheetState({
@@ -312,26 +311,26 @@ function PopoverReportActionContextMenu({ref}: PopoverReportActionContextMenuPro
     };
 
     const transactionIDs: string[] = [];
-    if (isMoneyRequestAction(reportActionRef.current)) {
-        const originalMessage = getOriginalMessage(reportActionRef.current);
+    if (isMoneyRequestAction(reportAction)) {
+        const originalMessage = getOriginalMessage(reportAction);
         if (originalMessage && 'IOUTransactionID' in originalMessage && !!originalMessage.IOUTransactionID) {
             transactionIDs.push(originalMessage.IOUTransactionID);
         }
     }
 
     const {duplicateTransactions, duplicateTransactionViolations} = useDuplicateTransactionsAndViolations(transactionIDs);
-    const [report] = useOnyx(`${ONYXKEYS.COLLECTION.REPORT}${reportIDRef.current}`, {
+    const [report] = useOnyx(`${ONYXKEYS.COLLECTION.REPORT}${reportID}`, {
         canBeMissing: true,
     });
     const [policy] = useOnyx(`${ONYXKEYS.COLLECTION.POLICY}${report?.policyID}`, {canBeMissing: true});
     const {currentSearchHash} = useSearchContext();
     const {deleteTransactions} = useDeleteTransactions({
         report,
-        reportActions: reportActionRef.current ? [reportActionRef.current] : [],
+        reportActions: reportAction ? [reportAction] : [],
         policy,
     });
 
-    const [originalReport] = useOnyx(`${ONYXKEYS.COLLECTION.REPORT}${getOriginalReportID(reportIDRef.current, reportActionRef.current)}`, {
+    const [originalReport] = useOnyx(`${ONYXKEYS.COLLECTION.REPORT}${getOriginalReportID(reportID, reportAction)}`, {
         canBeMissing: true,
     });
     const ancestorsRef = useRef<typeof ancestors>([]);
@@ -344,15 +343,16 @@ function PopoverReportActionContextMenu({ref}: PopoverReportActionContextMenuPro
     }, [originalReport, ancestors]);
     const confirmDeleteAndHideModal = useCallback(() => {
         callbackWhenDeleteModalHide.current = runAndResetCallback(onConfirmDeleteModal.current);
-        const reportAction = reportActionRef.current;
-        if (isMoneyRequestAction(reportAction)) {
-            const originalMessage = getOriginalMessage(reportAction);
-            if (isTrackExpenseAction(reportAction)) {
+        const currentReportAction = reportAction;
+        if (isMoneyRequestAction(currentReportAction)) {
+            const originalMessage = getOriginalMessage(currentReportAction);
+            if (isTrackExpenseAction(currentReportAction)) {
+                const transactionID = originalMessage && 'IOUTransactionID' in originalMessage ? originalMessage.IOUTransactionID : undefined;
                 deleteTrackExpense({
-                    chatReportID: reportIDRef.current,
+                    chatReportID: reportID,
                     chatReport: report,
-                    transactionID: originalMessage?.IOUTransactionID,
-                    reportAction,
+                    transactionID,
+                    reportAction: currentReportAction,
                     iouReport,
                     chatIOUReport: chatReport,
                     transactions: duplicateTransactions,
@@ -361,22 +361,23 @@ function PopoverReportActionContextMenu({ref}: PopoverReportActionContextMenuPro
                     isChatReportArchived: isReportArchived,
                     isChatIOUReportArchived,
                 });
-            } else if (originalMessage?.IOUTransactionID) {
+            } else if (originalMessage && 'IOUTransactionID' in originalMessage && originalMessage.IOUTransactionID) {
                 deleteTransactions([originalMessage.IOUTransactionID], duplicateTransactions, duplicateTransactionViolations, currentSearchHash);
             }
-        } else if (isReportPreviewAction(reportAction)) {
-            deleteAppReport(reportAction.childReportID, email ?? '');
-        } else if (reportAction) {
+        } else if (isReportPreviewAction(currentReportAction)) {
+            deleteAppReport(currentReportAction.childReportID, email ?? '');
+        } else if (currentReportAction) {
             // eslint-disable-next-line @typescript-eslint/no-deprecated
             InteractionManager.runAfterInteractions(() => {
-                deleteReportComment(reportIDRef.current, reportAction, ancestorsRef.current, isReportArchived, isOriginalReportArchived);
+                deleteReportComment(reportID, currentReportAction, ancestorsRef.current, isReportArchived, isOriginalReportArchived);
             });
         }
 
-        DeviceEventEmitter.emit(`deletedReportAction_${reportIDRef.current}`, reportAction?.reportActionID);
-        setIsDeleteCommentConfirmModalVisible(false);
+        DeviceEventEmitter.emit(`deletedReportAction_${reportID}`, currentReportAction?.reportActionID);
     }, [
         report,
+        reportAction,
+        reportID,
         iouReport,
         chatReport,
         duplicateTransactions,
@@ -391,8 +392,6 @@ function PopoverReportActionContextMenu({ref}: PopoverReportActionContextMenuPro
 
     const hideDeleteModal = () => {
         callbackWhenDeleteModalHide.current = () => (onCancelDeleteModal.current = runAndResetCallback(onCancelDeleteModal.current));
-        setIsDeleteCommentConfirmModalVisible(false);
-        setShouldSetModalVisibilityForDeleteConfirmation(true);
         setIsRoomArchived(false);
         setIsChronosReportEnabled(false);
         setIsChatPinned(false);
@@ -400,15 +399,33 @@ function PopoverReportActionContextMenu({ref}: PopoverReportActionContextMenuPro
     };
 
     /** Opens the Confirm delete action modal */
-    const showDeleteModal: ReportActionContextMenu['showDeleteModal'] = (reportID, reportAction, shouldSetModalVisibility = true, onConfirm = () => {}, onCancel = () => {}) => {
+    const showDeleteModal: ReportActionContextMenu['showDeleteModal'] = (deleteReportID, deleteReportAction, shouldSetModalVisibility = true, onConfirm = () => {}, onCancel = () => {}) => {
         onCancelDeleteModal.current = onCancel;
-
         onConfirmDeleteModal.current = onConfirm;
-        reportIDRef.current = reportID;
-        reportActionRef.current = reportAction ?? null;
-
-        setShouldSetModalVisibilityForDeleteConfirmation(shouldSetModalVisibility);
-        setIsDeleteCommentConfirmModalVisible(true);
+        setReportID(deleteReportID);
+        setReportAction(deleteReportAction ?? null);
+
+        const currentReportAction = deleteReportAction ?? null;
+        showConfirmModal({
+            title: translate('reportActionContextMenu.deleteAction', {action: currentReportAction}),
+            prompt: translate('reportActionContextMenu.deleteConfirmation', {action: currentReportAction}),
+            confirmText: translate('common.delete'),
+            cancelText: translate('common.cancel'),
+            danger: true,
+            shouldSetModalVisibility,
+            onModalHide: () => {
+                clearActiveReportAction();
+                callbackWhenDeleteModalHide.current();
+            },
+        }).then((result) => {
+            if (result.action === ModalActions.CONFIRM) {
+                confirmDeleteAndHideModal();
+                onConfirm();
+            } else {
+                hideDeleteModal();
+                onCancel();
+            }
+        });
     };
 
     useImperativeHandle(ref, () => ({
@@ -425,60 +442,41 @@ function PopoverReportActionContextMenu({ref}: PopoverReportActionContextMenuPro
         composerToRefocusOnCloseEmojiPicker: composerToRefocusOnClose,
     }));
 
-    const reportAction = reportActionRef.current;
-
     return (
-        <>
-            <PopoverWithMeasuredContent
+        <PopoverWithMeasuredContent
+            isVisible={isPopoverVisible}
+            onClose={() => hideContextMenu()}
+            onModalShow={runAndResetOnPopoverShow}
+            onModalHide={runAndResetOnPopoverHide}
+            anchorPosition={popoverAnchorPosition}
+            animationIn="fadeIn"
+            disableAnimation={false}
+            shouldSetModalVisibility={false}
+            fullscreen
+            withoutOverlay={isWithoutOverlay}
+            anchorDimensions={contextMenuDimensions}
+            anchorRef={anchorRef}
+            shouldSwitchPositionIfOverflow={shouldSwitchPositionIfOverflow}
+        >
+            <BaseReportActionContextMenu
                 isVisible={isPopoverVisible}
-                onClose={() => hideContextMenu()}
-                onModalShow={runAndResetOnPopoverShow}
-                onModalHide={runAndResetOnPopoverHide}
-                anchorPosition={popoverAnchorPosition.current}
-                animationIn="fadeIn"
-                disableAnimation={false}
-                shouldSetModalVisibility={false}
-                fullscreen
-                withoutOverlay={isWithoutOverlay}
-                anchorDimensions={contextMenuDimensions.current}
-                anchorRef={anchorRef}
-                shouldSwitchPositionIfOverflow={shouldSwitchPositionIfOverflow}
-            >
-                <BaseReportActionContextMenu
-                    isVisible={isPopoverVisible}
-                    type={typeRef.current}
-                    reportID={reportIDRef.current}
-                    reportActionID={reportActionIDRef.current}
-                    draftMessage={reportActionDraftMessageRef.current}
-                    selection={selectionRef.current}
-                    isArchivedRoom={isRoomArchived}
-                    isChronosReport={isChronosReportEnabled}
-                    isPinnedChat={isChatPinned}
-                    isUnreadChat={hasUnreadMessages}
-                    isThreadReportParentAction={isThreadReportParentAction}
-                    anchor={contextMenuTargetNode}
-                    contentRef={contentRef}
-                    originalReportID={originalReportIDRef.current}
-                    disabledActions={disabledActions}
-                    setIsEmojiPickerActive={onEmojiPickerToggle.current}
-                />
-            </PopoverWithMeasuredContent>
-            <ConfirmModal
-                title={translate('reportActionContextMenu.deleteAction', {action: reportAction})}
-                isVisible={isDeleteCommentConfirmModalVisible}
-                shouldSetModalVisibility={shouldSetModalVisibilityForDeleteConfirmation}
-                onConfirm={confirmDeleteAndHideModal}
-                onCancel={hideDeleteModal}
-                onModalHide={() => {
-                    clearActiveReportAction();
-                    callbackWhenDeleteModalHide.current();
-                }}
-                prompt={translate('reportActionContextMenu.deleteConfirmation', {action: reportAction})}
-                confirmText={translate('common.delete')}
-                cancelText={translate('common.cancel')}
-                danger
+                type={type}
+                reportID={reportID}
+                reportActionID={reportActionID}
+                draftMessage={reportActionDraftMessage}
+                selection={selection}
+                isArchivedRoom={isRoomArchived}
+                isChronosReport={isChronosReportEnabled}
+                isPinnedChat={isChatPinned}
+                isUnreadChat={hasUnreadMessages}
+                isThreadReportParentAction={isThreadReportParentAction}
+                anchor={contextMenuTargetNode}
+                contentRef={contentRef}
+                originalReportID={originalReportID}
+                disabledActions={disabledActions}
+                setIsEmojiPickerActive={onEmojiPickerToggle}
             />
-        </>
+        </PopoverWithMeasuredContent>
     );
 }
 
diff --git a/src/pages/home/report/PureReportActionItem.tsx b/src/pages/home/report/PureReportActionItem.tsx
index a0f602f34a61e..7a94c7ddf3cc5 100644
--- a/src/pages/home/report/PureReportActionItem.tsx
+++ b/src/pages/home/report/PureReportActionItem.tsx
@@ -9,7 +9,6 @@ import type {Emoji} from '@assets/emojis/types';
 import * as ActionSheetAwareScrollView from '@components/ActionSheetAwareScrollView';
 import {AttachmentContext} from '@components/AttachmentContext';
 import Button from '@components/Button';
-import ConfirmModal from '@components/ConfirmModal';
 import DisplayNames from '@components/DisplayNames';
 import Hoverable from '@components/Hoverable';
 import MentionReportContext from '@components/HTMLEngineProvider/HTMLRenderers/MentionReportRenderer/MentionReportContext';
@@ -18,6 +17,7 @@ import {Eye} from '@components/Icon/Expensicons';
 import InlineSystemMessage from '@components/InlineSystemMessage';
 import KYCWall from '@components/KYCWall';
 import {KYCWallContext} from '@components/KYCWall/KYCWallContext';
+import {ModalActions} from '@components/Modal/Global/ModalContext';
 import OfflineWithFeedback from '@components/OfflineWithFeedback';
 import PressableWithSecondaryInteraction from '@components/PressableWithSecondaryInteraction';
 import ReportActionItemEmojiReactions from '@components/Reactions/ReportActionItemEmojiReactions';
@@ -39,6 +39,7 @@ import {ShowContextMenuContext} from '@components/ShowContextMenuContext';
 import Text from '@components/Text';
 import TextLink from '@components/TextLink';
 import UnreadActionIndicator from '@components/UnreadActionIndicator';
+import useConfirmModal from '@hooks/useConfirmModal';
 import useCurrentUserPersonalDetails from '@hooks/useCurrentUserPersonalDetails';
 import useLocalize from '@hooks/useLocalize';
 import usePreferredPolicy from '@hooks/usePreferredPolicy';
@@ -538,7 +539,7 @@ function PureReportActionItem({
         currentSearchHash = searchContextCurrentSearchHash;
     }
 
-    const [showConfirmDismissReceiptError, setShowConfirmDismissReceiptError] = useState(false);
+    const {showConfirmModal} = useConfirmModal();
     const dismissError = useCallback(() => {
         const transactionID = isMoneyRequestAction(action) ? getOriginalMessage(action)?.IOUTransactionID : undefined;
         if (transactionID) {
@@ -554,7 +555,19 @@ function PureReportActionItem({
         const hasReceiptError = Object.values(errorMessages).some((error) => isReceiptError(error));
 
         if (hasReceiptError) {
-            setShowConfirmDismissReceiptError(true);
+            showConfirmModal({
+                title: translate('iou.dismissReceiptError'),
+                prompt: translate('iou.dismissReceiptErrorConfirmation'),
+                confirmText: translate('common.dismiss'),
+                cancelText: translate('common.cancel'),
+                shouldShowCancelButton: true,
+                danger: true,
+            }).then((result) => {
+                if (result.action !== ModalActions.CONFIRM) {
+                    return;
+                }
+                dismissError();
+            });
         } else {
             dismissError();
         }
@@ -1851,22 +1864,6 @@ function PureReportActionItem({
             <View style={styles.reportActionSystemMessageContainer}>
                 <InlineSystemMessage message={action.error} />
             </View>
-            <ConfirmModal
-                isVisible={showConfirmDismissReceiptError}
-                onConfirm={() => {
-                    dismissError();
-                    setShowConfirmDismissReceiptError(false);
-                }}
-                onCancel={() => {
-                    setShowConfirmDismissReceiptError(false);
-                }}
-                title={translate('iou.dismissReceiptError')}
-                prompt={translate('iou.dismissReceiptErrorConfirmation')}
-                confirmText={translate('common.dismiss')}
-                cancelText={translate('common.cancel')}
-                shouldShowCancelButton
-                danger
-            />
         </PressableWithSecondaryInteraction>
     );
 }
diff --git a/src/pages/home/report/ReportDetailsExportPage.tsx b/src/pages/home/report/ReportDetailsExportPage.tsx
index 9bda82701755b..68639c67857e7 100644
--- a/src/pages/home/report/ReportDetailsExportPage.tsx
+++ b/src/pages/home/report/ReportDetailsExportPage.tsx
@@ -1,12 +1,13 @@
-import React, {useCallback, useState} from 'react';
+import React, {useCallback} from 'react';
 import type {ValueOf} from 'type-fest';
 import ConfirmationPage from '@components/ConfirmationPage';
-import ConfirmModal from '@components/ConfirmModal';
 import HeaderWithBackButton from '@components/HeaderWithBackButton';
+import {ModalActions} from '@components/Modal/Global/ModalContext';
 import ScreenWrapper from '@components/ScreenWrapper';
 import UserListItem from '@components/SelectionListWithSections/UserListItem';
 import type {SelectorType} from '@components/SelectionScreen';
 import SelectionScreen from '@components/SelectionScreen';
+import useConfirmModal from '@hooks/useConfirmModal';
 import {useMemoizedLazyExpensifyIcons, useMemoizedLazyIllustrations} from '@hooks/useLazyAsset';
 import useLocalize from '@hooks/useLocalize';
 import useOnyx from '@hooks/useOnyx';
@@ -36,9 +37,9 @@ function ReportDetailsExportPage({route}: ReportDetailsExportPageProps) {
     const policyID = report?.policyID;
 
     const {translate} = useLocalize();
-    const [modalStatus, setModalStatus] = useState<ExportType | null>(null);
     const styles = useThemeStyles();
     const lazyIllustrations = useMemoizedLazyIllustrations(['LaptopWithSecondScreenAndHourglass']);
+    const {showConfirmModal} = useConfirmModal();
     const expensifyIcons = useMemoizedLazyExpensifyIcons(['XeroSquare', 'QBOSquare', 'NetSuiteSquare', 'IntacctSquare', 'QBDSquare'] as const);
 
     const iconToDisplay = getIntegrationIcon(connectionName, expensifyIcons);
@@ -46,16 +47,15 @@ function ReportDetailsExportPage({route}: ReportDetailsExportPageProps) {
     const isExported = isExportedUtil(reportActions);
 
     const confirmExport = useCallback(
-        (type = modalStatus) => {
+        (type: ExportType) => {
             if (type === CONST.REPORT.EXPORT_OPTIONS.EXPORT_TO_INTEGRATION) {
                 exportToIntegration(reportID, connectionName);
             } else if (type === CONST.REPORT.EXPORT_OPTIONS.MARK_AS_EXPORTED) {
                 markAsManuallyExported(reportID, connectionName);
             }
-            setModalStatus(null);
             Navigation.dismissModal();
         },
-        [connectionName, modalStatus, reportID],
+        [connectionName, reportID],
     );
 
     const exportSelectorOptions: ExportSelectorType[] = [
@@ -105,36 +105,35 @@ function ReportDetailsExportPage({route}: ReportDetailsExportPageProps) {
     }
 
     return (
-        <>
-            <SelectionScreen<ExportType>
-                policyID={policyID}
-                accessVariants={[CONST.POLICY.ACCESS_VARIANTS.ADMIN, CONST.POLICY.ACCESS_VARIANTS.PAID]}
-                featureName={CONST.POLICY.MORE_FEATURES.ARE_CONNECTIONS_ENABLED}
-                displayName={ReportDetailsExportPage.displayName}
-                sections={[{data: exportSelectorOptions}]}
-                listItem={UserListItem}
-                shouldBeBlocked={false}
-                onBackButtonPress={() => Navigation.goBack(ROUTES.REPORT_WITH_ID_DETAILS.getRoute(reportID, backTo))}
-                title="common.export"
-                connectionName={connectionName}
-                onSelectRow={({value}) => {
-                    if (isExported) {
-                        setModalStatus(value);
-                    } else {
+        <SelectionScreen<ExportType>
+            policyID={policyID}
+            accessVariants={[CONST.POLICY.ACCESS_VARIANTS.ADMIN, CONST.POLICY.ACCESS_VARIANTS.PAID]}
+            featureName={CONST.POLICY.MORE_FEATURES.ARE_CONNECTIONS_ENABLED}
+            displayName={ReportDetailsExportPage.displayName}
+            sections={[{data: exportSelectorOptions}]}
+            listItem={UserListItem}
+            shouldBeBlocked={false}
+            onBackButtonPress={() => Navigation.goBack(ROUTES.REPORT_WITH_ID_DETAILS.getRoute(reportID, backTo))}
+            title="common.export"
+            connectionName={connectionName}
+            onSelectRow={({value}) => {
+                if (isExported) {
+                    showConfirmModal({
+                        title: translate('workspace.exportAgainModal.title'),
+                        prompt: translate('workspace.exportAgainModal.description', {reportName: report?.reportName ?? '', connectionName}),
+                        confirmText: translate('workspace.exportAgainModal.confirmText'),
+                        cancelText: translate('workspace.exportAgainModal.cancelText'),
+                    }).then((result) => {
+                        if (result.action !== ModalActions.CONFIRM) {
+                            return;
+                        }
                         confirmExport(value);
-                    }
-                }}
-            />
-            <ConfirmModal
-                title={translate('workspace.exportAgainModal.title')}
-                onConfirm={confirmExport}
-                onCancel={() => setModalStatus(null)}
-                prompt={translate('workspace.exportAgainModal.description', {reportName: report?.reportName ?? '', connectionName})}
-                confirmText={translate('workspace.exportAgainModal.confirmText')}
-                cancelText={translate('workspace.exportAgainModal.cancelText')}
-                isVisible={!!modalStatus}
-            />
-        </>
+                    });
+                } else {
+                    confirmExport(value);
+                }
+            }}
+        />
     );
 }
 
diff --git a/src/pages/home/sidebar/FloatingActionButtonAndPopover.tsx b/src/pages/home/sidebar/FloatingActionButtonAndPopover.tsx
index f943254af3be6..b56add97baa0a 100644
--- a/src/pages/home/sidebar/FloatingActionButtonAndPopover.tsx
+++ b/src/pages/home/sidebar/FloatingActionButtonAndPopover.tsx
@@ -7,14 +7,15 @@ import type {ForwardedRef} from 'react';
 import React, {useCallback, useContext, useEffect, useImperativeHandle, useMemo, useRef, useState} from 'react';
 import {View} from 'react-native';
 import type {OnyxCollection, OnyxEntry} from 'react-native-onyx';
-import ConfirmModal from '@components/ConfirmModal';
 import {DelegateNoAccessContext} from '@components/DelegateNoAccessModalProvider';
 import FloatingActionButton from '@components/FloatingActionButton';
 import FloatingReceiptButton from '@components/FloatingReceiptButton';
 // eslint-disable-next-line no-restricted-imports
 import * as Expensicons from '@components/Icon/Expensicons';
+import {ModalActions} from '@components/Modal/Global/ModalContext';
 import type {PopoverMenuItem} from '@components/PopoverMenu';
 import PopoverMenu from '@components/PopoverMenu';
+import useConfirmModal from '@hooks/useConfirmModal';
 import useCreateEmptyReportConfirmation from '@hooks/useCreateEmptyReportConfirmation';
 import useCurrentUserPersonalDetails from '@hooks/useCurrentUserPersonalDetails';
 import useIsPaidPolicyAdmin from '@hooks/useIsPaidPolicyAdmin';
@@ -51,10 +52,11 @@ import {
     shouldShowPolicy,
 } from '@libs/PolicyUtils';
 import {getQuickActionIcon, getQuickActionTitle, isQuickActionAllowed} from '@libs/QuickActionUtils';
+import {getReportName as getReportNameFromUtils} from '@libs/ReportNameUtils';
 import {
     generateReportID,
     getDisplayNameForParticipant,
-    getIcons, // eslint-disable-next-line @typescript-eslint/no-deprecated
+    getIcons,
     getReportName,
     getWorkspaceChats,
     hasEmptyReportsForPolicy,
@@ -145,13 +147,14 @@ function FloatingActionButtonAndPopover({onHideCreateMenu, onShowCreateMenu, ref
     }, [activePolicy, activePolicyID, session?.accountID, allReports]);
     const [quickActionPolicy] = useOnyx(`${ONYXKEYS.COLLECTION.POLICY}${quickActionReport?.policyID}`, {canBeMissing: true});
     const [allPolicies] = useOnyx(ONYXKEYS.COLLECTION.POLICY, {selector: policiesSelector, canBeMissing: true});
+    const [allPoliciesCollection] = useOnyx(ONYXKEYS.COLLECTION.POLICY, {canBeMissing: true});
     const [lastDistanceExpenseType] = useOnyx(ONYXKEYS.NVP_LAST_DISTANCE_EXPENSE_TYPE, {canBeMissing: true});
     const currentUserPersonalDetails = useCurrentUserPersonalDetails();
     const {isDelegateAccessRestricted, showDelegateNoAccessModal} = useContext(DelegateNoAccessContext);
 
     const [isCreateMenuActive, setIsCreateMenuActive] = useState(false);
-    const [modalVisible, setModalVisible] = useState(false);
     const fabRef = useRef<HTMLDivElement>(null);
+    const {showConfirmModal} = useConfirmModal();
     const {windowHeight} = useWindowDimensions();
     const {shouldUseNarrowLayout} = useResponsiveLayout();
     const isFocused = useIsFocused();
@@ -287,7 +290,7 @@ function FloatingActionButtonAndPopover({onHideCreateMenu, onShowCreateMenu, ref
         return !hideQABSubtitle ? (getReportName(quickActionReport, quickActionPolicy, undefined, personalDetails) ?? translate('quickAction.updateDestination')) : '';
         // eslint-disable-next-line react-compiler/react-compiler
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [hideQABSubtitle, personalDetails, quickAction?.action, quickActionPolicy?.name, quickActionReport, translate]);
+    }, [hideQABSubtitle, personalDetails, quickAction?.action, quickActionPolicy?.name, quickActionReport, allReports, allPoliciesCollection, translate]);
 
     const selectOption = useCallback(
         (onSelected: () => void, shouldRestrictAction: boolean) => {
@@ -303,14 +306,28 @@ function FloatingActionButtonAndPopover({onHideCreateMenu, onShowCreateMenu, ref
     const startScan = useCallback(() => {
         interceptAnonymousUser(() => {
             if (shouldRedirectToExpensifyClassic) {
-                setModalVisible(true);
+                showConfirmModal({
+                    prompt: translate('sidebarScreen.redirectToExpensifyClassicModal.description'),
+                    title: translate('sidebarScreen.redirectToExpensifyClassicModal.title'),
+                    confirmText: translate('exitSurvey.goToExpensifyClassic'),
+                    cancelText: translate('common.cancel'),
+                }).then((result) => {
+                    if (result.action !== ModalActions.CONFIRM) {
+                        return;
+                    }
+                    if (CONFIG.IS_HYBRID_APP) {
+                        closeReactNativeApp({shouldSetNVP: true});
+                        return;
+                    }
+                    openOldDotLink(CONST.OLDDOT_URLS.INBOX);
+                });
                 return;
             }
 
             // Start the scan flow directly
             startMoneyRequest(CONST.IOU.TYPE.CREATE, reportID, CONST.IOU.REQUEST_TYPE.SCAN, false, undefined, allTransactionDrafts);
         });
-    }, [shouldRedirectToExpensifyClassic, allTransactionDrafts, reportID]);
+    }, [shouldRedirectToExpensifyClassic, allTransactionDrafts, reportID, showConfirmModal, translate]);
 
     const startQuickScan = useCallback(() => {
         interceptAnonymousUser(() => {
@@ -401,14 +418,29 @@ function FloatingActionButtonAndPopover({onHideCreateMenu, onShowCreateMenu, ref
                 onSelected: () =>
                     interceptAnonymousUser(() => {
                         if (shouldRedirectToExpensifyClassic) {
-                            setModalVisible(true);
+                            showConfirmModal({
+                                prompt: translate('sidebarScreen.redirectToExpensifyClassicModal.description'),
+                                title: translate('sidebarScreen.redirectToExpensifyClassicModal.title'),
+                                confirmText: translate('exitSurvey.goToExpensifyClassic'),
+                                cancelText: translate('common.cancel'),
+                                // eslint-disable-next-line rulesdir/prefer-early-return
+                            }).then((result) => {
+                                if (result.action !== ModalActions.CONFIRM) {
+                                    return;
+                                }
+                                if (CONFIG.IS_HYBRID_APP) {
+                                    closeReactNativeApp({shouldSetNVP: true});
+                                    return;
+                                }
+                                openOldDotLink(CONST.OLDDOT_URLS.INBOX);
+                            });
                             return;
                         }
                         startMoneyRequest(CONST.IOU.TYPE.CREATE, reportID, undefined, undefined, undefined, allTransactionDrafts);
                     }),
             },
         ];
-    }, [translate, shouldRedirectToExpensifyClassic, shouldUseNarrowLayout, allTransactionDrafts, reportID]);
+    }, [translate, shouldRedirectToExpensifyClassic, shouldUseNarrowLayout, allTransactionDrafts, reportID, showConfirmModal]);
 
     const quickActionMenuItems = useMemo(() => {
         // Define common properties in baseQuickAction
@@ -480,8 +512,7 @@ function FloatingActionButtonAndPopover({onHideCreateMenu, onShowCreateMenu, ref
                     ...baseQuickAction,
                     icon: Expensicons.ReceiptScan,
                     text: translate('quickAction.scanReceipt'),
-                    // eslint-disable-next-line @typescript-eslint/no-deprecated
-                    description: getReportName(policyChatForActivePolicy),
+                    description: getReportNameFromUtils(policyChatForActivePolicy),
                     shouldCallAfterModalHide: shouldUseNarrowLayout,
                     onSelected,
                     rightIconReportID: policyChatForActivePolicy?.reportID,
@@ -543,7 +574,22 @@ function FloatingActionButtonAndPopover({onHideCreateMenu, onShowCreateMenu, ref
             onSelected: () => {
                 interceptAnonymousUser(() => {
                     if (shouldRedirectToExpensifyClassic) {
-                        setModalVisible(true);
+                        showConfirmModal({
+                            prompt: translate('sidebarScreen.redirectToExpensifyClassicModal.description'),
+                            title: translate('sidebarScreen.redirectToExpensifyClassicModal.title'),
+                            confirmText: translate('exitSurvey.goToExpensifyClassic'),
+                            cancelText: translate('common.cancel'),
+                            // eslint-disable-next-line rulesdir/prefer-early-return
+                        }).then((result) => {
+                            if (result.action !== ModalActions.CONFIRM) {
+                                return;
+                            }
+                            if (CONFIG.IS_HYBRID_APP) {
+                                closeReactNativeApp({shouldSetNVP: true});
+                                return;
+                            }
+                            openOldDotLink(CONST.OLDDOT_URLS.INBOX);
+                        });
                         return;
                     }
                     // Start the flow to start tracking a distance request
@@ -560,7 +606,22 @@ function FloatingActionButtonAndPopover({onHideCreateMenu, onShowCreateMenu, ref
                       onSelected: () => {
                           interceptAnonymousUser(() => {
                               if (shouldRedirectToExpensifyClassic) {
-                                  setModalVisible(true);
+                                  showConfirmModal({
+                                      prompt: translate('sidebarScreen.redirectToExpensifyClassicModal.description'),
+                                      title: translate('sidebarScreen.redirectToExpensifyClassicModal.title'),
+                                      confirmText: translate('exitSurvey.goToExpensifyClassic'),
+                                      cancelText: translate('common.cancel'),
+                                      // eslint-disable-next-line rulesdir/prefer-early-return
+                                  }).then((result) => {
+                                      if (result.action !== ModalActions.CONFIRM) {
+                                          return;
+                                      }
+                                      if (CONFIG.IS_HYBRID_APP) {
+                                          closeReactNativeApp({shouldSetNVP: true});
+                                          return;
+                                      }
+                                      openOldDotLink(CONST.OLDDOT_URLS.INBOX);
+                                  });
                                   return;
                               }
 
@@ -603,7 +664,22 @@ function FloatingActionButtonAndPopover({onHideCreateMenu, onShowCreateMenu, ref
                       onSelected: () =>
                           interceptAnonymousUser(() => {
                               if (shouldRedirectToExpensifyClassic) {
-                                  setModalVisible(true);
+                                  showConfirmModal({
+                                      prompt: translate('sidebarScreen.redirectToExpensifyClassicModal.description'),
+                                      title: translate('sidebarScreen.redirectToExpensifyClassicModal.title'),
+                                      confirmText: translate('exitSurvey.goToExpensifyClassic'),
+                                      cancelText: translate('common.cancel'),
+                                      // eslint-disable-next-line rulesdir/prefer-early-return
+                                  }).then((result) => {
+                                      if (result.action !== ModalActions.CONFIRM) {
+                                          return;
+                                      }
+                                      if (CONFIG.IS_HYBRID_APP) {
+                                          closeReactNativeApp({shouldSetNVP: true});
+                                          return;
+                                      }
+                                      openOldDotLink(CONST.OLDDOT_URLS.INBOX);
+                                  });
                                   return;
                               }
 
@@ -674,22 +750,6 @@ function FloatingActionButtonAndPopover({onHideCreateMenu, onShowCreateMenu, ref
                 })}
                 anchorRef={fabRef}
             />
-            <ConfirmModal
-                prompt={translate('sidebarScreen.redirectToExpensifyClassicModal.description')}
-                isVisible={modalVisible}
-                onConfirm={() => {
-                    setModalVisible(false);
-                    if (CONFIG.IS_HYBRID_APP) {
-                        closeReactNativeApp({shouldSetNVP: true});
-                        return;
-                    }
-                    openOldDotLink(CONST.OLDDOT_URLS.INBOX);
-                }}
-                onCancel={() => setModalVisible(false)}
-                title={translate('sidebarScreen.redirectToExpensifyClassicModal.title')}
-                confirmText={translate('exitSurvey.goToExpensifyClassic')}
-                cancelText={translate('common.cancel')}
-            />
             {!shouldUseNarrowLayout && (
                 <FloatingReceiptButton
                     accessibilityLabel={translate('sidebarScreen.fabScanReceiptExplained')}
diff --git a/src/pages/settings/InitialSettingsPage.tsx b/src/pages/settings/InitialSettingsPage.tsx
index 370701527741e..78c1d8d440fe4 100755
--- a/src/pages/settings/InitialSettingsPage.tsx
+++ b/src/pages/settings/InitialSettingsPage.tsx
@@ -257,6 +257,7 @@ function InitialSettingsPage({currentUserPersonalDetails}: InitialSettingsPagePr
         hasActivatedWallet,
         userWallet?.currentBalance,
         subscriptionPlan,
+        billingStatus,
         styles.accountSettingsSectionContainer,
         styles.badgeSuccess,
         privateSubscription?.errors,