move error message to constants

Author: yunakim714

packages/template-retail-react-app/app/constants.js

@@ -99,6 +99,10 @@ export const FEATURE_UNAVAILABLE_ERROR_MESSAGE = defineMessage({
     defaultMessage: 'This feature is not currently available.',
     id: 'global.error.feature_unavailable'
 })
+export const CREATE_ACCOUNT_FIRST_ERROR_MESSAGE = defineMessage({
+    defaultMessage: 'This feature is not currently available. You must create an account to access this feature.',
+    id: 'global.error.create_account'
+})
 
 export const HOME_HREF = '/'
 

packages/template-retail-react-app/app/hooks/use-auth-modal.js

@@ -31,7 +31,7 @@ import ResetPasswordForm from '@salesforce/retail-react-app/app/components/reset
 import RegisterForm from '@salesforce/retail-react-app/app/components/register'
 import PasswordlessEmailConfirmation from '@salesforce/retail-react-app/app/components/email-confirmation/index'
 import {noop} from '@salesforce/retail-react-app/app/utils/utils'
-import {API_ERROR_MESSAGE, FEATURE_UNAVAILABLE_ERROR_MESSAGE, LOGIN_TYPES, PASSWORDLESS_ERROR_MESSAGES} from '@salesforce/retail-react-app/app/constants'
+import {API_ERROR_MESSAGE, FEATURE_UNAVAILABLE_ERROR_MESSAGE, CREATE_ACCOUNT_FIRST_ERROR_MESSAGE, LOGIN_TYPES, PASSWORDLESS_ERROR_MESSAGES} from '@salesforce/retail-react-app/app/constants'
 import useNavigation from '@salesforce/retail-react-app/app/hooks/use-navigation'
 import {usePrevious} from '@salesforce/retail-react-app/app/hooks/use-previous'
 import {usePasswordReset} from '@salesforce/retail-react-app/app/hooks/use-password-reset'
@@ -105,7 +105,7 @@ export const AuthModal = ({
                 setCurrentView(EMAIL_VIEW)
             } catch (error) {
                 const message = /error getting user info/i.test(error.message)
-                    ? formatMessage(`${FEATURE_UNAVAILABLE_ERROR_MESSAGE} You must create an account to access this feature.`)
+                    ? formatMessage(CREATE_ACCOUNT_FIRST_ERROR_MESSAGE)
                     : PASSWORDLESS_ERROR_MESSAGES.some(msg => msg.test(error.message))
                         ? formatMessage(FEATURE_UNAVAILABLE_ERROR_MESSAGE)
                         : formatMessage(API_ERROR_MESSAGE)

packages/template-retail-react-app/app/pages/login/index.jsx

@@ -31,7 +31,8 @@ import {
     FEATURE_UNAVAILABLE_ERROR_MESSAGE,
     LOGIN_TYPES,
     PASSWORDLESS_LOGIN_LANDING_PATH,
-    PASSWORDLESS_ERROR_MESSAGES
+    PASSWORDLESS_ERROR_MESSAGES,
+    CREATE_ACCOUNT_FIRST_ERROR_MESSAGE
 } from '@salesforce/retail-react-app/app/constants'
 import {usePrevious} from '@salesforce/retail-react-app/app/hooks/use-previous'
 import {isServer} from '@salesforce/retail-react-app/app/utils/utils'
@@ -114,7 +115,7 @@ const Login = ({initialView = LOGIN_VIEW}) => {
                 setCurrentView(EMAIL_VIEW)
             } catch (error) {
                 const message = /error getting user info/i.test(error.message)
-                    ? formatMessage(`${FEATURE_UNAVAILABLE_ERROR_MESSAGE} You must create an account to access this feature.`)
+                    ? formatMessage(CREATE_ACCOUNT_FIRST_ERROR_MESSAGE)
                     : PASSWORDLESS_ERROR_MESSAGES.some(msg => msg.test(error.message))
                         ? formatMessage(FEATURE_UNAVAILABLE_ERROR_MESSAGE)
                         : formatMessage(API_ERROR_MESSAGE)