Add terms to signin page on cash

src/CONST.js

@@ -14,6 +14,9 @@ const CONST = {
     PDF_VIEWER_URL: '/pdf/web/viewer.html',
     EXPENSIFY_ICON_URL: `${CLOUDFRONT_URL}/images/favicon-2019.png`,
     UPWORK_URL: 'https://www.upwork.com/ab/jobs/search/?q=Expensify%20React%20Native&user_location_match=2',
+    TERMS_URL: 'https://use.expensify.com/terms',
+    PRIVACY_URL: 'https://use.expensify.com/privacy',
+    LICENSES_URL: 'https://use.expensify.com/licenses',
     OPTION_TYPE: {
         REPORT: 'report',
         PERSONAL_DETAIL: 'personalDetail',

src/pages/signin/SignInPage.js

@@ -12,6 +12,7 @@ import SignInPageLayout from './SignInPageLayout';
 import LoginForm from './LoginForm';
 import PasswordForm from './PasswordForm';
 import ResendValidationForm from './ResendValidationForm';
+import TermsAndLicenses from './TermsAndLicenses';
 
 const propTypes = {
     /* Onyx Props */
@@ -92,6 +93,8 @@ class SignInPage extends Component {
                                 )}
                             </View>
                         )}
+
+                        <TermsAndLicenses />
                     </SignInPageLayout>
                 </SafeAreaView>
             </>

src/pages/signin/TermsAndLicenses/TermsOnly.js

@@ -0,0 +1,32 @@
+import React from 'react';
+import {Text, View} from 'react-native';
+import styles from '../../../styles/styles';
+import CONST from '../../../CONST';
+import openURLInNewTab from '../../../libs/openURLInNewTab';
+
+const TermsOnly = () => (
+    <View style={[styles.mt6]}>
+        <Text style={[styles.loginTermsText]}>
+            By logging in, you agree to the
+            {' '}
+            <Text
+                style={[styles.loginTermsText, styles.link]}
+                onPress={() => openURLInNewTab(CONST.TERMS_URL)}
+            >
+                terms of service
+            </Text>
+            {' '}
+            and
+            {' '}
+            <Text
+                style={[styles.loginTermsText, styles.link]}
+                onPress={() => openURLInNewTab(CONST.PRIVACY_URL)}
+            >
+                privacy policy
+            </Text>
+            .
+        </Text>
+    </View>
+);
+
+export default TermsOnly;

src/pages/signin/TermsAndLicenses/TermsWithLicenses.js

@@ -0,0 +1,40 @@
+import React from 'react';
+import {Text, View} from 'react-native';
+import styles from '../../../styles/styles';
+import CONST from '../../../CONST';
+import openURLInNewTab from '../../../libs/openURLInNewTab';
+
+const TermsWithLicenses = () => (
+    <View style={[styles.mt6]}>
+        <Text style={[styles.loginTermsText]}>
+            By logging in, you agree to the
+            {' '}
+            <Text
+                style={[styles.loginTermsText, styles.link]}
+                onPress={() => openURLInNewTab(CONST.TERMS_URL)}
+            >
+                terms of service
+            </Text>
+            {' '}
+            and
+            {' '}
+            <Text
+                style={[styles.loginTermsText, styles.link]}
+                onPress={() => openURLInNewTab(CONST.PRIVACY_URL)}
+            >
+                privacy policy
+            </Text>
+            . Money transmission is provided by Expensify Payments LLC (NMLS ID:2017010) pursuant to its
+            {' '} 
+            <Text
+                style={[styles.loginTermsText, styles.link]}
+                onPress={() => openURLInNewTab(CONST.LICENSES_URL)}
+            >
+                licenses
+            </Text>
+            .
+        </Text>
+    </View>
+);
+
+export default TermsWithLicenses;

src/pages/signin/TermsAndLicenses/index.desktop.js

@@ -0,0 +1,3 @@
+import TermsOnly from './TermsOnly';
+
+export default TermsOnly;

src/pages/signin/TermsAndLicenses/index.native.js

@@ -0,0 +1,3 @@
+import TermsOnly from './TermsOnly';
+
+export default TermsOnly;

src/pages/signin/TermsAndLicenses/index.website.js

@@ -0,0 +1,3 @@
+import TermsWithLicenses from './TermsWithLicenses';
+
+export default TermsWithLicenses;

src/styles/styles.js

@@ -386,6 +386,12 @@ const styles = {
         width: '100%',
     },
 
+    loginTermsText: {
+        color: themeColors.textSupporting,
+        fontSize: variables.fontSizeSmall,
+        lineHeight: 20,
+    },
+
     // Sidebar Styles
     sidebar: {
         backgroundColor: themeColors.sidebar,