feat(auth): support passwordless sign-in (#857) (#1064) - @komachi

src/actions/auth.js

@@ -545,7 +545,8 @@ export const login = (dispatch, firebase, credentials) => {
       if (
         [
           'signInWithEmailAndPassword',
-          'signInAndRetrieveDataWithEmailAndPassword'
+          'signInAndRetrieveDataWithEmailAndPassword',
+          'signInWithEmailLink'
         ].includes(method)
       ) {
         return { user: userData }

src/createFirebaseInstance.js

@@ -380,6 +380,7 @@ export default function createFirebaseInstance(firebase, configs, dispatch) {
    * (popup | redirect) (only used with provider)
    * @param {string} credentials.email - Credentials for authenticating
    * @param {string} credentials.password - Credentials for authenticating (only used with email)
+   * @param {string} credentials.emailLink - emailLink for authenticating (only used with passwordless sign-in)
    * @returns {Promise} Containing user's auth data
    * @see https://react-redux-firebase.com/docs/auth.html#logincredentials
    * @see https://react-redux-firebase.com/docs/api/firebaseInstance.html#login

src/utils/auth.js

@@ -99,7 +99,8 @@ export function getLoginMethodAndParams(firebase, credentials) {
     scopes,
     phoneNumber,
     applicationVerifier,
-    credential
+    credential,
+    emailLink
   } = credentials
   // Credential Auth
   if (credential) {
@@ -158,6 +159,11 @@ export function getLoginMethodAndParams(firebase, credentials) {
     }
   }
 
+  // Passwordless sign-in
+  if (emailLink && email) {
+    return { method: 'signInWithEmailLink', params: [email, emailLink] }
+  }
+
   // Check for new sign in method (see #484 for more info)
   // Note: usage of signInAndRetrieveDataWithEmailAndPassword is now a fallback since it is deprecated (see #484 for more info)
   if (!firebase.auth().signInWithEmailAndPassword) {

test/unit/createFirebaseInstance.spec.js

@@ -456,6 +456,30 @@ describe('createFirebaseInstance', () => {
       // signInWithEmailAndPassword is called on login with email
       expect(loginSpy).to.have.been.calledOnce
     })
+
+    it('calls firebase auth signInWithEmailLink', async () => {
+      const dispatchSpy = sinon.spy(() => {})
+      const loginSpy = sinon.spy(() => Promise.resolve({}))
+      const firebaseStub = {
+        auth: () => ({ signInWithEmailLink: loginSpy }),
+        _: firebase._
+      }
+      const firebaseInstance = createFirebaseInstance(
+        firebaseStub,
+        {},
+        dispatchSpy
+      )
+
+      expect(firebaseInstance.login).to.be.a.function
+      const email = '[email protected]'
+      const emailLink = 'https://example.com'
+      await firebaseInstance.login({
+        email,
+        emailLink
+      })
+      // signInWithEmailLink is called on passwordless sign-in
+      expect(loginSpy).to.have.been.calledOnce
+    })
   })
 
   describe('handleRedirectResult method', () => {