diff --git a/package-lock.json b/package-lock.json index eeedd96..2e3b8af 100644 --- a/package-lock.json +++ b/package-lock.json @@ -20,7 +20,7 @@ "feather-icons-react": "^0.6.2", "gray-matter": "^4.0.3", "immer": "^9.0.16", - "jwk-thumbprint": "^0.1.4", + "jose": "^4.14.4", "multiformats": "^10.0.3", "next": "13.0.2", "next-mdx-remote": "^4.2.0", @@ -6712,10 +6712,13 @@ "url": "https://github.com/chalk/supports-color?sponsor=1" } }, - "node_modules/js-base64": { - "version": "3.7.3", - "resolved": "https://registry.npmjs.org/js-base64/-/js-base64-3.7.3.tgz", - "integrity": "sha512-PAr6Xg2jvd7MCR6Ld9Jg3BmTcjYsHEBx1VlwEwULb/qowPf5VD9kEMagj23Gm7JRnSvE/Da/57nChZjnvL8v6A==" + "node_modules/jose": { + "version": "4.14.4", + "resolved": "https://registry.npmjs.org/jose/-/jose-4.14.4.tgz", + "integrity": "sha512-j8GhLiKmUAh+dsFXlX1aJCbt5KMibuKb+d7j1JaOJG6s2UjX1PQlW+OKB/sD4a/5ZYF4RcmYmLSndOoU3Lt/3g==", + "funding": { + "url": "https://github.com/sponsors/panva" + } }, "node_modules/js-cookie": { "version": "2.2.1", @@ -6845,15 +6848,6 @@ "node": ">=4.0" } }, - "node_modules/jwk-thumbprint": { - "version": "0.1.4", - "resolved": "https://registry.npmjs.org/jwk-thumbprint/-/jwk-thumbprint-0.1.4.tgz", - "integrity": "sha512-EXIYNd8rfiSWUMsy0FYgvG22NSVBsEFuAo6+P03jON6ZpKK71f/79ibH6lLiYO5rB75td5lBbtLjc79CCQeokg==", - "dependencies": { - "hash.js": "^1.1.7", - "js-base64": "^3.2.4" - } - }, "node_modules/kind-of": { "version": "6.0.3", "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz", @@ -15618,10 +15612,10 @@ } } }, - "js-base64": { - "version": "3.7.3", - "resolved": "https://registry.npmjs.org/js-base64/-/js-base64-3.7.3.tgz", - "integrity": "sha512-PAr6Xg2jvd7MCR6Ld9Jg3BmTcjYsHEBx1VlwEwULb/qowPf5VD9kEMagj23Gm7JRnSvE/Da/57nChZjnvL8v6A==" + "jose": { + "version": "4.14.4", + "resolved": "https://registry.npmjs.org/jose/-/jose-4.14.4.tgz", + "integrity": "sha512-j8GhLiKmUAh+dsFXlX1aJCbt5KMibuKb+d7j1JaOJG6s2UjX1PQlW+OKB/sD4a/5ZYF4RcmYmLSndOoU3Lt/3g==" }, "js-cookie": { "version": "2.2.1", @@ -15722,15 +15716,6 @@ "object.assign": "^4.1.3" } }, - "jwk-thumbprint": { - "version": "0.1.4", - "resolved": "https://registry.npmjs.org/jwk-thumbprint/-/jwk-thumbprint-0.1.4.tgz", - "integrity": "sha512-EXIYNd8rfiSWUMsy0FYgvG22NSVBsEFuAo6+P03jON6ZpKK71f/79ibH6lLiYO5rB75td5lBbtLjc79CCQeokg==", - "requires": { - "hash.js": "^1.1.7", - "js-base64": "^3.2.4" - } - }, "kind-of": { "version": "6.0.3", "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz", diff --git a/package.json b/package.json index 39ffd25..e14aee3 100644 --- a/package.json +++ b/package.json @@ -25,7 +25,7 @@ "feather-icons-react": "^0.6.2", "gray-matter": "^4.0.3", "immer": "^9.0.16", - "jwk-thumbprint": "^0.1.4", + "jose": "^4.14.4", "multiformats": "^10.0.3", "next": "13.0.2", "next-mdx-remote": "^4.2.0", diff --git a/src/components/dids/Embedded/MethodSettings.tsx b/src/components/dids/Embedded/MethodSettings.tsx index e8d8844..0b2b8d8 100644 --- a/src/components/dids/Embedded/MethodSettings.tsx +++ b/src/components/dids/Embedded/MethodSettings.tsx @@ -1,10 +1,15 @@ import { DidDocument } from "@/lib/DidDocument"; import { EmbeddedMaterial } from "@/lib/DidMaterial"; -import { deriveIdentificationFragment } from "@/lib/keys"; -import { KeyFormat, Representation, UsageFormat, verificationRelationships } from "@/types/dids"; +import { + EmbeddedType, + KeyFormat, + Representation, + UsageFormat, + verificationRelationships, +} from "@/types/dids"; import { useState } from "react"; import DidInput from "../DidInput"; - +import { deriveIdentificationFragment } from "@/lib/keys"; export default function EmbeddedMethodSettings({ htmlId, @@ -16,11 +21,15 @@ export default function EmbeddedMethodSettings({ didDocument: DidDocument; save: (vm: EmbeddedMaterial) => void; }): JSX.Element { - const material = method.material.keyMaterial + const material = method.material.keyMaterial; const [id, setId] = useState(method.id); - const [controller, setController] = useState(method.material.controller); + const [controller, setController] = useState( + method.material.controller + ); const [format, setFormat] = useState(method.material.format); - const [methods, setMethods] = useState>(method.material.usage); + const [methods, setMethods] = useState>( + method.material.usage + ); return (
@@ -44,8 +53,9 @@ export default function EmbeddedMethodSettings({ value={controller} label="Controller" callback={(e) => { - setController(e.did?.serialize() || "") - }} /> + setController(e.did?.serialize() || ""); + }} + />
@@ -130,17 +140,21 @@ export default function EmbeddedMethodSettings({