Merge branch 'dev' into feat/devtools

Author: nikhilverma360

web/netlify/functions/authUser.ts

@@ -1,10 +1,11 @@
 import middy from "@middy/core";
 import jsonBodyParser from "@middy/http-json-body-parser";
 import { createClient } from "@supabase/supabase-js";
+import { ethers } from "ethers";
 import * as jwt from "jose";
 import { SiweMessage } from "siwe";
 
-import { ETH_SIGNATURE_REGEX, DEFAULT_CHAIN } from "consts/processEnvConsts";
+import { ETH_SIGNATURE_REGEX, DEFAULT_CHAIN, isProductionDeployment } from "consts/processEnvConsts";
 
 import { netlifyUri, netlifyDeployUri, netlifyDeployPrimeUri } from "src/generatedNetlifyInfo.json";
 import { Database } from "src/types/supabase-notification";
@@ -73,9 +74,14 @@ const authUser = async (event) => {
     }
 
     try {
-      await siweMessage.verify({ signature, nonce: nonceData.nonce, time: new Date().toISOString() });
+      // If the main Alchemy API key is permissioned, it won't work in a Netlify Function so we use a dedicated API key
+      const alchemyApiKey = process.env.ALCHEMY_FUNCTIONS_API_KEY ?? process.env.ALCHEMY_API_KEY;
+      const alchemyChain = isProductionDeployment() ? "arb-mainnet" : "arb-sepolia";
+      const alchemyRpcURL = `https://${alchemyChain}.g.alchemy.com/v2/${alchemyApiKey}`;
+      const provider = new ethers.providers.JsonRpcProvider(alchemyRpcURL);
+      await siweMessage.verify({ signature, nonce: nonceData.nonce, time: new Date().toISOString() }, { provider });
     } catch (err) {
-      throw new Error("Invalid signer");
+      throw new Error("Invalid signer: " + JSON.stringify(err));
     }
 
     const { error } = await supabase.from("user-nonce").delete().match({ address: lowerCaseAddress });

web/package.json

@@ -64,6 +64,7 @@
     "@wagmi/cli": "^2.0.3",
     "eslint": "^8.56.0",
     "eslint-config-prettier": "^8.10.0",
+    "eslint-import-resolver-typescript": "^3.6.1",
     "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-react-hooks": "^4.6.0",
     "lru-cache": "^7.18.3",
@@ -77,7 +78,7 @@
     "@cyntler/react-doc-viewer": "^1.16.3",
     "@filebase/client": "^0.0.5",
     "@kleros/kleros-sdk": "workspace:^",
-    "@kleros/ui-components-library": "^2.12.0",
+    "@kleros/ui-components-library": "^2.14.0",
     "@lifi/widget": "^2.10.1",
     "@middy/core": "^5.3.2",
     "@middy/http-json-body-parser": "^5.3.2",

web/src/assets/svgs/mini-guides/dispute-resolver/parameters.svg

@@ -0,0 +1,43 @@
+import React from "react";
+import styled from "styled-components";
+
+import ParametersSvg from "svgs/mini-guides/dispute-resolver/parameters.svg";
+
+import { StyledImage } from "../PageContentsTemplate";
+
+const StyledParametersSvg = styled(ParametersSvg)`
+  [class$="rect-1"],
+  [class$="rect-3"],
+  [class$="rect-7"],
+  [class$="path-3"] {
+    fill: ${({ theme }) => theme.whiteBackground};
+  }
+  [class$="rect-2"],
+  [class$="rect-6"],
+  [class$="rect-8"] {
+    stroke: ${({ theme }) => theme.stroke};
+  }
+  [class$="rect-4"] {
+    stroke: ${({ theme }) => theme.primaryBlue};
+  }
+  [class$="rect-5"],
+  [class$="path-2"] {
+    fill: ${({ theme }) => theme.primaryBlue};
+  }
+  [class$="path-1"],
+  [class$="path-4"],
+  [class$="path-7"],
+  [class$="path-8"] {
+    fill: ${({ theme }) => theme.primaryText};
+  }
+  [class$="path-5"] {
+    fill: ${({ theme }) => theme.stroke};
+  }
+  [class$="path-6"] {
+    fill: ${({ theme }) => theme.secondaryPurple};
+  }
+`;
+
+const Parameters: React.FC = () => <StyledImage as={StyledParametersSvg} />;
+
+export default Parameters;

web/src/assets/svgs/mini-guides/dispute-resolver/parties.svg

@@ -0,0 +1,36 @@
+import React from "react";
+import styled from "styled-components";
+
+import PartiesSvg from "svgs/mini-guides/dispute-resolver/parties.svg";
+
+import { StyledImage } from "../PageContentsTemplate";
+
+const StyledPartiesSvg = styled(PartiesSvg)`
+  [class$="rect-1"] {
+    fill: ${({ theme }) => theme.whiteBackground};
+  }
+  [class$="rect-2"],
+  [class$="rect-3"],
+  [class$="rect-4"],
+  [class$="rect-5"],
+  [class$="rect-6"] {
+    stroke: ${({ theme }) => theme.stroke};
+    fill: ${({ theme }) => theme.whiteBackground};
+  }
+  [class$="path-1"],
+  [class$="path-3"],
+  [class$="path-5"],
+  [class$="path-7"] {
+    fill: ${({ theme }) => theme.secondaryText};
+  }
+  [class$="path-2"],
+  [class$="path-4"],
+  [class$="path-6"],
+  [class$="path-8"] {
+    fill: ${({ theme }) => theme.primaryText};
+  }
+`;
+
+const Parties: React.FC = () => <StyledImage as={StyledPartiesSvg} />;
+
+export default Parties;