Add env variable based config to all

Author: yashovardhan

ENV_SETUP.md

@@ -0,0 +1 @@
+VITE_WEB3AUTH_CLIENT_ID=YOUR_WEB3AUTH_CLIENT_ID

README.md

@@ -1,7 +1,7 @@
 import { WEB3AUTH_NETWORK, type Web3AuthOptions } from "@web3auth/modal";
 
 // Dashboard Registration
-const clientId = "BPi5PB_UiIZ-cPz1GtV5i1I2iOSOHuimiXBI0e-Oe_u6X3oVAbCiAZOTEBtTXw4tsluTITPqA8zMsfxIKMjiqNQ"; // get from https://dashboard.web3auth.io
+const clientId = import.meta.env.VITE_WEB3AUTH_CLIENT_ID || ""; // get from https://dashboard.web3auth.io
 
 
 // Instantiate SDK

custom-authentication/grouped-connection/auth0-google-implicit-grouped-example/.env.example

@@ -0,0 +1,3 @@
+VITE_WEB3AUTH_CLIENT_ID=YOUR_WEB3AUTH_CLIENT_ID
+VITE_GOOGLE_CLIENT_ID=YOUR_GOOGLE_CLIENT_ID
+VITE_AUTH0_CLIENT_ID=YOUR_AUTH0_CLIENT_ID

custom-authentication/grouped-connection/auth0-google-implicit-grouped-example/src/web3authContext.tsx

@@ -6,7 +6,7 @@ import { SendTransaction } from "./components/sendTransaction";
 import { Balance } from "./components/getBalance";
 import { SwitchChain } from "./components/switchNetwork";
 import { useAuth0 } from "@auth0/auth0-react";
-import { GoogleLogin, CredentialResponse, googleLogout } from "@react-oauth/google";
+import { GoogleLogin, CredentialResponse } from "@react-oauth/google";
 
 function App() {
   const { connectTo, isConnected, connectorName, loading: connectLoading, error: connectError } = useWeb3AuthConnect();
@@ -25,6 +25,7 @@ function App() {
       idToken,
       extraLoginOptions: {
         isUserIdCaseSensitive: false,
+        verifierIdField: "email",
       },
     });
   };

custom-authentication/grouped-connection/auth0-google-jwt-grouped-example/.env.example

@@ -20,10 +20,10 @@ root.render(
   <Web3AuthProvider config={web3AuthContextConfig}>
     <QueryClientProvider client={queryClient}>
       <WagmiProvider>
-        <GoogleOAuthProvider clientId="461819774167-5iv443bdf5a6pnr2drt4tubaph270obl.apps.googleusercontent.com">
+        <GoogleOAuthProvider clientId={import.meta.env.VITE_GOOGLE_CLIENT_ID}>
           <Auth0Provider
             domain="web3auth.au.auth0.com"
-            clientId="hiLqaop0amgzCC0AXo4w0rrG9abuJTdu"
+            clientId={import.meta.env.VITE_AUTH0_CLIENT_ID}
             authorizationParams={{
               redirect_uri: window.location.origin,
             }}

custom-authentication/grouped-connection/auth0-google-jwt-grouped-example/src/App.tsx

@@ -1,7 +1,7 @@
 import { WEB3AUTH_NETWORK, type Web3AuthOptions } from "@web3auth/modal";
 
 // Dashboard Registration
-const clientId = "BPi5PB_UiIZ-cPz1GtV5i1I2iOSOHuimiXBI0e-Oe_u6X3oVAbCiAZOTEBtTXw4tsluTITPqA8zMsfxIKMjiqNQ"; // get from https://dashboard.web3auth.io
+const clientId = import.meta.env.VITE_WEB3AUTH_CLIENT_ID || ""; // get from https://dashboard.web3auth.io
 
 
 // Instantiate SDK

custom-authentication/grouped-connection/auth0-google-jwt-grouped-example/src/index.tsx

@@ -0,0 +1,2 @@
+VITE_WEB3AUTH_CLIENT_ID=YOUR_WEB3AUTH_CLIENT_ID
+VITE_GOOGLE_CLIENT_ID=YOUR_GOOGLE_CLIENT_ID

custom-authentication/grouped-connection/auth0-google-jwt-grouped-example/src/web3authContext.tsx

@@ -11,12 +11,12 @@ import { GoogleLogin, CredentialResponse } from "@react-oauth/google";
 
 // Your web app's Firebase configuration
 const firebaseConfig = {
-  apiKey: "AIzaSyAAAF-xdPur0wJpgwXLGdLZWDwRCTRLdX8",
-  authDomain: "web3auth-firebase-github.firebaseapp.com",
-  projectId: "web3auth-firebase-github",
-  storageBucket: "web3auth-firebase-github.appspot.com",
-  messagingSenderId: "384159528034",
-  appId: "1:384159528034:web:9a9121481ea2948237cd3b",
+  apiKey: "AIzaSyB0nd9YsPLu-tpdCrsXn8wgsWVAiYEpQ_E",
+  authDomain: "web3auth-oauth-logins.firebaseapp.com",
+  projectId: "web3auth-oauth-logins",
+  storageBucket: "web3auth-oauth-logins.appspot.com",
+  messagingSenderId: "461819774167",
+  appId: "1:461819774167:web:e74addfb6cc88f3b5b9c92",
 };
 
 function App() {