add mobile modal for showing export initiated, clear selected values on modal close

Author: NikkiWines

src/pages/Search/SearchPage.tsx

@@ -172,8 +172,8 @@ function SearchPage({route}: SearchPageProps) {
                     onSelected: () => {
                         // The report level export template is not policy specific, so we don't need to pass a policyID
                         beginExportWithTemplate(CONST.REPORT.EXPORT_OPTIONS.EXPENSE_LEVEL_EXPORT, CONST.EXPORT_TEMPLATE_TYPES.INTEGRATIONS, undefined);
-                        clearSelectedTransactions(undefined, true);
                     },
+                    shouldCloseModalOnSelect: true,
                 },
             ];
 
@@ -191,8 +191,8 @@ function SearchPage({route}: SearchPageProps) {
                     onSelected: () => {
                         // The report level export template is not policy specific, so we don't need to pass a policyID
                         beginExportWithTemplate(CONST.REPORT.EXPORT_OPTIONS.REPORT_LEVEL_EXPORT, CONST.EXPORT_TEMPLATE_TYPES.INTEGRATIONS, undefined);
-                        clearSelectedTransactions(undefined, true);
                     },
+                    shouldCloseModalOnSelect: true,
                 });
             }
 
@@ -627,6 +627,17 @@ function SearchPage({route}: SearchPageProps) {
                             isVisible={isDownloadErrorModalVisible}
                             onClose={() => setIsDownloadErrorModalVisible(false)}
                         />
+                        <ConfirmModal
+                            isVisible={isExportWithTemplateModalVisible}
+                            onConfirm={() => {
+                                setIsExportWithTemplateModalVisible(false);
+                                clearSelectedTransactions(undefined, true);
+                            }}
+                            title={translate('export.exportInProgress')}
+                            prompt={translate('export.conciergeWillSend')}
+                            confirmText={translate('common.buttonConfirm')}
+                            shouldShowCancelButton={false}
+                        />
                     </View>
                 )}
             </>
@@ -712,7 +723,10 @@ function SearchPage({route}: SearchPageProps) {
                 />
                 <ConfirmModal
                     isVisible={isExportWithTemplateModalVisible}
-                    onConfirm={() => setIsExportWithTemplateModalVisible(false)}
+                    onConfirm={() => {
+                        setIsExportWithTemplateModalVisible(false)
+                        clearSelectedTransactions(undefined, true);
+                    }}
                     title={translate('export.exportInProgress')}
                     prompt={translate('export.conciergeWillSend')}
                     confirmText={translate('common.buttonConfirm')}