Check required attributes

packages/browser-wallet/CHANGELOG.md

@@ -2,6 +2,10 @@
 
 ## Unreleased
 
+### Added
+
+-   Validation of required attributes when adding a credential.
+
 ### Fixed
 
 -   Incorrect verifiable presentations created, due to incorrect identity/identityProviderIndex used.

packages/browser-wallet/src/popup/pages/AddWeb3IdCredential/AddWeb3IdCredential.tsx

@@ -98,6 +98,25 @@ export default function AddWeb3IdCredential({ onAllow, onReject }: Props) {
         () => setError(t('error.schema')),
         [schemas.loading]
     );
+
+    useEffect(() => {
+        if (schema) {
+            // Ensure that all attributes required by the schema are in the attributes. If not, then
+            // the credential should not be allowed to be added.
+            const missingRequiredAttributeKeys = [];
+            const requiredAttributes = schema.properties.credentialSubject.properties.attributes.required;
+            for (const requiredAttribute of requiredAttributes) {
+                if (!Object.keys(credential.credentialSubject.attributes).includes(requiredAttribute)) {
+                    missingRequiredAttributeKeys.push(requiredAttribute);
+                }
+            }
+
+            if (missingRequiredAttributeKeys.length > 0) {
+                setError(t('error.attribute', { attributeKeys: missingRequiredAttributeKeys }));
+            }
+        }
+    }, [schema?.properties.credentialSubject.properties.attributes.required]);
+
     useEffect(() => () => controller.abort(), []);
 
     const localization = useAsyncMemo(

packages/browser-wallet/src/popup/pages/AddWeb3IdCredential/i18n/da.ts

@@ -10,6 +10,7 @@ const t: typeof en = {
         // We don't translate these because they are mainly for bug reporting.
         metadata: en.error.metadata,
         schema: en.error.schema,
+        attribute: en.error.attribute,
     },
 };
 

packages/browser-wallet/src/popup/pages/AddWeb3IdCredential/i18n/en.ts

@@ -7,6 +7,7 @@ const t = {
             'We are unable to add the web3Id credential to the wallet due to the following issue, please report this to the issuer:',
         metadata: 'We are unable to load the metadata for the credential.',
         schema: 'We are unable to load the schema specification for the credential.',
+        attribute: 'The received credential is missing one or more required attributes ({{ attributeKeys }})',
     },
 };