chore: add phone auth demo

Author: triniwiz

apps/demo/src/plugin-demos/firebase-auth.ts

@@ -2,7 +2,7 @@ import { Observable, EventData, Page, fromObject } from '@nativescript/core';
 import { DemoSharedFirebaseAuth } from '@demo/shared';
 import { firebase, Firebase } from '@nativescript/firebase-core';
 import '@nativescript/firebase-auth';
-import { Auth, User, OAuthProvider } from '@nativescript/firebase-auth';
+import { Auth, User, OAuthProvider, PhoneAuthProvider } from '@nativescript/firebase-auth';
 export function navigatingTo(args: EventData) {
 	const page = <Page>args.object;
 	page.bindingContext = new DemoModel();
@@ -12,6 +12,9 @@ export class DemoModel extends DemoSharedFirebaseAuth {
 	email: string;
 	password: string;
 	user: User;
+	phoneNumber: string;
+	code: string;
+	verificationId: string;
 	constructor() {
 		super();
 
@@ -22,6 +25,45 @@ export class DemoModel extends DemoSharedFirebaseAuth {
 			});
 	}
 
+	async linkPhone() {
+		if (!firebase().auth().currentUser) {
+			console.info('Login to link phone');
+			return;
+		}
+		try {
+			const cred = PhoneAuthProvider.provider().credential(this.verificationId, this.code);
+			const linkedCred = await firebase()
+				.auth()
+				.currentUser
+				.linkWithCredential(cred);
+			console.log('verificationId', linkedCred);
+		} catch (e) {
+			console.log('linkPhone error:', e);
+		}
+	}
+
+	async getVerificationCode() {
+		try {
+			this.verificationId = await PhoneAuthProvider.provider().verifyPhoneNumber(this.phoneNumber);
+		} catch (e) {
+			console.log('getVerificationCode error:', e);
+		}
+	}
+
+	async loginWithPhone() {
+		try {
+			const cred = PhoneAuthProvider.provider().credential(this.verificationId, this.code);
+			const value = await firebase()
+				.auth()
+				.signInWithCredential(cred);
+			console.log('verificationId', this.verificationId);
+			console.log('loginUser', value);
+			this._setCurrentUser(value.user);
+		} catch (e) {
+			console.log('linkPhone error:', e);
+		}
+	}
+
 	createUser() {
 		firebase()
 			.auth()

apps/demo/src/plugin-demos/firebase-auth.xml

@@ -8,8 +8,13 @@
           <StackLayout>
             <TextField hint="Enter email" text="{{ email }}" keyboardType="email" autocapitalizationType="none"/>
             <TextField hint="Enter password" text="{{ password }}" secure="true"/>
+            <TextField hint="Enter Phone Number" text="{{ phoneNumber }}"/>
+            <TextField hint="Enter Verification Code" text="{{ code }}"/>
+            <Button text="Get Phone Verification Code" tap="{{ getVerificationCode }}" class="btn btn-primary"/>
             <Button text="Create User" tap="{{ createUser }}" class="btn btn-primary"/>
             <Button text="Login User" tap="{{ loginUser }}" class="btn btn-primary"/>
+            <Button text="Login User With Phone" tap="{{ loginWithPhone }}" class="btn btn-primary"/>
+            <Button text="Link User Phone" tap="{{ linkPhone }}" class="btn btn-primary"/>
             <Button text="Get Current User" tap="{{ getCurrentUser }}" class="btn btn-primary"/>
             <Button text="Logout User" tap="{{ logOutUser }}" class="btn btn-primary"/>
             <StackLayout>