diff --git a/packages/peregrine/lib/talons/SignIn/__tests__/useSignIn.spec.js b/packages/peregrine/lib/talons/SignIn/__tests__/useSignIn.spec.js index f509261608..187e4f93c5 100644 --- a/packages/peregrine/lib/talons/SignIn/__tests__/useSignIn.spec.js +++ b/packages/peregrine/lib/talons/SignIn/__tests__/useSignIn.spec.js @@ -131,6 +131,7 @@ test('returns correct shape', () => { "shouldRender": false, }, "setFormApi": [Function], + "signinHandleEnterKeyPress": [Function], } `); }); diff --git a/packages/peregrine/lib/talons/SignIn/useSignIn.js b/packages/peregrine/lib/talons/SignIn/useSignIn.js index 4957083b32..fd94293679 100644 --- a/packages/peregrine/lib/talons/SignIn/useSignIn.js +++ b/packages/peregrine/lib/talons/SignIn/useSignIn.js @@ -81,6 +81,7 @@ export const useSignIn = props => { }, ...recaptchaData }); + const token = signInResponse.data.generateCustomerToken.token; await setToken(token); @@ -173,6 +174,14 @@ export const useSignIn = props => { }; }, [handleCreateAccount]); + const signinHandleEnterKeyPress = useCallback(() => { + event => { + if (event.key === 'Enter') { + handleSubmit(); + } + }; + }, [handleSubmit]); + const errors = useMemo( () => new Map([ @@ -186,6 +195,7 @@ export const useSignIn = props => { errors, handleCreateAccount, handleEnterKeyPress, + signinHandleEnterKeyPress, handleForgotPassword, handleSubmit, isBusy: isGettingDetails || isSigningIn || recaptchaLoading, diff --git a/packages/venia-ui/lib/components/SignIn/signIn.js b/packages/venia-ui/lib/components/SignIn/signIn.js index 372ba2e60d..2c61b19556 100644 --- a/packages/venia-ui/lib/components/SignIn/signIn.js +++ b/packages/venia-ui/lib/components/SignIn/signIn.js @@ -37,6 +37,7 @@ const SignIn = props => { errors, handleCreateAccount, handleEnterKeyPress, + signinHandleEnterKeyPress, handleForgotPassword, handleSubmit, isBusy, @@ -119,6 +120,7 @@ const SignIn = props => {