Matching estimates on checkout page

.github/workflows/common.yml

@@ -0,0 +1,35 @@
+name: Common - Test
+on:
+  push:
+    branches:
+      - main
+      - release
+  pull_request:
+    branches:
+      - "**"
+jobs:
+  lint-test-typecheck:
+    concurrency: ci-round-manager-${{ github.head_ref || github.run_id }}
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+        with:
+          fetch-depth: 1
+
+      - uses: pnpm/action-setup@v2
+        with:
+          version: 8
+
+      - uses: actions/setup-node@v3
+        with:
+          node-version: "18"
+          cache: "pnpm"
+
+      - name: Install Dependencies
+        run: |
+          pnpm install
+
+      - name: Test Common
+        run: |
+          pnpm c-test

.github/workflows/grant-explorer.yml

@@ -32,12 +32,12 @@ jobs:
 
       - name: Lint Explorer
         run: |
-          pnpm re-lint    
+          pnpm ge-lint    
 
       - name: Test Explorer
         run: |
-          pnpm re-test
+          pnpm ge-test
 
       - name: Typecheck Explorer
         run: |
-          pnpm re-typecheck
+          pnpm ge-typecheck

.github/workflows/verify-env.yml

@@ -0,0 +1,35 @@
+name: Verify-Env - Test
+on:
+  push:
+    branches:
+      - main
+      - release
+  pull_request:
+    branches:
+      - "**"
+jobs:
+  lint-test-typecheck:
+    concurrency: ci-round-manager-${{ github.head_ref || github.run_id }}
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+        with:
+          fetch-depth: 1
+
+      - uses: pnpm/action-setup@v2
+        with:
+          version: 8
+
+      - uses: actions/setup-node@v3
+        with:
+          node-version: "18"
+          cache: "pnpm"
+
+      - name: Install Dependencies
+        run: |
+          pnpm install
+
+      - name: Test Verify-Env
+        run: |
+          pnpm ve-test

.prettierrc.json

@@ -0,0 +1,3 @@
+{
+  "trailingComma": "es5"
+}

package.json

@@ -20,24 +20,26 @@
     "rm-lint": "turbo run lint:ci --filter=round-manager",
     "rm-typecheck": "turbo run typecheck --filter=round-manager",
     "// grant explorer script": "====== packages/grant-explorer specific ======",
-    "re-build": "turbo run build --filter=grant-explorer",
-    "re-test": "turbo run test --filter=grant-explorer",
-    "re-start": "pnpm --filter grant-explorer run start",
-    "re-typecheck": "turbo run typecheck --filter=grant-explorer",
-    "re-lint": "turbo run lint:ci --filter=grant-explorer",
+    "ge-build": "turbo run build --filter=grant-explorer",
+    "ge-test": "turbo run test --filter=grant-explorer",
+    "ge-start": "pnpm --filter grant-explorer run start",
+    "ge-typecheck": "turbo run typecheck --filter=grant-explorer",
+    "ge-lint": "turbo run lint:ci --filter=grant-explorer",
     "// builder script": "====== packages/builder specific ======",
     "b-start": "pnpm --filter builder run start",
     "b-lint": "turbo run lint:ci --filter=builder",
     "b-test": "pnpm test --filter=builder",
