-
Notifications
You must be signed in to change notification settings - Fork 44
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #757 from walt-id/releases/0.7.0
Releases/0.7.0
- Loading branch information
Showing
9 changed files
with
261 additions
and
191 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
298 changes: 176 additions & 122 deletions
298
waltid-applications/waltid-web-wallet/libs/composables/presentation.ts
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,137 +1,191 @@ | ||
| import { encodeDisclosure } from "./disclosures.ts"; | ||
| import { useCurrentWallet } from "./accountWallet.ts"; | ||
| import { ref, type Ref, computed, watch } from "vue"; | ||
| import { computed, type Ref, ref, watch } from "vue"; | ||
| import { decodeRequest } from "./siop-requests.ts"; | ||
| import { navigateTo } from "nuxt/app"; | ||
|
|
||
| export async function usePresentation(query: any) { | ||
| const index = ref(0); | ||
| const failed = ref(false); | ||
| const failMessage = ref("Unknown error occurred."); | ||
|
|
||
| const currentWallet = useCurrentWallet(); | ||
| async function resolvePresentationRequest(request: string) { | ||
| try { | ||
| const response = await $fetch(`/wallet-api/wallet/${currentWallet.value}/exchange/resolvePresentationRequest`, { | ||
| method: "POST", | ||
| body: request | ||
| }); | ||
| return response; | ||
| } catch (e) { | ||
| failed.value = true; | ||
| throw e; | ||
| } | ||
| const index = ref(0); | ||
| const failed = ref(false); | ||
| const failMessage = ref("Unknown error occurred."); | ||
|
|
||
| const currentWallet = useCurrentWallet(); | ||
|
|
||
| async function resolvePresentationRequest(request: string) { | ||
| try { | ||
| const response = await $fetch( | ||
| `/wallet-api/wallet/${currentWallet.value}/exchange/resolvePresentationRequest`, | ||
| { | ||
| method: "POST", | ||
| body: request, | ||
| }, | ||
| ); | ||
| return response; | ||
| } catch (e) { | ||
| failed.value = true; | ||
| throw e; | ||
| } | ||
|
|
||
| const request = await resolvePresentationRequest(decodeRequest(query.request as string)); | ||
| const presentationUrl = new URL(request as string); | ||
| const presentationParams = presentationUrl.searchParams; | ||
|
|
||
| const verifierHost = new URL(presentationParams.get("response_uri") ?? presentationParams.get("redirect_uri") ?? "").host; | ||
| const presentationDefinition = presentationParams.get("presentation_definition") as string; | ||
| const matchedCredentials = await $fetch<Array<{ id: string, document: string, parsedDocument?: string, disclosures?: string }>>(`/wallet-api/wallet/${currentWallet.value}/exchange/matchCredentialsForPresentationDefinition`, { | ||
| method: "POST", | ||
| body: presentationDefinition | ||
| }); | ||
|
|
||
| const selection = ref<{ [key: string]: boolean; }>({}); | ||
| const selectedCredentialIds = computed(() => Object.entries(selection.value).filter((it) => it[1]).map((it) => it[0])) | ||
| for (let credential of matchedCredentials) { | ||
| selection.value[credential.id] = true | ||
| } | ||
|
|
||
| const request = await resolvePresentationRequest( | ||
| decodeRequest(query.request as string), | ||
| ); | ||
| const presentationUrl = new URL(request as string); | ||
| const presentationParams = presentationUrl.searchParams; | ||
|
|
||
| const verifierHost = new URL( | ||
| presentationParams.get("response_uri") ?? | ||
| presentationParams.get("redirect_uri") ?? | ||
| "", | ||
| ).host; | ||
| const presentationDefinition = presentationParams.get( | ||
| "presentation_definition", | ||
| ) as string; | ||
| const matchedCredentials = await $fetch< | ||
| Array<{ | ||
| id: string; | ||
| document: string; | ||
| parsedDocument?: string; | ||
| disclosures?: string; | ||
| }> | ||
| >( | ||
| `/wallet-api/wallet/${currentWallet.value}/exchange/matchCredentialsForPresentationDefinition`, | ||
| { | ||
| method: "POST", | ||
| body: presentationDefinition, | ||
| }, | ||
| ); | ||
|
|
||
| const selection = ref<{ [key: string]: boolean }>({}); | ||
| const selectedCredentialIds = computed(() => | ||
| Object.entries(selection.value) | ||
| .filter((it) => it[1]) | ||
| .map((it) => it[0]), | ||
| ); | ||
| for (let credential of matchedCredentials) { | ||
| selection.value[credential.id] = true; | ||
| } | ||
|
|
||
| const disclosures: Ref<{ [key: string]: any[] }> = ref({}); | ||
| const encodedDisclosures = computed(() => { | ||
| if (JSON.stringify(disclosures.value) === "{}") return null; | ||
|
|
||
| const m: { [key: string]: any[] } = {}; | ||
| for (let credId in disclosures.value) { | ||
| if (m[credId] === undefined) { | ||
| m[credId] = []; | ||
| } | ||
|
|
||
| for (let disclosure of disclosures.value[credId]) { | ||
| m[credId].push(encodeDisclosure(disclosure)); | ||
| } | ||
| } | ||
|
|
||
| const disclosures: Ref<{ [key: string]: any[] }> = ref({}); | ||
| const encodedDisclosures = computed(() => { | ||
| if (JSON.stringify(disclosures.value) === "{}") return null | ||
|
|
||
| const m: { [key: string]: any[] } = {} | ||
| for (let credId in disclosures.value) { | ||
| if (m[credId] === undefined) { | ||
| m[credId] = [] | ||
| } | ||
|
|
||
| for (let disclosure of disclosures.value[credId]) { | ||
| m[credId].push(encodeDisclosure(disclosure)) | ||
| } | ||
| } | ||
|
|
||
| return m | ||
| }) | ||
|
|
||
| function addDisclosure(credentialId: string, disclosure: string) { | ||
| if (disclosures.value[credentialId] === undefined) { | ||
| disclosures.value[credentialId] = [] | ||
| } | ||
| disclosures.value[credentialId].push(disclosure) | ||
| } | ||
| return m; | ||
| }); | ||
|
|
||
| function removeDisclosure(credentialId: string, disclosure: string) { | ||
| disclosures.value[credentialId] = disclosures.value[credentialId].filter((elem) => elem[0] != disclosure[0]) | ||
| function addDisclosure(credentialId: string, disclosure: string) { | ||
| if (disclosures.value[credentialId] === undefined) { | ||
| disclosures.value[credentialId] = []; | ||
| } | ||
|
|
||
| const disclosureModalState: Ref<{ [key: string]: boolean }> = ref({}); | ||
| disclosures.value[credentialId].push(disclosure); | ||
| } | ||
|
|
||
| function removeDisclosure(credentialId: string, disclosure: string) { | ||
| disclosures.value[credentialId] = disclosures.value[credentialId].filter( | ||
| (elem) => elem[0] != disclosure[0], | ||
| ); | ||
| } | ||
|
|
||
| const disclosureModalState: Ref<{ [key: string]: boolean }> = ref({}); | ||
|
|
||
| for (let credential of matchedCredentials) { | ||
| disclosureModalState.value[credential.id] = false; | ||
| } | ||
| if (matchedCredentials[index.value]) { | ||
| disclosureModalState.value[matchedCredentials[index.value].id] = true; | ||
| } | ||
|
|
||
| function toggleDisclosure(credentialId: string) { | ||
| disclosureModalState.value[credentialId] = | ||
| !disclosureModalState.value[credentialId]; | ||
| } | ||
|
|
||
| // Disable all disclosure modals when switching between credentials and set the current one to active | ||
| watch(index, () => { | ||
| for (let credential of matchedCredentials) { | ||
| disclosureModalState.value[credential.id] = false | ||
| disclosureModalState.value[credential.id] = false; | ||
| } | ||
| disclosureModalState.value[matchedCredentials[index.value].id] = true | ||
|
|
||
| function toggleDisclosure(credentialId: string) { | ||
| disclosureModalState.value[credentialId] = !disclosureModalState.value[credentialId] | ||
| } | ||
| // Disable all disclosure modals when switching between credentials and set the current one to active | ||
| watch(index, () => { | ||
| for (let credential of matchedCredentials) { | ||
| disclosureModalState.value[credential.id] = false | ||
| } | ||
| disclosureModalState.value[matchedCredentials[index.value].id] = true | ||
| }) | ||
|
|
||
| async function acceptPresentation() { | ||
| const req = { | ||
| //did: String, // todo: choose DID of shared credential // for now wallet-api chooses the default wallet did | ||
| presentationRequest: request, | ||
| selectedCredentials: selectedCredentialIds.value, | ||
| disclosures: encodedDisclosures.value | ||
| }; | ||
|
|
||
| const response = await fetch(`/wallet-api/wallet/${currentWallet.value}/exchange/usePresentationRequest`, { | ||
| method: "POST", | ||
| body: JSON.stringify(req), | ||
| redirect: "manual", | ||
| headers: { | ||
| "Content-Type": "application/json" | ||
| } | ||
| disclosureModalState.value[matchedCredentials[index.value].id] = true; | ||
| }); | ||
|
|
||
| async function acceptPresentation() { | ||
| const req = { | ||
| //did: String, // todo: choose DID of shared credential // for now wallet-api chooses the default wallet did | ||
| presentationRequest: request, | ||
| selectedCredentials: selectedCredentialIds.value, | ||
| disclosures: encodedDisclosures.value, | ||
| }; | ||
|
|
||
| const response = await fetch( | ||
| `/wallet-api/wallet/${currentWallet.value}/exchange/usePresentationRequest`, | ||
| { | ||
| method: "POST", | ||
| body: JSON.stringify(req), | ||
| redirect: "manual", | ||
| headers: { | ||
| "Content-Type": "application/json", | ||
| }, | ||
| }, | ||
| ); | ||
|
|
||
| if (response.ok) { | ||
| const parsedResponse: { redirectUri: string } = await response.json(); | ||
| if (parsedResponse.redirectUri) { | ||
| navigateTo(parsedResponse.redirectUri, { | ||
| external: true, | ||
| }); | ||
|
|
||
| if (response.ok) { | ||
| const parsedResponse: { redirectUri: string } = await response.json(); | ||
| if (parsedResponse.redirectUri) { | ||
| navigateTo(parsedResponse.redirectUri, { | ||
| external: true | ||
| }); | ||
| } else { | ||
| window.alert("Presentation successful, no redirect URL supplied."); | ||
| navigateTo(`/wallet/${currentWallet.value}`, { | ||
| external: true | ||
| }); | ||
| } | ||
| } else { | ||
| failed.value = true; | ||
| const error: { message: string; redirectUri: string | null | undefined, errorMessage: string } = await response.json(); | ||
| failMessage.value = error.message; | ||
|
|
||
| console.log("Error response: " + JSON.stringify(error)); | ||
| window.alert(error.errorMessage) | ||
|
|
||
| if (error.redirectUri != null) { | ||
| navigateTo(error.redirectUri as string, { | ||
| external: true | ||
| }); | ||
| } | ||
| } | ||
| } | ||
|
|
||
| return { | ||
| currentWallet, verifierHost, presentationDefinition, matchedCredentials, selectedCredentialIds, disclosures, selection, index, disclosureModalState, toggleDisclosure, addDisclosure, removeDisclosure, acceptPresentation, failed, failMessage | ||
| } else { | ||
| window.alert("Presentation successful, no redirect URL supplied."); | ||
| navigateTo(`/wallet/${currentWallet.value}`, { | ||
| external: true, | ||
| }); | ||
| } | ||
| } else { | ||
| failed.value = true; | ||
| const error: { | ||
| message: string; | ||
| redirectUri: string | null | undefined; | ||
| errorMessage: string; | ||
| } = await response.json(); | ||
| failMessage.value = error.message; | ||
|
|
||
| console.log("Error response: " + JSON.stringify(error)); | ||
| window.alert(error.errorMessage); | ||
|
|
||
| if (error.redirectUri != null) { | ||
| navigateTo(error.redirectUri as string, { | ||
| external: true, | ||
| }); | ||
| } | ||
| } | ||
| } | ||
| } | ||
|
|
||
| return { | ||
| currentWallet, | ||
| verifierHost, | ||
| presentationDefinition, | ||
| matchedCredentials, | ||
| selectedCredentialIds, | ||
| disclosures, | ||
| selection, | ||
| index, | ||
| disclosureModalState, | ||
| toggleDisclosure, | ||
| addDisclosure, | ||
| removeDisclosure, | ||
| acceptPresentation, | ||
| failed, | ||
| failMessage, | ||
| }; | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.