Update phone auth snippets with RecaptchaVerifier parameter reordering (#348)

* Update phone auth snippets with RecaptchaVerifier parameter reordering

* Update auth-next dependency to v10

Author: ch5zzy

auth-next/package.json

@@ -6,6 +6,6 @@
   },
   "license": "Apache-2.0",
   "dependencies": {
-    "firebase": "^9.22.2"
+    "firebase": "^10.0.0"
   }
 }

auth-next/phone-auth.js

@@ -15,13 +15,13 @@ function recaptchaVerifierInvisible() {
   const { getAuth, RecaptchaVerifier } = require("firebase/auth");
 
   const auth = getAuth();
-  window.recaptchaVerifier = new RecaptchaVerifier('sign-in-button', {
+  window.recaptchaVerifier = new RecaptchaVerifier(auth, 'sign-in-button', {
     'size': 'invisible',
     'callback': (response) => {
       // reCAPTCHA solved, allow signInWithPhoneNumber.
       onSignInSubmit();
     }
-  }, auth);
+  });
   // [END auth_phone_recaptcha_verifier_invisible]
 }
 
@@ -30,7 +30,7 @@ function recaptchaVerifierVisible() {
   const { getAuth, RecaptchaVerifier } = require("firebase/auth");
 
   const auth = getAuth();
-  window.recaptchaVerifier = new RecaptchaVerifier('recaptcha-container', {
+  window.recaptchaVerifier = new RecaptchaVerifier(auth, 'recaptcha-container', {
     'size': 'normal',
     'callback': (response) => {
       // reCAPTCHA solved, allow signInWithPhoneNumber.
@@ -40,7 +40,7 @@ function recaptchaVerifierVisible() {
       // Response expired. Ask user to solve reCAPTCHA again.
       // ...
     }
-  }, auth);
+  });
   // [END auth_phone_recaptcha_verifier_visible]
 }
 
@@ -49,7 +49,7 @@ function recaptchaVerifierSimple() {
   const { getAuth, RecaptchaVerifier } = require("firebase/auth");
 
   const auth = getAuth();
-  window.recaptchaVerifier = new RecaptchaVerifier('recaptcha-container', {}, auth);
+  window.recaptchaVerifier = new RecaptchaVerifier(auth, 'recaptcha-container', {});
   // [END auth_phone_recaptcha_verifier_simple]
 }
 

snippets/auth-next/phone-auth/auth_phone_recaptcha_verifier_invisible.js

@@ -8,11 +8,11 @@
 import { getAuth, RecaptchaVerifier } from "firebase/auth";
 
 const auth = getAuth();
-window.recaptchaVerifier = new RecaptchaVerifier('sign-in-button', {
+window.recaptchaVerifier = new RecaptchaVerifier(auth, 'sign-in-button', {
   'size': 'invisible',
   'callback': (response) => {
     // reCAPTCHA solved, allow signInWithPhoneNumber.
     onSignInSubmit();
   }
-}, auth);
+});
 // [END auth_phone_recaptcha_verifier_invisible_modular]

snippets/auth-next/phone-auth/auth_phone_recaptcha_verifier_simple.js

@@ -8,5 +8,5 @@
 import { getAuth, RecaptchaVerifier } from "firebase/auth";
 
 const auth = getAuth();
-window.recaptchaVerifier = new RecaptchaVerifier('recaptcha-container', {}, auth);
+window.recaptchaVerifier = new RecaptchaVerifier(auth, 'recaptcha-container', {});
 // [END auth_phone_recaptcha_verifier_simple_modular]

snippets/auth-next/phone-auth/auth_phone_recaptcha_verifier_visible.js

@@ -8,7 +8,7 @@
 import { getAuth, RecaptchaVerifier } from "firebase/auth";
 
 const auth = getAuth();
-window.recaptchaVerifier = new RecaptchaVerifier('recaptcha-container', {
+window.recaptchaVerifier = new RecaptchaVerifier(auth, 'recaptcha-container', {
   'size': 'normal',
   'callback': (response) => {
     // reCAPTCHA solved, allow signInWithPhoneNumber.
@@ -18,5 +18,5 @@ window.recaptchaVerifier = new RecaptchaVerifier('recaptcha-container', {
     // Response expired. Ask user to solve reCAPTCHA again.
     // ...
   }
-}, auth);
+});
 // [END auth_phone_recaptcha_verifier_visible_modular]