Merge pull request #154 from wwWallet/feat/select-sdjwt-format

Added selector to change between vc+sd-jwt and dc+sd-jwt

Author: gsiou

public/js/configurable-presentation.js

@@ -89,6 +89,11 @@ document.addEventListener("DOMContentLoaded", () => {
 
 	typeDropdown.addEventListener("change", (event) => {
 		updateAttributesContainer(event.target.value);
+		if (event.target.value === "sd-jwt") {
+			document.querySelector("#format").classList.remove('hidden');
+		} else {
+			document.querySelector("#format").classList.add('hidden');
+		}
 	});
 	updateAttributesContainer(typeDropdown.value);
 

public/styles/configurable-presentation.css

@@ -48,6 +48,10 @@ input[type="checkbox"]:disabled + label {
 	width: 100%;
 }
 
+.field.hidden {
+	display: none;
+}
+
 textarea,
 select {
 	width: 100%;

src/verifier/verifierRouter.ts

@@ -370,12 +370,23 @@ verifierRouter.use('/public/definitions/presentation-request/:presentation_defin
 		// Determine the presentation format based on the 'type' (sd-jwt or mdoc) provided by the form
 		const selectedType = req.body.type // Default to sd-jwt if type is not provided
 		if (selectedType === "sd-jwt") {
-			presentationDefinition.input_descriptors[0].format = {
-				"dc+sd-jwt": {
-					"sd-jwt_alg_values": ["ES256"],
-					"kb-jwt_alg_values": ["ES256"]
-				},
-			};
+			const selectedFormat = req.body.format;
+			if (selectedFormat && selectedFormat === "vc+sd-jwt") {
+				presentationDefinition.input_descriptors[0].format = {
+					"vc+sd-jwt": {
+						"sd-jwt_alg_values": ["ES256"],
+						"kb-jwt_alg_values": ["ES256"]
+					},
+				};
+			} else {
+				presentationDefinition.input_descriptors[0].format = {
+					"dc+sd-jwt": {
+						"sd-jwt_alg_values": ["ES256"],
+						"kb-jwt_alg_values": ["ES256"]
+					},
+				};
+			}
+
 		} else if (selectedType === "mdoc") {
 			presentationDefinition.input_descriptors[0].format = {
 				"mso_mdoc": {

views/verifier/configurable_presentation.pug

@@ -27,6 +27,13 @@ block layout-content
 									h4.title(for="attribute") Select Attributes
 									// populated by JS
 
+						.field#format
+							h4.title(for="scheme") Format
+								select#type(name="format" class="dropdown")
+									option(value="dc+sd-jwt") dc+sd-jwt
+									option(value="vc+sd-jwt") vc+sd-jwt
+
+
 						.field
 							h4.title(for="purpose") Purpose
 							textarea#purpose(name="purpose" placeholder="Enter the purpose of this request" maxlength="255")