Add ability to download statement PDF

src/libs/API.js

@@ -1234,6 +1234,17 @@ function TransferWalletBalance(parameters) {
     return Network.post(commandName, parameters);
 }
 
+/**
+ * Fetches the filename of the user's statement
+ * @param {Object} parameters
+ * @param {String} [parameters.period]
+ * @return {Promise}
+ */
+function GetStatementPDF(parameters) {
+    const commandName = 'GetStatementPDF';
+    return Network.post(commandName, parameters);
+}
+
 export {
     Authenticate,
     AuthenticateWithAccountID,
@@ -1253,6 +1264,7 @@ export {
     Get,
     GetAccountStatus,
     GetShortLivedAuthToken,
+    GetStatementPDF,
     GetIOUReport,
     GetFullPolicy,
     GetPolicySummaryList,

src/libs/actions/User.js

@@ -15,10 +15,12 @@ import NetworkConnection from '../NetworkConnection';
 import redirectToSignIn from './SignInRedirect';
 import NameValuePair from './NameValuePair';
 import Growl from '../Growl';
+import CONFIG from '../../CONFIG';
 import * as Localize from '../Localize';
 import * as CloseAccountActions from './CloseAccount';
 import * as Link from './Link';
 import getSkinToneEmojiFromIndex from '../../components/EmojiPicker/getSkinToneEmojiFromIndex';
+import fileDownload from '../fileDownload';
 
 let sessionAuthToken = '';
 let sessionEmail = '';
@@ -397,6 +399,25 @@ function joinScreenShare(accessToken, roomName) {
     clearScreenShareRequest();
 }
 
+/**
+ * Downloads the statement PDF for the provided period
+ * @param {String} period YYYYMM format
+ */
+function downloadStatementPDF(period) {
+    API.GetStatementPDF({period})
+        .then((response) => {
+            if (response.jsonCode === 200 && response.filename) {
+                const downloadFileName = `Expensify_Statement_${response.period}.pdf`;
+                const pdfURL = `${CONFIG.EXPENSIFY.URL_EXPENSIFY_COM}secure?secureType=pdfreport&filename=${response.filename}&downloadName=${downloadFileName}`;
+
+                fileDownload(pdfURL, downloadFileName);
+            } else {
+                Growl.show(Localize.translateLocal('common.genericErrorMessage'), CONST.GROWL.ERROR, 3000);
+            }
+        })
+        .catch(() => Growl.show(Localize.translateLocal('common.genericErrorMessage'), CONST.GROWL.ERROR, 3000));
+}
+
 export {
     changePasswordAndNavigate,
     closeAccount,
@@ -416,4 +437,5 @@ export {
     setFrequentlyUsedEmojis,
     joinScreenShare,
     clearScreenShareRequest,
+    downloadStatementPDF,
 };

src/pages/wallet/WalletStatementPage.js

@@ -12,6 +12,8 @@ import ONYXKEYS from '../../ONYXKEYS';
 import compose from '../../libs/compose';
 import CONFIG from '../../CONFIG';
 import WalletStatementModal from '../../components/WalletStatementModal';
+import * as User from '../../libs/actions/User';
+
 
 const propTypes = {
     /** The route object passed to this page from the navigator */
@@ -37,11 +39,14 @@ const WalletStatementPage = (props) => {
     const title = `${monthName} ${year} statement`;
 
     const url = `${CONFIG.EXPENSIFY.URL_EXPENSIFY_COM}statement.php?period=${yearMonth}`;
+
     return (
         <ScreenWrapper>
             <HeaderWithCloseButton
                 title={Str.recapitalize(title)}
+                shouldShowDownloadButton
                 onCloseButtonPress={() => Navigation.dismissModal(true)}
+                onDownloadButtonPress={() => User.downloadStatementPDF(yearMonth)}
             />
             <WalletStatementModal
                 statementPageURL={url}