Add Passport widget in nav bar in Explorer

packages/common/package.json

@@ -24,7 +24,8 @@
     "swr": "^2.0.1",
     "tailwind-styled-components": "^2.2.0",
     "typescript": "latest",
-    "wagmi": "0.12.19"
+    "wagmi": "0.12.19",
+    "zod": "^3.22.4"
   },
   "devDependencies": {
     "@types/dompurify": "^2.4.0",

packages/common/src/index.ts

@@ -1,7 +1,7 @@
 import useSWR from "swr";
 import { useMemo, useState } from "react";
 import { ChainId } from "./chains";
-
+import z from "zod";
 export * from "./icons";
 export * from "./markdown";
 
@@ -10,27 +10,28 @@ export { ChainId };
 export enum PassportState {
   NOT_CONNECTED,
   INVALID_PASSPORT,
-  MATCH_ELIGIBLE,
-  MATCH_INELIGIBLE,
+  SCORE_AVAILABLE,
   LOADING,
   ERROR,
   INVALID_RESPONSE,
 }
 
-type PassportEvidence = {
-  type: string;
-  rawScore: string;
-  threshold: string;
-};
-
-export type PassportResponse = {
-  address?: string;
-  score?: string;
-  status?: string;
-  evidence?: PassportEvidence;
-  error?: string;
-  detail?: string;
-};
+const PassportEvidenceSchema = z.object({
+  type: z.string().nullish(),
+  rawScore: z.coerce.number(),
+  threshold: z.string().nullish(),
+});
+
+export type PassportResponse = z.infer<typeof PassportResponseSchema>;
+
+export const PassportResponseSchema = z.object({
+  address: z.string().nullish(),
+  score: z.string().nullish(),
+  status: z.string().nullish(),
+  evidence: PassportEvidenceSchema.nullish(),
+  error: z.string().nullish(),
+  detail: z.string().nullish(),
+});
 
 /**
  * Endpoint used to fetch the passport score for a given address

packages/grant-explorer/package.json

@@ -95,6 +95,7 @@
     "viem": "^1.5.3",
     "wagmi": "1.4.1",
     "web-vitals": "^2.1.0",
+    "zod": "^3.22.4",
     "zustand": "^4.4.0"
   },
   "devDependencies": {