Web and Subgraph migration to the new Testnet

.github/workflows/contracts-testing.yml

@@ -17,7 +17,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
     - name: Harden Runner
-      uses: step-security/harden-runner@55d479fb1c5bcad5a4f9099a5d9f37c8857b2845 # v2.4.1
+      uses: step-security/harden-runner@cba0d00b1fc9a034e1e642ea0f1103c282990604 # v2.5.0
       with:
         disable-sudo: true
         egress-policy: block

.github/workflows/dependabot-automerge.yml

@@ -12,7 +12,7 @@ jobs:
     if: ${{ github.actor == 'dependabot[bot]' }}
     steps:
       - name: Harden Runner
-        uses: step-security/harden-runner@55d479fb1c5bcad5a4f9099a5d9f37c8857b2845 # v2.4.1
+        uses: step-security/harden-runner@cba0d00b1fc9a034e1e642ea0f1103c282990604 # v2.5.0
         with:
           disable-sudo: true
           egress-policy: block

.github/workflows/dependency-review.yml

@@ -24,6 +24,8 @@ jobs:
           allowed-endpoints: >
             api.github.com:443
             github.com:443
+            pipelinesghubeus2.actions.githubusercontent.com:443
+            acghubeus1.actions.githubusercontent.com:443
 
       - name: 'Checkout Repository'
         uses: actions/checkout@c85c95e3d7251135ab7dc9ce3241c5835cc595a9 # v3.5.3

.github/workflows/deploy-bots.yml

@@ -8,7 +8,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Harden Runner
-        uses: step-security/harden-runner@55d479fb1c5bcad5a4f9099a5d9f37c8857b2845
+        uses: step-security/harden-runner@cba0d00b1fc9a034e1e642ea0f1103c282990604
         with:
           egress-policy: audit # TODO: change to 'egress-policy: block' after couple of runs
 

.github/workflows/deploy-subgraph.yml

@@ -26,7 +26,7 @@ jobs:
     environment: kleros-org-subgraph
     steps:
       - name: Harden Runner
-        uses: step-security/harden-runner@55d479fb1c5bcad5a4f9099a5d9f37c8857b2845 # v2.4.1
+        uses: step-security/harden-runner@cba0d00b1fc9a034e1e642ea0f1103c282990604 # v2.5.0
         with:
           egress-policy: audit
 

.github/workflows/scorecards.yml

@@ -32,7 +32,7 @@ jobs:
 
     steps:
       - name: Harden Runner
-        uses: step-security/harden-runner@55d479fb1c5bcad5a4f9099a5d9f37c8857b2845 # v2.4.1
+        uses: step-security/harden-runner@cba0d00b1fc9a034e1e642ea0f1103c282990604 # v2.5.0
         with:
           disable-sudo: true
           egress-policy: block
@@ -86,6 +86,6 @@ jobs:
 
       # Upload the results to GitHub's code scanning dashboard.
       - name: "Upload to code-scanning"
-        uses: github/codeql-action/upload-sarif@489225d82a57396c6f426a40e66d461b16b3461d # v2.20.4
+        uses: github/codeql-action/upload-sarif@5b6282e01c62d02e720b81eb8a51204f527c3624 # v2.21.3
         with:
           sarif_file: results.sarif

.github/workflows/sentry-release.yml

@@ -17,7 +17,7 @@ jobs:
       version: ${{ steps.set-version.outputs.version }}
     steps:
     - name: Harden Runner
-      uses: step-security/harden-runner@55d479fb1c5bcad5a4f9099a5d9f37c8857b2845 # v2.4.1
+      uses: step-security/harden-runner@cba0d00b1fc9a034e1e642ea0f1103c282990604 # v2.5.0
       with:
         disable-sudo: true
         egress-policy: block

bot-pinner/package.json

