chore(ui): update signup and signin messages in steps (#1513)

* chore(ui): update signup and signin messages in steps

* chore(apps): fix typo

* chore(apps): update text on complete get access step

* chore(ui): update text singin

* chore(): add full stop to metamask descr

apps/auth-app/src/components/sign-in/sign-in-status.tsx

@@ -90,13 +90,13 @@ const SignInStatus: React.FC<SignInStatusProps> = props => {
         error={status === 1 && errorMessage}
       />
       <WalletRequestStep
-        heading={t('Verify that you own this account')}
+        heading={t('Verify that you own this address')}
         explanation=""
         problem={t(
           'Not seeing the wallet request? Please make sure to open your wallet extension. If you’re still not seeing it, we can resend it.',
         )}
         resend={t('Resend request')}
-        complete={t('You have verified that you own this account')}
+        complete={t('You have verified that you own this address')}
         buttonLabel={''}
         walletRequest={onSignRequest}
         textAgain={t('Try Again')}
@@ -105,13 +105,13 @@ const SignInStatus: React.FC<SignInStatusProps> = props => {
         error={status === 3 && errorMessage}
       />
       <WalletRequestStep
-        heading={t('Allow us to access your profile')}
+        heading={t('Sign the message to get access to Ethereum World services')}
         explanation=""
         problem={t(
           'Not seeing the wallet request? Please make sure to open your wallet extension. If you’re still not seeing it, we can resend it.',
         )}
         resend={t('Resend request')}
-        complete={t('You have allowed us to access your profile')}
+        complete={t('Message is signed and you are now connected')}
         buttonLabel={''}
         walletRequest={onSignRequest}
         textAgain={t('Try Again')}

apps/auth-app/src/components/sign-up/index.tsx

@@ -166,7 +166,7 @@ const SignUp: React.FC<RootComponentProps & SignUpProps> = props => {
       {activeIndex === 2 && (
         <StepThree
           paragraphOneLabel={t(
-            "You now need to choose how you'll sign up on  Ethereum World. If you are experienced wth Ethereum, you may connect your wallet.",
+            "You now need to choose how you'll sign up on  Ethereum World. If you are experienced with Ethereum, you may connect your wallet.",
           )}
           paragraphTwoBoldLabel={t(
             'If you are new to Ethereum, we recommend using the email or social login option.',
@@ -255,22 +255,20 @@ const SignUp: React.FC<RootComponentProps & SignUpProps> = props => {
             'We will associate your Ethereum World account with this address.',
           )}
           textButtonSelect={t('Select Address in Wallet')}
-          textCreateSignIn={t('Create a way to sign in to your account')}
-          textCreateSignInExplanation={t(
-            "You'll be able to sign in to your account with this wallet address. Think of it as using your wallet like a username and password.",
+          textVerifyOwnership={t('Verify that you own this address')}
+          textVerifyOwnershipExplanation={t(
+            "You'll be able to sign in to Ethereum World using this address.",
           )}
-          textCreateSecure={t('Create a secure place to store your data')}
-          textCreateSecureExplanation={t(
-            'You will create a secure space to store your data (posts, photos, replies, and so forth). Moving forward we will need explicit permission from you to access you data.',
-          )}
-          textCreateProfile={t('Create your Ethereum World profile')}
-          textCreateProfileExplanation={t(
-            'We will create your Ethereum World profile in our systems.',
+          textGetAccess={t('Sign the message to get access to Ethereum World services')}
+          textGetAccessExplanation={t(
+            'You will be able to create, publish and store content on Ethereum World and interact with its services.',
           )}
+          textCreateProfile={t('Consent to register your public profile on Ethereum World')}
+          textCreateProfileExplanation={t('Create a public record on Ethereum World.')}
           textAddressComplete={t("You've connected an Ethereum address")}
-          textSignInComplete={t('You can sign in with this address')}
-          textSecureComplete={t('You have a secure place to store your data')}
-          textProfileComplete={t('You have created your Ethereum World profile')}
+          textVerifyOwnershipComplete={t('You have verified that you own this address')}
+          textGetAccessComplete={t('Message is signed and you are now connected')}
+          textProfileComplete={t('You have registered your public profile on Ethereum World')}
           textCompleted={
             "That's it! The hardest part is complete. Now you only need to choose a username and you’ll be done!"
           }

apps/auth-app/src/components/sign-up/steps/StepFour.tsx

@@ -19,15 +19,15 @@ export interface IStepFourProps {
   textChooseAddress: string;
   textChooseAddressExplanation: string;
   textButtonSelect: string;
-  textCreateSignIn: string;
-  textCreateSignInExplanation: string;
-  textCreateSecure: string;
-  textCreateSecureExplanation: string;
+  textVerifyOwnership: string;
+  textVerifyOwnershipExplanation: string;
+  textGetAccess: string;
+  textGetAccessExplanation: string;
   textCreateProfile: string;
   textCreateProfileExplanation: string;
   textAddressComplete: string;
-  textSignInComplete: string;
-  textSecureComplete: string;
+  textVerifyOwnershipComplete: string;
+  textGetAccessComplete: string;
   textProfileComplete: string;
   textCompleted: string;
   textButtonSignInWallet: string;
@@ -107,15 +107,15 @@ const StepFour: React.FC<IStepFourProps> = props => {
     textChooseAddress,
     textChooseAddressExplanation,
     textButtonSelect,
-    textCreateSignIn,
-    textCreateSignInExplanation,
-    textCreateSecure,
-    textCreateSecureExplanation,
+    textVerifyOwnership,
+    textVerifyOwnershipExplanation,
+    textGetAccess,
+    textGetAccessExplanation,
     textCreateProfile,
     textCreateProfileExplanation,
     textAddressComplete,
-    textSignInComplete,
-    textSecureComplete,
+    textVerifyOwnershipComplete,
+    textGetAccessComplete,
     textProfileComplete,
     textCompleted,
     textButtonSignInWallet,
@@ -195,11 +195,11 @@ const StepFour: React.FC<IStepFourProps> = props => {
           error={signUpState === REQUEST_STEPS.ONE && errorMessage}
         />
         <WalletRequestStep
-          heading={textCreateSignIn}
-          explanation={textCreateSignInExplanation}
+          heading={textVerifyOwnership}
+          explanation={textVerifyOwnershipExplanation}
           problem={textRequestProblem}
           resend={textRequestResend}
-          complete={textSignInComplete}
+          complete={textVerifyOwnershipComplete}
           buttonLabel={textButtonSignInWallet}
           walletRequest={fireRemainingMessages}
           textAgain={textAgain}
@@ -208,11 +208,11 @@ const StepFour: React.FC<IStepFourProps> = props => {
           error={signUpState === REQUEST_STEPS.TWO && errorMessage}
         />
         <WalletRequestStep
-          heading={textCreateSecure}
-          explanation={textCreateSecureExplanation}
+          heading={textGetAccess}
+          explanation={textGetAccessExplanation}
           problem={textRequestProblem}
           resend={textRequestResend}
-          complete={textSecureComplete}
+          complete={textGetAccessComplete}
           buttonLabel={textButtonSignInWallet}
           walletRequest={fireRemainingMessages}
           textAgain={textAgain}

ui/hooks/src/utils/getProviderDetails.tsx

@@ -26,7 +26,7 @@ const getProviderDetails = (provider: INJECTED_PROVIDERS): IInjectedProviderDeta
         iconType: 'metamask',
         titleLabel: provider,
         subtitleLabel:
-          "We recommend using MetaMask. It's the wallet we've tested most extensively with Ethereum World. We're very sure it'll work",
+          "We recommend using MetaMask. It's the wallet we've tested most extensively with Ethereum World. We're very sure it'll work.",
       };
     // provider not detected
     case INJECTED_PROVIDERS.NOT_DETECTED: