From 756a49dacb4e0b405c566f0c2d3549ecdff7c6d3 Mon Sep 17 00:00:00 2001
From: Alex Beaman <alexbeaman@expensify.com>
Date: Wed, 30 Aug 2023 15:29:38 +0300
Subject: [PATCH 1/6] Pass new custom hero body text down

---
 src/pages/signin/SignInHeroCopy.js         | 7 ++++++-
 src/pages/signin/SignInPage.js             | 3 ++-
 src/pages/signin/SignInPageHero.js         | 5 ++++-
 src/pages/signin/SignInPageLayout/index.js | 5 ++++-
 4 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/src/pages/signin/SignInHeroCopy.js b/src/pages/signin/SignInHeroCopy.js
index 93951c0b9236..c2caa3ea1296 100644
--- a/src/pages/signin/SignInHeroCopy.js
+++ b/src/pages/signin/SignInHeroCopy.js
@@ -13,13 +13,18 @@ const propTypes = {
     /** Override the green headline copy */
     customHeadline: PropTypes.string,
 
+    /** Override the smaller hero body copy below the headline */
+    customHeroBody: PropTypes.string,
+
     ...windowDimensionsPropTypes,
     ...withLocalizePropTypes,
 };
 
 const defaultProps = {
     customHeadline: '',
+    customHeroBody: '',
 };