@@ -6,7 +6,7 @@
   "license": "MIT",
   "packageManager": "[email protected]",
   "volta": {
-    "node": "16.13.0"
+    "node": "16.20.1"
   },
   "scripts": {
     "build:local": "docker compose build",

contracts/deploy/03-vea-mock.ts

@@ -18,7 +18,6 @@ const deployHomeGateway: DeployFunction = async (hre: HardhatRuntimeEnvironment)
   console.log("Deploying to chainId %s with deployer %s", HARDHAT_NETWORK, deployer);
 
   const klerosCore = await deployments.get("KlerosCore");
-  const disputeTemplateRegistry = await deployments.get("DisputeTemplateRegistry");
 
   const vea = await deploy("VeaMock", {
     from: deployer,
@@ -62,6 +61,12 @@ const deployHomeGateway: DeployFunction = async (hre: HardhatRuntimeEnvironment)
   await execute("ForeignGatewayOnEthereum", { from: deployer, log: true }, "changeCourtJurorFee", courtId, fee);
   // TODO: set up the correct fees for the lower courts
 
+  const disputeTemplateRegistry = await deploy("DisputeTemplateRegistry", {
+    from: deployer,
+    args: [],
+    log: true,
+  });
+
   // TODO: debug why this extraData fails but "0x00" works
   // const extraData =
   //   "0x00000000000000000000000000000000000000000000000000000000000000010000000000000000000000000000000000000000000000000000000000000003"; // General court, 3 jurors

contracts/package.json

@@ -11,7 +11,7 @@
     "node": ">=16.0.0"
   },
   "volta": {
-    "node": "16.18.1",
+    "node": "16.20.1",
     "yarn": "3.3.1"
   },
   "scripts": {

package.json

@@ -30,7 +30,7 @@
   ],
   "packageManager": "[email protected]",
   "volta": {
-    "node": "16.18.1",
+    "node": "16.20.1",
     "yarn": "3.3.1"
   },
   "devDependencies": {

services/graph-node/docker-compose.yml

@@ -25,7 +25,7 @@ services:
       GRAPH_LOG: info
     stop_grace_period: 5s
   ipfs:
-    image: ipfs/go-ipfs:v0.10.0
+    image: ipfs/go-ipfs:v0.22.0
     ports:
       - "5001:5001"
     volumes:

subgraph/package.json

@@ -16,14 +16,14 @@
     "stop-local-indexer": "docker compose -f ../services/graph-node/docker-compose.yml down && rm -rf ../services/graph-node/data"
   },
   "volta": {
-    "node": "16.18.1",
+    "node": "16.20.1",
     "yarn": "3.3.1"
   },
   "dependencies": {
     "@graphprotocol/graph-ts": "^0.31.0"
   },
   "devDependencies": {
-    "@graphprotocol/graph-cli": "^0.51.2",
+    "@graphprotocol/graph-cli": "^0.54.0",
     "@kleros/kleros-v2-eslint-config": "workspace:^",
     "@kleros/kleros-v2-prettier-config": "workspace:^",
     "gluegun": "^5.1.2"

web/package.json

@@ -41,8 +41,8 @@
     "@kleros/kleros-v2-prettier-config": "workspace:^",
     "@kleros/kleros-v2-tsconfig": "workspace:^",
     "@netlify/functions": "^1.6.0",
-    "@parcel/transformer-svg-react": "~2.8.0",
-    "@parcel/watcher": "~2.1.0",
+    "@parcel/transformer-svg-react": "~2.9.0",
+    "@parcel/watcher": "~2.2.0",
     "@types/amqplib": "^0.10.1",
     "@types/busboy": "^1.5.0",
     "@types/react": "^18.2.14",
@@ -61,7 +61,7 @@
     "typescript": "^4.9.5"
   },
   "dependencies": {
-    "@filebase/client": "^0.0.4",
+    "@filebase/client": "^0.0.5",
     "@kleros/kleros-v2-contracts": "workspace:^",
     "@kleros/ui-components-library": "^2.6.1",
     "@sentry/react": "^7.55.2",
@@ -76,9 +76,9 @@
     "core-js": "^3.31.0",
     "ethers": "^5.7.2",
     "graphql": "^16.7.1",
-    "graphql-request": "~5.1.0",
+    "graphql-request": "~6.1.0",
     "moment": "^2.29.4",
-    "parcel": "~2.8.0",
+    "parcel": "~2.9.0",
     "react": "^18.2.0",
     "react-chartjs-2": "^4.3.1",
     "react-dom": "^18.2.0",
@@ -97,7 +97,7 @@
     "wagmi": "^1.1.0"
   },
   "volta": {
-    "node": "16.18.1",
+    "node": "16.20.1",
     "yarn": "3.3.1"
   }
 }

web/src/components/Popup/Description/VoteWithCommit.tsx

@@ -1,39 +1,18 @@
 import React from "react";
-import styled from "styled-components";
-
-const Container = styled.div`
-  display: flex;
-  flex-direction: column;
-`;
-
-const StyledDescription = styled.div`
-  margin-bottom: calc(16px + (32 - 16) * ((100vw - 300px) / (1250 - 300)));
-  margin-left: calc(8px + (32 - 8) * ((100vw - 300px) / (1250 - 300)));
-  margin-right: calc(8px + (32 - 8) * ((100vw - 300px) / (1250 - 300)));
-  color: ${({ theme }) => theme.secondaryText};
-  text-align: center;
-  line-height: 21.8px;
-`;
-
-const EmphasizedDate = styled.span`
-  font-size: 16px;
-  font-weight: 400;
-  line-height: 21.8px;
-  color: ${({ theme }) => theme.primaryText};
-`;
+import VoteDescriptionEmphasizedDate from "components/Popup";
 
 interface IVoteWithCommit {
   date: string;
 }
 
 const VoteWithCommit: React.FC<IVoteWithCommit> = ({ date }) => {
   return (
-    <Container>
-      <StyledDescription>
-        Your vote is confirmed. It's kept secret until all jurors have cast their votes.
-        <EmphasizedDate> You'll need to justify and reveal your vote on {date}</EmphasizedDate>
-      </StyledDescription>
-    </Container>
+    <>
+      Your vote is confirmed. It's kept secret until all jurors have cast their votes.
+      <VoteDescriptionEmphasizedDate>
+        You'll need to justify and reveal your vote on {date}
+      </VoteDescriptionEmphasizedDate>
+    </>
   );
 };
 export default VoteWithCommit;

web/src/components/Popup/Description/VoteWithoutCommit.tsx

@@ -1,39 +1,16 @@
 import React from "react";
-import styled from "styled-components";
-
-const Container = styled.div`
-  display: flex;
-  flex-direction: column;
-`;
-
-const StyledDescription = styled.div`
-  margin-bottom: calc(16px + (32 - 16) * ((100vw - 300px) / (1250 - 300)));
-  margin-left: calc(8px + (32 - 8) * ((100vw - 300px) / (1250 - 300)));
-  margin-right: calc(8px + (32 - 8) * ((100vw - 300px) / (1250 - 300)));
-  color: ${({ theme }) => theme.secondaryText};
-  text-align: center;
-  line-height: 21.8px;
-`;
-
-const EmphasizedDate = styled.span`
-  font-size: 16px;
-  font-weight: 400;
-  line-height: 21.8px;
-  color: ${({ theme }) => theme.primaryText};
-`;
+import VoteDescriptionEmphasizedDate from "components/Popup";
 
 interface IVoteWithoutCommit {
   date: string;
 }
 
 const VoteWithoutCommit: React.FC<IVoteWithoutCommit> = ({ date }) => {
   return (
-    <Container>
-      <StyledDescription>
-        The decision date is <EmphasizedDate>{date}</EmphasizedDate> with the possibility for appeals. After that time
-        you will be informed about the jury decision.
-      </StyledDescription>
-    </Container>
+    <>
+      The decision date is <VoteDescriptionEmphasizedDate>{date}</VoteDescriptionEmphasizedDate> with the possibility
+      for appeals. After that time you will be informed about the jury decision.
+    </>
   );
 };
 export default VoteWithoutCommit;

web/src/components/Popup/index.tsx

@@ -52,28 +52,31 @@ type PopupProps = IStakeWithdraw | IVoteWithoutCommit | IVoteWithCommit | IAppea
 
 const Header = styled.h1`
   display: flex;
-  margin-top: calc(12px + (32 - 12) * ((100vw - 300px) / (1250 - 300)));
-  margin-bottom: calc(12px + (24 - 12) * ((100vw - 300px) / (1250 - 300)));
+  margin-top: calc(12px + (32 - 12) * ((100vw - 375px) / (1250 - 375)));
+  margin-bottom: calc(12px + (24 - 12) * ((100vw - 375px) / (1250 - 375)));
+  margin-left: calc(8px + (12 - 8) * ((100vw - 375px) / (1250 - 375)));
+  margin-right: calc(8px + (12 - 8) * ((100vw - 375px) / (1250 - 375)));
+  text-align: center;
   font-size: 24px;
   font-weight: 600;
   line-height: 32.68px;
 `;
 
 const IconContainer = styled.div`
-  width: calc(150px + (350 - 150) * (100vw - 375px) / (1250 - 375));
+  width: calc(150px + (228 - 150) * (100vw - 375px) / (1250 - 375));
   display: flex;
   align-items: center;
   justify-content: center;
 
   svg {
     display: inline-block;
-    width: calc(150px + (350 - 150) * (100vw - 375px) / (1250 - 375));
-    height: calc(150px + (350 - 150) * (100vw - 375px) / (1250 - 375));
+    width: calc(150px + (228 - 150) * (100vw - 375px) / (1250 - 375));
+    height: calc(150px + (228 - 150) * (100vw - 375px) / (1250 - 375));
   }
 `;
 
 const StyledButton = styled(Button)`
-  margin: calc(16px + (32 - 16) * ((100vw - 300px) / (1250 - 300)));
+  margin: calc(16px + (32 - 16) * ((100vw - 375px) / (1250 - 375)));
 `;
 
 const Container = styled.div`
@@ -99,6 +102,24 @@ const Container = styled.div`
   }
 `;
 
+const VoteDescriptionContainer = styled.div`
+  display: flex;
+  flex-direction: column;
+  margin-bottom: calc(16px + (32 - 16) * ((100vw - 375px) / (1250 - 375)));
+  margin-left: calc(8px + (32 - 8) * ((100vw - 375px) / (1250 - 375)));
+  margin-right: calc(8px + (32 - 8) * ((100vw - 375px) / (1250 - 375)));
+  color: ${({ theme }) => theme.secondaryText};
+  text-align: center;
+  line-height: 21.8px;
+`;
+
+export const VoteDescriptionEmphasizedDate = styled.span`
+  font-size: 16px;
+  font-weight: 400;
+  line-height: 21.8px;
+  color: ${({ theme }) => theme.primaryText};
+`;
+
 const Popup: React.FC<PopupProps & IPopup> = ({
   title,
   icon: Icon,
@@ -128,12 +149,20 @@ const Popup: React.FC<PopupProps & IPopup> = ({
     }
     case PopupType.VOTE_WITHOUT_COMMIT: {
       const { date } = props as IVoteWithoutCommit;
-      PopupComponent = <VoteWithoutCommit date={date} />;
+      PopupComponent = (
+        <VoteDescriptionContainer>
+          <VoteWithoutCommit date={date} />
+        </VoteDescriptionContainer>
+      );
       break;
     }
     case PopupType.VOTE_WITH_COMMIT: {
       const { date } = props as IVoteWithCommit;
-      PopupComponent = <VoteWithCommit date={date} />;
+      PopupComponent = (
+        <VoteDescriptionContainer>
+          <VoteWithCommit date={date} />
+        </VoteDescriptionContainer>
+      );
       break;
     }
     case PopupType.APPEAL: {