@edgedev/firebase 1.9.15 → 1.9.17

package/edgeFirebase.ts

@@ -46,7 +46,11 @@ import {
   OAuthProvider,
   browserPopupRedirectResolver,
   signInWithPopup,
+  signInWithPhoneNumber,
   updateEmail,
+  RecaptchaVerifier,
+  ConfirmationResult,
+  PhoneAuthProvider,
 } from "firebase/auth";
 
 import { getFunctions, httpsCallable, connectFunctionsEmulator } from "firebase/functions";
@@ -85,7 +89,7 @@ interface permissions {
 
 type action = "assign" | "read" | "write" | "delete";
 
-type authProviders = "email" | "microsoft" | "google" | "facebook" | "github" | "twitter" | "apple";
+type authProviders = "email" | "microsoft" | "google" | "facebook" | "github" | "twitter" | "apple" | "phone";
 
 interface role {
   collectionPath: "-" | string; // - is root
@@ -129,6 +133,8 @@ interface newUser {
 interface userRegister {
   uid?: string;
   email?: string;
+  phoneCode?: string;
+  confirmationResult?: ConfirmationResult;
   password?: string;
   meta: object;
   registrationCode: string;
@@ -209,6 +215,7 @@ export const EdgeFirebase = class {
     } else {
       this.auth = initializeAuth(this.app, { persistence });
     }
+
     if (this.firebaseConfig.emulatorAuth) {
       connectAuthEmulator(this.auth, `http://localhost:${this.firebaseConfig.emulatorAuth}`)
     }
@@ -411,6 +418,8 @@ export const EdgeFirebase = class {
 
   private setOnAuthStateChanged = (): void => {
     onAuthStateChanged(this.auth, (userAuth) => {
+      const oldDiv = document.getElementById("recaptcha-container");
+      if (oldDiv) oldDiv.remove();
       if (userAuth) {
         this.user.loggingIn = true;
         this.user.email = userAuth.email;
@@ -432,6 +441,35 @@ export const EdgeFirebase = class {
     });
   };
 
+  public logInWithPhone = async (confirmationResult: ConfirmationResult, phoneCode: string): Promise<void> => {
+    const oldDiv = document.getElementById("recaptcha-container");
+    if (oldDiv) oldDiv.remove();
+    try {
+      console.log(confirmationResult)
+      const result = await confirmationResult.confirm(phoneCode);
+      if (!Object.prototype.hasOwnProperty.call(result, "user")) {
+        this.user.logInError = true;
+        this.user.logInErrorMessage = JSON.stringify(result)
+        this.logOut();
+        return;
+      }
+      console.log(result.user.uid);
+      const userRef = doc(this.db, "users", result.user.uid);
+      const userSnap = await getDoc(userRef);
+      if (!userSnap.exists()) { 
+        this.user.logInError = true;
+        this.user.logInErrorMessage = "User does not exist";
+        this.logOut();
+        return;
+      }
+    } catch (error) {
+      this.user.logInError = true;
+      this.user.logInErrorMessage = error.message;
+      this.logOut();
+      return;
+    }
+  };
+
   public logInWithMicrosoft = async (providerScopes: string[] = []): Promise<void> => {
       const result = await this.signInWithMicrosoft(providerScopes);
       if (!Object.prototype.hasOwnProperty.call(result, "user")) {
@@ -497,6 +535,34 @@ export const EdgeFirebase = class {
     }
   }
 
+  public sendPhoneCode = async (phone: string): Promise<any> => {
+    const oldDiv = document.getElementById("recaptcha-container");
+    if (oldDiv) oldDiv.remove();
+
+    const newDiv = document.createElement("div");
+    newDiv.setAttribute("id", "recaptcha-container");
+    document.body.appendChild(newDiv);
+
+    const recaptchaVerifier = new RecaptchaVerifier("recaptcha-container", {
+      'size': 'invisible',
+      'callback': (response) => {
+        console.log(response)
+      }
+    }, this.auth);
+
+    try {
+      const confirmationResult = await signInWithPhoneNumber(this.auth, phone, recaptchaVerifier);
+      return confirmationResult 
+    } catch (error) {
+      this.user.logInError = true;
+      this.user.logInErrorMessage = error.message;
+      this.logOut();
+      return false;
+    }
+  }
+
+
+
   public registerUser = async (
     userRegister: userRegister,
     authProvider: authProviders = "email",
@@ -542,6 +608,17 @@ export const EdgeFirebase = class {
           }
         } else if (authProvider === "microsoft") {
          response = await this.registerUserWithMicrosoft(providerScopes);
+        } else if (authProvider === "phone") {
+          const oldDiv = document.getElementById("recaptcha-container");
+          if (oldDiv) oldDiv.remove();
+          try {
+            response = await userRegister.confirmationResult.confirm(userRegister.phoneCode);
+          } catch (error) {
+            // Handle the case where the code is incorrect or expired
+            response = error;
+          }
+              
+        
         }
         if (!Object.prototype.hasOwnProperty.call(response, "user")) { 
           return this.sendResponse({
@@ -1009,6 +1086,7 @@ export const EdgeFirebase = class {
     })
   };
 
+
   public logIn = (credentials: Credentials): void => {
     this.logOut();
     signInWithEmailAndPassword(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edgedev/firebase",
-  "version": "1.9.15",
+  "version": "1.9.17",
   "description": "Vue 3 / Nuxt 3 Plugin or Nuxt 3 plugin for firebase authentication and firestore.",
   "main": "index.ts",
   "scripts": {