Bannik rebase dev

.env.example

@@ -23,9 +23,14 @@ NEXT_PUBLIC_BEAMER_ID=
 
 # Wallet-specific variables
 NEXT_PUBLIC_WC_BRIDGE=
+NEXT_PUBLIC_WC_PROJECT_ID=
 
 # E2E tests
 NEXT_PUBLIC_CYPRESS_MNEMONIC=
 
-# Chain
-NEXT_PUBLIC_CHAIN_ID=
+# Safe Gelato relay service
+NEXT_PUBLIC_SAFE_GELATO_RELAY_SERVICE_URL_PRODUCTION=
+NEXT_PUBLIC_SAFE_GELATO_RELAY_SERVICE_URL_STAGING=
+
+# Redefine
+NEXT_PUBLIC_REDEFINE_API=

.eslintrc.json

@@ -4,7 +4,13 @@
     "@next/next/no-img-element": "off",
     "unused-imports/no-unused-imports-ts": "error",
     "@typescript-eslint/consistent-type-imports": "error",
-    "no-constant-condition": "warn"
+    "no-constant-condition": "warn",
+    "react-hooks/exhaustive-deps": [
+      "warn",
+      {
+        "additionalHooks": "useAsync"
+      }
+    ]
   },
   "ignorePatterns": ["node_modules/", ".next/", ".github/"],
   "plugins": ["unused-imports", "@typescript-eslint"]

.github/PULL_REQUEST_TEMPLATE.md

@@ -6,6 +6,9 @@ Resolves #
 
 ## How to test it
 
-## Analytics changes
-
 ## Screenshots
+
+## Checklist
+* [ ] I've tested the branch on mobile 📱
+* [ ] I've documented how it affects the analytics (if at all) 📊
+* [ ] I've written a unit/e2e test for it (if applicable) 🧑‍💻

.github/workflows/build/action.yml

@@ -6,10 +6,14 @@ inputs:
   secrets:
     required: true
 
-  prod:  # id of input
+  prod: # id of input
     description: 'Production build flag'
     required: false
 
+  e2e_mnemonic:
+    description: 'Mnemonic for the E2E tests'
+    required: false
+
 runs:
   using: 'composite'
   steps:
@@ -18,6 +22,9 @@ runs:
       run: yarn build && yarn export
       env:
         NEXT_PUBLIC_IS_PRODUCTION: ${{ inputs.prod }}
+        NEXT_PUBLIC_GATEWAY_URL_PRODUCTION: ${{ fromJSON(inputs.secrets).NEXT_PUBLIC_GATEWAY_URL_PRODUCTION }}
+        NEXT_PUBLIC_GATEWAY_URL_STAGING: ${{ fromJSON(inputs.secrets).NEXT_PUBLIC_GATEWAY_URL_STAGING }}
+        NEXT_PUBLIC_SAFE_VERSION: ${{ fromJSON(inputs.secrets).NEXT_PUBLIC_SAFE_VERSION }}
         NEXT_PUBLIC_BEAMER_ID: ${{ fromJSON(inputs.secrets).NEXT_PUBLIC_BEAMER_ID }}
         NEXT_PUBLIC_GOOGLE_TAG_MANAGER_DEVELOPMENT_AUTH: ${{ fromJSON(inputs.secrets).NEXT_PUBLIC_GOOGLE_TAG_MANAGER_DEVELOPMENT_AUTH }}
         NEXT_PUBLIC_GOOGLE_TAG_MANAGER_ID: ${{ fromJSON(inputs.secrets).NEXT_PUBLIC_GOOGLE_TAG_MANAGER_ID }}
@@ -30,3 +37,9 @@ runs:
         NEXT_PUBLIC_TENDERLY_PROJECT_NAME: ${{ fromJSON(inputs.secrets).NEXT_PUBLIC_TENDERLY_PROJECT_NAME }}
         NEXT_PUBLIC_TENDERLY_SIMULATE_ENDPOINT_URL: ${{ fromJSON(inputs.secrets).NEXT_PUBLIC_TENDERLY_SIMULATE_ENDPOINT_URL }}
         NEXT_PUBLIC_WC_BRIDGE: ${{ fromJSON(inputs.secrets).NEXT_PUBLIC_WC_BRIDGE }}