+
 function SignInHeroCopy(props) {
     return (
         <View style={[styles.flex1, styles.alignSelfCenter, styles.gap7]}>
@@ -32,7 +37,7 @@ function SignInHeroCopy(props) {
             >
                 {props.customHeadline || props.translate('login.hero.header')}
             </Text>
-            <Text style={[styles.loginHeroBody]}>{props.translate('login.hero.body')}</Text>
+            <Text style={[styles.loginHeroBody]}>{props.customHeroBody || props.translate('login.hero.body')}</Text>
         </View>
     );
 }
diff --git a/src/pages/signin/SignInPage.js b/src/pages/signin/SignInPage.js
index 21a92bce41c0..892c2e0faaed 100644
--- a/src/pages/signin/SignInPage.js
+++ b/src/pages/signin/SignInPage.js
@@ -115,7 +115,7 @@ function SignInPage({credentials, account, isInModal, demoInfo}) {
 
     let welcomeHeader = '';
     let welcomeText = '';
-    const customHeadline = DemoActions.getHeadlineKeyByDemoInfo(demoInfo);
+    const {customHeadline, customHeroBody} = DemoActions.getCustomTextForDemo(demoInfo);
     const headerText = customHeadline || translate('login.hero.header');
     if (shouldShowLoginForm) {
         welcomeHeader = isSmallScreenWidth ? headerText : translate('welcomeText.getStarted');
@@ -165,6 +165,7 @@ function SignInPage({credentials, account, isInModal, demoInfo}) {
                 ref={signInPageLayoutRef}
                 isInModal={isInModal}
                 customHeadline={customHeadline}
+                customHeroBody={customHeroBody}
             >
                 {/* LoginForm must use the isVisible prop. This keeps it mounted, but visually hidden
                     so that password managers can access the values. Conditionally rendering this component will break this feature. */}
diff --git a/src/pages/signin/SignInPageHero.js b/src/pages/signin/SignInPageHero.js
index eb2a275a49f7..85d1c882cbd9 100644
--- a/src/pages/signin/SignInPageHero.js
+++ b/src/pages/signin/SignInPageHero.js
@@ -12,6 +12,9 @@ const propTypes = {
     /** Override the green headline copy */
     customHeadline: PropTypes.string,
 
+    /** Override the smaller hero body copy below the headline */
+    customHeroBody: PropTypes.string,
+
     ...windowDimensionsPropTypes,
 };
 
@@ -33,7 +36,7 @@ function SignInPageHero(props) {
         >
             <View style={[styles.flex1, styles.alignSelfCenter, styles.gap7]}>
                 <SignInHeroImage />
-                <SignInHeroCopy customHeadline={props.customHeadline} />
+                <SignInHeroCopy customHeadline={props.customHeadline} customHeroBody={props.customHeroBody} />
             </View>
         </View>
     );
diff --git a/src/pages/signin/SignInPageLayout/index.js b/src/pages/signin/SignInPageLayout/index.js
index 52a8875a8e04..5c31dea1bd5a 100644
--- a/src/pages/signin/SignInPageLayout/index.js
+++ b/src/pages/signin/SignInPageLayout/index.js
@@ -43,6 +43,9 @@ const propTypes = {
 
     /** Override the green headline copy */
     customHeadline: PropTypes.string,
+    
+    /** Override the smaller hero body copy below the headline */
+    customHeroBody: PropTypes.string,
 
     ...windowDimensionsPropTypes,
     ...withLocalizePropTypes,
@@ -133,7 +136,7 @@ function SignInPageLayout(props) {
                                         props.isLargeScreenWidth ? styles.ph25 : {},
                                     ]}
                                 >
-                                    <SignInPageHero customHeadline={props.customHeadline} />
+                                    <SignInPageHero customHeadline={props.customHeadline} customHeroBody={props.customHeroBody} />
                                     <Footer scrollPageToTop={scrollPageToTop} />
                                 </View>
                             </View>

From e626370bf05f921e0101c1c76f805d0b0b0debb3 Mon Sep 17 00:00:00 2001
From: Alex Beaman <alexbeaman@expensify.com>
Date: Wed, 30 Aug 2023 15:29:57 +0300
Subject: [PATCH 2/6] Update demoaction to provide multiple translations

---
 src/libs/actions/DemoActions.js | 20 +++++++++++++++-----
 1 file changed, 15 insertions(+), 5 deletions(-)

diff --git a/src/libs/actions/DemoActions.js b/src/libs/actions/DemoActions.js
index aa2b43824f91..47172351f874 100644
--- a/src/libs/actions/DemoActions.js
+++ b/src/libs/actions/DemoActions.js
@@ -79,14 +79,24 @@ function runDemoByURL(url = '') {
     }
 }
 
-function getHeadlineKeyByDemoInfo(demoInfo = {}) {
+/**
+ * @param {Object} demoInfo
+ * @returns Object
+ */
+function getCustomTextForDemo(demoInfo = {}) {
     if (lodashGet(demoInfo, 'saastr.isBeginningDemo')) {
-        return Localize.translateLocal('demos.saastr.signInWelcome');
+        return {
+            customHeadline: Localize.translateLocal('demos.saastr.signInWelcome'),
+            customHeroBody: Localize.translateLocal('demos.saastr.heroBody'),
+        };
     }
     if (lodashGet(demoInfo, 'sbe.isBeginningDemo')) {
-        return Localize.translateLocal('demos.sbe.signInWelcome');
+        return {
+            customHeadline: Localize.translateLocal('demos.sbe.signInWelcome'),
+            customHeroBody: Localize.translateLocal('demos.sbe.heroBody'),
+        };
     }
-    return '';
+    return {};
 }
 
-export {runSaastrDemo, runSbeDemo, runDemoByURL, getHeadlineKeyByDemoInfo};
+export {runSaastrDemo, runSbeDemo, runDemoByURL, getCustomTextForDemo};

From 0523f564545d223a276d81ea475e9ff96c889655 Mon Sep 17 00:00:00 2001
From: Alex Beaman <alexbeaman@expensify.com>
Date: Wed, 30 Aug 2023 15:30:52 +0300
Subject: [PATCH 3/6] Add translations

---
 src/languages/en.js | 2 ++
 src/languages/es.js | 2 ++
 2 files changed, 4 insertions(+)

diff --git a/src/languages/en.js b/src/languages/en.js
index e36cb9539b73..59ddc2c7fe00 100755
--- a/src/languages/en.js
+++ b/src/languages/en.js
@@ -1667,9 +1667,11 @@ export default {
     demos: {
         saastr: {
             signInWelcome: 'Welcome to SaaStr! Hop in to start networking now.',
+            heroBody: 'Use New Expensify for event updates, networking, social chatter, and to get paid back for lunch!',
         },
         sbe: {
             signInWelcome: 'Welcome to Small Business Expo! Get paid back for your ride.',
+            heroBody: 'Use New Expensify for event updates, networking, social chatter, and to get paid back for your ride to or from the show!',
         },
     },
 };
diff --git a/src/languages/es.js b/src/languages/es.js
index aee7351f0067..40e260a123c0 100644
--- a/src/languages/es.js
+++ b/src/languages/es.js
@@ -2155,9 +2155,11 @@ export default {
     demos: {
         saastr: {
             signInWelcome: '¡Bienvenido a SaaStr! Entra y empieza a establecer contactos.',
+            heroBody: 'Utiliza New Expensify para estar al día de los eventos, establecer contactos, charlar en las redes sociales, ¡y para que te devuelvan el dinero de la comida!',
         },
         sbe: {
             signInWelcome: '¡Bienvenido a Small Business Expo! Recupera el dinero de tu viaje.',
+            heroBody: 'Utiliza New Expensify para estar al día de los eventos, establecer contactos, charlar en las redes sociales y para que te paguen el viaje de ida y vuelta a la feria.',
         },
     },
 };

From 3ffb747d69943837ee72780deea1f2d00f56fb82 Mon Sep 17 00:00:00 2001
From: Alex Beaman <alexbeaman@expensify.com>
Date: Wed, 30 Aug 2023 15:42:25 +0300
Subject: [PATCH 4/6] Make lint happy

---
 src/libs/actions/DemoActions.js            | 2 +-
 src/pages/signin/SignInPageHero.js         | 6 +++++-
 src/pages/signin/SignInPageLayout/index.js | 8 ++++++--
 3 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/libs/actions/DemoActions.js b/src/libs/actions/DemoActions.js
index 47172351f874..fc4d2ece4b52 100644
--- a/src/libs/actions/DemoActions.js
+++ b/src/libs/actions/DemoActions.js
@@ -81,7 +81,7 @@ function runDemoByURL(url = '') {
 
 /**
  * @param {Object} demoInfo
- * @returns Object
+ * @returns {Object}
  */
 function getCustomTextForDemo(demoInfo = {}) {
     if (lodashGet(demoInfo, 'saastr.isBeginningDemo')) {
diff --git a/src/pages/signin/SignInPageHero.js b/src/pages/signin/SignInPageHero.js
index 85d1c882cbd9..89e9088d12f2 100644
--- a/src/pages/signin/SignInPageHero.js
+++ b/src/pages/signin/SignInPageHero.js
@@ -20,6 +20,7 @@ const propTypes = {
 
 const defaultProps = {
     customHeadline: '',
+    customHeroBody: '',
 };
 
 function SignInPageHero(props) {
@@ -36,7 +37,10 @@ function SignInPageHero(props) {
         >
             <View style={[styles.flex1, styles.alignSelfCenter, styles.gap7]}>
                 <SignInHeroImage />
-                <SignInHeroCopy customHeadline={props.customHeadline} customHeroBody={props.customHeroBody} />
+                <SignInHeroCopy
+                    customHeadline={props.customHeadline}
+                    customHeroBody={props.customHeroBody}
+                />
             </View>
         </View>
     );
diff --git a/src/pages/signin/SignInPageLayout/index.js b/src/pages/signin/SignInPageLayout/index.js
index 5c31dea1bd5a..03b286727afb 100644
--- a/src/pages/signin/SignInPageLayout/index.js
+++ b/src/pages/signin/SignInPageLayout/index.js
@@ -43,7 +43,7 @@ const propTypes = {
 
     /** Override the green headline copy */
     customHeadline: PropTypes.string,
-    
+
     /** Override the smaller hero body copy below the headline */
     customHeroBody: PropTypes.string,
 
@@ -54,6 +54,7 @@ const propTypes = {
 const defaultProps = {
     innerRef: () => {},
     customHeadline: '',
+    customHeroBody: '',
 };
 
 function SignInPageLayout(props) {
@@ -136,7 +137,10 @@ function SignInPageLayout(props) {
                                         props.isLargeScreenWidth ? styles.ph25 : {},
                                     ]}
                                 >
-                                    <SignInPageHero customHeadline={props.customHeadline} customHeroBody={props.customHeroBody} />
+                                    <SignInPageHero
+                                        customHeadline={props.customHeadline}
+                                        customHeroBody={props.customHeroBody}
+                                    />
                                     <Footer scrollPageToTop={scrollPageToTop} />
                                 </View>
                             </View>

From bf0eb368761fbc495e31bfb8c1afb36b28e39749 Mon Sep 17 00:00:00 2001
From: Alex Beaman <alexbeaman@expensify.com>
Date: Thu, 31 Aug 2023 20:38:52 +0300
Subject: [PATCH 5/6] Update spanish translation

---
 src/languages/es.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/languages/es.js b/src/languages/es.js
index 40e260a123c0..644667d049bd 100644
--- a/src/languages/es.js
+++ b/src/languages/es.js
@@ -2159,7 +2159,7 @@ export default {
         },
         sbe: {
             signInWelcome: '¡Bienvenido a Small Business Expo! Recupera el dinero de tu viaje.',
-            heroBody: 'Utiliza New Expensify para estar al día de los eventos, establecer contactos, charlar en las redes sociales y para que te paguen el viaje de ida y vuelta a la feria.',
+            heroBody: 'Utiliza New Expensify para estar al día de los eventos, establecer contactos, charlar en las redes sociales y para que te paguen el viaje de ida y vuelta a la conferencia.',
         },
     },
 };

From 284456f49497ccf7edbaaf8d735c3cc2c8d4627a Mon Sep 17 00:00:00 2001
From: Alex Beaman <alexbeaman@expensify.com>
Date: Thu, 31 Aug 2023 20:47:54 +0300
Subject: [PATCH 6/6] Seriously prettier i'm sorry for not asking you earlier
 if you had something to say

---
 src/languages/es.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/languages/es.js b/src/languages/es.js
index 644667d049bd..a05904a41537 100644
--- a/src/languages/es.js
+++ b/src/languages/es.js
@@ -2159,7 +2159,8 @@ export default {
         },
         sbe: {
             signInWelcome: '¡Bienvenido a Small Business Expo! Recupera el dinero de tu viaje.',
-            heroBody: 'Utiliza New Expensify para estar al día de los eventos, establecer contactos, charlar en las redes sociales y para que te paguen el viaje de ida y vuelta a la conferencia.',
+            heroBody:
+                'Utiliza New Expensify para estar al día de los eventos, establecer contactos, charlar en las redes sociales y para que te paguen el viaje de ida y vuelta a la conferencia.',
         },
     },
 };