Update version to 1.0.81-8 on staging

android/app/build.gradle

@@ -150,8 +150,8 @@ android {
         minSdkVersion rootProject.ext.minSdkVersion
         targetSdkVersion rootProject.ext.targetSdkVersion
         multiDexEnabled rootProject.ext.multiDexEnabled
-        versionCode 1001008107
-        versionName "1.0.81-7"
+        versionCode 1001008108
+        versionName "1.0.81-8"
     }
     splits {
         abi {

ios/ExpensifyCash/Info.plist

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

ios/ExpensifyCashTests/Info.plist

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

ios/Podfile.lock

@@ -872,7 +872,7 @@ SPEC CHECKSUMS:
   DoubleConversion: cf9b38bf0b2d048436d9a82ad2abe1404f11e7de
   EXHaptics: 337c160c148baa6f0e7166249f368965906e346b
   FBLazyVector: 7b423f9e248eae65987838148c36eec1dbfe0b53
-  FBReactNativeSpec: 884d4cc2b011759361797a4035c47e10099393b5
+  FBReactNativeSpec: 825b0f0851f5cc5c6268a920286281f62fc96c37
   Firebase: 54cdc8bc9c9b3de54f43dab86e62f5a76b47034f
   FirebaseABTesting: 4cb61aeeb50f60680af1c01fff781dfaf9293916
   FirebaseAnalytics: 4751d6a49598a2b58da678cc07df696bcd809ab9
@@ -899,9 +899,9 @@ SPEC CHECKSUMS:
   Onfido: 116a268e4cb8b767c15285e8071c2e8304673cdf
   onfido-react-native-sdk: b8f1b7cbe1adab6479d735275772390161630dcd
   OpenSSL-Universal: 1aa4f6a6ee7256b83db99ec1ccdaa80d10f9af9b
-  Permission-LocationAccuracy: e8adff9ede1b23b43b7054a4500113d515fc87a8
-  Permission-LocationAlways: 7f7f373d086af7a81b2f4f20d65d29266ca2043b
-  Permission-LocationWhenInUse: 3ae82a9feb5da4e94e386dba17c7dd3531af9feb
+  Permission-LocationAccuracy: 76669f87b4c276f5ae803cc0ddd1862a4c0e9dd8
+  Permission-LocationAlways: a274bc04bb386068782468dbdaca3859f51634ca
+  Permission-LocationWhenInUse: 3a2b0dbc167d79e8e920a4377ff9520cdc108407
   Plaid: f55c6acdc249245c6778a4045757eb4e839cca61
   PromisesObjC: 68159ce6952d93e17b2dfe273b8c40907db5ba58
   Protobuf: 7327d4444215b5f18e560a97f879ff5503c4581c
@@ -917,15 +917,15 @@ SPEC CHECKSUMS:
   React-jsiexecutor: 124e8f99992490d0d13e0649d950d3e1aae06fe9
   React-jsinspector: 500a59626037be5b3b3d89c5151bc3baa9abf1a9
   react-native-config: d8b45133fd13d4f23bd2064b72f6e2c08b2763ed
-  react-native-document-picker: 0e3602a4064da040321bafad6848d8b0edcb1d55
+  react-native-document-picker: f2f73db94328c84e22144e369fb4a3ede47bc1f5
   react-native-flipper: 1943b82f2e494c77b741eb1ed257b6734a334b83
-  react-native-image-picker: 4089335b89b625d4e34d53fb249c48a7a791b3ea
-  react-native-netinfo: 52cf0ee8342548a485e28f4b09e56b477567244d
+  react-native-image-picker: 474cf2c33c2b6671da53d293a16c97995f0aec15
+  react-native-netinfo: 30fb89fa913c342be82a887b56e96be6d71201dd
   react-native-pdf: 4b5a9e4465a6a3b399e91dc4838eb44ddf716d1f
-  react-native-plaid-link-sdk: 1a6593e2d3d790e8113c29178d883eb883f8c032
-  react-native-progress-bar-android: ce95a69f11ac580799021633071368d08aaf9ad8
-  react-native-progress-view: 5816e8a6be812c2b122c6225a2a3db82d9008640
-  react-native-safe-area-context: 01158a92c300895d79dee447e980672dc3fb85a6
+  react-native-plaid-link-sdk: 59b7376efca9f00e9693321c5cf7c6ab2c567635
+  react-native-progress-bar-android: be43138ab7da30d51fc038bafa98e9ed594d0c40
+  react-native-progress-view: 21b1e29e70c7559c16c9e0a04c4adc19fce6ede2
+  react-native-safe-area-context: 79fea126c6830c85f65947c223a5e3058a666937
   React-perflogger: aad6d4b4a267936b3667260d1f649b6f6069a675
   React-RCTActionSheet: fc376be462c9c8d6ad82c0905442fd77f82a9d2a
   React-RCTAnimation: ba0a1c3a2738be224a08092fa7f1b444ab77d309
@@ -939,17 +939,17 @@ SPEC CHECKSUMS:
   React-runtimeexecutor: ff951a0c241bfaefc4940a3f1f1a229e7cb32fa6
   ReactCommon: bedc99ed4dae329c4fcf128d0c31b9115e5365ca
   rn-fetch-blob: f065bb7ab7fb48dd002629f8bdcb0336602d3cba
-  RNBootSplash: 3123ba68fe44d8be09a014e89cc8f0f55b68a521
+  RNBootSplash: 24175aa28fe203b10c48dc34e78d946fd33c77af
   RNCAsyncStorage: 8324611026e8dc3706f829953aa6e3899f581589
-  RNCClipboard: 5e299c6df8e0c98f3d7416b86ae563d3a9f768a3
-  RNCMaskedView: 138134c4d8a9421b4f2bf39055a79aa05c2d47b1
+  RNCClipboard: 41d8d918092ae8e676f18adada19104fa3e68495
+  RNCMaskedView: fc29d354a40316a990e8fb46391f08aea829c3aa
   RNCPicker: 6780c753e9e674065db90d9c965920516402579d
   RNFBAnalytics: 8ba84c2d31c64374d054c8621b998f25145ffddc
   RNFBApp: 64c90ab78b6010ed5c3ade026dfe5ff6442c21fd
   RNFBCrashlytics: 1de18b8cc36d9bcf86407c4a354399228cc84a61
   RNFBPerf: e3a7269f573a4787810a32de51647cdcbe08dfb4
   RNGestureHandler: 9b7e605a741412e20e13c512738a31bd1611759b
-  RNPermissions: eb94f9fdc0a8ecd02fcce0676d56ffb1395d41e1
+  RNPermissions: 4c8a37b4dde50f1f152bf8cd08c4a43d2355829e
   RNReanimated: 833ebd229b31e18a8933ebd0cd744a0f47d88c42
   RNScreens: e8e8dd0588b5da0ab57dcca76ab9b2d8987757e0
   RNSVG: ce9d996113475209013317e48b05c21ee988d42e
@@ -966,7 +966,7 @@ SPEC CHECKSUMS:
   UMReactNativeAdapter: 7b458ca3d4497b5114e6bb766b223432bad22d8a
   UMSensorsInterface: 50439b47826e716a514cbd7384aebe9ab4fde5f4
   UMTaskManagerInterface: 482155764886069beb1bc7fcf6036f12e4ad0751
-  urbanairship-react-native: d415a12e67ba93bf3ce914df9a310b66a88a5cc3
+  urbanairship-react-native: a05a913d6f9559141d477ff4d380bcd616b5c59d
   Yoga: a7de31c64fe738607e7a3803e3f591a4b1df7393
   YogaKit: f782866e155069a2cca2517aafea43200b01fd5a
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "expensify.cash",
-  "version": "1.0.81-7",
+  "version": "1.0.81-8",
   "author": "Expensify, Inc.",
   "homepage": "https://new.expensify.com",
   "description": "Expensify.cash is the next generation of Expensify: a reimagination of payments based atop a foundation of chat.",
@@ -72,9 +72,11 @@
     "prop-types": "^15.7.2",
     "pusher-js": "^7.0.0",
     "react": "^17.0.2",
+    "react-collapse": "^5.1.0",
     "react-dom": "^17.0.2",
     "react-native": "0.64.1",
     "react-native-bootsplash": "^3.2.0",
+    "react-native-collapsible": "^1.6.0",
     "react-native-config": "^1.4.0",
     "react-native-document-picker": "^5.1.0",
     "react-native-gesture-handler": "1.9.0",

src/components/CollapsibleSection/Collapsible/index.js

@@ -0,0 +1,3 @@
+import Collapsible from 'react-collapse';
+
+export default Collapsible;

src/components/CollapsibleSection/Collapsible/index.native.js

@@ -0,0 +1,26 @@
+import CollapsibleRN from 'react-native-collapsible';
+import PropTypes from 'prop-types';
+import React from 'react';
+
+const propTypes = {
+    /** Whether the section should start expanded. False by default */
+    isOpened: PropTypes.bool,
+
+    /** Children to display inside the Collapsible component */
+    children: PropTypes.node.isRequired,
+};
+
+const defaultProps = {
+    isOpened: false,
+};
+
+const Collapsible = props => (
+    <CollapsibleRN collapsed={!props.isOpened}>
+        {props.children}
+    </CollapsibleRN>
+);
+
+Collapsible.displayName = 'Collapsible';
+Collapsible.propTypes = propTypes;
+Collapsible.defaultProps = defaultProps;
+export default Collapsible;

src/components/CollapsibleSection/CollapsibleSectionPropTypes.js

@@ -0,0 +1,18 @@
+import PropTypes from 'prop-types';
+
+const propTypes = {
+    /** Title of the Collapsible section */
+    title: PropTypes.string.isRequired,
+
+    /** Whether the section should start expanded. False by default */
+    isExpanded: PropTypes.bool,
+
+    /** Children to display inside the Collapsible component */
+    children: PropTypes.node.isRequired,
+};
+
+const defaultProps = {
+    isExpanded: false,
+};
+
+export {propTypes, defaultProps};

src/components/CollapsibleSection/index.js

@@ -0,0 +1,53 @@
+import React from 'react';
+import {View, TouchableOpacity} from 'react-native';
+import Collapsible from './Collapsible';
+import Text from '../Text';
+import {propTypes, defaultProps} from './CollapsibleSectionPropTypes';
+import styles from '../../styles/styles';
+import Icon from '../Icon';
+import {DownArrow, UpArrow} from '../Icon/Expensicons';
+
+class CollapsibleSection extends React.Component {
+    constructor(props) {
+        super(props);
+        this.toggleSection = this.toggleSection.bind(this);
+        this.state = {
+            isExpanded: this.props.isExpanded,
+        };
+    }
+
+    /**
+     * Expands/collapses the section
+     */
+    toggleSection() {
+        this.setState(prevState => ({
+            isExpanded: !prevState.isExpanded,
+        }));
+    }
+
+    render() {
+        const src = this.state.isExpanded ? UpArrow : DownArrow;
+
+        return (
+            <View style={styles.mt4}>
+                <TouchableOpacity onPress={this.toggleSection} style={[styles.pb4, styles.flexRow]}>
+                    <Text style={[styles.flex1, styles.textStrong]}>
+                        {this.props.title}
+                    </Text>
+                    <Icon src={src} />
+                </TouchableOpacity>
+                <View style={styles.collapsibleSectionBorder} />
+
+                <Collapsible isOpened={this.state.isExpanded}>
+                    <View>
+                        {this.props.children}
+                    </View>
+                </Collapsible>
+            </View>
+        );
+    }
+}
+
+CollapsibleSection.defaultProps = defaultProps;
+CollapsibleSection.propTypes = propTypes;
+export default CollapsibleSection;

src/components/Icon/Expensicons.js

@@ -40,14 +40,16 @@ import Phone from '../../../assets/images/phone.svg';
 import Pin from '../../../assets/images/pin.svg';
 import PinCircle from '../../../assets/images/pin-circle.svg';
 import Plus from '../../../assets/images/plus.svg';
+import Printer from '../../../assets/images/printer.svg';
 import Profile from '../../../assets/images/profile.svg';
 import Receipt from '../../../assets/images/receipt.svg';
 import Send from '../../../assets/images/send.svg';
 import SignOut from '../../../assets/images/sign-out.svg';
 import Sync from '../../../assets/images/sync.svg';
 import Trashcan from '../../../assets/images/trashcan.svg';
-import Users from '../../../assets/images/users.svg';
+import UpArrow from '../../../assets/images/arrow-up.svg';
 import Upload from '../../../assets/images/upload.svg';
+import Users from '../../../assets/images/users.svg';
 import Venmo from '../../../assets/images/venmo.svg';
 import Wallet from '../../../assets/images/wallet.svg';
 import Workspace from '../../../assets/images/workspace-default-avatar.svg';
@@ -95,12 +97,14 @@ export {
     Pin,
     PinCircle,
     Plus,
+    Printer,
     Profile,
     Receipt,
     Send,
     SignOut,
     Sync,
     Trashcan,
+    UpArrow,
     Upload,
     Users,
     Venmo,