+        NEXT_PUBLIC_WC_PROJECT_ID: ${{ fromJSON(inputs.secrets).NEXT_PUBLIC_WC_PROJECT_ID }}
+        NEXT_PUBLIC_CYPRESS_MNEMONIC: ${{ inputs.e2e_mnemonic }}
+        NEXT_PUBLIC_SAFE_RELAY_SERVICE_URL_PRODUCTION: ${{ fromJSON(inputs.secrets).NEXT_PUBLIC_SAFE_GELATO_RELAY_SERVICE_URL_PRODUCTION }}
+        NEXT_PUBLIC_SAFE_RELAY_SERVICE_URL_STAGING: ${{ fromJSON(inputs.secrets).NEXT_PUBLIC_SAFE_GELATO_RELAY_SERVICE_URL_STAGING }}
+        NEXT_PUBLIC_IS_OFFICIAL_HOST: ${{ fromJSON(inputs.secrets).NEXT_PUBLIC_IS_OFFICIAL_HOST }}
+        NEXT_PUBLIC_REDEFINE_API: ${{ fromJSON(inputs.secrets).NEXT_PUBLIC_REDEFINE_API }}

.github/workflows/cla.yml

@@ -20,11 +20,11 @@ jobs:
           PERSONAL_ACCESS_TOKEN: ${{ secrets.CLA_ACCESS_TOKEN }}
         with:
           path-to-signatures: 'signatures/version1/cla.json'
-          path-to-document: 'https://safe.global/cla/' # e.g. a CLA or a DCO document
+          path-to-document: 'https://safe.global/cla' # e.g. a CLA or a DCO document
           # branch should not be protected
           branch: 'main'
           # user names of users allowed to contribute without CLA
-          allowlist: lukasschor,mikheevm,rmeissner,germartinez,Uxio0,dasanra,francovenica,tschubotz,luarx,gnosis-info,bot*,DaniSomoza,iamacook,yagopv,usame-algan,schmanu,DiogoSoaress,JagoFigueroa
+          allowlist: lukasschor,rmeissner,germartinez,Uxio0,dasanra,francovenica,tschubotz,luarx,DaniSomoza,iamacook,yagopv,usame-algan,schmanu,DiogoSoaress,JagoFigueroa,bot*
 
           # the followings are the optional inputs - If the optional inputs are not given, then default values will be taken
           # enter the remote organization name where the signatures should be stored (Default is storing the signatures in the same repository)

.github/workflows/deploy-dockerhub.yml

@@ -25,14 +25,14 @@ jobs:
       if: github.ref == 'refs/heads/main'
       run: bash scripts/github/deploy_docker.sh staging
       env:
-        DOCKERHUB_PROJECT: web-core
+        DOCKERHUB_PROJECT: ${{ secrets.DOCKER_PROJECT }}
     - name: Deploy Dockerhub dev
       if: github.ref == 'refs/heads/dev'
       run: bash scripts/github/deploy_docker.sh dev
       env:
-        DOCKERHUB_PROJECT: web-core
+        DOCKERHUB_PROJECT: ${{ secrets.DOCKER_PROJECT }}
     - name: Deploy Dockerhub tag
       if: startsWith(github.ref, 'refs/tags/')
       run: bash scripts/github/deploy_docker.sh ${GITHUB_REF##*/}
       env:
-        DOCKERHUB_PROJECT: web-core
+        DOCKERHUB_PROJECT: ${{ secrets.DOCKER_PROJECT }}

.github/workflows/deploy-release.yml

@@ -8,12 +8,9 @@ jobs:
   release:
     runs-on: ubuntu-latest
     name: Deploy release
+    env:
+      ARCHIVE_NAME: ${{ github.event.repository.name }}-${{ github.event.release.tag_name }}
     steps:
-      - name: Cancel previous runs
-        uses: styfle/[email protected]
-        with:
-          access_token: ${{ github.token }}
-
       - uses: actions/checkout@v3
 
       - uses: ./.github/workflows/yarn
@@ -23,6 +20,32 @@ jobs:
           secrets: ${{ toJSON(secrets) }}
           prod: ${{ true }}
 
+      - name: Create archive
+        run: tar -czf "$ARCHIVE_NAME".tar.gz out
+
+      - name: Create checksum
+        run: sha256sum "$ARCHIVE_NAME".tar.gz > ${{ env.ARCHIVE_NAME }}-sha256-checksum.txt
+
+      - name: Upload archive
+        uses: actions/upload-release-asset@v1
+        with:
+          upload_url: ${{ github.event.release.upload_url }}
+          asset_path: ${{ env.ARCHIVE_NAME }}.tar.gz
+          asset_name: ${{ env.ARCHIVE_NAME }}.tar.gz
+          asset_content_type: application/gzip
+        env:
+          GITHUB_TOKEN: ${{ github.token }}
+
+      - name: Upload checksum
+        uses: actions/upload-release-asset@v1
+        with:
+          upload_url: ${{ github.event.release.upload_url }}
+          asset_path: ${{ env.ARCHIVE_NAME }}-sha256-checksum.txt
+          asset_name: ${{ env.ARCHIVE_NAME }}-sha256-checksum.txt
+          asset_content_type: text/plain
+        env:
+          GITHUB_TOKEN: ${{ github.token }}
+
       - name: Configure AWS credentials
         uses: aws-actions/configure-aws-credentials@v1
         with:
@@ -34,6 +57,7 @@ jobs:
       - name: 'Upload release build files for production'
         env:
           BUCKET: s3://${{ secrets.AWS_STAGING_BUCKET_NAME }}/releases/${{ github.event.release.tag_name }}
+          CHECKSUM_FILE: ${{ env.ARCHIVE_NAME }}-sha256-checksum.txt
         run: bash ./scripts/github/s3_upload.sh
 
       # Script to prepare production deployments

.github/workflows/deploy.yml

@@ -8,6 +8,10 @@ on:
       - dev
       - main
 
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: true
+
 jobs:
   deploy:
     runs-on: ubuntu-latest
@@ -17,11 +21,6 @@ jobs:
     name: Deploy to dev/staging
 
     steps:
-      - name: Cancel previous runs
-        uses: styfle/[email protected]
-        with:
-          access_token: ${{ github.token }}
-
       # Post a PR comment before deploying
       - name: Post a comment while building
         if: github.event.number
@@ -70,17 +69,17 @@ jobs:
         shell: bash
         ## Cut off "refs/heads/" and only allow alphanumeric characters,
         ## e.g. "refs/heads/features/hello-1.2.0" -> "features_hello_1_2_0"
-        run: echo "##[set-output name=branch;]$(echo $GITHUB_HEAD_REF | sed 's/refs\/heads\///' | sed 's/[^a-z0-9]/_/ig')"
+        run: echo "branch=$(echo $GITHUB_HEAD_REF | sed 's/refs\/heads\///' | sed 's/[^a-z0-9]/_/ig')" >> $GITHUB_OUTPUT
         id: extract_branch
 
       # Deploy to S3
       - name: Deploy PR branch
         if: github.event.number
         env:
-          BUCKET: s3://${{ secrets.AWS_REVIEW_BUCKET_NAME }}/webcore/${{ steps.extract_branch.outputs.branch }}
+          BUCKET: s3://${{ secrets.AWS_REVIEW_BUCKET_NAME }}/walletweb/${{ steps.extract_branch.outputs.branch }}
         run: bash ./scripts/github/s3_upload.sh
 
-      # Comnment
+      # Comment
       - name: Post a deployment link in the PR
         if: always() && github.event.number
         uses: mshick/add-pr-comment@v2
@@ -90,7 +89,7 @@ jobs:
             ## Branch preview
             ✅  Deploy successful!
 
-            https://${{ steps.extract_branch.outputs.branch }}--webcore.review-web-core.5afe.dev
+            https://${{ steps.extract_branch.outputs.branch }}--walletweb.review-wallet-web.5afe.dev
           message-failure: |
             ## Branch preview
             ❌  Deploy failed!

.github/workflows/e2e.yml

@@ -3,16 +3,15 @@ name: e2e
 on:
   pull_request:
 
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: true
+
 jobs:
   e2e:
     runs-on: ubuntu-latest
-    name: E2E on Chrome
+    name: Smoke E2E tests
     steps:
-      - name: Cancel previous runs
-        uses: styfle/[email protected]
-        with:
-          access_token: ${{ github.token }}
-
       - uses: actions/checkout@v3
 
       - uses: ./.github/workflows/yarn
@@ -24,6 +23,7 @@ jobs:
       - uses: ./.github/workflows/build
         with:
           secrets: ${{ toJSON(secrets) }}
+          e2e_mnemonic: ${{ secrets.NEXT_PUBLIC_CYPRESS_MNEMONIC }}
 
       - name: Serve
         run: yarn serve &
@@ -36,4 +36,3 @@ jobs:
           config: baseUrl=http://localhost:8080
         env:
           CYPRESS_RECORD_KEY: ${{ secrets.CYPRESS_RECORD_KEY }}
-          CYPRESS_MNEMONIC: ${{ secrets.NEXT_PUBLIC_CYPRESS_MNEMONIC }}

.github/workflows/lint.yml

@@ -1,15 +1,14 @@
 name: 'Lint'
 on: [pull_request]
 
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: true
+
 jobs:
   eslint:
     runs-on: ubuntu-latest
     steps:
-      - name: Cancel previous runs
-        uses: styfle/[email protected]
-        with:
-          access_token: ${{ github.token }}
-
       - uses: actions/checkout@v3
 
       - uses: ./.github/workflows/yarn

.github/workflows/safe-apps-e2e.yml

@@ -4,16 +4,15 @@ on:
   pull_request:
   workflow_dispatch:
 
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: true
+
 jobs:
   e2e:
     runs-on: ubuntu-latest
-    name: E2E on Chrome
+    name: Safe Apps E2E tests
     steps:
-      - name: Cancel previous runs
-        uses: styfle/[email protected]
-        with:
-          access_token: ${{ github.token }}
-
       - uses: actions/checkout@v3
 
       - uses: ./.github/workflows/yarn
@@ -25,6 +24,7 @@ jobs:
       - uses: ./.github/workflows/build
         with:
           secrets: ${{ toJSON(secrets) }}
+          e2e_mnemonic: ${{ secrets.NEXT_PUBLIC_CYPRESS_MNEMONIC }}
 
       - name: Serve
         run: yarn serve &
@@ -38,4 +38,3 @@ jobs:
         env:
           CYPRESS_PROJECT_ID: okn21k
           CYPRESS_RECORD_KEY: ${{ secrets.CYPRESS_SAFE_APPS_RECORD_KEY }}
-          CYPRESS_MNEMONIC: ${{ secrets.NEXT_PUBLIC_CYPRESS_MNEMONIC }}

.github/workflows/tag-release.yml

@@ -11,8 +11,8 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout
-        uses: actions/checkout@v2
         if: github.event.pull_request.merged == true
+        uses: actions/checkout@v2
         with:
           fetch-depth: 0
 
@@ -22,23 +22,20 @@ jobs:
         run: |
           NEW_VERSION=$(node -p 'require("./package.json").version')
           echo "version=v$NEW_VERSION" >> $GITHUB_OUTPUT
-          echo "${{ github.event.pull_request.body }}" > CHANGELOG.md
 
       - name: Create a git tag
         if: github.event.pull_request.merged == true
-        run: git tag $NEW_VERSION && git push --tags
-        env:
-          NEW_VERSION: ${{ steps.version.outputs.version }}
+        run: git tag ${{ steps.version.outputs.version }} && git push --tags
 
       - name: GitHub release
         if: success()
-        uses: actions/create-release@v1
+        uses: softprops/action-gh-release@v1
         id: create_release
         with:
           draft: true
           prerelease: false
-          release_name: ${{ steps.version.outputs.version }}
+          name: ${{ steps.version.outputs.version }}
           tag_name: ${{ steps.version.outputs.version }}
-          body_path: CHANGELOG.md
+          body: ${{ github.event.pull_request.body }}
         env:
           GITHUB_TOKEN: ${{ github.token }}

.github/workflows/test.yml

@@ -6,15 +6,14 @@ on:
     branches:
       - main
 
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: true
+
 jobs:
   test:
     runs-on: ubuntu-latest
     steps:
-      - name: Cancel previous runs
-        uses: styfle/[email protected]
-        with:
-          access_token: ${{ github.token }}
-
       - uses: actions/checkout@v3
 
       - uses: ./.github/workflows/yarn

.github/workflows/yarn/action.yml

@@ -10,7 +10,6 @@ runs:
       with:
         path: '**/node_modules'
         key: web-core-modules-${{ hashFiles('**/yarn.lock') }}
-
     - name: Yarn install
       shell: bash
-      run: yarn install --immutable
+      run: yarn install --frozen-lockfile

.gitignore

@@ -44,9 +44,11 @@ yalc.lock
 .env
 
 /cypress/videos
+/cypress/screenshots
 /cypress/downloads
 
 /public/sw.js
 /public/sw.js.map
 /public/workbox-*.js
 /public/workbox-*.js.map
+/public/fallback*