chore: add validation for did in direct issuance (#908)

Co-authored-by: Oleksandr Raspopov <[email protected]>
0xPolygonID · Jan 27, 2025 · bedf727 · bedf727
1 parent 93ed11f
commit bedf727
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 1 deletion.
diff --git a/ui/package-lock.json b/ui/package-lock.json
diff --git a/ui/package.json b/ui/package.json
@@ -3,6 +3,7 @@
   "version": "1.0.0",
   "dependencies": {
     "@iden3/js-crypto": "^1.1.0",
+    "@iden3/js-iden3-core": "^1.4.1",
     "ajv": "^8.17.1",
     "ajv-formats": "^3.0.1",
     "ajv-formats-draft2019": "^1.6.1",

diff --git a/ui/src/components/credentials/IssuanceMethodForm.tsx b/ui/src/components/credentials/IssuanceMethodForm.tsx
@@ -1,3 +1,4 @@
+import { DID } from "@iden3/js-iden3-core";
 import {
   AutoComplete,
   Button,
@@ -125,7 +126,20 @@ export function IssuanceMethodForm({
                   dependencies={["type"]}
                   label="Select connection/Paste identifier"
                   name="did"
-                  rules={[{ message: VALUE_REQUIRED, required: isDirectIssue }]}
+                  rules={[
+                    { message: VALUE_REQUIRED, required: isDirectIssue },
+                    {
+                      validator: (_, value: string) => {
+                        try {
+                          DID.parse(value);
+                        } catch (error) {
+                          return Promise.reject(error);
+                        }
+
+                        return Promise.resolve(true);
+                      },
+                    },
+                  ]}
                   style={{ paddingLeft: 28, paddingTop: 16 }}
                 >
                   <AutoComplete