-    "b-typecheck": "turbo run typecheck --filter=builder"
+    "b-typecheck": "turbo run typecheck --filter=builder",
+    "c-test": "turbo run test --filter=common",
+    "ve-test": "turbo run test --filter=verify-env"
   },
   "devDependencies": {
     "@commitlint/cli": "^17.6.3",
     "@commitlint/config-conventional": "^17.6.3"
   },
   "dependencies": {
     "prettier": "^3.0.3",
-    "turbo": "^1.10.9"
+    "turbo": "^1.10.15"
   },
   "pnpm": {
     "overrides": {

packages/common/package.json

@@ -7,6 +7,9 @@
   "author": "Josef Vacek",
   "license": "MIT",
   "private": false,
+  "scripts": {
+    "test": "vitest --run"
+  },
   "dependencies": {
     "@ethersproject/providers": "^5.7.2",
     "@rainbow-me/rainbowkit": "^0.12.16",
@@ -28,6 +31,7 @@
     "@types/markdown-it": "^12.2.3",
     "@types/node": "^18.15.5",
     "@types/react": "^18.0.31",
-    "@types/react-dom": "^18.0.11"
+    "@types/react-dom": "^18.0.11",
+    "vitest": "^0.34.6"
   }
 }

packages/common/src/chains.test.ts

@@ -0,0 +1,39 @@
+import { test, expect } from "vitest";
+import { parseChainId, ChainId } from "./chains"; // Replace 'your-module' with the actual module path
+
+test("Valid input: number", () => {
+  const input = 137;
+  const result = parseChainId(input);
+  expect(result).toBe(ChainId.POLYGON);
+});
+
+test("Valid input: string (number as string)", () => {
+  const input = "80001";
+  const result = parseChainId(input);
+  expect(result).toBe(ChainId.POLYGON_MUMBAI);
+});
+
+test("Invalid input: string (non-existent enum name)", () => {
+  const input = "NON_EXISTENT_CHAIN";
+  expect(() => parseChainId(input)).toThrow("Invalid chainId " + input);
+});
+
+test("Invalid input: string (non-numeric string)", () => {
+  const input = "invalid";
+  expect(() => parseChainId(input)).toThrow("Invalid chainId " + input);
+});
+
+test("Invalid input: number (non-existent enum value)", () => {
+  const input = 999;
+  expect(() => parseChainId(input)).toThrow("Invalid chainId " + input);
+});
+
+test("Invalid input: null", () => {
+  const input = null;
+  expect(() => parseChainId(input as any)).toThrow("Invalid chainId null");
+});
+
+test("Invalid input: undefined", () => {
+  const input = undefined;
+  expect(() => parseChainId(input as any)).toThrow("Invalid chainId undefined");
+});

packages/common/src/chains.ts

@@ -69,3 +69,24 @@ export const pgn: Chain = {
     },
   },
 };
+
+export function parseChainId(input: string | number): ChainId {
+  if (typeof input === "string") {
+    // If the input is a string, try to parse it as a number
+    const parsedInput = parseInt(input, 10);
+    if (!isNaN(parsedInput)) {
+      // If parsing is successful, check if it's a valid enum value
+      if (Object.values(ChainId).includes(parsedInput)) {
+        return parsedInput as ChainId;
+      }
+    }
+  } else if (typeof input === "number") {
+    // If the input is a number, check if it's a valid enum value
+    if (Object.values(ChainId).includes(input)) {
+      return input as ChainId;
+    }
+  }
+
+  // If the input is not a valid enum value, return undefined
+  throw "Invalid chainId " + input;
+}

packages/grant-explorer/src/features/api/types.ts

@@ -212,7 +212,7 @@ export type VotingToken = {
   decimal: number;
   logo?: string;
   default?: boolean;
-  redstoneTokenId?: string;
+  redstoneTokenId: string;
   permitVersion?: string;
   //TODO: remove if the previous default was intended to be used as defaultForVoting
   defaultForVoting: boolean;

packages/grant-explorer/src/features/common/MatchingEstimateTooltip.tsx

@@ -0,0 +1,57 @@
+import { InformationCircleIcon } from "@heroicons/react/24/solid";
+import React from "react";
+import { Tooltip } from "@chakra-ui/react";
+
+export function MatchingEstimateTooltip(props: { isEligible: boolean }) {
+  return (
+    <div>
+      <Tooltip
+        hasArrow
+        closeDelay={2000}
+        placement={"bottom-end"}
+        label={
+          <p className="text-xs p-1 pointer-events-auto select-all">
+            {props.isEligible ? (
+              <>
+                Due to the nature of quadratic funding, this estimated match is
+                subject to change as the round progresses. Your match may start
+                at $0, but can change as the project receives more donations.
+                Read more about how quadratic funding works{" "}
+                <a
+                  href="https://wtfisqf.com"
+                  className={"underline"}
+                  target={"_blank"}
+                >
+                  here
+                </a>
+                .
+              </>
+            ) : (
+              <>
+                Keep in mind that this is a potential match. By connecting to
+                Gitcoin Passport, you can update your score before or after
+                submitting your donation.{" "}
+                <a
+                  href="https://passport.gitcoin.co"
+                  className={"underline"}
+                  target="_blank"
+                >
+                  Click here
+                </a>{" "}
+                to configure your score.
+              </>
+            )}
+          </p>
+        }
+        id="matching-estimate-tooltip"
+        className={"max-w-sm bg-gray-500 text-gray-50"}
+      >
+        <InformationCircleIcon
+          data-background-color="#5932C4"
+          className="inline w-4 h-4 ml-2"
+          data-testid={"matching-estimate-tooltip"}
+        />
+      </Tooltip>
+    </div>
+  );
+}

packages/grant-explorer/src/features/common/Passport.tsx

@@ -0,0 +1,49 @@
+import { PassportResponse } from "common";
+import { useMemo } from "react";
+
+export type PassportColor = "gray" | "orange" | "yellow" | "green";
+
+export type PassportDisplay = {
+  score: number;
+  color: PassportColor;
+};
+
+export function passportColorTextClass(color: PassportColor): string {
+  switch (color) {
+    case "gray":
+      return "text-gray-400";
+    case "orange":
+      return "text-orange-400";
+    case "yellow":
+      return "text-yellow-400";
+    case "green":
+      return "text-green-400";
+  }
+}
+
+function passportDisplayColorFromScore(score: number | null): PassportColor {
+  if (score === null) {
+    return "gray";
+  } else if (score < 15) {
+    return "orange";
+  } else if (score < 25) {
+    return "yellow";
+  }
+
+  return "green";
+}
+
+export function usePassportScore(score?: PassportResponse) {
+  const passportScore = useMemo(() => {
+    if (score?.evidence?.rawScore === undefined) {
+      return null;
+    }
+
+    return Number(score.evidence.rawScore);
+  }, [score]);
+
+  return {
+    score: passportScore,
+    color: passportDisplayColorFromScore(passportScore),
+  };
+}

packages/grant-explorer/src/features/contributors/__tests__/ViewContributionHistory.test.tsx

@@ -30,6 +30,7 @@ const mockTokens: Record<string, VotingToken> = {
     decimal: 18,
     defaultForVoting: true,
     canVote: true,
+    redstoneTokenId: "DAI",
   },
 };
 
