From 2192d47fefd41f408bb9d0d513b48f7e751f7c29 Mon Sep 17 00:00:00 2001
From: Cristi Paval <cristi@expensify.com>
Date: Wed, 18 Oct 2023 20:46:19 +0300
Subject: [PATCH] Merge pull request #29873 from
 c3024/29855-receipt-missing-in-preview

get image from IOU when there is no source in transaction

(cherry picked from commit 4a1e2b3e8a1f73992173264276fef2ded1fd5918)
---
 src/components/MoneyRequestConfirmationList.js | 3 ++-
 src/libs/ReceiptUtils.ts                       | 8 +++++---
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/components/MoneyRequestConfirmationList.js b/src/components/MoneyRequestConfirmationList.js
index fefacc385116..93851525934b 100755
--- a/src/components/MoneyRequestConfirmationList.js
+++ b/src/components/MoneyRequestConfirmationList.js
@@ -536,7 +536,8 @@ function MoneyRequestConfirmationList(props) {
         );
     }, [confirm, props.bankAccountRoute, props.iouCurrencyCode, props.iouType, props.isReadOnly, props.policyID, selectedParticipants, splitOrRequestOptions, translate, formError]);
 
-    const {image: receiptImage, thumbnail: receiptThumbnail} = props.receiptPath && props.receiptFilename ? ReceiptUtils.getThumbnailAndImageURIs(transaction) : {};
+    const {image: receiptImage, thumbnail: receiptThumbnail} =
+        props.receiptPath && props.receiptFilename ? ReceiptUtils.getThumbnailAndImageURIs(transaction, props.receiptPath, props.receiptFilename) : {};
 
     return (
         <OptionsSelector
diff --git a/src/libs/ReceiptUtils.ts b/src/libs/ReceiptUtils.ts
index 9fa7ebdc6559..13e8a195cccb 100644
--- a/src/libs/ReceiptUtils.ts
+++ b/src/libs/ReceiptUtils.ts
@@ -24,12 +24,14 @@ type FileNameAndExtension = {
  * Grab the appropriate receipt image and thumbnail URIs based on file type
  *
  * @param transaction
+ * @param receiptPath
+ * @param receiptFileName
  */
-function getThumbnailAndImageURIs(transaction: Transaction): ThumbnailAndImageURI {
+function getThumbnailAndImageURIs(transaction: Transaction, receiptPath: string | null = null, receiptFileName: string | null = null): ThumbnailAndImageURI {
     // URI to image, i.e. blob:new.expensify.com/9ef3a018-4067-47c6-b29f-5f1bd35f213d or expensify.com/receipts/w_e616108497ef940b7210ec6beb5a462d01a878f4.jpg
-    const path = transaction?.receipt?.source ?? '';
+    const path = transaction?.receipt?.source ?? receiptPath ?? '';
     // filename of uploaded image or last part of remote URI
-    const filename = transaction?.filename ?? '';
+    const filename = transaction?.filename ?? receiptFileName ?? '';
     const isReceiptImage = Str.isImage(filename);
 
     const hasEReceipt = transaction?.hasEReceipt;