fix resolve delay when dismissing attachment preview

src/components/AttachmentModal.tsx

@@ -13,6 +13,7 @@ import useStyleUtils from '@hooks/useStyleUtils';
 import useThemeStyles from '@hooks/useThemeStyles';
 import useWindowDimensions from '@hooks/useWindowDimensions';
 import addEncryptedAuthTokenToURL from '@libs/addEncryptedAuthTokenToURL';
+import attachmentModalHandler from '@libs/AttachmentModalHandler';
 import fileDownload from '@libs/fileDownload';
 import * as FileUtils from '@libs/fileDownload/FileUtils';
 import Navigation from '@libs/Navigation/Navigation';
@@ -387,7 +388,7 @@ function AttachmentModal({
         setIsModalOpen(false);
 
         if (typeof onModalClose === 'function') {
-            onModalClose();
+            attachmentModalHandler.handleModalClose(onModalClose);
         }
 
         // eslint-disable-next-line react-compiler/react-compiler, react-hooks/exhaustive-deps

src/libs/AttachmentModalHandler/index.ios.ts

@@ -0,0 +1,17 @@
+import {InteractionManager} from 'react-native';
+import type AttachmentModalHandler from './types';
+
+const attachmentModalHandler: AttachmentModalHandler = {
+    handleModalClose: (onCloseCallback) => {
+        // Ensure `AttachmentCarousel` is unmounted before `AttachmentModal` is closed to prevent any delay in the attachment preview when closing the modal.
+        // This delay causes the attachment preview to slide to the right on iOS, especially when there is an animation involved.
+        // The issue is tracked in https://github.com/Expensify/App/issues/52937.
+        // `InteractionManager.runAfterInteractions` ensures that `onCloseCallback` is executed only after all interactions and animations have completed,
+        // preventing any unintended visual delay or jarring transition when the modal is closed.
+        InteractionManager.runAfterInteractions(() => {
+            onCloseCallback?.();
+        });
+    },
+};
+
+export default attachmentModalHandler;

src/libs/AttachmentModalHandler/index.ts

@@ -0,0 +1,9 @@
+import type AttachmentModalHandler from './types';
+
+const attachmentModalHandler: AttachmentModalHandler = {
+    handleModalClose: (onCloseCallback) => {
+        onCloseCallback?.();
+    },
+};
+
+export default attachmentModalHandler;

src/libs/AttachmentModalHandler/types.ts

@@ -0,0 +1,5 @@
+type AttachmentModalHandler = {
+    handleModalClose: (onCloseCallback?: () => void) => void;
+};
+
+export default AttachmentModalHandler;