take IdpConfig id as input

Author: mansisampat

packages/auth/demo/public/index.html

@@ -854,6 +854,7 @@
             <div class="tab-pane" id="tab-byo-ciam-content">
               <h2>Sign in with your CIAM token</h2>
               <div id="firebase-token-status">No CIAM token found. User not logged in.</div>
+              <input type="text" id="idp-config-id" class="form-control" placeholder="IDP Config ID" />
               <input type="text" id="byo-ciam-token"
                      class="form-control" placeholder="Enter CIAM token" />
               <button class="btn btn-block btn-primary"

packages/auth/demo/src/index.js

@@ -1615,10 +1615,10 @@ function onFinalizeSignInWithTotpMultiFactor(event) {
   }, onAuthError);
 }
 
-async function exchangeCIAMToken(token) {
+async function exchangeCIAMToken(idpConfigId, token) {
   const firebaseToken = await exchangeToken(
     regionalAuth,
-    (idpConfigId = 'Bar-e2e-idpconfig-002'),
+    idpConfigId,
     token
   );
   return firebaseToken;
@@ -1627,11 +1627,12 @@ async function exchangeCIAMToken(token) {
 function onExchangeToken(event) {
   event.preventDefault();
   const byoCiamInput = document.getElementById('byo-ciam-token');
+  const idpConfigId = document.getElementById('idp-config-id');
   const firebaseTokenStatus = document.getElementById('firebase-token-status');
 
   firebaseTokenStatus.textContent = 'Exchanging token...';
 
-  exchangeCIAMToken(byoCiamInput.value)
+  exchangeCIAMToken(idpConfigId.value, byoCiamInput.value)
     .then(response => {
       firebaseTokenStatus.textContent = '✅ Firebase token is set: ' + response;
       console.log('Token:', response);