@@ -98,9 +99,10 @@ vi.mock("@rainbow-me/rainbowkit", () => ({
 }));
 
 vi.mock("react-router-dom", async () => {
-  const actual = await vi.importActual<typeof import("react-router-dom")>(
-    "react-router-dom"
-  );
+  const actual =
+    await vi.importActual<typeof import("react-router-dom")>(
+      "react-router-dom",
+    );
 
   return {
     ...actual,
@@ -136,28 +138,28 @@ describe("<ViewContributionHistory/>", () => {
           addressLogo="mockedAddressLogo"
           breadCrumbs={breadCrumbs}
         />
-      </MemoryRouter>
+      </MemoryRouter>,
     );
 
     expect(screen.getByText("Donation Impact")).toBeInTheDocument();
     expect(screen.getByText("Donation History")).toBeInTheDocument();
     expect(screen.getByText("Active Rounds")).toBeInTheDocument();
     expect(screen.getByText("Past Rounds")).toBeInTheDocument();
     expect(
-      screen.getByText(mockAddress.slice(0, 6) + "..." + mockAddress.slice(-6))
+      screen.getByText(mockAddress.slice(0, 6) + "..." + mockAddress.slice(-6)),
     ).toBeInTheDocument();
     expect(screen.getByText("Share Profile")).toBeInTheDocument();
 
     for (const contribution of mockContributions) {
       for (const chainContribution of contribution.data) {
         expect(
-          screen.getByText(chainContribution.roundName)
+          screen.getByText(chainContribution.roundName),
         ).toBeInTheDocument();
         expect(
-          screen.getByText(chainContribution.projectTitle)
+          screen.getByText(chainContribution.projectTitle),
         ).toBeInTheDocument();
         expect(screen.getAllByText("View transaction").length).toBeGreaterThan(
-          0
+          0,
         );
       }
     }
@@ -177,14 +179,14 @@ describe("<ViewContributionHistoryWithoutDonations/>", () => {
           addressLogo="mockedAddressLogo"
           breadCrumbs={breadCrumbs}
         />
-      </MemoryRouter>
+      </MemoryRouter>,
     );
 
     await waitFor(() => {
       expect(screen.getByText("Donation History")).toBeInTheDocument();
     });
     expect(
-      screen.getByText(mockAddress.slice(0, 6) + "..." + mockAddress.slice(-6))
+      screen.getByText(mockAddress.slice(0, 6) + "..." + mockAddress.slice(-6)),
     ).toBeInTheDocument();
     expect(screen.getByText("Share Profile")).toBeInTheDocument();
   });