Update version to 1.1.70-2 on staging

FORMS.md

@@ -210,4 +210,4 @@ Form.js will automatically provide the following props to any input with the inp
 - defaultValue: The input default value.
 - errorText: The translated error text that is returned by validate for that specific input.
 - onBlur: An onBlur handler that calls validate.
-- onChange: An onChange handler that saves draft values and calls validate.
+- onInputChange: An onChange handler that saves draft values and calls validate for that input (inputA). Passing an inputID as a second param allows inputA to manipulate the input value of the provided inputID (inputB).

android/app/build.gradle

@@ -152,8 +152,8 @@ android {
         minSdkVersion rootProject.ext.minSdkVersion
         targetSdkVersion rootProject.ext.targetSdkVersion
         multiDexEnabled rootProject.ext.multiDexEnabled
-        versionCode 1001017001
-        versionName "1.1.70-1"
+        versionCode 1001017002
+        versionName "1.1.70-2"
     }
     splits {
         abi {

ios/NewExpensify/Info.plist

@@ -30,7 +30,7 @@
 		</dict>
 	</array>
 	<key>CFBundleVersion</key>
-	<string>1.1.70.1</string>
+	<string>1.1.70.2</string>
 	<key>ITSAppUsesNonExemptEncryption</key>
 	<false/>
 	<key>LSApplicationQueriesSchemes</key>

ios/NewExpensifyTests/Info.plist

@@ -19,6 +19,6 @@
 	<key>CFBundleSignature</key>
 	<string>????</string>
 	<key>CFBundleVersion</key>
-	<string>1.1.70.1</string>
+	<string>1.1.70.2</string>
 </dict>
 </plist>

package.json

@@ -1,6 +1,6 @@
 {
   "name": "new.expensify",
-  "version": "1.1.70-1",
+  "version": "1.1.70-2",
   "author": "Expensify, Inc.",
   "homepage": "https://new.expensify.com",
   "description": "New Expensify is the next generation of Expensify: a reimagination of payments based atop a foundation of chat.",

src/components/AddressSearch.js

@@ -106,7 +106,11 @@ const AddressSearch = (props) => {
         if (_.size(values) === 0) {
             return;
         }
-        props.onInputChange(values);
+        if (props.inputID) {
+            _.each(values, (value, key) => props.onInputChange(value, key));
+        } else {
+            props.onInputChange(values);
+        }
     };
 
     return (
@@ -161,7 +165,7 @@ const AddressSearch = (props) => {
                         label: props.label,
                         containerStyles: props.containerStyles,
                         errorText: props.errorText,
-                        hint: props.hint,
+                        hint: displayListViewBorder ? undefined : props.hint,
                         value: props.value,
                         defaultValue: props.defaultValue,
                         inputID: props.inputID,

src/components/Banner.js

@@ -23,6 +23,7 @@ const Banner = props => (
                 styles.p5,
                 styles.borderRadiusNormal,
                 isHovered ? styles.activeComponentBG : styles.hoveredComponentBG,
+                styles.breakAll,
             ]}
             >
                 <View style={[styles.mr3]}>

src/components/Button.js

@@ -173,14 +173,11 @@ class Button extends Component {
             return <ContentComponent />;
         }
 
-        if (this.props.isLoading) {
-            return <ActivityIndicator color={themeColors.textReversed} />;
-        }
-
         const textComponent = (
             <Text
                 selectable={false}
                 style={[
+                    this.props.isLoading && styles.opacity0,
                     styles.pointerEventsNone,
                     styles.buttonText,
                     this.props.small && styles.buttonSmallText,
@@ -273,6 +270,12 @@ class Button extends Component {
                         ]}
                     >
                         {this.renderContent()}
+                        {this.props.isLoading && (
+                            <ActivityIndicator
+                                color={(this.props.success || this.props.danger) ? themeColors.textReversed : themeColors.text}
+                                style={[styles.pAbsolute, styles.l0, styles.r0]}
+                            />
+                        )}
                     </OpacityView>
                 )}
             </Pressable>

src/components/Form.js

@@ -158,10 +158,16 @@ class Form extends React.Component {
                     this.setTouchedInput(inputID);
                     this.validate(this.inputValues);
                 },
-                onInputChange: (value) => {
-                    this.inputValues[inputID] = value;
+                onInputChange: (value, key) => {
+                    const inputKey = key || inputID;
+                    this.inputValues[inputKey] = value;
+                    const inputRef = this.inputRefs[inputKey];
+
+                    if (key && inputRef && _.isFunction(inputRef.setNativeProps)) {
+                        inputRef.setNativeProps({value});
+                    }
                     if (child.props.shouldSaveDraft) {
-                        FormActions.setDraftValues(this.props.formID, {[inputID]: value});
+                        FormActions.setDraftValues(this.props.formID, {[inputKey]: value});
                     }
                     this.validate(this.inputValues);
                 },

src/components/Modal/BaseModal.js

@@ -77,6 +77,7 @@ class BaseModal extends PureComponent {
         );
         return (
             <ReactNativeModal
+                statusBarTranslucent
                 onBackdropPress={(e) => {
                     if (e && e.type === 'keydown' && e.key === 'Enter') {
                         return;

src/components/ReportTransaction.js

@@ -1,18 +1,16 @@
 import React, {Component} from 'react';
 import PropTypes from 'prop-types';
 import lodashGet from 'lodash/get';
-import {
-    View, Pressable, ActivityIndicator,
-} from 'react-native';
+import {View} from 'react-native';
 import {withOnyx} from 'react-native-onyx';
 import _ from 'underscore';
 import ONYXKEYS from '../ONYXKEYS';
 import styles from '../styles/styles';
-import themeColors from '../styles/themes/default';
 import * as IOU from '../libs/actions/IOU';
 import reportActionPropTypes from '../pages/home/report/reportActionPropTypes';
 import ReportActionItemSingle from '../pages/home/report/ReportActionItemSingle';
 import Text from './Text';
+import Button from './Button';
 
 const propTypes = {
     /** The chatReport which the transaction is associated with */
@@ -88,30 +86,13 @@ class ReportTransaction extends Component {
                 </ReportActionItemSingle>
                 {this.props.canBeRejected && (
                     <View style={[styles.flexRow, styles.justifyContentStart]}>
-                        <Pressable
-                            style={[
-                                styles.buttonSmall,
-                                styles.chatItemComposeSecondaryRowOffset,
-                                styles.mb3,
-                                this.isBeingRejected() ? styles.w20 : styles.wAuto,
-                            ]}
+                        <Button
+                            small
+                            text={this.props.rejectButtonLabelText}
+                            style={[styles.mb3, styles.chatItemComposeSecondaryRowOffset]}
                             onPress={this.rejectTransaction}
-                        >
-                            {
-                            this.isBeingRejected()
-                                ? (
-                                    <ActivityIndicator
-                                        color={themeColors.text}
-                                        style={[styles.flex1]}
-                                    />
-                                )
-                                : (
-                                    <Text style={[styles.buttonSmallText]}>
-                                        {this.props.rejectButtonLabelText}
-                                    </Text>
-                                )
-                            }
-                        </Pressable>
+                            isLoading={this.isBeingRejected()}
+                        />
                     </View>
                 )}
             </View>

src/libs/Pusher/pusher.js

@@ -102,11 +102,10 @@ function getChannel(channelName) {
  * @param {Pusher.Channel} channel
  * @param {String} eventName
  * @param {Function} [eventCallback]
- * @param {Boolean} [isChunked] Do we expect this channel to send chunked/separate blocks of data that need recombining?
  *
  * @private
  */
-function bindEventToChannel(channel, eventName, eventCallback = () => {}, isChunked = false) {
+function bindEventToChannel(channel, eventName, eventCallback = () => {}) {
     if (!eventName) {
         return;
     }
@@ -120,7 +119,7 @@ function bindEventToChannel(channel, eventName, eventCallback = () => {}, isChun
             Log.alert('[Pusher] Unable to parse JSON response from Pusher', {error: err, eventData});
             return;
         }
-        if (!isChunked) {
+        if (data.id === undefined || data.chunk === undefined || data.final === undefined) {
             eventCallback(data);
             return;
         }
@@ -169,9 +168,6 @@ function bindEventToChannel(channel, eventName, eventCallback = () => {}, isChun
  * @param {String} channelName
  * @param {String} eventName
  * @param {Function} [eventCallback]
- * @param {Boolean} [isChunked] This parameters tells us whether or not we expect the result to come in individual
- * pieces/chunks (because it exceeds
- *  the 10kB limit that pusher has).
  * @param {Function} [onResubscribe] Callback to be called when reconnection happen
  *
  * @return {Promise}
@@ -182,7 +178,6 @@ function subscribe(
     channelName,
     eventName,
     eventCallback = () => {},
-    isChunked = false,
     onResubscribe = () => {},
 ) {
     return new Promise((resolve, reject) => {
@@ -201,7 +196,7 @@ function subscribe(
             channel.bind('pusher:subscription_succeeded', () => {
                 // Check so that we do not bind another event with each reconnect attempt
                 if (!isBound) {
-                    bindEventToChannel(channel, eventName, eventCallback, isChunked);
+                    bindEventToChannel(channel, eventName, eventCallback);
                     resolve();
                     isBound = true;
                     return;
@@ -225,7 +220,7 @@ function subscribe(
                 reject(error);
             });
         } else {
-            bindEventToChannel(channel, eventName, eventCallback, isChunked);
+            bindEventToChannel(channel, eventName, eventCallback);
             resolve();
         }
     });

src/libs/actions/Inbox.js

@@ -1,5 +1,6 @@
 import Onyx from 'react-native-onyx';
 import ONYXKEYS from '../../ONYXKEYS';
+import * as API from '../API';
 import * as DeprecatedAPI from '../deprecatedAPI';
 import Growl from '../Growl';
 import * as Localize from '../Localize';
@@ -46,14 +47,11 @@ function requestInboxCall({
         });
 }
 
-function getInboxCallWaitTime() {
-    DeprecatedAPI.Inbox_CallUser_WaitTime()
-        .then((data) => {
-            Onyx.set(ONYXKEYS.INBOX_CALL_USER_WAIT_TIME, data.waitTime);
-        });
+function openRequestCallPage() {
+    API.read('OpenRequestCallPage');
 }
 
 export {
     requestInboxCall,
-    getInboxCallWaitTime,
+    openRequestCallPage,
 };

src/libs/actions/Policy.js

@@ -526,9 +526,12 @@ function subscribeToPolicyEvents() {
             // Remove the members from the policy
             Onyx.set(key, policyWithoutEmployee);
 
-            // Refetch the policy expense chats to update their state
+            // Refetch the policy expense chats to update their state and their actions to get the archive reason
             if (!_.isEmpty(policyExpenseChatIDs)) {
                 Report.fetchChatReportsByIDs(policyExpenseChatIDs);
+                _.each(policyExpenseChatIDs, (reportID) => {
+                    Report.fetchActions(reportID);
+                });
             }
 
             // Remove the default chats if we are one of the users getting removed

src/libs/actions/Report.js

@@ -728,9 +728,8 @@ function getReportChannelName(reportID) {
  *
  * @param {String} eventName
  * @param {Function} onEvent
- * @param {Boolean} isChunked
  */
-function subscribeToPrivateUserChannelEvent(eventName, onEvent, isChunked = false) {
+function subscribeToPrivateUserChannelEvent(eventName, onEvent) {
     const pusherChannelName = `private-encrypted-user-accountID-${currentUserAccountID}${CONFIG.PUSHER.SUFFIX}`;
 
     /**
@@ -759,7 +758,7 @@ function subscribeToPrivateUserChannelEvent(eventName, onEvent, isChunked = fals
         Log.hmmm('[Report] Failed to subscribe to Pusher channel', false, {error, pusherChannelName, eventName});
     }
 
-    Pusher.subscribe(pusherChannelName, eventName, onEventPush, isChunked, onPusherResubscribeToPrivateUserChannel)
+    Pusher.subscribe(pusherChannelName, eventName, onEventPush, onPusherResubscribeToPrivateUserChannel)
         .catch(onSubscriptionFailed);
 }
 
@@ -781,17 +780,13 @@ function subscribeToUserEvents() {
     subscribeToPrivateUserChannelEvent(Pusher.TYPE.REPORT_COMMENT, pushJSON => updateReportWithNewAction(pushJSON.reportID, pushJSON.reportAction, pushJSON.notificationPreference));
 
     // Live-update a report's actions when a 'chunked report comment' event is received.
-    subscribeToPrivateUserChannelEvent(
-        Pusher.TYPE.REPORT_COMMENT_CHUNK,
-        pushJSON => updateReportWithNewAction(pushJSON.reportID, pushJSON.reportAction, pushJSON.notificationPreference),
-        true,
-    );
+    subscribeToPrivateUserChannelEvent(Pusher.TYPE.REPORT_COMMENT_CHUNK, pushJSON => updateReportWithNewAction(pushJSON.reportID, pushJSON.reportAction, pushJSON.notificationPreference));
 
     // Live-update a report's actions when an 'edit comment' event is received.
     subscribeToPrivateUserChannelEvent(Pusher.TYPE.REPORT_COMMENT_EDIT, pushJSON => updateReportActionMessage(pushJSON.reportID, pushJSON.sequenceNumber, pushJSON.message));
 
     // Live-update a report's actions when an 'edit comment chunk' event is received.
-    subscribeToPrivateUserChannelEvent(Pusher.TYPE.REPORT_COMMENT_EDIT_CHUNK, pushJSON => updateReportActionMessage(pushJSON.reportID, pushJSON.sequenceNumber, pushJSON.message), true);
+    subscribeToPrivateUserChannelEvent(Pusher.TYPE.REPORT_COMMENT_EDIT_CHUNK, pushJSON => updateReportActionMessage(pushJSON.reportID, pushJSON.sequenceNumber, pushJSON.message));
 
     // Live-update a report's pinned state when a 'report toggle pinned' event is received.
     subscribeToPrivateUserChannelEvent(Pusher.TYPE.REPORT_TOGGLE_PINNED, pushJSON => updateReportPinnedState(pushJSON.reportID, pushJSON.isPinned));

src/libs/actions/User.js

@@ -305,7 +305,7 @@ function subscribeToUserEvents() {
     // Live-update an user's preferred locale
     Pusher.subscribe(pusherChannelName, Pusher.TYPE.PREFERRED_LOCALE, (pushJSON) => {
         Onyx.merge(ONYXKEYS.NVP_PREFERRED_LOCALE, pushJSON.preferredLocale);
-    }, false,
+    },
     () => {
         NetworkConnection.triggerReconnectionCallbacks('pusher re-subscribed to private user channel');
     })
@@ -320,7 +320,7 @@ function subscribeToUserEvents() {
     // Subscribe to screen share requests sent by GuidesPlus agents
     Pusher.subscribe(pusherChannelName, Pusher.TYPE.SCREEN_SHARE_REQUEST, (pushJSON) => {
         Onyx.merge(ONYXKEYS.SCREEN_SHARE_REQUEST, pushJSON);
-    }, false,
+    },
     () => {
         NetworkConnection.triggerReconnectionCallbacks('pusher re-subscribed to private user channel');
     })
@@ -351,7 +351,7 @@ function subscribeToExpensifyCardUpdates() {
         } else {
             Onyx.merge(ONYXKEYS.USER, {isCheckingDomain: pushJSON.isCheckingDomain});
         }
-    }, false,
+    },
     () => {
         NetworkConnection.triggerReconnectionCallbacks('pusher re-subscribed to private user channel');
     })

src/libs/deprecatedAPI.js

@@ -843,15 +843,6 @@ function Inbox_CallUser(parameters) {
     return Network.post(commandName, parameters);
 }
 
-/**
- * Get the current wait time in minutes for an inbox call
- * @returns {Promise}
- */
-function Inbox_CallUser_WaitTime() {
-    const commandName = 'Inbox_CallUser_WaitTime';
-    return Network.post(commandName);
-}
-
 /**
  * @param {Object} parameters
  * @param {String} parameters.reportIDList
@@ -952,7 +943,6 @@ export {
     GetRequestCountryCode,
     Graphite_Timer,
     Inbox_CallUser,
-    Inbox_CallUser_WaitTime,
     PayIOU,
     PayWithWallet,
     PersonalDetails_GetForEmails,

src/pages/RequestCallPage.js

@@ -234,7 +234,7 @@ class RequestCallPage extends Component {
             return;
         }
 
-        Inbox.getInboxCallWaitTime();
+        Inbox.openRequestCallPage();
     }
 
     validatePhoneInput() {