Added ui for setting tenant-id (#6850)

Author: bhparijat

packages/auth/demo/public/index.html

@@ -229,6 +229,18 @@
                 </button>
               </form>
 
+              <!-- Set Tenant -->
+              <div class="group">Set Tenant</div>
+              <form class="form form-bordered no-submit">
+                <input type="text" id="set-tenant"
+                        class="form-control"
+                        placeholder="Tenant" />
+                <button class="btn btn-block btn-primary"
+                        id="set-tenant-btn">
+                  Set Tenant
+                </button>
+              </form>
+
               <!-- Sign up -->
               <div class="group">Sign Up</div>
               <form class="form form-bordered no-submit">

packages/auth/demo/src/index.js

@@ -321,7 +321,14 @@ function onUseDeviceLanguage() {
   $('#language-code').val(auth.languageCode);
   alertSuccess('Using device language "' + auth.languageCode + '".');
 }
-
+/**
+ * Set tenant id for the firebase project.
+ */
+function onSetTenantIdClick(_event) {
+  const tenantId = $('#set-tenant').val();
+  auth.tenantId = tenantId === '' ? null : tenantId;
+  alertSuccess('Tenant Id : ' + auth.tenantId);
+}
 /**
  * Changes the Auth state persistence to the specified one.
  */
@@ -2093,6 +2100,8 @@ function initApp() {
   $('#enroll-mfa-totp-start').click(onStartEnrollWithTotpMultiFactor);
   // Completes multi-factor enrollment with supplied OTP(One-Time Password).
   $('#enroll-mfa-totp-finalize').click(onFinalizeEnrollWithTotpMultiFactor);
+  // Sets tenant for the current auth instance
+  $('#set-tenant-btn').click(onSetTenantIdClick);
 }
 
 $(initApp);