Show progress counter in sign-ext credential issuance signing dialog

src/services/LocalStorageKeystore.ts

@@ -449,64 +449,71 @@ export function useLocalStorageKeystore(): LocalStorageKeystore {
 			CommitCallback,
 		]> => (
 			await editPrivateData(async (originalContainer) => {
-				const moveUiStateMachine = webauthnInteractionCtx.setup(
-					t("Sign credential issuance"),
-					state => {
-						switch (state.id) {
-							case 'intro':
-								return {
-									bodyText: t('To proceed, please authenticate with your passkey.'),
-									buttons: {
-										continue: 'intro:ok',
-									},
-								};
-
-							case 'webauthn-begin':
-								return {
-									bodyText: t("Please interact with your authenticator..."),
-								};
-
-							case 'err':
-								return {
-									bodyText: t("An error occurred!"),
-									buttons: {
-										retry: true,
-									},
-								};
-
-							case 'err:ext:sign:signature-not-found':
-								return {
-									bodyText: t("An error occurred: Signature not found."),
-									buttons: {
-										retry: true,
-									},
-								};
-
-							case 'success':
-								return {
-									bodyText: t("Your credential has been issued successfully."),
-									buttons: {
-										continue: 'success:ok',
-									},
-								};
-
-							default:
-								throw new Error('Unknown WebAuthn interaction state:', { cause: state });
-						}
-					},
-				);
-
-				const { nonce, audience, issuer } = requests[0]; // the first row is enough since the nonce remains the same
-				const [{ proof_jwts }, newContainer] = await keystore.generateOpenid4vciProofs(
-					originalContainer,
-					config.DID_KEY_VERSION,
-					nonce,
-					audience,
-					issuer,
-					requests.length,
-					moveUiStateMachine,
-				);
-				return [{ proof_jwts }, newContainer];
+				let proof_jwts = [];
+				let container = originalContainer;
+
+				for (const { nonce, audience, issuer } of requests) {
+					const moveUiStateMachine = webauthnInteractionCtx.setup(
+						t("Sign credential issuance ({{currentNumber}} of {{totalNumber}})", { currentNumber: proof_jwts.length + 1, totalNumber: requests.length }),
+						state => {
+							switch (state.id) {
+								case 'intro':
+									return {
+										bodyText: t('To proceed, please authenticate with your passkey.'),
+										buttons: {
+											continue: 'intro:ok',
+										},
+									};
+
+								case 'webauthn-begin':
+									return {
+										bodyText: t("Please interact with your authenticator..."),
+									};
+
+								case 'err':
+									return {
+										bodyText: t("An error occurred!"),
+										buttons: {
+											retry: true,
+										},
+									};
+
+								case 'err:ext:sign:signature-not-found':
+									return {
+										bodyText: t("An error occurred: Signature not found."),
+										buttons: {
+											retry: true,
+										},
+									};
+
+								case 'success':
+									return {
+										bodyText: t("Your credential has been issued successfully."),
+										buttons: {
+											continue: 'success:ok',
+										},
+									};
+
+								default:
+									throw new Error('Unknown WebAuthn interaction state:', { cause: state });
+							}
+						},
+					);
+
+					const [{ proof_jwts: [proof_jwt] }, newContainer] = await keystore.generateOpenid4vciProofs(
+						originalContainer,
+						config.DID_KEY_VERSION,
+						nonce,
+						audience,
+						issuer,
+						1,
+						moveUiStateMachine,
+					);
+					proof_jwts.push(proof_jwt);
+					container = newContainer;
+				}
+
+				return [{ proof_jwts }, container];
 			})
 		),