fix: re-enable UniswapX after disabling (#7081)

fix: allow gouda after user disables

.env

@@ -1,16 +1,15 @@
 # These API keys are intentionally public. Please do not report them - thank you for your concern.
 ESLINT_NO_DEV_ERRORS=true
-REACT_APP_AMPLITUDE_PROXY_URL="https://null.null"
+REACT_APP_AMPLITUDE_PROXY_URL="https://api.uniswap.org/v1/amplitude-proxy"
 REACT_APP_AWS_API_REGION="us-east-2"
-REACT_APP_AWS_API_ENDPOINT="https://null.null"
+REACT_APP_AWS_API_ENDPOINT="https://beta.api.uniswap.org/v1/graphql"
 REACT_APP_BNB_RPC_URL="https://rough-sleek-hill.bsc.quiknode.pro/413cc98cbc776cda8fdf1d0f47003583ff73d9bf"
 REACT_APP_INFURA_KEY="4bf032f2d38a4ed6bb975b80d6340847"
-REACT_APP_QUICKNODE_MAINNET_RPC_URL="https://magical-alien-tab.quiknode.pro/669e87e569a8277d3fbd9e202f9df93189f19f4c"
 REACT_APP_MOONPAY_API="https://api.moonpay.com"
 REACT_APP_MOONPAY_LINK="https://us-central1-uniswap-mobile.cloudfunctions.net/signMoonpayLinkV2?platform=web&env=staging"
 REACT_APP_MOONPAY_PUBLISHABLE_KEY="pk_test_DycfESRid31UaSxhI5yWKe1r5E5kKSz"
 REACT_APP_SENTRY_DSN="https://a3c62e400b8748b5a8d007150e2f38b7@o1037921.ingest.sentry.io/4504255148851200"
-REACT_APP_STATSIG_PROXY_URL="https://null.null"
-REACT_APP_TEMP_API_URL="https://null.null"
-REACT_APP_UNISWAP_API_URL="https://null.null"
+REACT_APP_STATSIG_PROXY_URL="https://api.uniswap.org/v1/statsig-proxy"
+REACT_APP_TEMP_API_URL="https://temp.api.uniswap.org/v1"
+REACT_APP_UNISWAP_API_URL="https://api.uniswap.org/v2"
 REACT_APP_WALLET_CONNECT_PROJECT_ID="c6c9bacd35afa3eb9e6cccf6d8464395"

.env.production

@@ -1,16 +1,15 @@
 # These API keys are intentionally public. Please do not report them - thank you for your concern.
-REACT_APP_AMPLITUDE_PROXY_URL="https://null.null"
-REACT_APP_AWS_API_ENDPOINT="https://null.null"
+REACT_APP_AMPLITUDE_PROXY_URL="https://api.uniswap.org/v1/amplitude-proxy"
+REACT_APP_AWS_API_ENDPOINT="https://api.uniswap.org/v1/graphql"
 REACT_APP_BNB_RPC_URL="https://old-wispy-arrow.bsc.quiknode.pro/f5c060177236065c1058531a0615ab4f7a34a2fd"
 REACT_APP_FIREBASE_KEY="AIzaSyBcZWwTcTJHj_R6ipZcrJkXdq05PuX0Rs0"
 REACT_APP_FORTMATIC_KEY="pk_live_F937DF033A1666BF"
 REACT_APP_GOOGLE_ANALYTICS_ID="G-KDP9B6W4H8"
 REACT_APP_INFURA_KEY="099fc58e0de9451d80b18d7c74caa7c1"
 REACT_APP_MOONPAY_API="https://api.moonpay.com"
-REACT_APP_MOONPAY_LINK="https://null.null"
+REACT_APP_MOONPAY_LINK="https://us-central1-uniswap-mobile.cloudfunctions.net/signMoonpayLinkV2?platform=web&env=production"
 REACT_APP_MOONPAY_PUBLISHABLE_KEY="pk_live_uQG4BJC4w3cxnqpcSqAfohdBFDTsY6E"
 REACT_APP_SENTRY_ENABLED=true
 REACT_APP_SENTRY_TRACES_SAMPLE_RATE=0.00003
-REACT_APP_STATSIG_PROXY_URL="https://null.null"
-REACT_APP_QUICKNODE_MAINNET_RPC_URL="https://ultra-blue-flower.quiknode.pro/770b22d5f362c537bc8fe19b034c45b22958f880"
-THE_GRAPH_SCHEMA_ENDPOINT="https://api.thegraph.com/subgraphs/name/uniswap/uniswap-v3?source=uniswap"
+REACT_APP_STATSIG_PROXY_URL="https://api.uniswap.org/v1/statsig-proxy"
+THE_GRAPH_SCHEMA_ENDPOINT="https://api.thegraph.com/subgraphs/name/uniswap/uniswap-v3"

.eslintrc.js

@@ -1,6 +1,5 @@
 /* eslint-env node */
 
-const { node: restrictedImports } = require('@uniswap/eslint-config/restrictedImports')
 require('@uniswap/eslint-config/load')
 
 const rulesDirPlugin = require('eslint-plugin-rulesdir')
@@ -28,20 +27,6 @@ module.exports = {
     {
       files: ['**/*.ts', '**/*.tsx'],
       rules: {
-        '@typescript-eslint/no-restricted-imports': [
-          'error',
-          {
-            ...restrictedImports,
-            paths: [
-              ...restrictedImports.paths,
-              {
-                name: '@uniswap/smart-order-router',
-                message: 'Only import types, unless you are in the client-side SOR, to preserve lazy-loading.',
-                allowTypeImports: true,
-              },
-            ],
-          },
-        ],
         'import/no-restricted-paths': [
           'error',
           {
@@ -70,13 +55,6 @@ module.exports = {
             ],
           },
         ],
-        'no-restricted-syntax': [
-          'error',
-          {
-            selector: ':matches(ExportAllDeclaration)',
-            message: 'Barrel exports bloat the bundle size by preventing tree-shaking.',
-          },
-        ],
       },
     },
     {

.github/CODEOWNERS

@@ -0,0 +1 @@
+@uniswap/web-admins

.github/ISSUE_TEMPLATE/bug-report.md

@@ -0,0 +1,22 @@
+---
+name: Bug Report
+about: Describe an issue in the Uniswap Interface
+title: ''
+labels: bug
+assignees: ''
+---
+
+**Bug Description**
+A clear and concise description of the bug.
+
+**Steps to Reproduce**
+
+1. Go to ...
+2. Click on ...
+   ...
+
+**Expected Behavior**
+A clear and concise description of what you expected to happen.
+
+**Additional Context**
+Add any other context about the problem here (screenshots, whether the bug only occurs only in certain mobile/desktop/browser environments, etc.)

.github/ISSUE_TEMPLATE/config.yml

@@ -0,0 +1,8 @@
+blank_issues_enabled: true
+contact_links:
+  - name: Support
+    url: https://discord.gg/FCfyBSbCU5
+    about: Please ask and answer questions here
+  - name: List a token
+    url: https://github.com/Uniswap/default-token-list#adding-a-token
+    about: Any requests to add a token to Uniswap should go here

.github/ISSUE_TEMPLATE/feature-request.md

@@ -0,0 +1,19 @@
+---
+name: Feature Request
+about: Suggest an idea for improving the UX of the Uniswap Interface
+title: ''
+labels: 'improvement'
+assignees: ''
+---
+
+**Is your feature request related to a problem? Please describe.**
+A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
+
+**Describe the solution you'd like**
+A clear and concise description of what you want to happen.
+
+**Describe alternatives you've considered**
+A clear and concise description of any alternative solutions or features you've considered.
+
+**Additional context**
+Add any other context or screenshots about the feature request here.

.github/actions/cache-on-main/action.yml

@@ -0,0 +1,32 @@
+name: Cache on main
+description: caches node_modules/.cache, but only saves from main
+inputs:
+  path:
+    description: 'A list of files, directories, and wildcard patterns to cache and store'
+    required: true
+  key:
+    description: 'An explicit key for restoring and saving the cache'
+    required: true
+  restore-keys:
+    description: 'An ordered list of keys to use for restoring stale cache if no cache hit occured for key. Note `cache-hit` returns false in this case.'
+    required: false
+
+# Many build steps have their own caches to improve subsequent build times.
+# Build tools are configured to cache to node_modules/.cache, so they are cached independently of node_modules.
+# Caches are saved every run *on main* (by keying on github.run_id), and the most recent available cache is loaded.
+# Caches are not saved on feature branches because they have limited utility, and extend the runtime of the workflow.
+# See https://jongleberry.medium.com/speed-up-your-ci-and-dx-with-node-modules-cache-ac8df82b7bb0.
+
+runs:
+  using: composite
+  steps:
+    - uses: actions/cache/restore@v3
+      with:
+        path: ${{ inputs.path }}
+        key: ${{ inputs.key }}
+        restore-keys: ${{ inputs.restore-keys }}
+    - if: github.ref_name == 'main'
+      uses: actions/cache/save@v3
+      with:
+        path: ${{ inputs.path }}
+        key: ${{ inputs.key }}

.github/actions/report/action.yml

@@ -0,0 +1,48 @@
+name: Report
+description: Report test failures via Slack
+inputs:
+  name:
+    description: The name of the failing test
+    required: true
+  SLACK_WEBHOOK_URL:
+    description: The webhook URL to send the report to
+    required: true
+
+runs:
+  using: composite
+  steps:
+    - uses: slackapi/slack-github-action@007b2c3c751a190b6f0f040e47ed024deaa72844
+      with:
+        payload: |
+          {
+            "text": "${{ inputs.name }} failing on `${{ github.ref_name }}`",
+            "blocks": [
+              {
+                "type": "section",
+                "text": {
+                  "type": "mrkdwn",
+                  "text": "*${{ inputs.name }} failing on `${{ github.ref_name }}`:* <https://github.com/${{ github.repository}}/actions/runs/${{ github.run_id }}|view failing action>"
+                }
+              },
+              {
+                "type": "section",
+                "text": {
+                  "type": "mrkdwn",
+                  "text": "_This is blocking pull requests and branch promotions._\n_Please prioritize fixing the build._"
+                }
+              }
+            ]
+          }
+      env:
+        SLACK_WEBHOOK_URL: ${{ inputs.SLACK_WEBHOOK_URL }}
+        SLACK_WEBHOOK_TYPE: INCOMING_WEBHOOK
+    # The !oncall bot requires its own message:
+    - uses: slackapi/slack-github-action@007b2c3c751a190b6f0f040e47ed024deaa72844
+      with:
+        payload: |
+          {
+            "text": "!oncall web"
+          }
+      env:
+        SLACK_WEBHOOK_URL: ${{ inputs.SLACK_WEBHOOK_URL }}
+        SLACK_WEBHOOK_TYPE: INCOMING_WEBHOOK

.github/actions/setup/action.yml

@@ -0,0 +1,69 @@
+name: Setup
+description: checkout repo, setup node, and install node_modules
+
+runs:
+  using: composite
+  steps:
+    - uses: actions/checkout@v3
+
+    - uses: actions/setup-node@v3
+      with:
+        node-version: 18
+        registry-url: https://registry.npmjs.org
+        # cache is intentionally omitted, as it is faster with yarn v1 to cache node_modules.
+
+    - uses: actions/cache@v3
+      id: install-cache
+      with:
+        # node_modules/.cache is intentionally omitted, as this is used for build tool caches.
+        path: |
+          node_modules
+          !node_modules/.cache
+        key: ${{ runner.os }}-install-${{ hashFiles('yarn.lock') }}
+    - if: steps.install-cache.outputs.cache-hit != 'true'
+      run: yarn install --frozen-lockfile --ignore-scripts
+      shell: bash
+
+    # Validators compile quickly, so caching can be omitted.
+    - run: yarn ajv
+      shell: bash
+
+    # Contracts are compiled from source. If source hasn't changed, the contracts do not need to be re-compiled.
+    - uses: actions/cache@v3
+      id: contracts-cache
+      with:
+        path: |
+          src/abis/types
+          src/types/v3
+        key: ${{ runner.os }}-contracts-${{ hashFiles('src/abis/**/*.json', 'node_modules/@uniswap/**/artifacts/contracts/**/*.json') }}
+    - if: steps.contracts-cache.outputs.cache-hit != 'true'
+      run: yarn contracts
+      shell: bash
+
+    # GraphQL is generated from schema and client-side graphql queries. The schema is always fetched and changes to
+    # client-side queries are hard to detect, so it is always re-generated.
+    # TODO(WEB-2498): Cache based on both fetched schema and client-side graphql queries.
+    # This will require some processing: cp all literal graphql tags into a separate file and hash it?
+    - run: yarn graphql
+      shell: bash
+
+    # Messages are extracted from source.
+    # A record of source file content hashes and catalogs is maintained in node_modules/.cache/lingui.
+    # Messages are always extracted, but extraction may short-circuit from the custom extractor's cache.
+    - uses: ./.github/actions/cache-on-main
+      with:
+        path: node_modules/.cache
+        key: ${{ runner.os }}-i18n-extract-${{ github.run_id }}
+        restore-keys: ${{ runner.os }}-i18n-extract-
+    - run: yarn i18n:extract
+      shell: bash
+
+    # Translations are compiled from messages. If messages haven't changed, the translations do not need to be re-compiled.
+    - uses: actions/cache@v3
+      id: i18n-compile-cache
+      with:
+        path: src/locales/*.js
+        key: ${{ runner.os }}-i18n-compile-${{ hashFiles('src/locales/*.po') }}
+    - if: steps.i18n-compile-cache.outputs.cache-hit !='true'
+      run: yarn i18n:compile
+      shell: bash

.github/dependabot.yml

@@ -0,0 +1,12 @@
+version: 2
+updates:
+  - package-ecosystem: npm
+    # Files stored in repository root
+    directory: '/'
+    schedule:
+      interval: 'daily'
+    allow:
+      - dependency-name: '@uniswap/default-token-list'
+      - dependency-name: '@uniswap/token-lists'
+    reviewers:
+      - 'Uniswap/dependabot-reviewers'

.github/pull_request_template.md

@@ -0,0 +1,52 @@
+<!-- Your PR title must follow conventional commits: https://github.com/Uniswap/interface#pr-title -->
+
+## Description
+<!-- Summary of change, including motivation and context. -->
+<!-- Use verb-driven language: "Fixes XYZ" instead of "This change fixes XYZ" -->
+
+
+<!-- Delete inapplicable lines: -->
+_Linear ticket:_
+_Slack thread:_
+_Relevant docs:_
+
+
+<!-- Delete this section if your change does not affect UI. -->
+## Screen capture
+
+### Before
+|    Mobile    |   Desktop    |
+| ------------ | ------------ |
+| paste_before | paste_before |
+
+
+### After
+|    Mobile    |   Desktop   |
+| ------------ | ----------- |
+| paste_after  | paste_after |
+
+
+## Test plan
+
+<!-- Delete this section if your change is not a bug fix. -->
+### Reproducing the error
+
+<!-- Include steps to reproduce the bug. -->
+1. 
+
+### QA (ie manual testing)
+
+<!-- Include steps to test the change, ensuring no regression. -->
+- [ ] N/A
+
+
+#### Devices
+<!-- If applicable, include different devices and screen sizes that may be affected, and how you've tested them. -->
+
+
+### Automated testing
+
+<!-- If N/A, check and note so it is obvious to your reviewers and does not show up as an incomplete task. -->
+<!-- eg - [x] Unit test N/A -->
+- [ ] Unit test
+- [ ] Integration/E2E test

.github/workflows/1-main-to-staging.yml

@@ -0,0 +1,73 @@
+name: 1 | Push main -> staging
+
+# This CI job is responsible for pushing the current contents of the `main` branch to the
+# `releases/staging` branch, which will in turn kick off a deploy to the staging environment.
+
+on:
+  workflow_dispatch:
+
+# https://stackoverflow.com/questions/57921401/push-to-origin-from-github-action
+jobs:
+  push-staging:
+    name: 'Push to staging branch'
+    runs-on: ubuntu-latest
+    environment:
+      name: push/staging
+    steps:
+      - name: Check test status
+        uses: actions/github-script@v6.4.1
+        with:
+          script: |
+            const statuses = await github.rest.repos.listCommitStatusesForRef({
+              owner: context.repo.owner,
+              repo: context.repo.repo,
+              ref: context.sha
+            })
+            const status = statuses.data.find(status => status.context === 'Test / promotion')?.state || 'missing'
+            core.info('Status: ' + status)
+            if (status !== 'success') {
+              core.setFailed('"Test / promotion" must be successful before pushing')
+            }
+
+      - uses: actions/checkout@8e5e7e5ab8b370d6c329ec480221332ada57f0ab
+        with:
+          token: ${{ secrets.RELEASE_SERVICE_ACCESS_TOKEN }}
+          ref: main
+
+      # The source file must exist for the corresponding translation messages to be downloaded.
+      - run: touch src/locales/en-US.po
+      - name: Download translations
+        uses: crowdin/github-action@3133cc916c35590475cf6705f482fb653d8e36e9
+        with:
+          upload_sources: false
+          download_translations: true
+          project_id: 458284
+          token: ${{ secrets.CROWDIN_PERSONAL_TOKEN_SECRET }}
+          source: 'src/locales/en-US.po'
+          translation: 'src/locales/%locale%.po'
+          localization_branch_name: main
+          create_pull_request: false
+          push_translations: false
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+
+      - name: Git config
+        run: |
+          git config user.name 'UL Service Account'
+          git config user.email 'hello-happy-puppy@users.noreply.github.com'
+
+      - name: Add translations
+        run: |
+          rm src/locales/en-US.po
+          git add -f src/locales/*.po
+          git commit -m 'ci(t9n): download translations from crowdin'
+
+      - name: Add CODEOWNERS
+        run: |
+          echo '@uniswap/web-admins' > CODEOWNERS
+          git add CODEOWNERS
+          git commit -m 'ci: add global CODEOWNERS'
+
+      - name: Git push
+        run: |
+          git push origin main:releases/staging --force

.github/workflows/2-deploy-to-staging.yml

@@ -0,0 +1,64 @@
+name: 2 | Deploy staging
+on:
+  push:
+    branches:
+      - 'releases/staging'
+
+jobs:
+  deploy-to-staging:
+    runs-on: ubuntu-latest
+    environment:
+      name: deploy/staging
+    steps:
+      - uses: slackapi/slack-github-action@007b2c3c751a190b6f0f040e47ed024deaa72844
+        continue-on-error: true
+        with:
+          payload: |
+            {
+              "text": "Deploy _started_ for ${{ github.ref_name }}"
+            }
+        env:
+          SLACK_WEBHOOK_URL: ${{ secrets.SLACK_WEBHOOK_URL }}
+          SLACK_WEBHOOK_TYPE: INCOMING_WEBHOOK
+
+      - uses: actions/checkout@v3
+      - uses: ./.github/actions/setup
+      - run: yarn build
+        env:
+          REACT_APP_STAGING: 1
+
+      - name: Update Cloudflare Pages deployment
+        id: pages-deployment
+        uses: cloudflare/pages-action@364c7ca09a4b57837c5967871d64a2c31adb8c0d
+        with:
+          apiToken: ${{ secrets.CLOUDFLARE_API_TOKEN }}
+          accountId: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}
+          projectName: interface-staging
+          directory: build
+          githubToken: ${{ secrets.GITHUB_TOKEN }}
+          # Cloudflare uses `main` as the default production branch, so we push using the `main` branch so that it can be aliased by a custom domain.
+          branch: main
+
+      - uses: slackapi/slack-github-action@007b2c3c751a190b6f0f040e47ed024deaa72844
+        continue-on-error: true
+        if: always()
+        with:
+          payload: |
+            {
+              "text": "Deploy *${{ steps.pages-deployment.outcome }}* for ${{ github.ref_name }}"
+            }
+        env:
+          SLACK_WEBHOOK_URL: ${{ secrets.SLACK_WEBHOOK_URL }}
+          SLACK_WEBHOOK_TYPE: INCOMING_WEBHOOK
+
+      - name: Upload source maps to Sentry
+        uses: getsentry/action-release@bd5f874fcda966ba48139b0140fb3ec0cb3aabdd
+        continue-on-error: true
+        env:
+          SENTRY_AUTH_TOKEN: ${{ secrets.SENTRY_AUTH_TOKEN }}
+          SENTRY_ORG: ${{ secrets.SENTRY_ORG }}
+          SENTRY_PROJECT: ${{ secrets.SENTRY_PROJECT }}
+        with:
+          environment: staging
+          sourcemaps: './build/static/js'
+          url_prefix: '~/static/js'

.github/workflows/3-staging-to-prod.yml

@@ -0,0 +1,42 @@
+name: 3 | Push staging -> prod
+
+# This CI job is responsible for force pushing the content of releases/staging to releases/prod. It
+# is restricted to web-reviewers through virtue of the GitHub environment protection rules for the
+# prod environment.
+
+on:
+  workflow_dispatch:
+
+jobs:
+  push-prod:
+    name: 'Push to prod branch'
+    runs-on: ubuntu-latest
+    environment:
+      name: push/prod
+    steps:
+      - name: Check test status
+        uses: actions/github-script@v6.4.1
+        with:
+          script: |
+            const statuses = await github.rest.repos.listCommitStatusesForRef({
+              owner: context.repo.owner,
+              repo: context.repo.repo,
+              ref: context.sha
+            })
+            const status = statuses.data.find(status => status.context === 'Test / promotion')?.state || 'missing'
+            core.info('Status: ' + status)
+            if (status !== 'success') {
+              core.setFailed('"Test / promotion" must be successful before pushing')
+            }
+
+      - uses: actions/checkout@8e5e7e5ab8b370d6c329ec480221332ada57f0ab
+        with:
+          token: ${{ secrets.RELEASE_SERVICE_ACCESS_TOKEN }}
+          ref: releases/staging
+      - name: Git config
+        run: |
+          git config user.name "UL Service Account"
+          git config user.email "hello-happy-puppy@users.noreply.github.com"
+      - name: Git push
+        run: |
+          git push origin releases/staging:releases/prod --force

.github/workflows/4-deploy-to-prod.yml

@@ -0,0 +1,111 @@
+name: 4 | Deploy prod
+on:
+  push:
+    branches:
+      - 'releases/prod'
+
+jobs:
+  deploy-to-prod:
+    runs-on: ubuntu-latest
+    environment:
+      name: deploy/prod
+    steps:
+      - uses: slackapi/slack-github-action@007b2c3c751a190b6f0f040e47ed024deaa72844
+        continue-on-error: true
+        with:
+          payload: |
+            {
+              "text": "Deploy _started_ for ${{ github.ref_name }}"
+            }
+        env:
+          SLACK_WEBHOOK_URL: ${{ secrets.SLACK_WEBHOOK_URL }}
+          SLACK_WEBHOOK_TYPE: INCOMING_WEBHOOK
+
+      - uses: actions/checkout@v3
+      - uses: ./.github/actions/setup
+      - run: yarn build
+
+      - name: Bump and tag
+        id: github-tag-action
+        uses: mathieudutour/github-tag-action@d745f2e74aaf1ee82e747b181f7a0967978abee0
+        with:
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+          release_branches: releases/prod
+          default_bump: patch
+
+      - name: Pin to IPFS
+        id: pinata
+        uses: anantaramdas/ipfs-pinata-deploy-action@39bbda1ce1fe24c69c6f57861b8038278d53688d
+        with:
+          pin-name: Uniswap ${{ steps.github-tag-action.outputs.new_tag }}
+          path: './build'
+          pinata-api-key: ${{ secrets.PINATA_API_KEY }}
+          pinata-secret-api-key: ${{ secrets.PINATA_API_SECRET_KEY }}
+
+      - name: Convert CIDv0 to CIDv1
+        id: convert-cidv0
+        uses: uniswap/convert-cidv0-cidv1@v1.0.0
+        with:
+          cidv0: ${{ steps.pinata.outputs.hash }}
+
+      - name: Publish release
+        uses: actions/create-release@v1.1.0
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        with:
+          tag_name: ${{ steps.github-tag-action.outputs.new_tag }}
+          release_name: Release ${{ steps.github-tag-action.outputs.new_tag }}
+          body: |
+            IPFS hash of the deployment:
+            - CIDv0: `${{ steps.pinata.outputs.hash }}`
+            - CIDv1: `${{ steps.convert-cidv0.outputs.cidv1 }}`
+
+            The latest release is always mirrored at [app.uniswap.org](https://app.uniswap.org).
+
+            You can also access the Uniswap Interface from an IPFS gateway.
+            **BEWARE**: The Uniswap interface uses [`localStorage`](https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage) to remember your settings, such as which tokens you have imported.
+            **You should always use an IPFS gateway that enforces origin separation**, or our hosted deployment of the latest release at [app.uniswap.org](https://app.uniswap.org).
+            Your Uniswap settings are never remembered across different URLs.
+
+            IPFS gateways:
+            - https://${{ steps.convert-cidv0.outputs.cidv1 }}.ipfs.dweb.link/
+            - https://${{ steps.convert-cidv0.outputs.cidv1 }}.ipfs.cf-ipfs.com/
+            - [ipfs://${{ steps.pinata.outputs.hash }}/](ipfs://${{ steps.pinata.outputs.hash }}/)
+
+            ${{ steps.github-tag-action.outputs.changelog }}
+
+      - name: Update Cloudflare Pages deployment
+        uses: cloudflare/pages-action@364c7ca09a4b57837c5967871d64a2c31adb8c0d
+        id: pages-deployment
+        with:
+          apiToken: ${{ secrets.CLOUDFLARE_API_TOKEN }}
+          accountId: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}
+          projectName: ${{ secrets.CLOUDFLARE_PROJECT_NAME }}
+          directory: build
+          githubToken: ${{ secrets.GITHUB_TOKEN }}
+          # Cloudflare uses `main` as the default production branch, so we push using the `main` branch so that it can be aliased by a custom domain.
+          branch: main
+
+      - uses: slackapi/slack-github-action@007b2c3c751a190b6f0f040e47ed024deaa72844
+        continue-on-error: true
+        if: always()
+        with:
+          payload: |
+            {
+              "text": "Deploy *${{ steps.pages-deployment.outcome }}* for ${{ github.ref_name }}"
+            }
+        env:
+          SLACK_WEBHOOK_URL: ${{ secrets.SLACK_WEBHOOK_URL }}
+          SLACK_WEBHOOK_TYPE: INCOMING_WEBHOOK
+
+      - name: Upload source maps to Sentry
+        uses: getsentry/action-release@4744f6a65149f441c5f396d5b0877307c0db52c7
+        continue-on-error: true
+        env:
+          SENTRY_AUTH_TOKEN: ${{ secrets.SENTRY_AUTH_TOKEN }}
+          SENTRY_ORG: ${{ secrets.SENTRY_ORG }}
+          SENTRY_PROJECT: ${{ secrets.SENTRY_PROJECT }}
+        with:
+          environment: production
+          sourcemaps: './build/static/js'
+          url_prefix: '~/static/js'

.github/workflows/check-pr-title.yaml

@@ -0,0 +1,17 @@
+name: Check PR Title
+
+on:
+  pull_request_target:
+    types:
+      - opened
+      - edited
+      - synchronize
+
+jobs:
+  # Ensures that the PR title adheres to [conventional commits](https://www.conventionalcommits.org/en/v1.0.0/).
+  conventional-commit:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: amannn/action-semantic-pull-request@v3.4.0
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.github/workflows/crowdin.yaml

@@ -0,0 +1,26 @@
+name: Crowdin Upload
+
+on:
+  push:
+    branches:
+      - main
+
+jobs:
+  upload-sources:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - uses: ./.github/actions/setup
+      - run: yarn i18n:extract
+
+      - name: Upload Crowdin sources
+        uses: crowdin/github-action@3133cc916c35590475cf6705f482fb653d8e36e9
+        with:
+          upload_sources: true
+          download_translations: false
+          project_id: 458284
+          token: ${{ secrets.CROWDIN_PERSONAL_TOKEN_SECRET }}
+          source: 'src/locales/en-US.po'
+          translation: 'src/locales/%locale%.po'
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.github/workflows/notify-slack-on-release-merge.yml

@@ -0,0 +1,91 @@
+name: Slack notification on pushes to releases/*
+
+# This CI job will push notifications to Slack whenever code is merged into any releases/* branch
+#
+# The steps of the command line kung-fu shown below are as follows:
+# First we take the JSON-formatted Github context
+#  echo $GITHUB_CONTEXT \
+# Then we parse out the specific fields we want for our messages using jq and format it into tab-separated values
+#  | jq '.event.commits[] | [.url, .id[0:7], .author.username, .timestamp, .message] | @tsv' \
+# We need to do some cleaning on this output - specifically removing quotes and replacing newlines with something easier to split
+#  | sed 's/"//g' | sed 's/\\t/;/g' | sed 's/\\n/;/g' | sed 's/\\//g' \
+# We then use awk to format the TSV into a Slack message
+#  | awk -F';' '{print "• <"$1"|"$2"> (<https://github.com/"$3"|"$3">, "$4") - "$5}' \
+# We need to deal with some escaping issues with newlines so that we don't break the Slack message format
+#  | sed 's/$/\\n/g' | tr -d '\n' \
+# Finally we have to truncate the message to 3,000 characters max, otherwise Slack will reject it
+#  | awk '{print substr($0,0,3000);}' \
+# Then shove the bytes into a file to store them in their exact format
+#  > /tmp/parsed_github_context
+
+on:
+  push:
+    branches:
+      - 'releases/*'
+
+jobs:
+  notify-slack:
+    runs-on: ubuntu-latest
+    environment:
+      name: notify/releases
+    steps:
+      - name: Parse event to slug
+        id: parse-slug
+        env:
+          GITHUB_CONTEXT: ${{ toJson(github) }}
+        # Formats the contents of the GitHub event into slugs: one line per commit, formatted for Slack.
+        # Explanation for each line is in the comments above.
+        run: |
+          echo $GITHUB_CONTEXT \
+          | jq '.event.commits[] | [.url, .id[0:7], .author.username, .timestamp, .message] | @tsv' \
+          | sed 's/"//g' | sed 's/\\t/;/g' | sed 's/\\n/;/g' | sed 's/\\//g' \
+          | awk -F';' '{print "• <"$1"|"$2"> (<https://github.com/"$3"|"$3">, "$4") - "$5}' \
+          | sed 's/$/\\n/g' | tr -d '\n' \
+          | awk '{print substr($0,0,3000);}' \
+          > /tmp/parsed_github_context
+          echo "SLACK_COMMITS=$(cat /tmp/parsed_github_context)" >> "$GITHUB_OUTPUT"
+      - uses: slackapi/slack-github-action@007b2c3c751a190b6f0f040e47ed024deaa72844
+        with:
+          payload: |
+            {
+              "text": "GitHub Action build result: ${{ job.status }}\n${{ github.event.pull_request.html_url || github.event.head_commit.url }}",
+              "blocks": [
+                {
+                    "type": "divider"
+                },
+                {
+                  "type": "section",
+                  "text": {
+                    "type": "mrkdwn",
+                    "text": "*Code merged to <https://github.com/Uniswap/interface/tree/${{ github.ref }}|${{ github.ref_name }}> branch:*\n"
+                  }
+                },
+                {
+                    "type": "divider"
+                },
+                {
+                  "type": "section",
+                  "text": {
+                    "type": "mrkdwn",
+                    "text": "*Actor*: <https://github.com/${{ github.triggering_actor }}/|${{ github.triggering_actor }}>\n*Force pushed*: ${{ github.event.forced || false }}\n"
+                  }
+                },
+                {
+                  "type": "section",
+                  "text": {
+                    "type": "mrkdwn",
+                    "text": "${{ steps.parse-slug.outputs.SLACK_COMMITS || 'New branch created' }}"
+                  }
+                },
+                {
+                  "type": "section",
+                  "text": {
+                    "type": "mrkdwn",
+                    "text": "<${{ github.event.compare}}|View Diff>"
+                  }
+                }
+              ]
+            }
+        env:
+          SLACK_WEBHOOK_URL: ${{ secrets.SLACK_WEBHOOK_URL }}
+          SLACK_WEBHOOK_TYPE: INCOMING_WEBHOOK

.github/workflows/test.yml

@@ -0,0 +1,247 @@
+name: Test
+
+# Many build steps have their own caches, so each job has its own cache to improve subsequent build times.
+# Build tools are configured to cache to node_modules/.cache, so they are cached independently of node_modules.
+# Caches are saved every run (by keying on github.run_id), and the most recent available cache is loaded.
+# See https://jongleberry.medium.com/speed-up-your-ci-and-dx-with-node-modules-cache-ac8df82b7bb0.
+
+on:
+  push:
+    branches:
+      - main
+      - releases/staging
+  pull_request:
+
+jobs:
+  lint:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - uses: ./.github/actions/setup
+      - uses: ./.github/actions/cache-on-main
+        with:
+          path: node_modules/.cache
+          key: ${{ runner.os }}-eslint-${{ github.run_id }}
+          restore-keys: ${{ runner.os }}-eslint-
+      - run: yarn lint
+      - if: failure() && github.ref_name == 'main'
+        uses: ./.github/actions/report
+        with:
+          name: Lint
+          SLACK_WEBHOOK_URL: ${{ secrets.SLACK_TEST_REPORTER_WEBHOOK }}
+  
+  typecheck:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - uses: ./.github/actions/setup
+      - uses: ./.github/actions/cache-on-main
+        with:
+          path: node_modules/.cache
+          key: ${{ runner.os }}-tsc-${{ github.run_id }}
+          restore-keys: ${{ runner.os }}-tsc-
+      - run: yarn typecheck
+      - if: failure() && github.ref_name == 'main'
+        uses: ./.github/actions/report
+        with:
+          name: Typecheck
+          SLACK_WEBHOOK_URL: ${{ secrets.SLACK_TEST_REPORTER_WEBHOOK }}
+
+  deps-tests:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - uses: ./.github/actions/setup
+      - run: yarn yarn-deduplicate --strategy=highest --list --fail
+      - if: failure() && github.ref_name == 'main'
+        uses: ./.github/actions/report
+        with:
+          name: Dependency checks
+          SLACK_WEBHOOK_URL: ${{ secrets.SLACK_TEST_REPORTER_WEBHOOK }}
+
+  unit-tests:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - uses: ./.github/actions/setup
+      - uses: ./.github/actions/cache-on-main
+        with:
+          path: node_modules/.cache
+          key: ${{ runner.os }}-jest-${{ github.run_id }}
+          restore-keys: ${{ runner.os }}-jest-
+      - run: yarn test --coverage --maxWorkers=100%
+      - uses: codecov/codecov-action@v3
+        with:
+          token: ${{ secrets.CODECOV_TOKEN }}
+          fail_ci_if_error: false
+          flags: unit-tests
+      - if: failure() && github.ref_name == 'main'
+        uses: ./.github/actions/report
+        with:
+          name: Unit tests
+          SLACK_WEBHOOK_URL: ${{ secrets.SLACK_TEST_REPORTER_WEBHOOK }}
+
+  build-e2e:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - uses: ./.github/actions/setup
+      - uses: ./.github/actions/cache-on-main
+        with:
+          path: node_modules/.cache
+          key: ${{ runner.os }}-build-e2e-${{ github.run_id }}
+          restore-keys: ${{ runner.os }}-build-e2e-
+      - run: yarn build:e2e
+        env:
+          NODE_OPTIONS: "--max_old_space_size=4096"
+      - uses: actions/upload-artifact@v3
+        with:
+          name: build-e2e
+          path: build
+          if-no-files-found: error
+
+  # Allows for parallel re-runs of cypress tests without re-building.
+  cypress-rerun:
+    runs-on: ubuntu-latest
+    steps:
+      - run: exit 0
+
+  cypress-test-matrix:
+    needs: [build-e2e, cypress-rerun]
+    runs-on: ubuntu-latest
+    strategy:
+      fail-fast: false
+      matrix:
+        containers: [1, 2, 3, 4]
+    steps:
+      - uses: actions/checkout@v3
+      - uses: ./.github/actions/setup
+      - uses: ./.github/actions/cache-on-main
+        with:
+          path: /root/.cache/Cypress
+          key: ${{ runner.os }}-cypress-${{ hashFiles('**/node_modules/cypress/package.json') }}
+      - run: |
+          yarn cypress install
+          yarn cypress info
+
+      - uses: actions/download-artifact@v3
+        with:
+          name: build-e2e
+          path: build
+
+      - uses: ./.github/actions/cache-on-main
+        with:
+          path: cache
+          key: ${{ runner.os }}-hardhat-${{ hashFiles('hardhat.config.js') }}-${{ github.run_id }}
+          restore-keys: ${{ runner.os }}-hardhat-${{ hashFiles('hardhat.config.js') }}-
+
+      - uses: cypress-io/github-action@v4
+        with:
+          install: false
+          record: true
+          parallel: true
+          start: yarn serve
+          wait-on: 'http://localhost:3000'
+          browser: electron
+          group: e2e
+          spec: ${{ github.ref_name == 'releases/staging' && 'cypress/{e2e,staging}/**/*.test.ts' || 'cypress/e2e/**/*.test.ts' }}
+        env:
+          CYPRESS_RECORD_KEY: ${{ secrets.CYPRESS_RECORD_KEY }}
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          COMMIT_INFO_BRANCH: ${{ github.event.pull_request.head.ref || github.ref_name }}
+          COMMIT_INFO_MESSAGE: ${{ github.event.pull_request.title || github.event.head_commit.message }}
+          COMMIT_INFO_AUTHOR: ${{ github.event.sender.login || github.event.head_commit.author.login }}
+          # Cypress requires an email for filtering by author, but GitHub does not expose one.
+          # GitHub's public profile email can be deterministically produced from user id/login.
+          COMMIT_INFO_EMAIL: ${{ github.event.sender.id || github.event.head_commit.author.id }}+${{ github.event.sender.login || github.event.head_commit.author.login }}@users.noreply.github.com
+          COMMIT_INFO_SHA: ${{ github.event.pull_request.head.sha || github.event.head_commit.sha }}
+          COMMIT_INFO_TIMESTAMP: ${{ github.event.pull_request.updated_at || github.event.head_commit.timestamp }}
+          CYPRESS_PULL_REQUEST_ID: ${{ github.event.pull_request.number }}
+          CYPRESS_PULL_REQUEST_URL: ${{ github.event.pull_request.html_url }}
+      - uses: codecov/codecov-action@v3
+        with:
+          token: ${{ secrets.CODECOV_TOKEN }}
+          fail_ci_if_error: false
+          flags: e2e-tests
+      - if: failure() && github.ref_name == 'main'
+        uses: ./.github/actions/report
+        with:
+          name: Cypress tests
+          SLACK_WEBHOOK_URL: ${{ secrets.SLACK_TEST_REPORTER_WEBHOOK }}
+
+  cloud-typecheck:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - uses: ./.github/actions/setup
+      - uses: ./.github/actions/cache-on-main
+        with:
+          path: node_modules/.cache
+          key: ${{ runner.os }}-cloud-tsc-${{ github.run_id }}
+          restore-keys: ${{ runner.os }}-cloud-tsc-
+      - run: yarn typecheck:cloud
+      - if: failure() && github.ref_name == 'main'
+        uses: ./.github/actions/report
+        with:
+          name: Cloud typecheck
+          SLACK_WEBHOOK_URL: ${{ secrets.SLACK_TEST_REPORTER_WEBHOOK }}
+
+  # TODO(WEB-2537): Setup CodeCOV
+  cloud-tests:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - uses: ./.github/actions/setup
+      - uses: ./.github/actions/cache-on-main
+        with:
+          path: node_modules/.cache
+          key: ${{ runner.os }}-cloud-jest-${{ github.run_id }}
+          restore-keys: ${{ runner.os }}-cloud-jest-
+      - run: yarn test:cloud --coverage --maxWorkers=100%
+      - if: failure() && github.ref_name == 'main'
+        uses: ./.github/actions/report
+        with:
+          name: Cloud tests
+          SLACK_WEBHOOK_URL: ${{ secrets.SLACK_TEST_REPORTER_WEBHOOK }}
+        
+  pre:
+    if: ${{ github.ref_name == 'main' || github.ref_name == 'releases/staging' }}
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/github-script@v6.4.1
+        with:
+          script: |
+            github.rest.repos.createCommitStatus({
+              owner: context.repo.owner,
+              repo: context.repo.repo,
+              sha: context.sha,
+              state: 'pending',
+              context: 'Test / promotion',
+              description: 'Running tests...',
+              target_url: 'https://github.com/Uniswap/interface/actions/runs/' + context.runId
+            })
+
+  post:
+    if: ${{ github.ref_name == 'main' || github.ref_name == 'releases/staging' }}
+    needs: [pre, lint, typecheck, deps-tests, unit-tests, cypress-test-matrix]
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/github-script@v6.4.1
+        with:
+          script: |
+            github.rest.repos.createCommitStatus({
+              owner: context.repo.owner,
+              repo: context.repo.repo,
+              sha: context.sha,
+              state: ${{ env.STATUS }} ? 'success' : 'failure',
+              context: 'Test / promotion',
+              description: ${{ env.STATUS }} ? 'All tests passed' : 'One or more tests failed and are blocking promotion',
+              target_url: 'https://github.com/Uniswap/interface/actions/runs/' + context.runId
+            })
+        env:
+          STATUS: |
+            ${{ needs.lint.result == 'success' }} &&
+            ${{ needs.typecheck.result == 'success' }} &&
+            ${{ needs.deps-tests.result == 'success' }} &&
+            ${{ needs.unit-tests.result == 'success' }} &&
+            ${{ needs.cypress-test-matrix.result == 'success' }}

.gitignore

@@ -20,7 +20,6 @@ schema.graphql
 /coverage
 /cache
 /functions/coverage
-/.swc
 
 # builds
 /build
@@ -53,5 +52,3 @@ cypress/videos
 cypress/screenshots
 
 .vercel
-
-.wrangler

.husky/pre-commit

@@ -1,4 +0,0 @@
-#!/usr/bin/env sh
-. "$(dirname -- "$0")/_/husky.sh"
-
-npx lint-staged

.snyk

@@ -0,0 +1,25 @@
+# Snyk (https://snyk.io) policy file, patches or ignores known vulnerabilities.
+version: v1.25.0
+# ignores vulnerabilities until expiry date; change duration by modifying expiry date
+ignore:
+  SNYK-JS-OPENZEPPELINCONTRACTS-2964946:
+    - '*':
+        reason: None Given
+        expires: 2099-01-01T00:00:00.000Z
+        created: 2022-12-08T16:25:57.347Z
+  SNYK-JS-OPENZEPPELINCONTRACTS-2958047:
+    - '*':
+        reason: None Given
+        expires: 2099-01-01T00:00:00.000Z
+        created: 2022-12-08T16:26:09.720Z
+  SNYK-JS-OPENZEPPELINCONTRACTS-2958050:
+    - '*':
+        reason: None Given
+        expires: 2099-01-01T00:00:00.000Z
+        created: 2022-12-08T16:26:17.702Z
+  SNYK-JS-OPENZEPPELINCONTRACTS-2965580:
+    - '*':
+        reason: None Given
+        expires: 2099-01-01T00:00:00.000Z
+        created: 2022-12-08T16:26:34.283Z
+patch: {}

.swcrc

@@ -1,36 +0,0 @@
-{
-  "$schema": "https://json.schemastore.org/swcrc",
-  // has to duplicate from package.json, see swc issue: https://swc.rs/docs/configuration/compilation#env
-  // this breaks jest because jest is setting target for some reason
-  // "env": {
-  //   "targets": "> 0.5%, not dead"
-  // },
-  "jsc": {
-    // without this swc breaks WalletConnect class super() call
-    "target": "es2020",
-    "keepClassNames": true,
-    "experimental": {
-      "plugins": [
-        [
-          "@lingui/swc-plugin",
-          {}
-        ],
-        [
-          "@swc/plugin-styled-components",
-          {
-            "displayName": true
-          }
-        ]
-      ]
-    },
-    "parser": {
-      "syntax": "typescript",
-      "tsx": true
-    },
-    "transform": {
-      "react": {
-        "runtime": "automatic"
-      }
-    }
-  }
-}

CODEOWNERS

@@ -0,0 +1 @@
+@uniswap/web-admins

README.md

@@ -69,10 +69,10 @@ Other things to note:
 
 The Uniswap Interface supports swapping, adding liquidity, removing liquidity and migrating liquidity for Uniswap protocol V2.
 
-- Swap on Uniswap V2: <https://app.uniswap.org/swap?use=v2>
-- View V2 liquidity: <https://app.uniswap.org/pools/v2>
-- Add V2 liquidity: <https://app.uniswap.org/add/v2>
-- Migrate V2 liquidity to V3: <https://app.uniswap.org/migrate/v2>
+- Swap on Uniswap V2: <https://app.uniswap.org/#/swap?use=v2>
+- View V2 liquidity: <https://app.uniswap.org/#/pools/v2>
+- Add V2 liquidity: <https://app.uniswap.org/#/add/v2>
+- Migrate V2 liquidity to V3: <https://app.uniswap.org/#/migrate/v2>
 
 ## Accessing Uniswap V1
 

babel-plugin-macros.config.js

@@ -0,0 +1,10 @@
+/* eslint-env node */
+
+const isDev = process.env.NODE_ENV === 'development'
+
+module.exports = {
+  styledComponents: {
+    fileName: isDev,
+    displayName: isDev,
+  },
+}

codecov.yml

@@ -6,13 +6,12 @@ ignore:
   - "**/instrumented/**/*"
   - "**/styles/**/*"
   - "styles/**/*"
-  - "**/styled.tsx"
   - "**/constants/**/*"
   - "constants/**/*"
-  - "src/dev/*"
 
 coverage:
   status:
+    # Omit merging unit/e2e reports into the defaults, as it is nonsensical.
     project: off
     patch: off
 
@@ -26,16 +25,20 @@ flag_management:
         removed_code_behavior: adjust_base
         if_ci_failed: error
       - type: patch
-        target: 50%
+        target: 80%
   individual_flags:
     - name: unit-tests
-    - name: cloud-tests
+    - name: e2e-tests
+      # Wait until all machines have reported coverage - e2e tests run across 4 machines.
+      after_n_builds: 4
       statuses:
-        - type: project
-          target: 80%
+        - type: patch
+          target: 0%
 
 comment:
   layout: flags
+  # Wait until all machines have reported coverage - e2e tests run across 4 machines + unit tests across 1.
+  after_n_builds: 5
   hide_comment_details: false
 
 github_checks:

codegen.yml

@@ -1,5 +1,5 @@
 overrideExisting: true
-schema: 'https://api.thegraph.com/subgraphs/name/uniswap/uniswap-v3?source=uniswap'
+schema: 'https://api.thegraph.com/subgraphs/name/uniswap/uniswap-v3'
 generates:
   ./src/graphql/thegraph/schema/schema.graphql:
     plugins:

craco.config.cjs

@@ -5,14 +5,12 @@ const { execSync } = require('child_process')
 const MiniCssExtractPlugin = require('mini-css-extract-plugin')
 const path = require('path')
 const ModuleScopePlugin = require('react-dev-utils/ModuleScopePlugin')
-const { IgnorePlugin, ProvidePlugin } = require('webpack')
+const { DefinePlugin, IgnorePlugin, ProvidePlugin } = require('webpack')
 const { RetryChunkLoadPlugin } = require('webpack-retry-chunk-load-plugin')
 
 const commitHash = execSync('git rev-parse HEAD').toString().trim()
 const isProduction = process.env.NODE_ENV === 'production'
 
-process.env.REACT_APP_GIT_COMMIT_HASH = commitHash
-
 // Linting and type checking are only necessary as part of development and testing.
 // Omit them from production builds, as they slow down the feedback loop.
 const shouldLintOrTypeCheck = !isProduction
@@ -23,6 +21,32 @@ function getCacheDirectory(cacheName) {
 }
 
 module.exports = {
+  babel: {
+    plugins: [
+      '@vanilla-extract/babel-plugin',
+      ...(process.env.REACT_APP_ADD_COVERAGE_INSTRUMENTATION
+        ? [
+            [
+              'istanbul',
+              {
+                all: true,
+                include: ['src/**/*.tsx', 'src/**/*.ts'],
+                exclude: [
+                  'src/**/*.css',
+                  'src/**/*.css.ts',
+                  'src/**/*.test.ts',
+                  'src/**/*.test.tsx',
+                  'src/**/*.spec.ts',
+                  'src/**/*.spec.tsx',
+                  'src/**/graphql/**/*',
+                  'src/**/*.d.ts',
+                ],
+              },
+            ],
+          ]
+        : []),
+    ],
+  },
   eslint: {
     enable: shouldLintOrTypeCheck,
     pluginOptions(eslintConfig) {
@@ -45,20 +69,16 @@ module.exports = {
     configure(jestConfig) {
       return Object.assign(jestConfig, {
         cacheDirectory: getCacheDirectory('jest'),
-        transform: {
-          ...Object.entries(jestConfig.transform).reduce((transform, [key, value]) => {
-            if (value.match(/babel/)) return transform
-            return { ...transform, [key]: value }
-          }, {}),
+        transform: Object.assign(jestConfig.transform, {
           // Transform vanilla-extract using its own transformer.
           // See https://sandroroth.com/blog/vanilla-extract-cra#jest-transform.
           '\\.css\\.ts$': '@vanilla-extract/jest-transform',
-          '\\.(t|j)sx?$': '@swc/jest',
-        },
-        // Use d3-arrays's build directly, as jest does not support its exports.
-        transformIgnorePatterns: ['d3-array'],
+        }),
+        // Use @uniswap/conedison's build directly, as jest does not support its exports.
+        transformIgnorePatterns: ['@uniswap/conedison/format', '@uniswap/conedison/provider'],
         moduleNameMapper: {
-          'd3-array': 'd3-array/dist/d3-array.min.js',
+          '@uniswap/conedison/format': '@uniswap/conedison/dist/format',
+          '@uniswap/conedison/provider': '@uniswap/conedison/dist/provider',
         },
       })
     },
@@ -68,9 +88,12 @@ module.exports = {
       // Webpack 5 does not polyfill node globals, so we do so for those necessary:
       new ProvidePlugin({
         // - react-markdown requires process.cwd
-        process: 'process/browser.js',
+        process: 'process/browser',
       }),
-      new VanillaExtractPlugin(),
+      // vanilla-extract has poor performance on M1 machines with 'debug' identifiers, so we use 'short' instead.
+      // See https://vanilla-extract.style/documentation/integrations/webpack/#identifiers for docs.
+      // See https://github.com/vanilla-extract-css/vanilla-extract/issues/771#issuecomment-1249524366.
+      new VanillaExtractPlugin({ identifiers: 'short' }),
       new RetryChunkLoadPlugin({
         cacheBust: `function() {
           return 'cache-bust=' + Date.now();
@@ -86,6 +109,14 @@ module.exports = {
       // Configure webpack plugins:
       webpackConfig.plugins = webpackConfig.plugins
         .map((plugin) => {
+          // Extend process.env with dynamic values (eg commit hash).
+          // This will make dynamic values available to JavaScript only, not to interpolated HTML (ie index.html).
+          if (plugin instanceof DefinePlugin) {
+            Object.assign(plugin.definitions['process.env'], {
+              REACT_APP_GIT_COMMIT_HASH: JSON.stringify(commitHash),
+            })
+          }
+
           // CSS ordering is mitigated through scoping / naming conventions, so we can ignore order warnings.
           // See https://webpack.js.org/plugins/mini-css-extract-plugin/#remove-order-warnings.
           if (plugin instanceof MiniCssExtractPlugin) {
@@ -130,32 +161,19 @@ module.exports = {
         },
       })
 
-      // Retain source maps for node_modules packages:
-      webpackConfig.module.rules[0] = {
-        ...webpackConfig.module.rules[0],
-        exclude: /node_modules/,
-      }
-
       // Configure webpack transpilation (create-react-app specifies transpilation rules in a oneOf):
       webpackConfig.module.rules[1].oneOf = webpackConfig.module.rules[1].oneOf.map((rule) => {
-        if (rule.loader && rule.loader.match(/babel-loader/)) {
-          rule.loader = 'swc-loader'
-          delete rule.options
+        // The fallback rule (eg for dependencies).
+        if (rule.loader && rule.loader.match(/babel-loader/) && !rule.include) {
+          // Allow not-fully-specified modules so that legacy packages are still able to build.
+          rule.resolve = { fullySpecified: false }
+
+          // The class properties transform is required for @uniswap/analytics to build.
+          rule.options.plugins.push('@babel/plugin-proposal-class-properties')
         }
         return rule
       })
 
-      // Run terser compression on node_modules before tree-shaking, so that tree-shaking is more effective.
-      // This works by eliminating dead code, so that webpack can identify unused imports and tree-shake them;
-      // it is only necessary for node_modules - it is done through linting for our own source code -
-      // see https://medium.com/engineering-housing/dead-code-elimination-and-tree-shaking-at-housing-part-1-307a94b30f23#7e03:
-      webpackConfig.module.rules.push({
-        enforce: 'post',
-        test: /node_modules.*\.(js)$/,
-        loader: path.join(__dirname, 'scripts/terser-loader.js'),
-        options: { compress: true, mangle: false },
-      })
-
       // Configure webpack optimization:
       webpackConfig.optimization = Object.assign(
         webpackConfig.optimization,
@@ -174,8 +192,16 @@ module.exports = {
           : {}
       )
 
-      // Configure webpack resolution. webpackConfig.cache is unused with swc-loader, but the resolver can still cache:
-      webpackConfig.resolve = Object.assign(webpackConfig.resolve, { unsafeCache: true })
+      // Configure webpack caching:
+      webpackConfig.cache = Object.assign(webpackConfig.cache, {
+        cacheDirectory: getCacheDirectory('webpack'),
+      })
+
+      // Ignore failed source mappings to avoid spamming the console.
+      // Source mappings for a package will fail if the package does not provide them, but the build will still succeed,
+      // so it is unnecessary (and bothersome) to log it. This should be turned off when debugging missing sourcemaps.
+      // See https://webpack.js.org/loaders/source-map-loader#ignoring-warnings.
+      webpackConfig.ignoreWarnings = [/Failed to parse source map/]
 
       return webpackConfig
     },

cypress.config.ts

@@ -1,16 +1,30 @@
+import codeCoverageTask from '@cypress/code-coverage/task'
 import { defineConfig } from 'cypress'
 import { setupHardhatEvents } from 'cypress-hardhat'
+import { unlinkSync } from 'fs'
 
 export default defineConfig({
   projectId: 'yp82ef',
   defaultCommandTimeout: 24000, // 2x average block time
   chromeWebSecurity: false,
   experimentalMemoryManagement: true, // better memory management, see https://github.com/cypress-io/cypress/pull/25462
-  retries: { runMode: process.env.CYPRESS_RETRIES ? +process.env.CYPRESS_RETRIES : 1 },
-  video: false, // GH provides 2 CPUs, and cypress video eats one up, see https://github.com/cypress-io/cypress/issues/20468#issuecomment-1307608025
+  retries: { runMode: 2 },
+  videoCompression: false,
   e2e: {
     async setupNodeEvents(on, config) {
       await setupHardhatEvents(on, config)
+      codeCoverageTask(on, config)
+
+      // Delete recorded videos for specs that passed without flakes.
+      on('after:spec', async (spec, results) => {
+        if (results && results.video) {
+          // If there were no failures (including flakes), delete the recorded video.
+          if (!results.tests?.some((test) => test.attempts.some((attempt) => attempt?.state === 'failed'))) {
+            unlinkSync(results.video)
+          }
+        }
+      })
+
       return config
     },
     baseUrl: 'http://localhost:3000',

cypress/README.md

@@ -52,7 +52,7 @@ This becomes more relevant as you work with data on the blockchain, as you'll ne
 
 ```
 cy.hardhat().then(async (hardhat) => {
-  cy.visit(`/swap?inputCurrency=ETH&outputCurrency=${USDC_MAINNET.address}`)
+  cy.visit(`/swap?inputCurrency=ETH&outputCurrency=${USDC_MAINNET.address}`, { ethereum: 'hardhat' })
   cy.get('#swap-currency-output .token-amount-input').type('1').should('have.value', '1')
   cy.get('#swap-button').click()
   cy.contains('Confirm swap').click()
@@ -68,7 +68,7 @@ cy.hardhat().then(async (hardhat) => {
 ```
 
 ```
-  cy.visit(`/swap?inputCurrency=ETH&outputCurrency=${USDC_MAINNET.address}`)
+  cy.visit(`/swap?inputCurrency=ETH&outputCurrency=${USDC_MAINNET.address}`, { ethereum: 'hardhat' })
   cy.get('#swap-currency-output .token-amount-input').type('1').should('have.value', '1')
   cy.get('#swap-button').click()
   cy.contains('Confirm swap').click()
@@ -87,6 +87,7 @@ cy.hardhat().then(async (hardhat) => {
 ### Working with the blockchain (ie hardhat)
 
 Our tests use a local hardhat node to simulate blockchain transactions. This can be accessed with `cy.hardhat().then((hardhat) => ...)`.
+Currently, tests using hardhat must opt-in in when they load the page: `cy.visit('/swap', { ethereum: 'hardhat' })`. This will not be necessary once we've totally migrated to hardhat.
 
 By default, automining is turned on, so that any transaction that you send to the blockchain is mined immediately. If you want to assert on intermediate states (between sending a transaction and mining it), you can turn off automining: `cy.hardhat({ automine: false })`.
 

cypress/e2e/add-liquidity.test.ts

@@ -4,113 +4,61 @@ import { aliasQuery, hasQuery } from '../utils/graphql-test-utils'
 
 describe('Add Liquidity', () => {
   beforeEach(() => {
-    cy.intercept('POST', '/subgraphs/name/uniswap/uniswap-v3?source=uniswap', (req) => {
+    cy.intercept('POST', '/subgraphs/name/uniswap/uniswap-v3', (req) => {
       aliasQuery(req, 'feeTierDistribution')
     })
   })
 
-  it('loads the token pair', () => {
-    cy.visit('/add/0x1f9840a85d5aF5bf1D1762F925BDADdC4201F984/ETH/500')
+  it('loads the two correct tokens', () => {
+    cy.visit('/add/0x1f9840a85d5aF5bf1D1762F925BDADdC4201F984/0xB4FBF271143F4FBf7B91A5ded31805e42b2208d6/500')
     cy.get('#add-liquidity-input-tokena .token-symbol-container').should('contain.text', 'UNI')
     cy.get('#add-liquidity-input-tokenb .token-symbol-container').should('contain.text', 'ETH')
-    cy.contains('0.05% fee tier')
   })
 
-  it('clears the token selection when chain changes', () => {
-    cy.visit('/add/0x1f9840a85d5aF5bf1D1762F925BDADdC4201F984/ETH/500')
-    cy.get('#add-liquidity-input-tokena .token-symbol-container').should('contain.text', 'UNI')
-    cy.get('#add-liquidity-input-tokenb .token-symbol-container').should('contain.text', 'ETH')
-    cy.get('[data-testid="chain-selector"]').last().click()
-    cy.contains('Polygon').click()
-    cy.get('#add-liquidity-input-tokenb .token-symbol-container').should('contain.text', 'ETH')
-    cy.get('#add-liquidity-input-tokena .token-symbol-container').should('not.contain.text', 'UNI')
+  it('does not crash if ETH is duplicated', () => {
+    cy.visit('/add/0xB4FBF271143F4FBf7B91A5ded31805e42b2208d6/0xB4FBF271143F4FBf7B91A5ded31805e42b2208d6')
+    cy.get('#add-liquidity-input-tokena .token-symbol-container').should('contain.text', 'ETH')
+    cy.get('#add-liquidity-input-tokenb .token-symbol-container').should('not.contain.text', 'ETH')
   })
 
-  it('does not crash if token is duplicated', () => {
-    cy.visit('/add/0x1f9840a85d5aF5bf1D1762F925BDADdC4201F984/0x1f9840a85d5aF5bf1D1762F925BDADdC4201F984')
-    cy.get('#add-liquidity-input-tokena .token-symbol-container').should('contain.text', 'UNI')
-    cy.get('#add-liquidity-input-tokenb .token-symbol-container').should('not.contain.text', 'UNI')
+  it.skip('token not in storage is loaded', () => {
+    cy.visit('/add/0x07865c6e87b9f70255377e024ace6630c1eaa37f/0x1f9840a85d5aF5bf1D1762F925BDADdC4201F984')
+    cy.get('#add-liquidity-input-tokena .token-symbol-container').should('contain.text', 'USDC')
+    cy.get('#add-liquidity-input-tokenb .token-symbol-container').should('contain.text', 'UNI')
   })
 
-  it('single token can be selected', () => {
+  it.skip('single token can be selected', () => {
+    cy.visit('/add/0x07865c6e87b9f70255377e024ace6630c1eaa37f')
+    cy.get('#add-liquidity-input-tokena .token-symbol-container').should('contain.text', 'USDC')
     cy.visit('/add/0x1f9840a85d5aF5bf1D1762F925BDADdC4201F984')
     cy.get('#add-liquidity-input-tokena .token-symbol-container').should('contain.text', 'UNI')
   })
 
-  it('loads fee tier distribution', () => {
+  it.skip('loads fee tier distribution', () => {
     cy.fixture('feeTierDistribution.json').then((feeTierDistribution) => {
-      cy.intercept(
-        'POST',
-        '/subgraphs/name/uniswap/uniswap-v3?source=uniswap',
-        (req: CyHttpMessages.IncomingHttpRequest) => {
-          if (hasQuery(req, 'FeeTierDistribution')) {
-            req.alias = 'FeeTierDistribution'
+      cy.intercept('POST', '/subgraphs/name/uniswap/uniswap-v3', (req: CyHttpMessages.IncomingHttpRequest) => {
+        if (hasQuery(req, 'FeeTierDistributionQuery')) {
+          req.alias = 'FeeTierDistributionQuery'
 
-            req.reply({
-              body: {
-                data: {
-                  ...feeTierDistribution,
-                },
+          req.reply({
+            body: {
+              data: {
+                ...feeTierDistribution,
               },
-              headers: {
-                'access-control-allow-origin': '*',
-              },
-            })
-          }
+            },
+            headers: {
+              'access-control-allow-origin': '*',
+            },
+          })
         }
-      )
+      })
 
-      cy.visit('/add/0x1f9840a85d5aF5bf1D1762F925BDADdC4201F984/ETH')
-      cy.wait('@FeeTierDistribution')
-      cy.get('#add-liquidity-selected-fee .selected-fee-label').should('contain.text', '0.30% fee tier')
-      cy.get('#add-liquidity-selected-fee .selected-fee-percentage').should('contain.text', '40% select')
-    })
-  })
+      cy.visit('/add/0x1f9840a85d5aF5bf1D1762F925BDADdC4201F984/0xB4FBF271143F4FBf7B91A5ded31805e42b2208d6')
 
-  it('disables increment and decrement until initial prices are inputted', () => {
-    // ETH / BITCOIN pool (0.05% tier not created)
-    cy.visit('/add/ETH/0x72e4f9F808C49A2a61dE9C5896298920Dc4EEEa9/500')
-    // Set starting price in order to enable price range step counters
-    cy.get('.start-price-input').type('1000')
+      cy.wait('@FeeTierDistributionQuery')
 
-    // Min Price increment / decrement buttons should be disabled
-    cy.get('[data-testid="increment-price-range"]').eq(0).should('be.disabled')
-    cy.get('[data-testid="decrement-price-range"]').eq(0).should('be.disabled')
-    // Enter min price, which should enable the buttons
-    cy.get('.rate-input-0').eq(0).type('900').blur()
-    cy.get('[data-testid="increment-price-range"]').eq(0).should('not.be.disabled')
-    cy.get('[data-testid="decrement-price-range"]').eq(0).should('not.be.disabled')
-
-    // Repeat for Max Price step counter
-    cy.get('[data-testid="increment-price-range"]').eq(1).should('be.disabled')
-    cy.get('[data-testid="decrement-price-range"]').eq(1).should('be.disabled')
-    // Enter max price, which should enable the buttons
-    cy.get('.rate-input-0').eq(1).type('1100').blur()
-    cy.get('[data-testid="increment-price-range"]').eq(1).should('not.be.disabled')
-    cy.get('[data-testid="decrement-price-range"]').eq(1).should('not.be.disabled')
-  })
-
-  it('allows full range selection on new pool creation', () => {
-    // ETH / BITCOIN pool (0.05% tier not created)
-    cy.visit('/add/ETH/0x72e4f9F808C49A2a61dE9C5896298920Dc4EEEa9/500')
-    // Set starting price in order to enable price range step counters
-    cy.get('.start-price-input').type('1000')
-    cy.get('[data-testid="set-full-range"]').click()
-    // Check that the min price is 0 and the max price is infinity
-    cy.get('.rate-input-0').eq(0).should('have.value', '0')
-    cy.get('.rate-input-0').eq(1).should('have.value', '∞')
-    // Increment and decrement buttons are disabled when full range is selected
-    cy.get('[data-testid="increment-price-range"]').eq(0).should('be.disabled')
-    cy.get('[data-testid="decrement-price-range"]').eq(0).should('be.disabled')
-    cy.get('[data-testid="increment-price-range"]').eq(1).should('be.disabled')
-    cy.get('[data-testid="decrement-price-range"]').eq(1).should('be.disabled')
-    // Check that url params were added
-    cy.url().then((url) => {
-      const params = new URLSearchParams(url)
-      const minPrice = params.get('minPrice')
-      const maxPrice = params.get('maxPrice')
-      // Note: although 0 and ∞ displayed, actual values in query are ticks at limit
-      return minPrice && maxPrice && parseFloat(minPrice) < parseFloat(maxPrice)
+      cy.get('#add-liquidity-selected-fee .selected-fee-label').should('contain.text', '0.3% fee tier')
+      cy.get('#add-liquidity-selected-fee .selected-fee-percentage').should('contain.text', '40%')
     })
   })
 })

cypress/e2e/buy-crypto-modal.test.ts

@@ -1,8 +1,9 @@
+import { FeatureFlag } from '../../src/featureFlags'
 import { getTestSelector } from '../utils'
 
 describe('Buy Crypto Modal', () => {
   it('should open and close', () => {
-    cy.visit('/')
+    cy.visit('/', { featureFlags: [FeatureFlag.fiatOnRampButtonOnSwap] })
 
     // Open the fiat onramp modal
     cy.get(getTestSelector('buy-fiat-button')).click()
@@ -15,7 +16,7 @@ describe('Buy Crypto Modal', () => {
 
   it('should open and close, mobile viewport', () => {
     cy.viewport('iphone-6')
-    cy.visit('/')
+    cy.visit('/', { featureFlags: [FeatureFlag.fiatOnRampButtonOnSwap] })
 
     // Open the fiat onramp modal
     cy.get(getTestSelector('buy-fiat-button')).click()

cypress/e2e/landing.test.ts

@@ -39,50 +39,4 @@ describe('Landing Page', () => {
     cy.get(getTestSelector('pool-nav-link')).last().click()
     cy.url().should('include', '/pools')
   })
-
-  it('does not render landing page when / path is blocked', () => {
-    cy.intercept('/', (req) => {
-      req.reply((res) => {
-        const parser = new DOMParser()
-        const doc = parser.parseFromString(res.body, 'text/html')
-        const meta = document.createElement('meta')
-        meta.setAttribute('property', 'x:blocked-paths')
-        meta.setAttribute('content', '/,/buy')
-        doc.head.appendChild(meta)
-
-        res.body = doc.documentElement.outerHTML
-      })
-    })
-    cy.visit('/', { userState: DISCONNECTED_WALLET_USER_STATE })
-
-    cy.get(getTestSelector('landing-page')).should('not.exist')
-    cy.get(getTestSelector('buy-fiat-button')).should('not.exist')
-    cy.url().should('include', '/swap')
-  })
-
-  it('does not render uk compliance banner in US', () => {
-    cy.visit('/swap')
-    cy.contains('UK disclaimer').should('not.exist')
-  })
-
-  it('renders uk compliance banner in uk', () => {
-    cy.intercept('https://api.uniswap.org/v1/amplitude-proxy', (req) => {
-      const requestBody = JSON.stringify(req.body)
-      const byteSize = new Blob([requestBody]).size
-      req.alias = 'amplitude'
-      req.reply(
-        JSON.stringify({
-          code: 200,
-          server_upload_time: Date.now(),
-          payload_size_bytes: byteSize,
-          events_ingested: req.body.events.length,
-        }),
-        {
-          'origin-country': 'GB',
-        }
-      )
-    })
-    cy.visit('/swap')
-    cy.contains('UK disclaimer')
-  })
 })

cypress/e2e/mini-portfolio/accounts.test.ts

@@ -2,48 +2,30 @@ import { getTestSelector } from '../../utils'
 
 describe('Mini Portfolio account drawer', () => {
   beforeEach(() => {
-    const portfolioSpy = cy.spy().as('portfolioSpy')
-    cy.intercept(/api.uniswap.org\/v1\/graphql/, (req) => {
-      if (req.body.operationName === 'PortfolioBalances') {
-        portfolioSpy(req)
-      }
-    })
-    cy.visit('/swap')
+    cy.intercept(/api.uniswap.org\/v1\/graphql/, cy.spy().as('gqlSpy'))
+    cy.visit('/swap', { ethereum: 'hardhat' })
   })
 
   it('fetches balances when account button is first hovered', () => {
     // The balances should not be fetched before the account button is hovered
-    cy.get('@portfolioSpy').should('not.have.been.called')
+    cy.get('@gqlSpy').should('not.have.been.called')
 
     // Balances should have been fetched once after hover
     cy.get(getTestSelector('web3-status-connected')).trigger('mouseover')
-    cy.get('@portfolioSpy').should('have.been.calledOnce')
-  })
-
-  it('should not re-fetch balances on second hover', () => {
-    // The balances should not be fetched before the account button is hovered
-    cy.get('@portfolioSpy').should('not.have.been.called')
-
-    // Balances should have been fetched once after hover
-    cy.get(getTestSelector('web3-status-connected')).trigger('mouseover')
-    cy.get('@portfolioSpy').should('have.been.calledOnce')
+    cy.get('@gqlSpy').should('have.been.calledOnce')
 
     // Balances should not be refetched upon second hover
     cy.get(getTestSelector('web3-status-connected')).trigger('mouseover')
-    cy.get('@portfolioSpy').should('have.been.calledOnce')
-  })
-
-  it('should not re-fetch balances when the account drawer is opened', () => {
-    // The balances should not be fetched before the account button is hovered
-    cy.get('@portfolioSpy').should('not.have.been.called')
-
-    // Balances should have been fetched once after hover
-    cy.get(getTestSelector('web3-status-connected')).trigger('mouseover')
-    cy.get('@portfolioSpy').should('have.been.calledOnce')
+    cy.get('@gqlSpy').should('have.been.calledOnce')
 
     // Balances should not be refetched upon opening drawer
     cy.get(getTestSelector('web3-status-connected')).click()
-    cy.get('@portfolioSpy').should('have.been.calledOnce')
+    cy.get('@gqlSpy').should('have.been.calledOnce')
+
+    // Balances should not be refetched upon closing & reopening drawer
+    cy.get(getTestSelector('close-account-drawer')).click()
+    cy.get(getTestSelector('web3-status-connected')).click()
+    cy.get('@gqlSpy').should('have.been.calledOnce')
   })
 
   it('fetches account information', () => {
@@ -53,18 +35,17 @@ describe('Mini Portfolio account drawer', () => {
 
     // Verify that wallet state loads correctly
     cy.get(getTestSelector('mini-portfolio-navbar')).contains('Tokens')
-    cy.get(getTestSelector('mini-portfolio-page')).contains('Hidden (197)')
+    cy.get(getTestSelector('mini-portfolio-page')).contains('Hidden (201)')
 
     cy.intercept(/graphql/, { fixture: 'mini-portfolio/nfts.json' })
     cy.get(getTestSelector('mini-portfolio-navbar')).contains('NFTs').click()
     cy.get(getTestSelector('mini-portfolio-page')).contains('I Got Plenty')
 
-    // Skip this for now, someone sent test account an NFT on block 17445713 that causes this test to fail
-    // cy.intercept(/graphql/, { fixture: 'mini-portfolio/pools.json' })
-    // cy.get(getTestSelector('mini-portfolio-navbar')).contains('Pools').click()
-    // cy.get(getTestSelector('mini-portfolio-page')).contains('No pools yet')
+    cy.intercept(/graphql/, { fixture: 'mini-portfolio/pools.json' })
+    cy.get(getTestSelector('mini-portfolio-navbar')).contains('Pools').click()
+    cy.get(getTestSelector('mini-portfolio-page')).contains('No pools yet')
 
-    cy.intercept(/graphql/, { fixture: 'mini-portfolio/full_activity.json' })
+    cy.intercept(/graphql/, { fixture: 'mini-portfolio/activity.json' })
     cy.get(getTestSelector('mini-portfolio-navbar')).contains('Activity').click()
     cy.get(getTestSelector('mini-portfolio-page')).contains('Contract Interaction')
   })

cypress/e2e/mini-portfolio/activity-history.test.ts

@@ -94,7 +94,9 @@ describe('mini-portfolio activity history', () => {
   })
 
   it('should deduplicate activity history by nonce', () => {
-    cy.visit(`/swap?inputCurrency=ETH&outputCurrency=${USDC_MAINNET.address}`).hardhat({ automine: false })
+    cy.visit(`/swap?inputCurrency=ETH&outputCurrency=${USDC_MAINNET.address}`, { ethereum: 'hardhat' }).hardhat({
+      automine: false,
+    })
 
     // Input swap info.
     cy.get('#swap-currency-input .token-amount-input').clear().type('1').should('have.value', '1')

cypress/e2e/nfts.test.ts

@@ -1,6 +1,7 @@
 import { getTestSelector } from '../utils'
 
 const PUDGY_COLLECTION_ADDRESS = '0xbd3531da5cf5857e7cfaa92426877b022e612cf8'
+const BONSAI_COLLECTION_ADDRESS = '0xec9c519d49856fd2f8133a0741b4dbe002ce211b'
 
 describe('Testing nfts', () => {
   it('should load nft leaderboard', () => {
@@ -12,7 +13,7 @@ describe('Testing nfts', () => {
   })
 
   it('should load pudgy penguin collection page', () => {
-    cy.visit(`/nfts/collection/${PUDGY_COLLECTION_ADDRESS}`)
+    cy.visit(`/#/nfts/collection/${PUDGY_COLLECTION_ADDRESS}`)
     cy.get(getTestSelector('nft-collection-asset')).should('exist')
     cy.get(getTestSelector('nft-collection-filter-buy-now')).should('not.exist')
     cy.get(getTestSelector('nft-filter')).first().click()
@@ -20,13 +21,13 @@ describe('Testing nfts', () => {
   })
 
   it('should be able to navigate to activity', () => {
-    cy.visit(`/nfts/collection/${PUDGY_COLLECTION_ADDRESS}`)
+    cy.visit(`/#/nfts/collection/${PUDGY_COLLECTION_ADDRESS}`)
     cy.get(getTestSelector('nft-activity')).first().click()
     cy.get(getTestSelector('nft-activity-row')).should('exist')
   })
 
   it('should go to the details page', () => {
-    cy.visit(`/nfts/collection/${PUDGY_COLLECTION_ADDRESS}`)
+    cy.visit(`/#/nfts/collection/${PUDGY_COLLECTION_ADDRESS}`)
     cy.get(getTestSelector('nft-filter')).first().click()
     cy.get(getTestSelector('nft-collection-filter-buy-now')).click()
     cy.get(getTestSelector('nft-collection-asset')).first().click()
@@ -37,10 +38,7 @@ describe('Testing nfts', () => {
   })
 
   it('should toggle buy now on details page', () => {
-    cy.visit(`/nfts/collection/${PUDGY_COLLECTION_ADDRESS}`)
-    cy.get(getTestSelector('nft-filter')).first().click()
-    cy.get(getTestSelector('nft-collection-filter-buy-now')).click()
-    cy.get(getTestSelector('nft-collection-asset')).first().click()
+    cy.visit(`#/nfts/asset/${BONSAI_COLLECTION_ADDRESS}/7580`)
     cy.get(getTestSelector('nft-details-description-text')).should('exist')
     cy.get(getTestSelector('nft-details-description')).click()
     cy.get(getTestSelector('nft-details-description-text')).should('not.exist')
@@ -52,7 +50,7 @@ describe('Testing nfts', () => {
     cy.visit('/')
     cy.get(getTestSelector('web3-status-connected')).click()
     cy.get(getTestSelector('mini-portfolio-navbar')).contains('NFTs').click()
-    cy.get(getTestSelector('mini-portfolio-nft')).first().click()
+    cy.get(getTestSelector('mini-portfolio-nft')).click()
     cy.get(getTestSelector('mini-portfolio-navbar')).should('not.be.visible')
   })
 })

cypress/e2e/permit2.test.ts

@@ -17,7 +17,9 @@ function initiateSwap() {
 describe('Permit2', () => {
   function setupInputs(inputToken: Token, outputToken: Token) {
     // Sets up a swap between inputToken and outputToken.
-    cy.visit(`/swap/?inputCurrency=${inputToken.address}&outputCurrency=${outputToken.address}`)
+    cy.visit(`/swap/?inputCurrency=${inputToken.address}&outputCurrency=${outputToken.address}`, {
+      ethereum: 'hardhat',
+    })
     cy.get('#swap-currency-input .token-amount-input').type('0.01')
   }
 
@@ -75,9 +77,8 @@ describe('Permit2', () => {
       cy.contains('Allow DAI to be used for swapping')
       cy.wait('@eth_signTypedData_v4')
       cy.wait('@eth_sendRawTransaction')
-      cy.contains('Swap submitted')
       cy.hardhat().then((hardhat) => hardhat.mine())
-      cy.contains('Swap success!')
+      cy.contains('Success')
       cy.get(getTestSelector('popups')).contains('Swapped')
       expectPermit2AllowanceForUniversalRouterToBeMax(DAI)
     })
@@ -100,7 +101,7 @@ describe('Permit2', () => {
       // Verify transaction
       cy.wait('@eth_sendRawTransaction')
       cy.hardhat().then((hardhat) => hardhat.mine())
-      cy.contains('Swap success!')
+      cy.contains('Success')
       cy.get(getTestSelector('popups')).contains('Swapped')
     })
 
@@ -143,27 +144,7 @@ describe('Permit2', () => {
       // Verify transaction
       cy.wait('@eth_sendRawTransaction')
       cy.hardhat().then((hardhat) => hardhat.mine())
-      cy.contains('Swap success!')
-      cy.get(getTestSelector('popups')).contains('Swapped')
-    })
-
-    it('swaps USDT with existing permit, and existing and sufficient token approval', () => {
-      cy.hardhat().then(async (hardhat) => {
-        await hardhat.fund(hardhat.wallet, CurrencyAmount.fromRawAmount(USDT, 2e6))
-        await hardhat.mine()
-        await hardhat.approval.setTokenAllowanceForPermit2({ owner: hardhat.wallet, token: USDT }, 1e6)
-        await hardhat.mine()
-        await hardhat.approval.setPermit2Allowance({ owner: hardhat.wallet, token: USDT })
-        await hardhat.mine()
-      })
-      setupInputs(USDT, USDC_MAINNET)
-      cy.get('#swap-currency-input .token-amount-input').clear().type('1')
-      initiateSwap()
-
-      // Verify transaction
-      cy.wait('@eth_sendRawTransaction')
-      cy.hardhat().then((hardhat) => hardhat.mine())
-      cy.contains('Swap success!')
+      cy.contains('Success')
       cy.get(getTestSelector('popups')).contains('Swapped')
     })
   })
@@ -179,7 +160,7 @@ describe('Permit2', () => {
     initiateSwap()
 
     // Verify transaction
-    cy.contains('Swap success!')
+    cy.contains('Success')
     cy.get(getTestSelector('popups')).contains('Swapped')
   })
 
@@ -218,7 +199,7 @@ describe('Permit2', () => {
       cy.contains('Confirm swap').click()
 
       // Verify permit2 approval
-      cy.contains('Swap success!')
+      cy.contains('Success')
       cy.get(getTestSelector('popups')).contains('Swapped')
       expectPermit2AllowanceForUniversalRouterToBeMax(DAI)
     })
@@ -252,7 +233,7 @@ describe('Permit2', () => {
 
     // Verify permit2 approval
     cy.wait('@eth_signTypedData_v4')
-    cy.contains('Swap success!')
+    cy.contains('Success')
     cy.get(getTestSelector('popups')).contains('Swapped')
     expectPermit2AllowanceForUniversalRouterToBeMax(DAI)
   })
@@ -270,7 +251,7 @@ describe('Permit2', () => {
 
     // Verify permit2 approval
     cy.wait('@eth_signTypedData_v4')
-    cy.contains('Swap success!')
+    cy.contains('Success')
     cy.get(getTestSelector('popups')).contains('Swapped')
     expectPermit2AllowanceForUniversalRouterToBeMax(DAI)
   })

cypress/e2e/remove-liquidity.test.ts

@@ -1,33 +1,25 @@
-import { ChainId, MaxUint256, UNI_ADDRESSES } from '@uniswap/sdk-core'
-
-const UNI_MAINNET = UNI_ADDRESSES[ChainId.MAINNET]
-
 describe('Remove Liquidity', () => {
-  it('loads the token pair in v2', () => {
-    cy.visit(`/remove/v2/ETH/${UNI_MAINNET}`)
+  it('eth remove', () => {
+    cy.visit('/remove/v2/ETH/0x1f9840a85d5aF5bf1D1762F925BDADdC4201F984')
     cy.get('#remove-liquidity-tokena-symbol').should('contain.text', 'ETH')
     cy.get('#remove-liquidity-tokenb-symbol').should('contain.text', 'UNI')
   })
 
-  it('loads the token pair in v3', () => {
-    cy.visit(`/remove/1`)
-    cy.get('#remove-liquidity-tokens').should('contain.text', 'UNI/ETH')
-
-    cy.get('#remove-pooled-tokena-symbol').should('contain.text', 'Pooled UNI')
-    cy.get('#remove-pooled-tokenb-symbol').should('contain.text', 'Pooled ETH')
+  it('eth remove swap order', () => {
+    cy.visit('/remove/v2/0x1f9840a85d5aF5bf1D1762F925BDADdC4201F984/ETH')
+    cy.get('#remove-liquidity-tokena-symbol').should('contain.text', 'UNI')
+    cy.get('#remove-liquidity-tokenb-symbol').should('contain.text', 'ETH')
   })
 
-  it('should redirect to error pages if pool does not exist', () => {
-    // Duplicate-token v2 pools redirect to position unavailable
-    cy.visit(`/remove/v2/ETH/ETH`)
-    cy.contains('Position unavailable')
+  it('loads the two correct tokens', () => {
+    cy.visit('/remove/v2/0xB4FBF271143F4FBf7B91A5ded31805e42b2208d6/0x1f9840a85d5aF5bf1D1762F925BDADdC4201F984')
+    cy.get('#remove-liquidity-tokena-symbol').should('contain.text', 'WETH')
+    cy.get('#remove-liquidity-tokenb-symbol').should('contain.text', 'UNI')
+  })
 
-    // Single-token pools don't exist
-    cy.visit('/remove/v2/ETH')
-    cy.url().should('match', /\/not-found/)
-
-    // Nonexistent v3 pool
-    cy.visit(`/remove/${MaxUint256}`)
-    cy.contains('Position unavailable')
+  it('does not crash if ETH is duplicated', () => {
+    cy.visit('/remove/v2/0xB4FBF271143F4FBf7B91A5ded31805e42b2208d6/0xB4FBF271143F4FBf7B91A5ded31805e42b2208d6')
+    cy.get('#remove-liquidity-tokena-symbol').should('contain.text', 'WETH')
+    cy.get('#remove-liquidity-tokenb-symbol').should('contain.text', 'WETH')
   })
 })

cypress/e2e/swap/errors.test.ts

@@ -1,5 +1,4 @@
 import { BigNumber } from '@ethersproject/bignumber'
-import { InterfaceSectionName } from '@uniswap/analytics-events'
 import { CurrencyAmount } from '@uniswap/sdk-core'
 
 import { DEFAULT_DEADLINE_FROM_NOW } from '../../../src/constants/misc'
@@ -8,7 +7,7 @@ import { getBalance, getTestSelector } from '../../utils'
 
 describe('Swap errors', () => {
   it('wallet rejection', () => {
-    cy.visit(`/swap?inputCurrency=ETH&outputCurrency=${USDC_MAINNET.address}`)
+    cy.visit(`/swap?inputCurrency=ETH&outputCurrency=${USDC_MAINNET.address}`, { ethereum: 'hardhat' })
     cy.hardhat().then((hardhat) => {
       // Stub the wallet to reject any transaction.
       cy.stub(hardhat.wallet, 'sendTransaction').log(false).rejects(new Error('user cancelled'))
@@ -29,7 +28,7 @@ describe('Swap errors', () => {
   })
 
   it('transaction past deadline', () => {
-    cy.visit(`/swap?inputCurrency=ETH&outputCurrency=${USDC_MAINNET.address}`)
+    cy.visit(`/swap?inputCurrency=ETH&outputCurrency=${USDC_MAINNET.address}`, { ethereum: 'hardhat' })
     cy.hardhat({ automine: false })
     getBalance(USDC_MAINNET).then((initialBalance) => {
       // Enter amount to swap
@@ -64,7 +63,7 @@ describe('Swap errors', () => {
   })
 
   it('slippage failure', () => {
-    cy.visit(`/swap?inputCurrency=${USDC_MAINNET.address}&outputCurrency=${DAI.address}`)
+    cy.visit(`/swap?inputCurrency=${USDC_MAINNET.address}&outputCurrency=${DAI.address}`, { ethereum: 'hardhat' })
     cy.hardhat({ automine: false }).then(async (hardhat) => {
       await hardhat.fund(hardhat.wallet, CurrencyAmount.fromRawAmount(USDC_MAINNET, 500e6))
       await hardhat.mine()
@@ -87,7 +86,6 @@ describe('Swap errors', () => {
       cy.get(getTestSelector('open-settings-dialog-button')).click()
       cy.get(getTestSelector('max-slippage-settings')).click()
       cy.get(getTestSelector('slippage-input')).clear().type('0.01')
-      cy.get(getTestSelector('toggle-uniswap-x-button')).click() // turn off uniswapx
       cy.get('body').click('topRight') // close modal
       cy.get(getTestSelector('slippage-input')).should('not.exist')
 
@@ -115,21 +113,9 @@ describe('Swap errors', () => {
       cy.get(getTestSelector('web3-status-connected')).should('not.contain', 'Pending')
       cy.get(getTestSelector('popups')).contains('Swapped')
       cy.get(getTestSelector('popups')).contains('Swap failed')
-      getBalance(DAI).should('be.closeTo', initialBalance + 200, 1)
+      getBalance(DAI).then((currentDaiBalance) => {
+        expect(currentDaiBalance).to.be.closeTo(initialBalance + 200, 1)
+      })
     })
   })
-
-  it('insufficient liquidity', () => {
-    // The API response is too variable so stubbing a 404.
-    cy.intercept('POST', 'https://api.uniswap.org/v2/quote', {
-      statusCode: 404,
-      fixture: 'insufficientLiquidity.json',
-    })
-
-    cy.visit(`/swap?inputCurrency=${USDC_MAINNET.address}&outputCurrency=${DAI.address}`)
-    cy.get('#swap-currency-output .token-amount-input').type('100000000000000').should('have.value', '100000000000000') // 100 trillion
-    cy.contains('Insufficient liquidity for this trade.')
-    cy.get('#swap-button').should('not.exist')
-    cy.get(getTestSelector(`fiat-value-${InterfaceSectionName.CURRENCY_OUTPUT_PANEL}`)).contains('-')
-  })
 })

cypress/e2e/swap/fees.test.ts

@@ -1,146 +0,0 @@
-import { CurrencyAmount } from '@uniswap/sdk-core'
-import { FeatureFlag } from 'featureFlags'
-
-import { USDC_MAINNET } from '../../../src/constants/tokens'
-import { getBalance, getTestSelector } from '../../utils'
-
-describe.skip('Swap with fees', () => {
-  describe('Classic swaps', () => {
-    beforeEach(() => {
-      cy.visit('/swap', { featureFlags: [{ name: FeatureFlag.feesEnabled, value: true }] })
-
-      // Store trade quote into alias
-      cy.intercept({ url: 'https://api.uniswap.org/v2/quote' }, (req) => {
-        // Avoid tracking stablecoin pricing fetches
-        if (JSON.parse(req.body).intent !== 'pricing') req.alias = 'quoteFetch'
-      })
-    })
-
-    it('displays $0 fee on swaps without fees', () => {
-      // Set up a stablecoin <> stablecoin swap (no fees)
-      cy.get('#swap-currency-input .open-currency-select-button').click()
-      cy.contains('DAI').click()
-      cy.get('#swap-currency-output .open-currency-select-button').click()
-      cy.contains('USDC').click()
-      cy.get('#swap-currency-output .token-amount-input').type('1')
-
-      // Verify 0 fee UI is displayed
-      cy.get(getTestSelector('swap-details-header-row')).click()
-      cy.contains('Fee')
-      cy.contains('$0')
-    })
-
-    it('swaps ETH for USDC exact-out with swap fee', () => {
-      cy.hardhat().then((hardhat) => {
-        getBalance(USDC_MAINNET).then((initialBalance) => {
-          // Set up swap
-          cy.get('#swap-currency-output .open-currency-select-button').click()
-          cy.contains('USDC').click()
-          cy.get('#swap-currency-output .token-amount-input').type('1')
-
-          cy.wait('@quoteFetch')
-            .its('response.body')
-            .then(({ quote: { portionBips, portionRecipient, portionAmount } }) => {
-              // Fees are generally expected to always be enabled for ETH -> USDC swaps
-              // If the routing api does not include a fee, end the test early rather than manually update routes and hardcode fee vars
-              if (portionRecipient) return
-
-              cy.then(() => hardhat.getBalance(portionRecipient, USDC_MAINNET)).then((initialRecipientBalance) => {
-                const feeCurrencyAmount = CurrencyAmount.fromRawAmount(USDC_MAINNET, portionAmount)
-
-                // Initiate transaction
-                cy.get('#swap-button').click()
-                cy.contains('Review swap')
-
-                // Verify fee percentage and amount is displayed
-                cy.contains(`Fee (${portionBips / 100}%)`)
-
-                // Confirm transaction
-                cy.contains('Confirm swap').click()
-
-                // Verify transaction
-                cy.get(getTestSelector('web3-status-connected')).should('not.contain', 'Pending')
-                cy.get(getTestSelector('popups')).contains('Swapped')
-
-                // Verify the post-fee output is the expected exact-out amount
-                const finalBalance = initialBalance + 1
-                cy.get('#swap-currency-output').contains(`Balance: ${finalBalance}`)
-                getBalance(USDC_MAINNET).should('eq', finalBalance)
-
-                // Verify fee recipient received fee
-                cy.then(() => hardhat.getBalance(portionRecipient, USDC_MAINNET)).then((finalRecipientBalance) => {
-                  const expectedFinalRecipientBalance = initialRecipientBalance.add(feeCurrencyAmount)
-                  cy.then(() => finalRecipientBalance.equalTo(expectedFinalRecipientBalance)).should('be.true')
-                })
-              })
-            })
-        })
-      })
-    })
-
-    it('swaps ETH for USDC exact-in with swap fee', () => {
-      cy.hardhat().then((hardhat) => {
-        // Set up swap
-        cy.get('#swap-currency-output .open-currency-select-button').click()
-        cy.contains('USDC').click()
-        cy.get('#swap-currency-input .token-amount-input').type('.01')
-
-        cy.wait('@quoteFetch')
-          .its('response.body')
-          .then(({ quote: { portionBips, portionRecipient } }) => {
-            // Fees are generally expected to always be enabled for ETH -> USDC swaps
-            // If the routing api does not include a fee, end the test early rather than manually update routes and hardcode fee vars
-            if (portionRecipient) return
-
-            cy.then(() => hardhat.getBalance(portionRecipient, USDC_MAINNET)).then((initialRecipientBalance) => {
-              // Initiate transaction
-              cy.get('#swap-button').click()
-              cy.contains('Review swap')
-
-              // Verify fee percentage and amount is displayed
-              cy.contains(`Fee (${portionBips / 100}%)`)
-
-              // Confirm transaction
-              cy.contains('Confirm swap').click()
-
-              // Verify transaction
-              cy.get(getTestSelector('web3-status-connected')).should('not.contain', 'Pending')
-              cy.get(getTestSelector('popups')).contains('Swapped')
-
-              // Verify fee recipient received fee
-              cy.then(() => hardhat.getBalance(portionRecipient, USDC_MAINNET)).then((finalRecipientBalance) => {
-                cy.then(() => finalRecipientBalance.greaterThan(initialRecipientBalance)).should('be.true')
-              })
-            })
-          })
-      })
-    })
-  })
-
-  describe('UniswapX swaps', () => {
-    it('displays UniswapX fee in UI', () => {
-      cy.visit('/swap', {
-        featureFlags: [{ name: FeatureFlag.feesEnabled, value: true }],
-      })
-
-      // Intercept the trade quote
-      cy.intercept({ url: 'https://api.uniswap.org/v2/quote' }, (req) => {
-        // Avoid intercepting stablecoin pricing fetches
-        if (JSON.parse(req.body).intent !== 'pricing') {
-          req.reply({ fixture: 'uniswapx/feeQuote.json' })
-        }
-      })
-
-      // Setup swap
-      cy.get('#swap-currency-input .open-currency-select-button').click()
-      cy.contains('USDC').click()
-      cy.get('#swap-currency-output .open-currency-select-button').click()
-      cy.contains('ETH').click()
-      cy.get('#swap-currency-input .token-amount-input').type('200')
-
-      // Verify fee UI is displayed
-      cy.get(getTestSelector('swap-details-header-row')).click()
-      cy.contains('Fee (0.15%)')
-    })
-  })
-})

cypress/e2e/swap/logging.test.ts

@@ -1,76 +0,0 @@
-import { SwapEventName } from '@uniswap/analytics-events'
-
-import { USDC_MAINNET } from '../../../src/constants/tokens'
-import { getTestSelector } from '../../utils'
-
-describe('swap flow logging', () => {
-  it('completes two swaps and verifies the TTS logging for the first, plus all intermediate steps along the way', () => {
-    cy.visit(`/swap?inputCurrency=ETH&outputCurrency=${USDC_MAINNET.address}`)
-    cy.hardhat()
-
-    // First swap in the session:
-    // Enter amount to swap
-    cy.get('#swap-currency-output .token-amount-input').type('1').should('have.value', '1')
-    cy.get('#swap-currency-input .token-amount-input').should('not.have.value', '')
-
-    // Verify first swap action
-    cy.waitForAmplitudeEvent(SwapEventName.SWAP_FIRST_ACTION).then((event: any) => {
-      cy.wrap(event.event_properties).should('have.property', 'time_to_first_swap_action')
-      cy.wrap(event.event_properties.time_to_first_swap_action).should('be.a', 'number')
-      cy.wrap(event.event_properties.time_to_first_swap_action).should('be.gte', 0)
-    })
-
-    // Verify Swap Quote
-    cy.waitForAmplitudeEvent(SwapEventName.SWAP_QUOTE_FETCH).then((event: any) => {
-      // Price quotes don't include these values, so we only verify the types if they exist
-      if (event.event_properties.time_to_first_quote_request) {
-        cy.wrap(event.event_properties.time_to_first_quote_request).should('be.a', 'number')
-        cy.wrap(event.event_properties.time_to_first_quote_request).should('be.gte', 0)
-        cy.wrap(event.event_properties.time_to_first_quote_request_since_first_input).should('be.a', 'number')
-        cy.wrap(event.event_properties.time_to_first_quote_request_since_first_input).should('be.gte', 0)
-      }
-    })
-
-    // Submit transaction
-    cy.get('#swap-button').click()
-    cy.contains('Confirm swap').click()
-    cy.get(getTestSelector('confirmation-close-icon')).click()
-
-    cy.get(getTestSelector('popups')).contains('Swapped')
-
-    // Verify logging
-    cy.waitForAmplitudeEvent(SwapEventName.SWAP_TRANSACTION_COMPLETED).then((event: any) => {
-      cy.wrap(event.event_properties).should('have.property', 'time_to_swap')
-      cy.wrap(event.event_properties.time_to_swap).should('be.a', 'number')
-      cy.wrap(event.event_properties.time_to_swap).should('be.gte', 0)
-      cy.wrap(event.event_properties).should('have.property', 'time_to_swap_since_first_input')
-      cy.wrap(event.event_properties.time_to_swap_since_first_input).should('be.a', 'number')
-      cy.wrap(event.event_properties.time_to_swap_since_first_input).should('be.gte', 0)
-    })
-
-    // Second swap in the session:
-    // Enter amount to swap (different from first trade, to trigger a new quote request)
-    cy.get('#swap-currency-output .token-amount-input').clear().type('10').should('have.value', '10')
-    cy.get('#swap-currency-input .token-amount-input').should('not.have.value', '')
-
-    // Verify second Swap Quote
-    cy.waitForAmplitudeEvent(SwapEventName.SWAP_QUOTE_FETCH).then((event: any) => {
-      // Price quotes don't include these values, so we only verify the types if they exist
-      if (event.event_properties.time_to_first_quote_request) {
-        cy.wrap(event.event_properties.time_to_first_quote_request).should('be.undefined')
-        cy.wrap(event.event_properties.time_to_first_quote_request_since_first_input).should('be.undefined')
-      }
-    })
-
-    // Submit transaction
-    cy.get('#swap-button').click()
-    cy.contains('Confirm swap').click()
-    cy.get(getTestSelector('confirmation-close-icon')).click()
-
-    cy.get(getTestSelector('popups')).contains('Swapped')
-    cy.waitForAmplitudeEvent(SwapEventName.SWAP_TRANSACTION_COMPLETED).then((event: any) => {
-      cy.wrap(event.event_properties).should('not.have.property', 'time_to_swap')
-      cy.wrap(event.event_properties).should('not.have.property', 'time_to_swap_since_first_input')
-    })
-  })
-})

cypress/e2e/swap/settings.test.ts

@@ -1,34 +1,16 @@
+import { FeatureFlag } from '../../../src/featureFlags'
 import { getTestSelector } from '../../utils'
 
 describe('Swap settings', () => {
   it('Opens and closes the settings menu', () => {
-    cy.visit('/swap')
+    cy.visit('/swap', { featureFlags: [FeatureFlag.uniswapXEnabled], ethereum: 'hardhat' })
     cy.contains('Settings').should('not.exist')
     cy.get(getTestSelector('open-settings-dialog-button')).click()
-    cy.get(getTestSelector('mobile-settings-menu')).should('not.exist')
-    cy.contains('Max. slippage').should('exist')
+    cy.contains('Max slippage').should('exist')
     cy.contains('Transaction deadline').should('exist')
     cy.contains('UniswapX').should('exist')
+    cy.contains('Local routing').should('exist')
     cy.get(getTestSelector('open-settings-dialog-button')).click()
     cy.contains('Settings').should('not.exist')
   })
-
-  it('should open the mobile settings menu', () => {
-    // Set viewport to iPhone 6
-    cy.viewport('iphone-6')
-    cy.visit('/swap')
-
-    // Click the button to open the settings dialog
-    cy.get(getTestSelector('open-settings-dialog-button')).click({ waitForAnimations: true })
-
-    // Verify the mobile settings menu and its contents
-    cy.get(getTestSelector('mobile-settings-menu'))
-      .should('exist')
-      .within(() => {
-        cy.contains('Max. slippage').should('exist')
-        cy.contains('UniswapX').should('exist')
-        cy.contains('Transaction deadline').should('exist')
-        cy.get(getTestSelector('mobile-settings-close')).click()
-      })
-  })
 })

cypress/e2e/swap/swap.test.ts

@@ -1,4 +1,3 @@
-import { SwapEventName } from '@uniswap/analytics-events'
 import { ChainId } from '@uniswap/sdk-core'
 
 import { UNI, USDC_MAINNET } from '../../../src/constants/tokens'
@@ -53,7 +52,7 @@ describe('Swap', () => {
     })
 
     it('swaps ETH for USDC', () => {
-      cy.visit('/swap')
+      cy.visit('/swap', { ethereum: 'hardhat' })
       cy.hardhat({ automine: false })
       getBalance(USDC_MAINNET).then((initialBalance) => {
         // Select USDC
@@ -65,13 +64,6 @@ describe('Swap', () => {
         cy.get('#swap-currency-output .token-amount-input').type('1').should('have.value', '1')
         cy.get('#swap-currency-input .token-amount-input').should('not.have.value', '')
 
-        // Verify logging
-        cy.waitForAmplitudeEvent(SwapEventName.SWAP_QUOTE_RECEIVED).then((event: any) => {
-          cy.wrap(event.event_properties).should('have.property', 'quote_latency_milliseconds')
-          cy.wrap(event.event_properties.quote_latency_milliseconds).should('be.a', 'number')
-          cy.wrap(event.event_properties.quote_latency_milliseconds).should('be.gte', 0)
-        })
-
         // Submit transaction
         cy.get('#swap-button').click()
         cy.contains('Review swap')

cypress/e2e/swap/uniswapx.test.ts

@@ -1,376 +0,0 @@
-import { ChainId, CurrencyAmount } from '@uniswap/sdk-core'
-import { CyHttpMessages } from 'cypress/types/net-stubbing'
-
-import { DAI, nativeOnChain, USDC_MAINNET } from '../../../src/constants/tokens'
-import { getTestSelector } from '../../utils'
-
-const QuoteWhereUniswapXIsBetter = 'uniswapx/quote1.json'
-const QuoteWithEthInput = 'uniswapx/quote2.json'
-
-const QuoteEndpoint = 'https://api.uniswap.org/v2/quote'
-const OrderSubmissionEndpoint = 'https://api.uniswap.org/v2/order'
-const OrderStatusEndpoint =
-  'https://api.uniswap.org/v2/orders?swapper=0xf39Fd6e51aad88F6F4ce6aB8827279cffFb92266&orderHashes=0xa9dd6f05ad6d6c79bee654c31ede4d0d2392862711be0f3bc4a9124af24a6a19'
-
-/**
- * Stubs quote to return a quote for non-price requests
- * Price quotes are blocked with 409, as the backend would not accept them regardless
- */
-function stubNonPriceQuoteWith(fixture: string) {
-  cy.intercept(QuoteEndpoint, (req: CyHttpMessages.IncomingHttpRequest) => {
-    let body = req.body
-    if (typeof body === 'string') {
-      body = JSON.parse(body)
-    }
-    if (body.intent === 'pricing') {
-      req.reply({ statusCode: 409 })
-    } else {
-      req.reply({ fixture })
-    }
-  }).as('quote')
-}
-
-/** Stubs the provider to return a tx receipt corresponding to the mock filled uniswapx order's txHash */
-function stubSwapTxReceipt() {
-  cy.hardhat().then((hardhat) => {
-    cy.fixture('uniswapx/fillTransactionReceipt.json').then((mockTxReceipt) => {
-      const getTransactionReceiptStub = cy.stub(hardhat.provider, 'getTransactionReceipt').log(false)
-      getTransactionReceiptStub.withArgs(mockTxReceipt.transactionHash).resolves(mockTxReceipt)
-      getTransactionReceiptStub.callThrough()
-    })
-  })
-}
-
-// TODO: FIX THESE TESTS where we should NOT stub for pricing requests
-describe.skip('UniswapX Toggle', () => {
-  beforeEach(() => {
-    stubNonPriceQuoteWith(QuoteWhereUniswapXIsBetter)
-    cy.visit(`/swap/?inputCurrency=${USDC_MAINNET.address}&outputCurrency=${DAI.address}`)
-  })
-
-  it('displays uniswapx ui when setting is on', () => {
-    // Setup a swap
-    cy.get('#swap-currency-input .token-amount-input').type('300')
-    cy.wait('@quote')
-
-    // UniswapX UI should be visible
-    cy.get(getTestSelector('gas-estimate-uniswapx-icon')).should('exist')
-  })
-})
-
-describe.skip('UniswapX Orders', () => {
-  beforeEach(() => {
-    stubNonPriceQuoteWith(QuoteWhereUniswapXIsBetter)
-    cy.intercept(OrderSubmissionEndpoint, { fixture: 'uniswapx/orderResponse.json' })
-    cy.intercept(OrderStatusEndpoint, { fixture: 'uniswapx/openStatusResponse.json' })
-
-    stubSwapTxReceipt()
-
-    cy.hardhat().then((hardhat) => hardhat.fund(hardhat.wallet, CurrencyAmount.fromRawAmount(USDC_MAINNET, 3e8)))
-    cy.visit(`/swap/?inputCurrency=${USDC_MAINNET.address}&outputCurrency=${DAI.address}`)
-  })
-
-  it('can swap exact-in trades using uniswapX', () => {
-    // Setup a swap
-    cy.get('#swap-currency-input .token-amount-input').type('300')
-    cy.wait('@quote')
-
-    // Submit uniswapx order signature
-    cy.get('#swap-button').click()
-    cy.contains('Confirm swap').click()
-    cy.wait('@eth_signTypedData_v4')
-    cy.contains('Swap submitted')
-    cy.contains('Learn more about swapping with UniswapX')
-
-    // Return filled order status from uniswapx api
-    cy.intercept(OrderStatusEndpoint, { fixture: 'uniswapx/filledStatusResponse.json' })
-
-    // Verify swap success
-    cy.contains('Swapped')
-  })
-
-  it('can swap exact-out trades using uniswapX', () => {
-    // Setup a swap
-    cy.get('#swap-currency-output .token-amount-input').type('300')
-    cy.wait('@quote')
-
-    // Submit uniswapx order signature
-    cy.get('#swap-button').click()
-    cy.contains('Confirm swap').click()
-    cy.wait('@eth_signTypedData_v4')
-    cy.contains('Swap submitted')
-    cy.contains('Learn more about swapping with UniswapX')
-
-    // Return filled order status from uniswapx api
-    cy.intercept(OrderStatusEndpoint, { fixture: 'uniswapx/filledStatusResponse.json' })
-
-    // Verify swap success
-    cy.contains('Swapped')
-  })
-
-  it('renders proper view if uniswapx order expires', () => {
-    // Setup a swap
-    cy.get('#swap-currency-input .token-amount-input').type('300')
-    cy.wait('@quote')
-
-    // Submit uniswapx order signature
-    cy.get('#swap-button').click()
-    cy.contains('Confirm swap').click()
-
-    // Return expired order status from uniswapx api
-    cy.intercept(OrderStatusEndpoint, { fixture: 'uniswapx/expiredStatusResponse.json' })
-
-    // Verify swap failure message
-    cy.contains('Swap expired')
-  })
-
-  it('renders proper view if uniswapx order has insufficient funds', () => {
-    // Setup a swap
-    cy.get('#swap-currency-input .token-amount-input').type('300')
-    cy.wait('@quote')
-
-    // Submit uniswapx order signature
-    cy.get('#swap-button').click()
-    cy.contains('Confirm swap').click()
-
-    // Return insufficient_funds order status from uniswapx api
-    cy.intercept(OrderStatusEndpoint, { fixture: 'uniswapx/insufficientFundsStatusResponse.json' })
-
-    // Verify swap failure message
-    cy.contains('Insufficient funds')
-  })
-})
-
-describe.skip('UniswapX Eth Input', () => {
-  beforeEach(() => {
-    stubNonPriceQuoteWith(QuoteWithEthInput)
-    cy.intercept(OrderSubmissionEndpoint, { fixture: 'uniswapx/orderResponse.json' })
-    cy.intercept(OrderStatusEndpoint, { fixture: 'uniswapx/openStatusResponse.json' })
-
-    // Turn off automine so that intermediate screens are available to assert on.
-    cy.hardhat({ automine: false }).then(async (hardhat) => {
-      await hardhat.fund(hardhat.wallet, CurrencyAmount.fromRawAmount(nativeOnChain(ChainId.MAINNET), 2e18))
-      await hardhat.mine()
-    })
-
-    stubSwapTxReceipt()
-
-    cy.visit(`/swap/?inputCurrency=ETH&outputCurrency=${DAI.address}`)
-  })
-
-  it('can swap using uniswapX with ETH as input', () => {
-    // Setup a swap
-    cy.get('#swap-currency-input .token-amount-input').type('1')
-
-    cy.wait('@quote')
-
-    // Prompt ETH wrap to use for order
-    cy.get('#swap-button').click()
-    cy.contains('Confirm swap').click()
-    cy.contains('Wrap ETH')
-
-    // Wrap ETH
-    cy.wait('@eth_sendRawTransaction')
-    cy.contains('Pending...')
-    cy.hardhat().then((hardhat) => hardhat.mine())
-    cy.contains('Wrapped')
-
-    // Approve WETH spend
-    cy.wait('@eth_sendRawTransaction')
-    cy.hardhat().then((hardhat) => hardhat.mine())
-
-    // Verify signed order submission
-    cy.wait('@eth_signTypedData_v4')
-    cy.contains('Swap submitted')
-    cy.contains('Learn more about swapping with UniswapX')
-
-    // Return filled order status from uniswapx api
-    cy.intercept(OrderStatusEndpoint, { fixture: 'uniswapx/filledStatusResponse.json' })
-
-    // Verify swap success
-    cy.contains('Swapped')
-  })
-
-  it('keeps ETH as the input currency before wrap completes', () => {
-    // Setup a swap
-    cy.get('#swap-currency-input .token-amount-input').type('1')
-    cy.wait('@quote')
-
-    // Prompt ETH wrap and confirm
-    cy.get('#swap-button').click()
-    cy.contains('Confirm swap').click()
-    cy.wait('@eth_sendRawTransaction')
-
-    // Close review modal before wrap is confirmed on chain
-    cy.get(getTestSelector('confirmation-close-icon')).click()
-    // Confirm ETH is still the input token before wrap succeeds
-    cy.contains('ETH')
-  })
-
-  it('switches swap input to WETH after wrap', () => {
-    // Setup a swap
-    cy.get('#swap-currency-input .token-amount-input').type('1')
-    cy.wait('@quote')
-
-    // Prompt ETH wrap and confirm
-    cy.get('#swap-button').click()
-    cy.contains('Confirm swap').click()
-    cy.wait('@eth_sendRawTransaction')
-    cy.hardhat().then((hardhat) => hardhat.mine())
-
-    // Confirm wrap is successful and WETH is now input token
-    cy.contains('Wrapped')
-    cy.contains('WETH')
-
-    // Approve WETH spend
-    cy.wait('@eth_sendRawTransaction')
-    cy.hardhat().then((hardhat) => hardhat.mine())
-
-    // Submit uniswapx order signature
-    cy.wait('@eth_signTypedData_v4')
-    cy.contains('Swap submitted')
-    cy.contains('Learn more about swapping with UniswapX')
-
-    // Return filled order status from uniswapx api
-    cy.intercept(OrderStatusEndpoint, { fixture: 'uniswapx/filledStatusResponse.json' })
-
-    // Verify swap success
-    cy.contains('Swapped')
-
-    // Close modal
-    cy.get(getTestSelector('confirmation-close-icon')).click()
-    // The input currency should now be WETH
-    cy.contains('WETH')
-  })
-})
-
-describe.skip('UniswapX activity history', () => {
-  beforeEach(() => {
-    cy.intercept(QuoteEndpoint, { fixture: QuoteWhereUniswapXIsBetter })
-    cy.intercept(OrderSubmissionEndpoint, { fixture: 'uniswapx/orderResponse.json' })
-    cy.intercept(OrderStatusEndpoint, { fixture: 'uniswapx/openStatusResponse.json' })
-
-    stubSwapTxReceipt()
-
-    cy.hardhat().then(async (hardhat) => {
-      await hardhat.fund(hardhat.wallet, CurrencyAmount.fromRawAmount(USDC_MAINNET, 3e8))
-    })
-    cy.visit(`/swap/?inputCurrency=${USDC_MAINNET.address}&outputCurrency=${DAI.address}`)
-  })
-
-  it('can view UniswapX order status progress in activity', () => {
-    // Setup a swap
-    cy.get('#swap-currency-input .token-amount-input').type('300')
-
-    // Submit uniswapx order signature
-    cy.get('#swap-button').click()
-    cy.contains('Confirm swap').click()
-    cy.wait('@eth_signTypedData_v4')
-    cy.get(getTestSelector('confirmation-close-icon')).click()
-
-    // Open mini portfolio and navigate to activity history
-    cy.get(getTestSelector('web3-status-connected')).click()
-    cy.intercept(/graphql/, { fixture: 'mini-portfolio/empty_activity.json' })
-    cy.get(getTestSelector('mini-portfolio-navbar')).contains('Activity').click()
-
-    // Open pending order modal
-    cy.contains('Swapping').click()
-    cy.get(getTestSelector('offchain-activity-modal')).contains('Swapping')
-    cy.get(getTestSelector('offchain-activity-modal')).contains('Learn more about swapping with UniswapX')
-
-    // Return filled order status from uniswapx api
-    cy.intercept(OrderStatusEndpoint, { fixture: 'uniswapx/filledStatusResponse.json' })
-
-    cy.get(getTestSelector('offchain-activity-modal')).contains('Swapped')
-    cy.get(getTestSelector('offchain-activity-modal')).contains('View on Explorer')
-  })
-
-  it('can view UniswapX order status progress in activity upon expiry', () => {
-    // Setup a swap
-    cy.get('#swap-currency-input .token-amount-input').type('300')
-
-    // Submit uniswapx order signature
-    cy.get('#swap-button').click()
-    cy.contains('Confirm swap').click()
-    cy.wait('@eth_signTypedData_v4')
-    cy.get(getTestSelector('confirmation-close-icon')).click()
-
-    // Open mini portfolio and navigate to activity history
-    cy.get(getTestSelector('web3-status-connected')).click()
-    cy.intercept(/graphql/, { fixture: 'mini-portfolio/empty_activity.json' })
-    cy.get(getTestSelector('mini-portfolio-navbar')).contains('Activity').click()
-
-    // Open pending order modal
-    cy.contains('Swapping').click()
-    cy.get(getTestSelector('offchain-activity-modal')).contains('Swapping')
-
-    // Return filled order status from uniswapx api
-    cy.intercept(OrderStatusEndpoint, { fixture: 'uniswapx/expiredStatusResponse.json' })
-
-    cy.get(getTestSelector('offchain-activity-modal')).contains('Swap expired')
-    cy.get(getTestSelector('offchain-activity-modal')).contains('learn more')
-  })
-
-  it('deduplicates remote vs local uniswapx orders', () => {
-    // Setup a swap
-    cy.get('#swap-currency-input .token-amount-input').type('300')
-
-    // Submit uniswapx order signature
-    cy.get('#swap-button').click()
-    cy.contains('Confirm swap').click()
-    cy.wait('@eth_signTypedData_v4')
-    cy.get(getTestSelector('confirmation-close-icon')).click()
-
-    // Return filled order status from uniswapx api
-    cy.intercept(OrderStatusEndpoint, { fixture: 'uniswapx/filledStatusResponse.json' })
-
-    cy.contains('Swapped')
-
-    // Open mini portfolio
-    cy.get(getTestSelector('web3-status-connected')).click()
-
-    cy.fixture('mini-portfolio/uniswapx_activity.json').then((uniswapXActivity) => {
-      // Replace fixture's timestamp with current time
-      uniswapXActivity.data.portfolios[0].assetActivities[0].timestamp = Date.now() / 1000
-      cy.intercept(/graphql/, uniswapXActivity)
-    })
-
-    // Open activity history
-    cy.get(getTestSelector('mini-portfolio-navbar')).contains('Activity').click()
-
-    // Ensure gql and local order have been deduped, such that there is one swap activity listed
-    cy.get(getTestSelector('activity-content')).contains('Swapped').should('have.length', 1)
-  })
-
-  it('balances should refetch after uniswapx swap', () => {
-    // Setup a swap
-    cy.get('#swap-currency-input .token-amount-input').type('300')
-
-    const gqlSpy = cy.spy().as('gqlSpy')
-    cy.intercept(/graphql/, (req) => {
-      // Spy on request frequency
-      req.on('response', gqlSpy)
-      // Reply with a fixture to speed up test
-      req.reply({
-        fixture: 'mini-portfolio/tokens.json',
-      })
-    })
-
-    // Expect balances to fetch upon opening mini portfolio
-    cy.get(getTestSelector('web3-status-connected')).click()
-    cy.get('@gqlSpy').should('have.been.calledOnce')
-
-    // Submit uniswapx order signature
-    cy.get('#swap-button').click()
-    cy.contains('Confirm swap').click()
-
-    // Expect balances to refetch after approval
-    cy.get('@gqlSpy').should('have.been.calledTwice')
-
-    // Return filled order status from uniswapx api
-    cy.intercept(OrderStatusEndpoint, { fixture: 'uniswapx/filledStatusResponse.json' })
-
-    // Expect balances to refetch after swap
-    cy.get('@gqlSpy').should('have.been.calledThrice')
-  })
-})

cypress/e2e/swap/wrap.test.ts

@@ -6,7 +6,9 @@ const WETH = WETH9[ChainId.MAINNET]
 
 describe('Swap wrap', () => {
   beforeEach(() => {
-    cy.visit(`/swap?inputCurrency=ETH&outputCurrency=${WETH.address}`).hardhat({ automine: false })
+    cy.visit(`/swap?inputCurrency=ETH&outputCurrency=${WETH.address}`, { ethereum: 'hardhat' }).hardhat({
+      automine: false,
+    })
   })
 
   it('ETH to wETH is same value (wrapped swaps have no price impact)', () => {

cypress/e2e/token-details.test.ts

@@ -1,5 +1,4 @@
 import { ChainId, WETH9 } from '@uniswap/sdk-core'
-import { FeatureFlag } from 'featureFlags'
 
 import { ARB, UNI } from '../../src/constants/tokens'
 import { getTestSelector } from '../utils'
@@ -15,9 +14,8 @@ describe('Token details', () => {
 
   it('Uniswap token should have all information populated', () => {
     // Uniswap token
-    cy.visit(`/tokens/ethereum/${UNI_ADDRESS}`, {
-      featureFlags: [{ name: FeatureFlag.infoTDP, value: false }],
-    })
+    cy.visit(`/tokens/ethereum/${UNI_ADDRESS}`)
+
     // Price chart should be filled in
     cy.get('[data-cy="chart-header"]').should('include.text', '$')
     cy.get('[data-cy="price-chart"]').should('exist')
@@ -49,50 +47,41 @@ describe('Token details', () => {
     cy.contains(UNI_ADDRESS).should('exist')
   })
 
-  it('Uniswap token should have correct stats boxes if infoTDP flag on', () => {
-    // Uniswap token
-    cy.visit(`/tokens/ethereum/${UNI_ADDRESS}`, {
-      featureFlags: [{ name: FeatureFlag.infoTDP, value: true }],
-    })
-
-    // Stats should have: TVL, FDV, market cap, 24H volume
-    cy.get(getTestSelector('token-details-stats')).should('exist')
-    cy.get(getTestSelector('token-details-stats')).within(() => {
-      cy.get('[data-cy="tvl"]').should('include.text', '$')
-      cy.get('[data-cy="fdv"]').should('include.text', '$')
-      cy.get('[data-cy="market-cap"]').should('include.text', '$')
-      cy.get('[data-cy="volume-24h"]').should('include.text', '$')
-    })
-  })
-
   it('token with warning and low trading volume should have all information populated', () => {
-    // Null token created for this test, 0 trading volume and has warning modal
-    cy.visit('/tokens/ethereum/0x1eFBB78C8b917f67986BcE54cE575069c0143681')
+    // Shiba predator token, low trading volume and also has warning modal
+    cy.visit('/tokens/ethereum/0xa71d0588EAf47f12B13cF8eC750430d21DF04974')
 
     // Should have missing price chart when price unavailable (expected for this token)
-    if (cy.get('[data-cy="chart-header"]').contains('Price unavailable')) {
+    if (cy.get('[data-cy="chart-header"]').contains('Price Unavailable')) {
       cy.get('[data-cy="missing-chart"]').should('exist')
     }
-
-    // Stats should not exist
-    cy.get(getTestSelector('token-details-stats')).should('not.exist')
+    // Stats should have: TVL, 24H Volume, 52W low, 52W high
+    cy.get(getTestSelector('token-details-stats')).should('exist')
+    cy.get(getTestSelector('token-details-stats')).within(() => {
+      cy.get('[data-cy="tvl"]').should('exist')
+      cy.get('[data-cy="volume-24h"]').should('exist')
+      cy.get('[data-cy="52w-low"]').should('exist')
+      cy.get('[data-cy="52w-high"]').should('exist')
+    })
 
     // About section should have description of token
     cy.get(getTestSelector('token-details-about-section')).should('exist')
-    cy.contains('No token information available').should('exist')
+    cy.contains('QOM is the Shiba Predator').should('exist')
 
-    // Links section should link out to Etherscan, More analytics
+    // Links section should link out to Etherscan, More analytics, Website, Twitter
     cy.get('[data-cy="resources-container"]').within(() => {
       cy.contains('Etherscan')
         .should('have.attr', 'href')
-        .and('include', 'etherscan.io/address/0x1eFBB78C8b917f67986BcE54cE575069c0143681')
+        .and('include', 'etherscan.io/address/0xa71d0588EAf47f12B13cF8eC750430d21DF04974')
       cy.contains('More analytics')
         .should('have.attr', 'href')
-        .and('include', 'info.uniswap.org/#/tokens/0x1eFBB78C8b917f67986BcE54cE575069c0143681')
+        .and('include', 'info.uniswap.org/#/tokens/0xa71d0588EAf47f12B13cF8eC750430d21DF04974')
+      cy.contains('Website').should('have.attr', 'href').and('include', 'qom')
+      cy.contains('Twitter').should('have.attr', 'href').and('include', 'twitter.com/ShibaPredator1')
     })
 
     // Contract address should be displayed
-    cy.contains('0x1eFBB78C8b917f67986BcE54cE575069c0143681').should('exist')
+    cy.contains('0xa71d0588EAf47f12B13cF8eC750430d21DF04974').should('exist')
 
     // Warning label should show if relevant ([spec](https://www.notion.so/3f7fce6f93694be08a94a6984d50298e))
     cy.get('[data-cy="token-safety-message"]')
@@ -104,7 +93,9 @@ describe('Token details', () => {
     beforeEach(() => {
       // On mobile widths, we just link back to /swap instead of rendering the swap component.
       cy.viewport(1200, 800)
-      cy.visit(`/tokens/ethereum/${UNI_MAINNET.address}`).then(() => {
+      cy.visit(`/tokens/ethereum/${UNI_MAINNET.address}`, {
+        ethereum: 'hardhat',
+      }).then(() => {
         cy.wait('@eth_blockNumber')
         cy.scrollTo('top')
       })
@@ -119,7 +110,7 @@ describe('Token details', () => {
 
     it('should automatically navigate to the new TDP', () => {
       cy.get(`#swap-currency-output .open-currency-select-button`).click()
-      cy.get('[data-reach-dialog-content]').contains('WETH').click()
+      cy.contains('WETH').click()
       cy.url().should('include', `${WETH9[1].address}`)
       cy.url().should('not.include', `${UNI_MAINNET.address}`)
     })
@@ -154,7 +145,7 @@ describe('Token details', () => {
     })
 
     it('should show a L2 token even if the user is connected to a different network', () => {
-      cy.visit('/tokens')
+      cy.visit('/tokens', { ethereum: 'hardhat' })
       cy.get(getTestSelector('tokens-network-filter-selected')).click()
       cy.get(getTestSelector('tokens-network-filter-option-arbitrum')).click()
       cy.get(getTestSelector('tokens-network-filter-selected')).should('contain', 'Arbitrum')

cypress/e2e/token-explore-filter.test.ts

@@ -11,10 +11,6 @@ describe('Token explore filter', () => {
 
   function searchFor(filter: string) {
     cy.get('[data-cy="explore-tokens-search-input"]').clear().type(filter).type('{enter}')
-    // wait for it to finish the filtered render
-    cy.get('[data-cy="token-name"]').first().contains(filter, {
-      matchCase: false,
-    })
   }
 
   it('should filter correctly by dao search term', () => {
@@ -22,9 +18,7 @@ describe('Token explore filter', () => {
     searchFor('dao')
 
     cy.get('@filteredTokens').then((filteredTokens) => {
-      cy.get('[data-cy="token-name"]').then((tokens) => {
-        cy.wrap(Array.from(tokens)).should('deep.equal', Array.from(filteredTokens))
-      })
+      cy.get('[data-cy="token-name"]').should('deep.equal', filteredTokens)
     })
   })
 })

cypress/e2e/token-explore.test.ts

@@ -36,7 +36,7 @@ describe('Token explore', () => {
       .then(function ($elem) {
         cy.wrap($elem.text()).as('yearlyEthVol')
       })
-    cy.get('@dailyEthVol').should('not.equal', cy.get('@yearlyEthVol'))
+    expect(cy.get('@dailyEthVol')).to.not.equal(cy.get('@yearlyEthVol'))
   })
 
   it('should navigate to token detail page when row clicked', () => {
@@ -59,7 +59,9 @@ describe('Token explore', () => {
     // in metamask modal using plain cypress. this is a workaround.
     cy.visit('/tokens/polygon')
     cy.get(getTestSelector('tokens-network-filter-selected')).should('contain', 'Polygon')
-    cy.get(getTestSelector('token-table-row-NATIVE')).find(getTestSelector('name-cell')).should('include.text', 'Matic')
+    cy.get(getTestSelector('token-table-row-NATIVE'))
+      .find(getTestSelector('name-cell'))
+      .should('include.text', 'Polygon Matic')
   })
 
   it('should update when token explore table network changed', () => {
@@ -67,6 +69,8 @@ describe('Token explore', () => {
     cy.get(getTestSelector('tokens-network-filter-selected')).click()
     cy.get(getTestSelector('tokens-network-filter-option-optimism')).click()
     cy.get(getTestSelector('tokens-network-filter-selected')).should('contain', 'Optimism')
-    cy.get(getTestSelector('chain-selector-logo')).find('title').should('include.text', 'Ethereum logo')
+    cy.reload()
+    cy.get(getTestSelector('tokens-network-filter-selected')).should('contain', 'Optimism')
+    cy.get(getTestSelector('chain-selector-logo')).invoke('attr', 'alt').should('eq', 'Ethereum')
   })
 })

cypress/e2e/universal-search.test.ts

@@ -1,10 +1,3 @@
-import { ChainId } from '@uniswap/sdk-core'
-import { UNI } from 'constants/tokens'
-
-import { getTestSelector } from '../utils'
-
-const UNI_ADDRESS = UNI[ChainId.MAINNET].address.toLowerCase()
-
 describe('Universal search bar', () => {
   function openSearch() {
     // can't just type "/" because on mobile it doesn't respond to that
@@ -13,30 +6,23 @@ describe('Universal search bar', () => {
 
   beforeEach(() => {
     cy.visit('/')
+    openSearch()
   })
 
   function getSearchBar() {
     return cy.get('[data-cy="search-bar-input"]').last()
   }
 
-  it('should yield clickable result that is then added to recent searches', () => {
-    // Search for UNI token by name.
-    openSearch()
+  it('should yield clickable result for regular token or nft collection search term', () => {
+    // Search for uni token by name.
     getSearchBar().clear().type('uni')
-
-    cy.get(getTestSelector(`searchbar-token-row-ETHEREUM-${UNI_ADDRESS}`))
+    cy.get('[data-cy="searchbar-token-row-UNI"]')
       .should('contain.text', 'Uniswap')
       .and('contain.text', 'UNI')
       .and('contain.text', '$')
       .and('contain.text', '%')
-      .click()
-    cy.location('pathname').should('equal', '/tokens/ethereum/0x1f9840a85d5af5bf1d1762f925bdaddc4201f984')
-
-    openSearch()
-    cy.get(getTestSelector('searchbar-dropdown'))
-      .contains(getTestSelector('searchbar-dropdown'), 'Recent searches')
-      .find(getTestSelector(`searchbar-token-row-ETHEREUM-${UNI_ADDRESS}`))
-      .should('exist')
+    cy.get('[data-cy="searchbar-token-row-UNI"]').first().click()
+    cy.location('hash').should('equal', '#/tokens/ethereum/0x1f9840a85d5af5bf1d1762f925bdaddc4201f984')
   })
 
   it(
@@ -44,29 +30,62 @@ describe('Universal search bar', () => {
     // this test is experiencing flake despite being correct, i can see the right value in DOM
     // but for some reason cypress doesn't find it, so adding retries for now :/
     {
-      // @ts-ignore see https://uniswapteam.slack.com/archives/C047U65H422/p1691455547556309
-      // basically cypress has bad types due to overlap with jest and you just have to deal with it
-      // i tried removing jest types but still happens
       retries: {
         runMode: 3,
         openMode: 3,
       },
     },
     () => {
-      // Seed recent results with UNI.
-      openSearch()
+      // Search for uni token by name.
       getSearchBar().type('uni')
-      cy.get(getTestSelector(`searchbar-token-row-ETHEREUM-${UNI_ADDRESS}`))
-      getSearchBar().clear().type('{esc}')
+      cy.get('[data-cy="searchbar-token-row-UNI"]')
+
+      // Clear search
+      getSearchBar().clear()
+
+      // Close search
+      getSearchBar().type('{esc}')
+
+      openSearch()
 
       // Search a different token by name.
-      openSearch()
       getSearchBar().type('eth')
-      cy.get(getTestSelector('searchbar-token-row-ETHEREUM-NATIVE'))
 
-      // Validate that we go to the searched/selected result.
-      cy.get(getTestSelector('searchbar-token-row-ETHEREUM-NATIVE')).click()
+      // Validate ETH result now exists.
+      cy.get('[data-cy="searchbar-token-row-ETH"]')
+
+      // Hit enter
+      getSearchBar().type('{enter}')
+
+      // Validate we went to ethereum address
       cy.url().should('contain', 'tokens/ethereum/NATIVE')
     }
   )
+
+  it.skip('should show recent tokens and popular tokens with empty search term', () => {
+    cy.get('[data-cy="magnifying-icon"]')
+      .parent()
+      .then(($navIcon) => {
+        $navIcon.click()
+      })
+    // Recently searched UNI token should exist.
+    getSearchBar().clear()
+    cy.get('[data-cy="searchbar-dropdown"]')
+      .contains('[data-cy="searchbar-dropdown"]', 'Recent searches')
+      .find('[data-cy="searchbar-token-row-UNI"]')
+      .should('exist')
+
+    // Most popular 3 tokens should be shown.
+    cy.get('[data-cy="searchbar-dropdown"]')
+      .contains('[data-cy="searchbar-dropdown"]', 'Popular tokens')
+      .find('[data-cy^="searchbar-token-row"]')
+      .its('length')
+      .should('be.eq', 3)
+  })
+
+  it.skip('should show blocked badge when blocked token is searched for', () => {
+    // Search for mTSLA, which is a blocked token.
+    getSearchBar().clear().type('mtsla')
+    cy.get('[data-cy="searchbar-token-row-mTSLA"]').find('[data-cy="blocked-icon"]').should('exist')
+  })
 })

cypress/e2e/wallet-connection/connect.test.ts

@@ -3,7 +3,7 @@ import { DISCONNECTED_WALLET_USER_STATE } from '../../utils/user-state'
 
 describe('disconnect wallet', () => {
   it('should clear state', () => {
-    cy.visit('/swap')
+    cy.visit('/swap', { ethereum: 'hardhat' })
     cy.get('#swap-currency-input .token-amount-input').clear().type('1')
 
     // Verify wallet is connected
@@ -19,16 +19,16 @@ describe('disconnect wallet', () => {
     // Verify wallet has disconnected
     cy.contains('Connect a wallet').should('exist')
     cy.get(getTestSelector('navbar-connect-wallet')).contains('Connect')
-    cy.contains('Connect wallet')
+    cy.contains('Connect Wallet')
 
     // Verify swap input is cleared
-    cy.get('#swap-currency-input .token-amount-input').should('have.value', '1')
+    cy.get('#swap-currency-input .token-amount-input').should('have.value', '')
   })
 })
 
 describe('connect wallet', () => {
   it('should load state', () => {
-    cy.visit('/swap', { userState: DISCONNECTED_WALLET_USER_STATE })
+    cy.visit('/swap', { ethereum: 'hardhat', userState: DISCONNECTED_WALLET_USER_STATE })
 
     // Connect the wallet
     cy.get(getTestSelector('navbar-connect-wallet')).contains('Connect').click()

cypress/e2e/wallet-connection/switch-network.test.ts

@@ -2,7 +2,7 @@ import { createDeferredPromise } from '../../../src/test-utils/promise'
 import { getTestSelector } from '../../utils'
 
 function waitsForActiveChain(chain: string) {
-  cy.get(getTestSelector('chain-selector-logo')).find('title').should('include.text', `${chain} logo`)
+  cy.get(getTestSelector('chain-selector-logo')).invoke('attr', 'alt').should('eq', chain)
 }
 
 function switchChain(chain: string) {
@@ -12,7 +12,7 @@ function switchChain(chain: string) {
 
 describe('network switching', () => {
   beforeEach(() => {
-    cy.visit('/swap')
+    cy.visit('/swap', { ethereum: 'hardhat' })
     cy.get(getTestSelector('web3-status-connected'))
   })
 
@@ -123,14 +123,14 @@ describe('network switching', () => {
 
 describe('network switching from URL param', () => {
   it('should switch network from URL param', () => {
-    cy.visit('/swap?chain=polygon')
+    cy.visit('/swap?chain=polygon', { ethereum: 'hardhat' })
     cy.get(getTestSelector('web3-status-connected'))
     cy.wait('@wallet_switchEthereumChain')
     waitsForActiveChain('Polygon')
   })
 
   it('should be able to switch network after loading from URL param', () => {
-    cy.visit('/swap?chain=polygon')
+    cy.visit('/swap?chain=polygon', { ethereum: 'hardhat' })
     cy.get(getTestSelector('web3-status-connected'))
     cy.wait('@wallet_switchEthereumChain')
     waitsForActiveChain('Polygon')

cypress/e2e/wallet-dropdown.test.ts

@@ -1,5 +1,3 @@
-import { FeatureFlag } from 'featureFlags'
-
 import { getTestSelector } from '../utils'
 
 describe('Wallet Dropdown', () => {
@@ -23,20 +21,16 @@ describe('Wallet Dropdown', () => {
     })
   }
 
-  function itChangesLocale({ featureFlag = false }: { featureFlag?: boolean } = {}) {
+  function itChangesLocale() {
     it('should change locale', () => {
       cy.contains('Uniswap available in: English').should('not.exist')
 
-      if (featureFlag) {
-        cy.get(getTestSelector('language-settings-button')).click()
-      }
-
       cy.get(getTestSelector('wallet-language-item')).contains('Afrikaans').click({ force: true })
-      cy.location('search').should('match', /\?lng=af-ZA$/)
+      cy.location('hash').should('match', /\?lng=af-ZA$/)
       cy.contains('Uniswap available in: English')
 
       cy.get(getTestSelector('wallet-language-item')).contains('English').click({ force: true })
-      cy.location('search').should('match', /\?lng=en-US$/)
+      cy.location('hash').should('match', /\?lng=en-US$/)
       cy.contains('Uniswap available in: English').should('not.exist')
     })
   }
@@ -49,43 +43,6 @@ describe('Wallet Dropdown', () => {
     })
     itChangesTheme()
     itChangesLocale()
-
-    it('should not show buy crypto button in uk', () => {
-      cy.document().then((doc) => {
-        const meta = document.createElement('meta')
-        meta.setAttribute('property', 'x:blocked-paths')
-        meta.setAttribute('content', '/,/nfts,/buy')
-        doc.head.appendChild(meta)
-      })
-      cy.get(getTestSelector('wallet-buy-crypto')).should('not.exist')
-    })
-  })
-
-  describe('do not render buy button when /buy is blocked', () => {
-    beforeEach(() => {
-      cy.document().then((doc) => {
-        const meta = document.createElement('meta')
-        meta.setAttribute('property', 'x:blocked-paths')
-        meta.setAttribute('content', '/buy')
-        doc.head.appendChild(meta)
-      })
-      cy.visit('/')
-      cy.get(getTestSelector('web3-status-connected')).click()
-      cy.get(getTestSelector('wallet-settings')).click()
-    })
-
-    it('should not render buy button', () => {
-      cy.get(getTestSelector('wallet-buy-crypto')).should('not.exist')
-    })
-  })
-
-  describe('should change locale with feature flag', () => {
-    beforeEach(() => {
-      cy.visit('/', { featureFlags: [{ name: FeatureFlag.currencyConversion, value: true }] })
-      cy.get(getTestSelector('web3-status-connected')).click()
-      cy.get(getTestSelector('wallet-settings')).click()
-    })
-    itChangesLocale({ featureFlag: true })
   })
 
   describe('testnet toggle', () => {
@@ -143,7 +100,7 @@ describe('Wallet Dropdown', () => {
       cy.get(getTestSelector('web3-status-connected')).click()
       cy.get(getTestSelector('wallet-settings')).click()
       cy.get(getTestSelector('theme-auto')).click()
-      cy.get(getTestSelector('wallet-header')).should('have.css', 'color', 'rgb(155, 155, 155)')
+      cy.get(getTestSelector('wallet-header')).should('have.css', 'color', 'rgb(152, 161, 192)')
     })
 
     it('should properly use light system theme when auto theme setting is selected', () => {
@@ -151,7 +108,7 @@ describe('Wallet Dropdown', () => {
       cy.get(getTestSelector('web3-status-connected')).click()
       cy.get(getTestSelector('wallet-settings')).click()
       cy.get(getTestSelector('theme-auto')).click()
-      cy.get(getTestSelector('wallet-header')).should('have.css', 'color', 'rgb(125, 125, 125)')
+      cy.get(getTestSelector('wallet-header')).should('have.css', 'color', 'rgb(119, 128, 160)')
     })
   })
 
@@ -172,34 +129,4 @@ describe('Wallet Dropdown', () => {
       cy.get(getTestSelector('wallet-settings')).should('not.be.visible')
     })
   })
-
-  describe('local currency', () => {
-    it('loads local currency from the query param', () => {
-      cy.visit('/', { featureFlags: [{ name: FeatureFlag.currencyConversion, value: true }] })
-      cy.get(getTestSelector('web3-status-connected')).click()
-      cy.get(getTestSelector('wallet-settings')).click()
-      cy.contains('USD')
-
-      cy.visit('/?cur=AUD', { featureFlags: [{ name: FeatureFlag.currencyConversion, value: true }] })
-      cy.get(getTestSelector('web3-status-connected')).click()
-      cy.get(getTestSelector('wallet-settings')).click()
-      cy.contains('AUD')
-    })
-
-    it('loads local currency from menu', () => {
-      cy.visit('/', { featureFlags: [{ name: FeatureFlag.currencyConversion, value: true }] })
-      cy.get(getTestSelector('web3-status-connected')).click()
-      cy.get(getTestSelector('wallet-settings')).click()
-      cy.contains('USD')
-
-      cy.get(getTestSelector('local-currency-settings-button')).click()
-      cy.get(getTestSelector('wallet-local-currency-item')).contains('AUD').click({ force: true })
-      cy.location('search').should('match', /\?cur=AUD$/)
-      cy.contains('AUD')
-
-      cy.get(getTestSelector('wallet-local-currency-item')).contains('USD').click({ force: true })
-      cy.location('search').should('match', /\?cur=USD$/)
-      cy.contains('USD')
-    })
-  })
 })

cypress/fixtures/insufficientLiquidity.json

@@ -1,5 +0,0 @@
-{
-  "errorCode": "QUOTE_ERROR",
-  "detail": "No quotes available",
-  "id": "63363cc1-d474-4584-b386-7c356814b79f"
-}

cypress/fixtures/mini-portfolio/empty_activity.json

@@ -1,12 +0,0 @@
-{
-  "data": {
-    "portfolios": [
-      {
-        "id": "UG9ydGZvbGlvOjB4ZjM5RmQ2ZTUxYWFkODhGNkY0Y2U2YUI4ODI3Mjc5Y2ZmRmI5MjI2Ng==",
-        "assetActivities": [],
-        "__typename": "Portfolio"
-      }
-    ]
-  },
-  "errors": []
-}

cypress/fixtures/mini-portfolio/full_activity.json

@@ -1,580 +0,0 @@
-{
-  "data": {
-    "portfolios": [
-      {
-        "id": "UG9ydGZvbGlvOjB4ZjM5RmQ2ZTUxYWFkODhGNkY0Y2U2YUI4ODI3Mjc5Y2ZmRmI5MjI2Ng==",
-        "assetActivities": [
-          {
-            "id": "QXNzZXRBY3Rpdml0eTpWSEpoYm5OaFkzUnBiMjQ2TUhnM09EQm1NamcwTURSak1qRXpPRGd6TVRVM00yRXdOakJtTVRaaE1UQTNaV0ZtTW1Jd01qazFZbUZqTmpjNU5tUm1ZamN5TW1WbVl6VmpPVE5tTmpRM1h6QjRaak01Wm1RMlpUVXhZV0ZrT0RobU5tWTBZMlUyWVdJNE9ESTNNamM1WTJabVptSTVNakkyTmw4d2VEQXdNREF3TURBek1HWTBPV0ptTW1Vd01ESmxOakJqTm1Wa01UWTJNV1ppTWpNME5tUTRPREk9",
-            "timestamp": 1684364195,
-            "chain": "ETHEREUM",
-            "details": {
-              "__typename": "TransactionDetails",
-              "id": "VHJhbnNhY3Rpb246MHg3ODBmMjg0MDRjMjEzODgzMTU3M2EwNjBmMTZhMTA3ZWFmMmIwMjk1YmFjNjc5NmRmYjcyMmVmYzVjOTNmNjQ3XzB4ZjM5ZmQ2ZTUxYWFkODhmNmY0Y2U2YWI4ODI3Mjc5Y2ZmZmI5MjI2Nl8weDAwMDAwMDAzMGY0OWJmMmUwMDJlNjBjNmVkMTY2MWZiMjM0NmQ4ODI=",
-              "type": "UNKNOWN",
-              "blockNumber": 17282434,
-              "hash": "0x780f28404c2138831573a060f16a107eaf2b0295bac6796dfb722efc5c93f647",
-              "status": "CONFIRMED",
-              "to": "0x000000030f49bf2e002e60c6ed1661fb2346d882",
-              "from": "0xf39fd6e51aad88f6f4ce6ab8827279cfffb92266",
-              "nonce": 465,
-              "assetChanges": []
-            },
-            "__typename": "AssetActivity"
-          },
-          {
-            "id": "QXNzZXRBY3Rpdml0eTpWSEpoYm5OaFkzUnBiMjQ2TUhobFl6QTROMkpoTjJJMk4yUTFPVEEwTVdNMU5XTXdObU16TkdNNVlXVmhPVEUxTkRreVpUYzRNRFl4WldRd016TTBNMlprWmprMU1qa3dPR1U0WTJSa1h6QjRaR0psWmpNM05HWmtaamhrTnpNMVpUYzFPRGxoT1dFNVpUSmpOV0V3T1RGbFlqSmtZbVUxTjE4d2VHWXpPV1prTm1VMU1XRmhaRGc0WmpabU5HTmxObUZpT0RneU56STNPV05tWm1aaU9USXlOalk9",
-            "timestamp": 1684364135,
-            "chain": "ETHEREUM",
-            "details": {
-              "__typename": "TransactionDetails",
-              "id": "VHJhbnNhY3Rpb246MHhlYzA4N2JhN2I2N2Q1OTA0MWM1NWMwNmMzNGM5YWVhOTE1NDkyZTc4MDYxZWQwMzM0M2ZkZjk1MjkwOGU4Y2RkXzB4ZGJlZjM3NGZkZjhkNzM1ZTc1ODlhOWE5ZTJjNWEwOTFlYjJkYmU1N18weGYzOWZkNmU1MWFhZDg4ZjZmNGNlNmFiODgyNzI3OWNmZmZiOTIyNjY=",
-              "type": "RECEIVE",
-              "blockNumber": 17282429,
-              "hash": "0xec087ba7b67d59041c55c06c34c9aea915492e78061ed03343fdf952908e8cdd",
-              "status": "CONFIRMED",
-              "to": "0xf39fd6e51aad88f6f4ce6ab8827279cfffb92266",
-              "from": "0xdbef374fdf8d735e7589a9a9e2c5a091eb2dbe57",
-              "nonce": 66,
-              "assetChanges": [
-                {
-                  "__typename": "TokenTransfer",
-                  "id": "VG9rZW5UcmFuc2ZlcjoweGRiZWYzNzRmZGY4ZDczNWU3NTg5YTlhOWUyYzVhMDkxZWIyZGJlNTdfMHhmMzlmZDZlNTFhYWQ4OGY2ZjRjZTZhYjg4MjcyNzljZmZmYjkyMjY2XzB4ZWMwODdiYTdiNjdkNTkwNDFjNTVjMDZjMzRjOWFlYTkxNTQ5MmU3ODA2MWVkMDMzNDNmZGY5NTI5MDhlOGNkZA==",
-                  "asset": {
-                    "id": "VG9rZW46RVRIRVJFVU1fbnVsbA==",
-                    "name": "Ether",
-                    "symbol": "ETH",
-                    "address": null,
-                    "decimals": 18,
-                    "chain": "ETHEREUM",
-                    "standard": null,
-                    "project": {
-                      "id": "VG9rZW5Qcm9qZWN0OkVUSEVSRVVNX251bGw=",
-                      "isSpam": false,
-                      "logo": {
-                        "id": "SW1hZ2U6aHR0cHM6Ly90b2tlbi1pY29ucy5zMy5hbWF6b25hd3MuY29tL2V0aC5wbmc=",
-                        "url": "https://token-icons.s3.amazonaws.com/eth.png",
-                        "__typename": "Image"
-                      },
-                      "__typename": "TokenProject"
-                    },
-                    "__typename": "Token"
-                  },
-                  "tokenStandard": "NATIVE",
-                  "quantity": "0.001",
-                  "sender": "0xdbef374fdf8d735e7589a9a9e2c5a091eb2dbe57",
-                  "recipient": "0xf39fd6e51aad88f6f4ce6ab8827279cfffb92266",
-                  "direction": "IN",
-                  "transactedValue": {
-                    "id": "QW1vdW50OjEuODI5NjcwMDAwMDAwMDAwMV9VU0Q=",
-                    "currency": "USD",
-                    "value": 1.8296700000000001,
-                    "__typename": "Amount"
-                  }
-                }
-              ]
-            },
-            "__typename": "AssetActivity"
-          },
-          {
-            "id": "QXNzZXRBY3Rpdml0eTpWSEpoYm5OaFkzUnBiMjQ2TUhoaE9URXdPVFEwT1Rka01UVmpNelpsWWprd1pXUXpZVEkwWW1Wa09ESTBOalpqWmpKaU9URXpNV1l4WkRVMk1EUmlNelppWW1aallqRTBOMkUzTURnNFh6QjRaV1JoTldVeE9ERXhORFppTVdZNVlUZG1OREJtT0RWak1HUmhNek0wT1RNNE5ESXdaRFV4TkY4d2VHWXpPV1prTm1VMU1XRmhaRGc0WmpabU5HTmxObUZpT0RneU56STNPV05tWm1aaU9USXlOalk9",
-            "timestamp": 1684319903,
-            "chain": "ETHEREUM",
-            "details": {
-              "id": "VHJhbnNhY3Rpb246MHhhOTEwOTQ0OTdkMTVjMzZlYjkwZWQzYTI0YmVkODI0NjZjZjJiOTEzMWYxZDU2MDRiMzZiYmZjYjE0N2E3MDg4XzB4ZWRhNWUxODExNDZiMWY5YTdmNDBmODVjMGRhMzM0OTM4NDIwZDUxNF8weGYzOWZkNmU1MWFhZDg4ZjZmNGNlNmFiODgyNzI3OWNmZmZiOTIyNjY=",
-              "type": "RECEIVE",
-              "blockNumber": 17278819,
-              "hash": "0xa91094497d15c36eb90ed3a24bed82466cf2b9131f1d5604b36bbfcb147a7088",
-              "status": "CONFIRMED",
-              "to": "0xf39fd6e51aad88f6f4ce6ab8827279cfffb92266",
-              "from": "0xeda5e181146b1f9a7f40f85c0da334938420d514",
-              "nonce": 5,
-              "__typename": "TransactionDetails",
-              "assetChanges": [
-                {
-                  "__typename": "TokenTransfer",
-                  "id": "VG9rZW5UcmFuc2ZlcjoweGVkYTVlMTgxMTQ2YjFmOWE3ZjQwZjg1YzBkYTMzNDkzODQyMGQ1MTRfMHhmMzlmZDZlNTFhYWQ4OGY2ZjRjZTZhYjg4MjcyNzljZmZmYjkyMjY2XzB4YTkxMDk0NDk3ZDE1YzM2ZWI5MGVkM2EyNGJlZDgyNDY2Y2YyYjkxMzFmMWQ1NjA0YjM2YmJmY2IxNDdhNzA4OA==",
-                  "asset": {
-                    "id": "VG9rZW46RVRIRVJFVU1fbnVsbA==",
-                    "name": "Ether",
-                    "symbol": "ETH",
-                    "address": null,
-                    "decimals": 18,
-                    "chain": "ETHEREUM",
-                    "standard": null,
-                    "project": {
-                      "id": "VG9rZW5Qcm9qZWN0OkVUSEVSRVVNX251bGw=",
-                      "isSpam": false,
-                      "logo": {
-                        "id": "SW1hZ2U6aHR0cHM6Ly90b2tlbi1pY29ucy5zMy5hbWF6b25hd3MuY29tL2V0aC5wbmc=",
-                        "url": "https://token-icons.s3.amazonaws.com/eth.png",
-                        "__typename": "Image"
-                      },
-                      "__typename": "TokenProject"
-                    },
-                    "__typename": "Token"
-                  },
-                  "tokenStandard": "NATIVE",
-                  "quantity": "0.15",
-                  "sender": "0xeda5e181146b1f9a7f40f85c0da334938420d514",
-                  "recipient": "0xf39fd6e51aad88f6f4ce6ab8827279cfffb92266",
-                  "direction": "IN",
-                  "transactedValue": {
-                    "id": "QW1vdW50OjI3NC40NTA1X1VTRA==",
-                    "currency": "USD",
-                    "value": 274.4505,
-                    "__typename": "Amount"
-                  }
-                }
-              ]
-            },
-            "__typename": "AssetActivity"
-          },
-          {
-            "id": "QXNzZXRBY3Rpdml0eTpWSEpoYm5OaFkzUnBiMjQ2TUhnMFkyUm1Nell6T0dRME1ERXdOV1U1WkRZMVlUZGxObUV6WVdFMlpHTXpNREZpWVRNNVpHTXlNV1ppT0dGaE5USTBNVFppT1ROaE5tWXhOVEUwTWpReVh6QjRaak01Wm1RMlpUVXhZV0ZrT0RobU5tWTBZMlUyWVdJNE9ESTNNamM1WTJabVptSTVNakkyTmw4d2VHUmxOR1F6WVRJME5XUXlZall4WW1WaE1tTmlaREl4TmpVNE1XVXlaR1ZrTmpWbFl6azFNRFE9",
-            "timestamp": 1684319903,
-            "chain": "ETHEREUM",
-            "details": {
-              "id": "VHJhbnNhY3Rpb246MHg0Y2RmMzYzOGQ0MDEwNWU5ZDY1YTdlNmEzYWE2ZGMzMDFiYTM5ZGMyMWZiOGFhNTI0MTZiOTNhNmYxNTE0MjQyXzB4ZjM5ZmQ2ZTUxYWFkODhmNmY0Y2U2YWI4ODI3Mjc5Y2ZmZmI5MjI2Nl8weGRlNGQzYTI0NWQyYjYxYmVhMmNiZDIxNjU4MWUyZGVkNjVlYzk1MDQ=",
-              "type": "SEND",
-              "blockNumber": 17278819,
-              "hash": "0x4cdf3638d40105e9d65a7e6a3aa6dc301ba39dc21fb8aa52416b93a6f1514242",
-              "status": "CONFIRMED",
-              "to": "0xde4d3a245d2b61bea2cbd216581e2ded65ec9504",
-              "from": "0xf39fd6e51aad88f6f4ce6ab8827279cfffb92266",
-              "nonce": 464,
-              "__typename": "TransactionDetails",
-              "assetChanges": [
-                {
-                  "__typename": "TokenTransfer",
-                  "id": "VG9rZW5UcmFuc2ZlcjoweGYzOWZkNmU1MWFhZDg4ZjZmNGNlNmFiODgyNzI3OWNmZmZiOTIyNjZfMHhkZTRkM2EyNDVkMmI2MWJlYTJjYmQyMTY1ODFlMmRlZDY1ZWM5NTA0XzB4NGNkZjM2MzhkNDAxMDVlOWQ2NWE3ZTZhM2FhNmRjMzAxYmEzOWRjMjFmYjhhYTUyNDE2YjkzYTZmMTUxNDI0Mg==",
-                  "asset": {
-                    "id": "VG9rZW46RVRIRVJFVU1fbnVsbA==",
-                    "name": "Ether",
-                    "symbol": "ETH",
-                    "address": null,
-                    "decimals": 18,
-                    "chain": "ETHEREUM",
-                    "standard": null,
-                    "project": {
-                      "id": "VG9rZW5Qcm9qZWN0OkVUSEVSRVVNX251bGw=",
-                      "isSpam": false,
-                      "logo": {
-                        "id": "SW1hZ2U6aHR0cHM6Ly90b2tlbi1pY29ucy5zMy5hbWF6b25hd3MuY29tL2V0aC5wbmc=",
-                        "url": "https://token-icons.s3.amazonaws.com/eth.png",
-                        "__typename": "Image"
-                      },
-                      "__typename": "TokenProject"
-                    },
-                    "__typename": "Token"
-                  },
-                  "tokenStandard": "NATIVE",
-                  "quantity": "0.00134999999999999",
-                  "sender": "0xf39fd6e51aad88f6f4ce6ab8827279cfffb92266",
-                  "recipient": "0xde4d3a245d2b61bea2cbd216581e2ded65ec9504",
-                  "direction": "OUT",
-                  "transactedValue": {
-                    "id": "QW1vdW50OjIuNDcwMDU0NDk5OTk5OTgyX1VTRA==",
-                    "currency": "USD",
-                    "value": 2.470054499999982,
-                    "__typename": "Amount"
-                  }
-                }
-              ]
-            },
-            "__typename": "AssetActivity"
-          },
-          {
-            "id": "QXNzZXRBY3Rpdml0eTpWSEpoYm5OaFkzUnBiMjQ2TUhnM04yRXhPVGRoWmpjek9EUXpNRFk0WVRCaVlqUmlaV1V6WWpabFptWmxaakpsTkdZMFptTXlNR1UxWVRGbVltSTBOak14WXpoak1UQTROMk15WWpjM1h6QjRaak01Wm1RMlpUVXhZV0ZrT0RobU5tWTBZMlUyWVdJNE9ESTNNamM1WTJabVptSTVNakkyTmw4d2VHWTFZekZoTnpCbU5qY3pPV0k1TW1ZNU4yTmtOVE5qTXpFMk1ETTJNbU14TXpBMVpUa3hZVGc9",
-            "timestamp": 1684202579,
-            "chain": "ETHEREUM",
-            "details": {
-              "id": "VHJhbnNhY3Rpb246MHg3N2ExOTdhZjczODQzMDY4YTBiYjRiZWUzYjZlZmZlZjJlNGY0ZmMyMGU1YTFmYmI0NjMxYzhjMTA4N2MyYjc3XzB4ZjM5ZmQ2ZTUxYWFkODhmNmY0Y2U2YWI4ODI3Mjc5Y2ZmZmI5MjI2Nl8weGY1YzFhNzBmNjczOWI5MmY5N2NkNTNjMzE2MDM2MmMxMzA1ZTkxYTg=",
-              "type": "SEND",
-              "blockNumber": 17269191,
-              "hash": "0x77a197af73843068a0bb4bee3b6effef2e4f4fc20e5a1fbb4631c8c1087c2b77",
-              "status": "CONFIRMED",
-              "to": "0xf5c1a70f6739b92f97cd53c3160362c1305e91a8",
-              "from": "0xf39fd6e51aad88f6f4ce6ab8827279cfffb92266",
-              "nonce": 463,
-              "__typename": "TransactionDetails",
-              "assetChanges": [
-                {
-                  "__typename": "TokenTransfer",
-                  "id": "VG9rZW5UcmFuc2ZlcjoweGYzOWZkNmU1MWFhZDg4ZjZmNGNlNmFiODgyNzI3OWNmZmZiOTIyNjZfMHhmNWMxYTcwZjY3MzliOTJmOTdjZDUzYzMxNjAzNjJjMTMwNWU5MWE4XzB4NzdhMTk3YWY3Mzg0MzA2OGEwYmI0YmVlM2I2ZWZmZWYyZTRmNGZjMjBlNWExZmJiNDYzMWM4YzEwODdjMmI3Nw==",
-                  "asset": {
-                    "id": "VG9rZW46RVRIRVJFVU1fbnVsbA==",
-                    "name": "Ether",
-                    "symbol": "ETH",
-                    "address": null,
-                    "decimals": 18,
-                    "chain": "ETHEREUM",
-                    "standard": null,
-                    "project": {
-                      "id": "VG9rZW5Qcm9qZWN0OkVUSEVSRVVNX251bGw=",
-                      "isSpam": false,
-                      "logo": {
-                        "id": "SW1hZ2U6aHR0cHM6Ly90b2tlbi1pY29ucy5zMy5hbWF6b25hd3MuY29tL2V0aC5wbmc=",
-                        "url": "https://token-icons.s3.amazonaws.com/eth.png",
-                        "__typename": "Image"
-                      },
-                      "__typename": "TokenProject"
-                    },
-                    "__typename": "Token"
-                  },
-                  "tokenStandard": "NATIVE",
-                  "quantity": "0.001216034894406018",
-                  "sender": "0xf39fd6e51aad88f6f4ce6ab8827279cfffb92266",
-                  "recipient": "0xf5c1a70f6739b92f97cd53c3160362c1305e91a8",
-                  "direction": "OUT",
-                  "transactedValue": {
-                    "id": "QW1vdW50OjIuMjI0OTQyNTY1MjQ3ODU5X1VTRA==",
-                    "currency": "USD",
-                    "value": 2.224942565247859,
-                    "__typename": "Amount"
-                  }
-                }
-              ]
-            },
-            "__typename": "AssetActivity"
-          },
-          {
-            "id": "QXNzZXRBY3Rpdml0eTpWSEpoYm5OaFkzUnBiMjQ2TUhnMlpXSmtZbVJrTVRZMk0yVmxNV1ZrT0RVeE16TXlZelUyWmpkall6YzJaV1ZqTVROaE5qTm1PVEkxTldOa1ltWXlZVEUxWWpReFl6azBPVGhrWW1Wa1h6QjROREZpTXpBNU1qTTJZemczWWpGaVl6Wm1ZVGhsWWpnMk5UZ3pNMlUwTkRFMU9HWmhPVGt4WVY4d2VHWXpPV1prTm1VMU1XRmhaRGc0WmpabU5HTmxObUZpT0RneU56STNPV05tWm1aaU9USXlOalk9",
-            "timestamp": 1684202579,
-            "chain": "ETHEREUM",
-            "details": {
-              "id": "VHJhbnNhY3Rpb246MHg2ZWJkYmRkMTY2M2VlMWVkODUxMzMyYzU2ZjdjYzc2ZWVjMTNhNjNmOTI1NWNkYmYyYTE1YjQxYzk0OThkYmVkXzB4NDFiMzA5MjM2Yzg3YjFiYzZmYThlYjg2NTgzM2U0NDE1OGZhOTkxYV8weGYzOWZkNmU1MWFhZDg4ZjZmNGNlNmFiODgyNzI3OWNmZmZiOTIyNjY=",
-              "type": "RECEIVE",
-              "blockNumber": 17269191,
-              "hash": "0x6ebdbdd1663ee1ed851332c56f7cc76eec13a63f9255cdbf2a15b41c9498dbed",
-              "status": "CONFIRMED",
-              "to": "0xf39fd6e51aad88f6f4ce6ab8827279cfffb92266",
-              "from": "0x41b309236c87b1bc6fa8eb865833e44158fa991a",
-              "nonce": 111266,
-              "__typename": "TransactionDetails",
-              "assetChanges": [
-                {
-                  "__typename": "TokenTransfer",
-                  "id": "VG9rZW5UcmFuc2ZlcjoweDQxYjMwOTIzNmM4N2IxYmM2ZmE4ZWI4NjU4MzNlNDQxNThmYTk5MWFfMHhmMzlmZDZlNTFhYWQ4OGY2ZjRjZTZhYjg4MjcyNzljZmZmYjkyMjY2XzB4NmViZGJkZDE2NjNlZTFlZDg1MTMzMmM1NmY3Y2M3NmVlYzEzYTYzZjkyNTVjZGJmMmExNWI0MWM5NDk4ZGJlZA==",
-                  "asset": {
-                    "id": "VG9rZW46RVRIRVJFVU1fbnVsbA==",
-                    "name": "Ether",
-                    "symbol": "ETH",
-                    "address": null,
-                    "decimals": 18,
-                    "chain": "ETHEREUM",
-                    "standard": null,
-                    "project": {
-                      "id": "VG9rZW5Qcm9qZWN0OkVUSEVSRVVNX251bGw=",
-                      "isSpam": false,
-                      "logo": {
-                        "id": "SW1hZ2U6aHR0cHM6Ly90b2tlbi1pY29ucy5zMy5hbWF6b25hd3MuY29tL2V0aC5wbmc=",
-                        "url": "https://token-icons.s3.amazonaws.com/eth.png",
-                        "__typename": "Image"
-                      },
-                      "__typename": "TokenProject"
-                    },
-                    "__typename": "Token"
-                  },
-                  "tokenStandard": "NATIVE",
-                  "quantity": "0.00275365",
-                  "sender": "0x41b309236c87b1bc6fa8eb865833e44158fa991a",
-                  "recipient": "0xf39fd6e51aad88f6f4ce6ab8827279cfffb92266",
-                  "direction": "IN",
-                  "transactedValue": {
-                    "id": "QW1vdW50OjUuMDM4MjcwNzk1NV9VU0Q=",
-                    "currency": "USD",
-                    "value": 5.0382707955,
-                    "__typename": "Amount"
-                  }
-                }
-              ]
-            },
-            "__typename": "AssetActivity"
-          },
-          {
-            "id": "QXNzZXRBY3Rpdml0eTpWSEpoYm5OaFkzUnBiMjQ2TUhnNU5EUmlNR00wTVROa1l6QmpNekU0TUdFelkyTTNZakUyT1RCbVlqZzBNRFExWm1FME9UTXpObUV5WmprNE16VmpORFpqTURsak1UY3lObUUzTm1aalh6QjRaak01Wm1RMlpUVXhZV0ZrT0RobU5tWTBZMlUyWVdJNE9ESTNNamM1WTJabVptSTVNakkyTmw4d2VEWXlNakJsTURoak9XUTJNMkZpTjJKaE1tVTFOalk0TXpsbU5ESTVaV1ZsWm1VeE9UbGlOMlU9",
-            "timestamp": 1684171943,
-            "chain": "ETHEREUM",
-            "details": {
-              "id": "VHJhbnNhY3Rpb246MHg5NDRiMGM0MTNkYzBjMzE4MGEzY2M3YjE2OTBmYjg0MDQ1ZmE0OTMzNmEyZjk4MzVjNDZjMDljMTcyNmE3NmZjXzB4ZjM5ZmQ2ZTUxYWFkODhmNmY0Y2U2YWI4ODI3Mjc5Y2ZmZmI5MjI2Nl8weDYyMjBlMDhjOWQ2M2FiN2JhMmU1NjY4MzlmNDI5ZWVlZmUxOTliN2U=",
-              "type": "SEND",
-              "blockNumber": 17266680,
-              "hash": "0x944b0c413dc0c3180a3cc7b1690fb84045fa49336a2f9835c46c09c1726a76fc",
-              "status": "CONFIRMED",
-              "to": "0x6220e08c9d63ab7ba2e566839f429eeefe199b7e",
-              "from": "0xf39fd6e51aad88f6f4ce6ab8827279cfffb92266",
-              "nonce": 462,
-              "__typename": "TransactionDetails",
-              "assetChanges": [
-                {
-                  "__typename": "TokenTransfer",
-                  "id": "VG9rZW5UcmFuc2ZlcjoweGYzOWZkNmU1MWFhZDg4ZjZmNGNlNmFiODgyNzI3OWNmZmZiOTIyNjZfMHg2MjIwZTA4YzlkNjNhYjdiYTJlNTY2ODM5ZjQyOWVlZWZlMTk5YjdlXzB4OTQ0YjBjNDEzZGMwYzMxODBhM2NjN2IxNjkwZmI4NDA0NWZhNDkzMzZhMmY5ODM1YzQ2YzA5YzE3MjZhNzZmYw==",
-                  "asset": {
-                    "id": "VG9rZW46RVRIRVJFVU1fbnVsbA==",
-                    "name": "Ether",
-                    "symbol": "ETH",
-                    "address": null,
-                    "decimals": 18,
-                    "chain": "ETHEREUM",
-                    "standard": null,
-                    "project": {
-                      "id": "VG9rZW5Qcm9qZWN0OkVUSEVSRVVNX251bGw=",
-                      "isSpam": false,
-                      "logo": {
-                        "id": "SW1hZ2U6aHR0cHM6Ly90b2tlbi1pY29ucy5zMy5hbWF6b25hd3MuY29tL2V0aC5wbmc=",
-                        "url": "https://token-icons.s3.amazonaws.com/eth.png",
-                        "__typename": "Image"
-                      },
-                      "__typename": "TokenProject"
-                    },
-                    "__typename": "Token"
-                  },
-                  "tokenStandard": "NATIVE",
-                  "quantity": "0.003476850926189204",
-                  "sender": "0xf39fd6e51aad88f6f4ce6ab8827279cfffb92266",
-                  "recipient": "0x6220e08c9d63ab7ba2e566839f429eeefe199b7e",
-                  "direction": "OUT",
-                  "transactedValue": {
-                    "id": "QW1vdW50OjYuMzYxNDg5ODM0MTIwNjAxX1VTRA==",
-                    "currency": "USD",
-                    "value": 6.361489834120601,
-                    "__typename": "Amount"
-                  }
-                }
-              ]
-            },
-            "__typename": "AssetActivity"
-          },
-          {
-            "id": "QXNzZXRBY3Rpdml0eTpWSEpoYm5OaFkzUnBiMjQ2TUhneE0yRTRNRGxsT1RZd05USmhOVGxrWlRjNU56WXhObVZrTlRjME1qTTVNakV3WkRJMVpUY3hNRGhqTkRjek9EbG1NbVJoTnpjeU5qTXhZbVZpTUdZMlh6QjRaak01Wm1RMlpUVXhZV0ZrT0RobU5tWTBZMlUyWVdJNE9ESTNNamM1WTJabVptSTVNakkyTmw4d2VEWXlNakJsTURoak9XUTJNMkZpTjJKaE1tVTFOalk0TXpsbU5ESTVaV1ZsWm1VeE9UbGlOMlU9",
-            "timestamp": 1684171943,
-            "chain": "ETHEREUM",
-            "details": {
-              "id": "VHJhbnNhY3Rpb246MHgxM2E4MDllOTYwNTJhNTlkZTc5NzYxNmVkNTc0MjM5MjEwZDI1ZTcxMDhjNDczODlmMmRhNzcyNjMxYmViMGY2XzB4ZjM5ZmQ2ZTUxYWFkODhmNmY0Y2U2YWI4ODI3Mjc5Y2ZmZmI5MjI2Nl8weDYyMjBlMDhjOWQ2M2FiN2JhMmU1NjY4MzlmNDI5ZWVlZmUxOTliN2U=",
-              "type": "SEND",
-              "blockNumber": 17266680,
-              "hash": "0x13a809e96052a59de797616ed574239210d25e7108c47389f2da772631beb0f6",
-              "status": "CONFIRMED",
-              "to": "0x6220e08c9d63ab7ba2e566839f429eeefe199b7e",
-              "from": "0xf39fd6e51aad88f6f4ce6ab8827279cfffb92266",
-              "nonce": 461,
-              "__typename": "TransactionDetails",
-              "assetChanges": [
-                {
-                  "__typename": "TokenTransfer",
-                  "id": "VG9rZW5UcmFuc2ZlcjoweGYzOWZkNmU1MWFhZDg4ZjZmNGNlNmFiODgyNzI3OWNmZmZiOTIyNjZfMHg2MjIwZTA4YzlkNjNhYjdiYTJlNTY2ODM5ZjQyOWVlZWZlMTk5YjdlXzB4MTNhODA5ZTk2MDUyYTU5ZGU3OTc2MTZlZDU3NDIzOTIxMGQyNWU3MTA4YzQ3Mzg5ZjJkYTc3MjYzMWJlYjBmNg==",
-                  "asset": {
-                    "id": "VG9rZW46RVRIRVJFVU1fbnVsbA==",
-                    "name": "Ether",
-                    "symbol": "ETH",
-                    "address": null,
-                    "decimals": 18,
-                    "chain": "ETHEREUM",
-                    "standard": null,
-                    "project": {
-                      "id": "VG9rZW5Qcm9qZWN0OkVUSEVSRVVNX251bGw=",
-                      "isSpam": false,
-                      "logo": {
-                        "id": "SW1hZ2U6aHR0cHM6Ly90b2tlbi1pY29ucy5zMy5hbWF6b25hd3MuY29tL2V0aC5wbmc=",
-                        "url": "https://token-icons.s3.amazonaws.com/eth.png",
-                        "__typename": "Image"
-                      },
-                      "__typename": "TokenProject"
-                    },
-                    "__typename": "Token"
-                  },
-                  "tokenStandard": "NATIVE",
-                  "quantity": "0.000900000000000318",
-                  "sender": "0xf39fd6e51aad88f6f4ce6ab8827279cfffb92266",
-                  "recipient": "0x6220e08c9d63ab7ba2e566839f429eeefe199b7e",
-                  "direction": "OUT",
-                  "transactedValue": {
-                    "id": "QW1vdW50OjEuNjQ2NzAzMDAwMDAwNTgxOF9VU0Q=",
-                    "currency": "USD",
-                    "value": 1.6467030000005818,
-                    "__typename": "Amount"
-                  }
-                }
-              ]
-            },
-            "__typename": "AssetActivity"
-          },
-          {
-            "id": "QXNzZXRBY3Rpdml0eTpWSEpoYm5OaFkzUnBiMjQ2TUhobFkyRTJNVEZrTlRVME1EZGxPVGt6WlRFM1lqWmtaVGhpWVRJMFlqWXlOREpqWVRSbFlXWTBORGN3TkRKbFpHRmtNRFE0TTJNNFptSTJabUU0WkRJNVh6QjROekU0WVRVeE5ESXhNR0kwTnpWaU9USXhOVGd6WldGaU5ERXlaV0ptTUdaaVlXUm1NMkl6T1Y4d2VHWXpPV1prTm1VMU1XRmhaRGc0WmpabU5HTmxObUZpT0RneU56STNPV05tWm1aaU9USXlOalk9",
-            "timestamp": 1684171931,
-            "chain": "ETHEREUM",
-            "details": {
-              "id": "VHJhbnNhY3Rpb246MHhlY2E2MTFkNTU0MDdlOTkzZTE3YjZkZThiYTI0YjYyNDJjYTRlYWY0NDcwNDJlZGFkMDQ4M2M4ZmI2ZmE4ZDI5XzB4NzE4YTUxNDIxMGI0NzViOTIxNTgzZWFiNDEyZWJmMGZiYWRmM2IzOV8weGYzOWZkNmU1MWFhZDg4ZjZmNGNlNmFiODgyNzI3OWNmZmZiOTIyNjY=",
-              "type": "RECEIVE",
-              "blockNumber": 17266679,
-              "hash": "0xeca611d55407e993e17b6de8ba24b6242ca4eaf447042edad0483c8fb6fa8d29",
-              "status": "CONFIRMED",
-              "to": "0xf39fd6e51aad88f6f4ce6ab8827279cfffb92266",
-              "from": "0x718a514210b475b921583eab412ebf0fbadf3b39",
-              "nonce": 92,
-              "__typename": "TransactionDetails",
-              "assetChanges": [
-                {
-                  "__typename": "TokenTransfer",
-                  "id": "VG9rZW5UcmFuc2ZlcjoweDcxOGE1MTQyMTBiNDc1YjkyMTU4M2VhYjQxMmViZjBmYmFkZjNiMzlfMHhmMzlmZDZlNTFhYWQ4OGY2ZjRjZTZhYjg4MjcyNzljZmZmYjkyMjY2XzB4ZWNhNjExZDU1NDA3ZTk5M2UxN2I2ZGU4YmEyNGI2MjQyY2E0ZWFmNDQ3MDQyZWRhZDA0ODNjOGZiNmZhOGQyOQ==",
-                  "asset": {
-                    "id": "VG9rZW46RVRIRVJFVU1fbnVsbA==",
-                    "name": "Ether",
-                    "symbol": "ETH",
-                    "address": null,
-                    "decimals": 18,
-                    "chain": "ETHEREUM",
-                    "standard": null,
-                    "project": {
-                      "id": "VG9rZW5Qcm9qZWN0OkVUSEVSRVVNX251bGw=",
-                      "isSpam": false,
-                      "logo": {
-                        "id": "SW1hZ2U6aHR0cHM6Ly90b2tlbi1pY29ucy5zMy5hbWF6b25hd3MuY29tL2V0aC5wbmc=",
-                        "url": "https://token-icons.s3.amazonaws.com/eth.png",
-                        "__typename": "Image"
-                      },
-                      "__typename": "TokenProject"
-                    },
-                    "__typename": "Token"
-                  },
-                  "tokenStandard": "NATIVE",
-                  "quantity": "0.01",
-                  "sender": "0x718a514210b475b921583eab412ebf0fbadf3b39",
-                  "recipient": "0xf39fd6e51aad88f6f4ce6ab8827279cfffb92266",
-                  "direction": "IN",
-                  "transactedValue": {
-                    "id": "QW1vdW50OjE4LjI5NjdfVVNE",
-                    "currency": "USD",
-                    "value": 18.2967,
-                    "__typename": "Amount"
-                  }
-                }
-              ]
-            },
-            "__typename": "AssetActivity"
-          },
-          {
-            "id": "QXNzZXRBY3Rpdml0eTpWSEpoYm5OaFkzUnBiMjQ2TUhnMllqTTJNelEwT1daaU1HWTROems0TkRnM1pqWmlOREkwTkRjMFkySXdNbVF5WlRVNE1EZ3dPVEpoWVRneE1EVm1ObUU0T1dOalpHTTBORGRsTURSa1h6QjRaak01Wm1RMlpUVXhZV0ZrT0RobU5tWTBZMlUyWVdJNE9ESTNNamM1WTJabVptSTVNakkyTmw4d2VEQXdNREF3TURBek1HWTBPV0ptTW1Vd01ESmxOakJqTm1Wa01UWTJNV1ppTWpNME5tUTRPREk9",
-            "timestamp": 1684085063,
-            "chain": "ETHEREUM",
-            "details": {
-              "id": "VHJhbnNhY3Rpb246MHg2YjM2MzQ0OWZiMGY4Nzk4NDg3ZjZiNDI0NDc0Y2IwMmQyZTU4MDgwOTJhYTgxMDVmNmE4OWNjZGM0NDdlMDRkXzB4ZjM5ZmQ2ZTUxYWFkODhmNmY0Y2U2YWI4ODI3Mjc5Y2ZmZmI5MjI2Nl8weDAwMDAwMDAzMGY0OWJmMmUwMDJlNjBjNmVkMTY2MWZiMjM0NmQ4ODI=",
-              "type": "UNKNOWN",
-              "blockNumber": 17259555,
-              "hash": "0x6b363449fb0f8798487f6b424474cb02d2e5808092aa8105f6a89ccdc447e04d",
-              "status": "CONFIRMED",
-              "to": "0x000000030f49bf2e002e60c6ed1661fb2346d882",
-              "from": "0xf39fd6e51aad88f6f4ce6ab8827279cfffb92266",
-              "nonce": 460,
-              "__typename": "TransactionDetails",
-              "assetChanges": []
-            },
-            "__typename": "AssetActivity"
-          },
-          {
-            "id": "QXNzZXRBY3Rpdml0eTpWSEpoYm5OaFkzUnBiMjQ2TUhnNFlXRTVNVFJqTkRjeU5qWTNNVGxqWkRFeE1EYzNOMkprTnpZek0yVTFOV1kyWkdWbVpXRmpPVEV4TlRjd09EZzNZVEEyWXpNNE5UTmxaV0kyTldZeVh6QjRaR0V4TTJRMk5HVmpPVFZqWkRZM056VXlPVEZpTVdNek1qRXdNamN4TWpGaVpUSXdPV1JtTUY4d2VHWXpPV1prTm1VMU1XRmhaRGc0WmpabU5HTmxObUZpT0RneU56STNPV05tWm1aaU9USXlOalk9",
-            "timestamp": 1684085051,
-            "chain": "ETHEREUM",
-            "details": {
-              "id": "VHJhbnNhY3Rpb246MHg4YWE5MTRjNDcyNjY3MTljZDExMDc3N2JkNzYzM2U1NWY2ZGVmZWFjOTExNTcwODg3YTA2YzM4NTNlZWI2NWYyXzB4ZGExM2Q2NGVjOTVjZDY3NzUyOTFiMWMzMjEwMjcxMjFiZTIwOWRmMF8weGYzOWZkNmU1MWFhZDg4ZjZmNGNlNmFiODgyNzI3OWNmZmZiOTIyNjY=",
-              "type": "RECEIVE",
-              "blockNumber": 17259554,
-              "hash": "0x8aa914c47266719cd110777bd7633e55f6defeac911570887a06c3853eeb65f2",
-              "status": "CONFIRMED",
-              "to": "0xf39fd6e51aad88f6f4ce6ab8827279cfffb92266",
-              "from": "0xda13d64ec95cd6775291b1c321027121be209df0",
-              "nonce": 832,
-              "__typename": "TransactionDetails",
-              "assetChanges": [
-                {
-                  "__typename": "TokenTransfer",
-                  "id": "VG9rZW5UcmFuc2ZlcjoweGRhMTNkNjRlYzk1Y2Q2Nzc1MjkxYjFjMzIxMDI3MTIxYmUyMDlkZjBfMHhmMzlmZDZlNTFhYWQ4OGY2ZjRjZTZhYjg4MjcyNzljZmZmYjkyMjY2XzB4OGFhOTE0YzQ3MjY2NzE5Y2QxMTA3NzdiZDc2MzNlNTVmNmRlZmVhYzkxMTU3MDg4N2EwNmMzODUzZWViNjVmMg==",
-                  "asset": {
-                    "id": "VG9rZW46RVRIRVJFVU1fbnVsbA==",
-                    "name": "Ether",
-                    "symbol": "ETH",
-                    "address": null,
-                    "decimals": 18,
-                    "chain": "ETHEREUM",
-                    "standard": null,
-                    "project": {
-                      "id": "VG9rZW5Qcm9qZWN0OkVUSEVSRVVNX251bGw=",
-                      "isSpam": false,
-                      "logo": {
-                        "id": "SW1hZ2U6aHR0cHM6Ly90b2tlbi1pY29ucy5zMy5hbWF6b25hd3MuY29tL2V0aC5wbmc=",
-                        "url": "https://token-icons.s3.amazonaws.com/eth.png",
-                        "__typename": "Image"
-                      },
-                      "__typename": "TokenProject"
-                    },
-                    "__typename": "Token"
-                  },
-                  "tokenStandard": "NATIVE",
-                  "quantity": "0.00129866",
-                  "sender": "0xda13d64ec95cd6775291b1c321027121be209df0",
-                  "recipient": "0xf39fd6e51aad88f6f4ce6ab8827279cfffb92266",
-                  "direction": "IN",
-                  "transactedValue": {
-                    "id": "QW1vdW50OjIuMzc2MTE5MjQyMl9VU0Q=",
-                    "currency": "USD",
-                    "value": 2.3761192422,
-                    "__typename": "Amount"
-                  }
-                }
-              ]
-            },
-            "__typename": "AssetActivity"
-          },
-          {
-            "id": "QXNzZXRBY3Rpdml0eTpWSEpoYm5OaFkzUnBiMjQ2TUhnM00yTXdZMlJpTnpReU9UVTJZVFUxWXpZd016YzBOemd6TkRRNVpUSmpNbVZtTURnM1lqUTVPRFl4TVdGak5EZ3dZalJrTVRFMU1UbGhZemRpTXpZNVh6QjRaak01Wm1RMlpUVXhZV0ZrT0RobU5tWTBZMlUyWVdJNE9ESTNNamM1WTJabVptSTVNakkyTmw4d2VHUXpaR1UwTkRneE5qTXlNakl5TURVME9UazJZVE0yTlRsaE5UTXlNR0k1TWpWbU5qUXhNR1k9",
-            "timestamp": 1684006019,
-            "chain": "ETHEREUM",
-            "details": {
-              "id": "VHJhbnNhY3Rpb246MHg3M2MwY2RiNzQyOTU2YTU1YzYwMzc0NzgzNDQ5ZTJjMmVmMDg3YjQ5ODYxMWFjNDgwYjRkMTE1MTlhYzdiMzY5XzB4ZjM5ZmQ2ZTUxYWFkODhmNmY0Y2U2YWI4ODI3Mjc5Y2ZmZmI5MjI2Nl8weGQzZGU0NDgxNjMyMjIyMDU0OTk2YTM2NTlhNTMyMGI5MjVmNjQxMGY=",
-              "type": "SEND",
-              "blockNumber": 17253116,
-              "hash": "0x73c0cdb742956a55c60374783449e2c2ef087b498611ac480b4d11519ac7b369",
-              "status": "CONFIRMED",
-              "to": "0xd3de4481632222054996a3659a5320b925f6410f",
-              "from": "0xf39fd6e51aad88f6f4ce6ab8827279cfffb92266",
-              "nonce": 459,
-              "__typename": "TransactionDetails",
-              "assetChanges": [
-                {
-                  "__typename": "TokenTransfer",
-                  "id": "VG9rZW5UcmFuc2ZlcjoweGYzOWZkNmU1MWFhZDg4ZjZmNGNlNmFiODgyNzI3OWNmZmZiOTIyNjZfMHhiZTgyODI1NjRlYzJiNzAwMDlmMmQ2ODk1NDAxMmViMDlmNDhiYzhkXzB4NzNjMGNkYjc0Mjk1NmE1NWM2MDM3NDc4MzQ0OWUyYzJlZjA4N2I0OTg2MTFhYzQ4MGI0ZDExNTE5YWM3YjM2OQ==",
-                  "asset": {
-                    "id": "VG9rZW46RVRIRVJFVU1fMHhkM2RlNDQ4MTYzMjIyMjA1NDk5NmEzNjU5YTUzMjBiOTI1ZjY0MTBm",
-                    "name": "EL CHAPO",
-                    "symbol": "CHAPO",
-                    "address": "0xd3de4481632222054996a3659a5320b925f6410f",
-                    "decimals": 18,
-                    "chain": "ETHEREUM",
-                    "standard": null,
-                    "project": {
-                      "id": "VG9rZW5Qcm9qZWN0OkVUSEVSRVVNXzB4ZDNkZTQ0ODE2MzIyMjIwNTQ5OTZhMzY1OWE1MzIwYjkyNWY2NDEwZg==",
-                      "isSpam": true,
-                      "logo": null,
-                      "__typename": "TokenProject"
-                    },
-                    "__typename": "Token"
-                  },
-                  "tokenStandard": "ERC20",
-                  "quantity": "50000000000000.002683081102196736",
-                  "sender": "0xf39fd6e51aad88f6f4ce6ab8827279cfffb92266",
-                  "recipient": "0xbe8282564ec2b70009f2d68954012eb09f48bc8d",
-                  "direction": "OUT",
-                  "transactedValue": null
-                }
-              ]
-            },
-            "__typename": "AssetActivity"
-          }
-        ],
-        "__typename": "Portfolio"
-      }
-    ]
-  },
-  "errors": []
-}

cypress/fixtures/mini-portfolio/uniswapx_activity.json

@@ -1,102 +0,0 @@
-{
-  "data": {
-    "portfolios": [
-      {
-        "id": "UG9ydGZvbGlvOjB4ZjM5RmQ2ZTUxYWFkODhGNkY0Y2U2YUI4ODI3Mjc5Y2ZmRmI5MjI2Ng==",
-        "assetActivities": [
-          {
-            "id": "QXNzZXRBY3Rpdml0eTpWSEpoYm5OaFkzUnBiMjQ2TUhnNE9EZGpOemN5TlRRNU1qWTVNVEkwWVRkbVpUTXlNams1TjJJNU0yUTJabUV3TjJObE1UQXhOamxrTjJJd1pXUXhObUV6TldabU16SmtOMk13TWpBeVh6QjRaREkzTXpnek1EUTRaalF4WldZMlpXRXhaV1EzWWpBeFltVTVOemRqTjJVME1HSXdaRGswTmw4d2VEUTNZVFF5TVdKalpXTTJORE5oWWpSallURmpZamc0TmpOaU4yWm1PV0ppWm1SaU5HVmlNVE09",
-            "timestamp": 1691001923,
-            "type": "SWAP_ORDER",
-            "chain": "ETHEREUM",
-            "details": {
-                "__typename": "TransactionDetails",
-                "id": "VHJhbnNhY3Rpb246MHg4ODdjNzcyNTQ5MjY5MTI0YTdmZTMyMjk5N2I5M2Q2ZmEwN2NlMTAxNjlkN2IwZWQxNmEzNWZmMzJkN2MwMjAyXzB4ZDI3MzgzMDQ4ZjQxZWY2ZWExZWQ3YjAxYmU5NzdjN2U0MGIwZDk0Nl8weDQ3YTQyMWJjZWM2NDNhYjRjYTFjYjg4NjNiN2ZmOWJiZmRiNGViMTM=",
-                "type": "SWAP_ORDER",
-                "from": "0xd27383048f41ef6ea1ed7b01be977c7e40b0d946",
-                "to": "0x47a421bcec643ab4ca1cb8863b7ff9bbfdb4eb13",
-                "hash": "0x9f8382a94ee80ca119bc690908ab5f69c4c72f7497ee10f37e9ede0ded83cca6",
-                "nonce": 439,
-                "status": "CONFIRMED"
-            },
-            "assetChanges": [
-                {
-                    "__typename": "TokenTransfer",
-                    "id": "VG9rZW5UcmFuc2ZlcjoweDgwYmVjYjgwOGJmYWRlNDE0MzE4M2U1OGQxOGYyMDgwZTg0ZTU3YTFfMHg0N2E0MjFiY2VjNjQzYWI0Y2ExY2I4ODYzYjdmZjliYmZkYjRlYjEzXzB4ODg3Yzc3MjU0OTI2OTEyNGE3ZmUzMjI5OTdiOTNkNmZhMDdjZTEwMTY5ZDdiMGVkMTZhMzVmZjMyZDdjMDIwMg==",
-                    "asset": {
-                        "id": "VG9rZW46RVRIRVJFVU1fMHhhMGI4Njk5MWM2MjE4YjM2YzFkMTlkNGEyZTllYjBjZTM2MDZlYjQ4",
-                        "name": "USD Coin",
-                        "symbol": "USDC",
-                        "address": "0xa0b86991c6218b36c1d19d4a2e9eb0ce3606eb48",
-                        "decimals": 6,
-                        "chain": "ETHEREUM",
-                        "standard": null,
-                        "project": {
-                            "id": "VG9rZW5Qcm9qZWN0OkVUSEVSRVVNXzB4YTBiODY5OTFjNjIxOGIzNmMxZDE5ZDRhMmU5ZWIwY2UzNjA2ZWI0OA==",
-                            "isSpam": false,
-                            "logo": {
-                                "id": "SW1hZ2U6aHR0cHM6Ly9yYXcuZ2l0aHVidXNlcmNvbnRlbnQuY29tL1VuaXN3YXAvYXNzZXRzL21hc3Rlci9ibG9ja2NoYWlucy9ldGhlcmV1bS9hc3NldHMvMHhBMGI4Njk5MWM2MjE4YjM2YzFkMTlENGEyZTlFYjBjRTM2MDZlQjQ4L2xvZ28ucG5n",
-                                "url": "https://raw.githubusercontent.com/Uniswap/assets/master/blockchains/ethereum/assets/0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48/logo.png",
-                                "__typename": "Image"
-                            },
-                            "__typename": "TokenProject"
-                        },
-                        "__typename": "Token"
-                    },
-                    "tokenStandard": "ERC20",
-                    "quantity": "300.0",
-                    "sender": "0x80becb808bfade4143183e58d18f2080e84e57a1",
-                    "recipient": "0x47a421bcec643ab4ca1cb8863b7ff9bbfdb4eb13",
-                    "direction": "OUT",
-                    "transactedValue": {
-                        "id": "QW1vdW50OjMwMC4xNDkxNTIwOTE5NDE2M19VU0Q=",
-                        "currency": "USD",
-                        "value": 300.14915209194163,
-                        "__typename": "Amount"
-                    }
-                },
-                {
-                    "__typename": "TokenTransfer",
-                    "id": "VG9rZW5UcmFuc2ZlcjoweDQ3YTQyMWJjZWM2NDNhYjRjYTFjYjg4NjNiN2ZmOWJiZmRiNGViMTNfMHg4MGJlY2I4MDhiZmFkZTQxNDMxODNlNThkMThmMjA4MGU4NGU1N2ExXzB4ODg3Yzc3MjU0OTI2OTEyNGE3ZmUzMjI5OTdiOTNkNmZhMDdjZTEwMTY5ZDdiMGVkMTZhMzVmZjMyZDdjMDIwMg==",
-                    "asset": {
-                        "id": "VG9rZW46RVRIRVJFVU1fMHg2YjE3NTQ3NGU4OTA5NGM0NGRhOThiOTU0ZWVkZWFjNDk1MjcxZDBm",
-                        "name": "Dai Stablecoin",
-                        "symbol": "DAI",
-                        "address": "0x6b175474e89094c44da98b954eedeac495271d0f",
-                        "decimals": 18,
-                        "chain": "ETHEREUM",
-                        "standard": null,
-                        "project": {
-                            "id": "VG9rZW5Qcm9qZWN0OkVUSEVSRVVNXzB4NmIxNzU0NzRlODkwOTRjNDRkYTk4Yjk1NGVlZGVhYzQ5NTI3MWQwZg==",
-                            "isSpam": false,
-                            "logo": {
-                                "id": "SW1hZ2U6aHR0cHM6Ly9yYXcuZ2l0aHVidXNlcmNvbnRlbnQuY29tL1VuaXN3YXAvYXNzZXRzL21hc3Rlci9ibG9ja2NoYWlucy9ldGhlcmV1bS9hc3NldHMvMHg2QjE3NTQ3NEU4OTA5NEM0NERhOThiOTU0RWVkZUFDNDk1MjcxZDBGL2xvZ28ucG5n",
-                                "url": "https://raw.githubusercontent.com/Uniswap/assets/master/blockchains/ethereum/assets/0x6B175474E89094C44Da98b954EedeAC495271d0F/logo.png",
-                                "__typename": "Image"
-                            },
-                            "__typename": "TokenProject"
-                        },
-                        "__typename": "Token"
-                    },
-                    "tokenStandard": "ERC20",
-                    "quantity": "280.573117586837733376",
-                    "sender": "0x47a421bcec643ab4ca1cb8863b7ff9bbfdb4eb13",
-                    "recipient": "0x80becb808bfade4143183e58d18f2080e84e57a1",
-                    "direction": "IN",
-                    "transactedValue": {
-                        "id": "QW1vdW50OjI4MC42ODc3OTU0NTg2ODE4X1VTRA==",
-                        "currency": "USD",
-                        "value": 280.6877954586818,
-                        "__typename": "Amount"
-                    }
-                }
-            ],
-            "__typename": "AssetActivity"
-        }
-        ],
-        "__typename": "Portfolio"
-      }
-    ]
-  },
-  "errors": []
-}

cypress/fixtures/uniswapx/expiredStatusResponse.json

@@ -1,26 +0,0 @@
-{
-  "orders": [
-    {
-      "outputs": [
-        {
-          "recipient": "0x80becb808bfade4143183e58d18f2080e84e57a1",
-          "startAmount": "91371770080538616664",
-          "endAmount": "90914911230135923580",
-          "token": "0x6B175474E89094C44Da98b954EedeAC495271d0F"
-        }
-      ],
-      "encodedOrder": "0x000000000000000000000000000000000000000000000000000000000000002000000000000000000000000000000000000000000000000000000000000001200000000000000000000000000000000000000000000000000000000064837e2a0000000000000000000000000000000000000000000000000000000064837e6600000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000a0b86991c6218b36c1d19d4a2e9eb0ce3606eb480000000000000000000000000000000000000000000000000000000005f5e1000000000000000000000000000000000000000000000000000000000005f5e1000000000000000000000000000000000000000000000000000000000000000200000000000000000000000000bd7f9d0239f81c94b728d827a87b9864972661ec00000000000000000000000080becb808bfade4143183e58d18f2080e84e57a18e32c6335b6f657322448399bd12ff5c22b7b1aa770850ff4eed36c750e2de000000000000000000000000000000000000000000000000000000000064837e66000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000c0000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000010000000000000000000000006b175474e89094c44da98b954eedeac495271d0f000000000000000000000000000000000000000000000004f409bcc7a52b6358000000000000000000000000000000000000000000000004edb2a613726c737c00000000000000000000000080becb808bfade4143183e58d18f2080e84e57a1",
-      "signature": "0x973882a290778b5c8aae691ef777385259928cde0513d224ea1131538379258d2db7a69804110320b08558380394879a31ab8dea61152c2dba7623acbfa11d0e1b",
-      "input": {
-        "endAmount": "100000000",
-        "token": "0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48",
-        "startAmount": "100000000"
-      },
-      "orderStatus": "expired",
-      "createdAt": 1686339087,
-      "chainId": 1,
-      "orderHash": "0xa9dd6f05ad6d6c79bee654c31ede4d0d2392862711be0f3bc4a9124af24a6a19",
-      "type": "Dutch"
-    }
-  ]
-}

cypress/fixtures/uniswapx/feeQuote.json

@@ -1,562 +0,0 @@
-{
-    "routing": "DUTCH_LIMIT",
-    "quote": {
-        "orderInfo": {
-            "chainId": 1,
-            "permit2Address": "0x000000000022d473030f116ddee9f6b43ac78ba3",
-            "reactor": "0x6000da47483062A0D734Ba3dc7576Ce6A0B645C4",
-            "swapper": "0x0938a82F93D5DAB110Dc6277FC236b5b082DC10F",
-            "nonce": "1993353164669688581970088190602701610528397285201889446578254799128576197633",
-            "deadline": 1697481666,
-            "additionalValidationContract": "0x0000000000000000000000000000000000000000",
-            "additionalValidationData": "0x",
-            "decayStartTime": 1697481594,
-            "decayEndTime": 1697481654,
-            "exclusiveFiller": "0xaAFb85ad4a412dd8adC49611496a7695A22f4aeb",
-            "exclusivityOverrideBps": "100",
-            "input": {
-                "token": "0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48",
-                "startAmount": "200000000",
-                "endAmount": "200000000"
-            },
-            "outputs": [
-                {
-                    "token": "0x0000000000000000000000000000000000000000",
-                    "startAmount": "123803169993201727",
-                    "endAmount": "117908377342236273",
-                    "recipient": "0x0938a82F93D5DAB110Dc6277FC236b5b082DC10F"
-                },
-                {
-                    "token": "0x0000000000000000000000000000000000000000",
-                    "startAmount": "185983730585681",
-                    "endAmount": "177128258400955",
-                    "recipient": "0x37a8f295612602f2774d331e562be9e61B83a327"
-                }
-            ]
-        },
-        "encodedOrder": "0x0000000000000000000000000000000000000000000000000000000000000020000000000000000000000000000000000000000000000000000000000000012000000000000000000000000000000000000000000000000000000000652d837a00000000000000000000000000000000000000000000000000000000652d83b6000000000000000000000000aafb85ad4a412dd8adc49611496a7695a22f4aeb0000000000000000000000000000000000000000000000000000000000000064000000000000000000000000a0b86991c6218b36c1d19d4a2e9eb0ce3606eb48000000000000000000000000000000000000000000000000000000000bebc200000000000000000000000000000000000000000000000000000000000bebc20000000000000000000000000000000000000000000000000000000000000002000000000000000000000000006000da47483062a0d734ba3dc7576ce6a0b645c40000000000000000000000000938a82f93d5dab110dc6277fc236b5b082dc10f046832aa305880d33daa871e5041a0cd4853599a9ead518917239e206765040100000000000000000000000000000000000000000000000000000000652d83c2000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000c000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000002000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000001b7d653c183183f00000000000000000000000000000000000000000000000001a2e50b6386d6710000000000000000000000000938a82f93d5dab110dc6277fc236b5b082dc10f00000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000a926b63210510000000000000000000000000000000000000000000000000000a118e2ebf2bb00000000000000000000000037a8f295612602f2774d331e562be9e61b83a327",
-        "quoteId": "7b924043-f2d8-4f2e-abaa-9f65fbe5f890",
-        "requestId": "a02ca0ca-7855-4dd0-9330-8b818aaeb59f",
-        "orderHash": "0xb5b4e3be188f6eb9dbe7e1489595829184a9ebfb5389185ed7ba7c03142278c9",
-        "startTimeBufferSecs": 45,
-        "auctionPeriodSecs": 60,
-        "deadlineBufferSecs": 12,
-        "slippageTolerance": "0.5",
-        "permitData": {
-            "domain": {
-                "name": "Permit2",
-                "chainId": 1,
-                "verifyingContract": "0x000000000022d473030f116ddee9f6b43ac78ba3"
-            },
-            "types": {
-                "PermitWitnessTransferFrom": [
-                    {
-                        "name": "permitted",
-                        "type": "TokenPermissions"
-                    },
-                    {
-                        "name": "spender",
-                        "type": "address"
-                    },
-                    {
-                        "name": "nonce",
-                        "type": "uint256"
-                    },
-                    {
-                        "name": "deadline",
-                        "type": "uint256"
-                    },
-                    {
-                        "name": "witness",
-                        "type": "ExclusiveDutchOrder"
-                    }
-                ],
-                "TokenPermissions": [
-                    {
-                        "name": "token",
-                        "type": "address"
-                    },
-                    {
-                        "name": "amount",
-                        "type": "uint256"
-                    }
-                ],
-                "ExclusiveDutchOrder": [
-                    {
-                        "name": "info",
-                        "type": "OrderInfo"
-                    },
-                    {
-                        "name": "decayStartTime",
-                        "type": "uint256"
-                    },
-                    {
-                        "name": "decayEndTime",
-                        "type": "uint256"
-                    },
-                    {
-                        "name": "exclusiveFiller",
-                        "type": "address"
-                    },
-                    {
-                        "name": "exclusivityOverrideBps",
-                        "type": "uint256"
-                    },
-                    {
-                        "name": "inputToken",
-                        "type": "address"
-                    },
-                    {
-                        "name": "inputStartAmount",
-                        "type": "uint256"
-                    },
-                    {
-                        "name": "inputEndAmount",
-                        "type": "uint256"
-                    },
-                    {
-                        "name": "outputs",
-                        "type": "DutchOutput[]"
-                    }
-                ],
-                "OrderInfo": [
-                    {
-                        "name": "reactor",
-                        "type": "address"
-                    },
-                    {
-                        "name": "swapper",
-                        "type": "address"
-                    },
-                    {
-                        "name": "nonce",
-                        "type": "uint256"
-                    },
-                    {
-                        "name": "deadline",
-                        "type": "uint256"
-                    },
-                    {
-                        "name": "additionalValidationContract",
-                        "type": "address"
-                    },
-                    {
-                        "name": "additionalValidationData",
-                        "type": "bytes"
-                    }
-                ],
-                "DutchOutput": [
-                    {
-                        "name": "token",
-                        "type": "address"
-                    },
-                    {
-                        "name": "startAmount",
-                        "type": "uint256"
-                    },
-                    {
-                        "name": "endAmount",
-                        "type": "uint256"
-                    },
-                    {
-                        "name": "recipient",
-                        "type": "address"
-                    }
-                ]
-            },
-            "values": {
-                "permitted": {
-                    "token": "0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48",
-                    "amount": {
-                        "type": "BigNumber",
-                        "hex": "0x0bebc200"
-                    }
-                },
-                "spender": "0x6000da47483062A0D734Ba3dc7576Ce6A0B645C4",
-                "nonce": {
-                    "type": "BigNumber",
-                    "hex": "0x046832aa305880d33daa871e5041a0cd4853599a9ead518917239e2067650401"
-                },
-                "deadline": 1697481666,
-                "witness": {
-                    "info": {
-                        "reactor": "0x6000da47483062A0D734Ba3dc7576Ce6A0B645C4",
-                        "swapper": "0x0938a82F93D5DAB110Dc6277FC236b5b082DC10F",
-                        "nonce": {
-                            "type": "BigNumber",
-                            "hex": "0x046832aa305880d33daa871e5041a0cd4853599a9ead518917239e2067650401"
-                        },
-                        "deadline": 1697481666,
-                        "additionalValidationContract": "0x0000000000000000000000000000000000000000",
-                        "additionalValidationData": "0x"
-                    },
-                    "decayStartTime": 1697481594,
-                    "decayEndTime": 1697481654,
-                    "exclusiveFiller": "0xaAFb85ad4a412dd8adC49611496a7695A22f4aeb",
-                    "exclusivityOverrideBps": {
-                        "type": "BigNumber",
-                        "hex": "0x64"
-                    },
-                    "inputToken": "0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48",
-                    "inputStartAmount": {
-                        "type": "BigNumber",
-                        "hex": "0x0bebc200"
-                    },
-                    "inputEndAmount": {
-                        "type": "BigNumber",
-                        "hex": "0x0bebc200"
-                    },
-                    "outputs": [
-                        {
-                            "token": "0x0000000000000000000000000000000000000000",
-                            "startAmount": {
-                                "type": "BigNumber",
-                                "hex": "0x01b7d653c183183f"
-                            },
-                            "endAmount": {
-                                "type": "BigNumber",
-                                "hex": "0x01a2e50b6386d671"
-                            },
-                            "recipient": "0x0938a82F93D5DAB110Dc6277FC236b5b082DC10F"
-                        },
-                        {
-                            "token": "0x0000000000000000000000000000000000000000",
-                            "startAmount": {
-                                "type": "BigNumber",
-                                "hex": "0xa926b6321051"
-                            },
-                            "endAmount": {
-                                "type": "BigNumber",
-                                "hex": "0xa118e2ebf2bb"
-                            },
-                            "recipient": "0x37a8f295612602f2774d331e562be9e61B83a327"
-                        }
-                    ]
-                }
-            }
-        },
-        "portionBips": 15,
-        "portionAmount": "185983730585681",
-        "portionRecipient": "0x37a8f295612602f2774d331e562be9e61B83a327"
-    },
-    "requestId": "a02ca0ca-7855-4dd0-9330-8b818aaeb59f",
-    "allQuotes": [
-        {
-            "routing": "DUTCH_LIMIT",
-            "quote": {
-                "orderInfo": {
-                    "chainId": 1,
-                    "permit2Address": "0x000000000022d473030f116ddee9f6b43ac78ba3",
-                    "reactor": "0x6000da47483062A0D734Ba3dc7576Ce6A0B645C4",
-                    "swapper": "0x0938a82F93D5DAB110Dc6277FC236b5b082DC10F",
-                    "nonce": "1993353164669688581970088190602701610528397285201889446578254799128576197633",
-                    "deadline": 1697481666,
-                    "additionalValidationContract": "0x0000000000000000000000000000000000000000",
-                    "additionalValidationData": "0x",
-                    "decayStartTime": 1697481594,
-                    "decayEndTime": 1697481654,
-                    "exclusiveFiller": "0xaAFb85ad4a412dd8adC49611496a7695A22f4aeb",
-                    "exclusivityOverrideBps": "100",
-                    "input": {
-                        "token": "0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48",
-                        "startAmount": "200000000",
-                        "endAmount": "200000000"
-                    },
-                    "outputs": [
-                        {
-                            "token": "0x0000000000000000000000000000000000000000",
-                            "startAmount": "123803169993201727",
-                            "endAmount": "117908377342236273",
-                            "recipient": "0x0938a82F93D5DAB110Dc6277FC236b5b082DC10F"
-                        },
-                        {
-                            "token": "0x0000000000000000000000000000000000000000",
-                            "startAmount": "185983730585681",
-                            "endAmount": "177128258400955",
-                            "recipient": "0x37a8f295612602f2774d331e562be9e61B83a327"
-                        }
-                    ]
-                },
-                "encodedOrder": "0x0000000000000000000000000000000000000000000000000000000000000020000000000000000000000000000000000000000000000000000000000000012000000000000000000000000000000000000000000000000000000000652d837a00000000000000000000000000000000000000000000000000000000652d83b6000000000000000000000000aafb85ad4a412dd8adc49611496a7695a22f4aeb0000000000000000000000000000000000000000000000000000000000000064000000000000000000000000a0b86991c6218b36c1d19d4a2e9eb0ce3606eb48000000000000000000000000000000000000000000000000000000000bebc200000000000000000000000000000000000000000000000000000000000bebc20000000000000000000000000000000000000000000000000000000000000002000000000000000000000000006000da47483062a0d734ba3dc7576ce6a0b645c40000000000000000000000000938a82f93d5dab110dc6277fc236b5b082dc10f046832aa305880d33daa871e5041a0cd4853599a9ead518917239e206765040100000000000000000000000000000000000000000000000000000000652d83c2000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000c000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000002000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000001b7d653c183183f00000000000000000000000000000000000000000000000001a2e50b6386d6710000000000000000000000000938a82f93d5dab110dc6277fc236b5b082dc10f00000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000a926b63210510000000000000000000000000000000000000000000000000000a118e2ebf2bb00000000000000000000000037a8f295612602f2774d331e562be9e61b83a327",
-                "quoteId": "7b924043-f2d8-4f2e-abaa-9f65fbe5f890",
-                "requestId": "a02ca0ca-7855-4dd0-9330-8b818aaeb59f",
-                "orderHash": "0xb5b4e3be188f6eb9dbe7e1489595829184a9ebfb5389185ed7ba7c03142278c9",
-                "startTimeBufferSecs": 45,
-                "auctionPeriodSecs": 60,
-                "deadlineBufferSecs": 12,
-                "slippageTolerance": "0.5",
-                "permitData": {
-                    "domain": {
-                        "name": "Permit2",
-                        "chainId": 1,
-                        "verifyingContract": "0x000000000022d473030f116ddee9f6b43ac78ba3"
-                    },
-                    "types": {
-                        "PermitWitnessTransferFrom": [
-                            {
-                                "name": "permitted",
-                                "type": "TokenPermissions"
-                            },
-                            {
-                                "name": "spender",
-                                "type": "address"
-                            },
-                            {
-                                "name": "nonce",
-                                "type": "uint256"
-                            },
-                            {
-                                "name": "deadline",
-                                "type": "uint256"
-                            },
-                            {
-                                "name": "witness",
-                                "type": "ExclusiveDutchOrder"
-                            }
-                        ],
-                        "TokenPermissions": [
-                            {
-                                "name": "token",
-                                "type": "address"
-                            },
-                            {
-                                "name": "amount",
-                                "type": "uint256"
-                            }
-                        ],
-                        "ExclusiveDutchOrder": [
-                            {
-                                "name": "info",
-                                "type": "OrderInfo"
-                            },
-                            {
-                                "name": "decayStartTime",
-                                "type": "uint256"
-                            },
-                            {
-                                "name": "decayEndTime",
-                                "type": "uint256"
-                            },
-                            {
-                                "name": "exclusiveFiller",
-                                "type": "address"
-                            },
-                            {
-                                "name": "exclusivityOverrideBps",
-                                "type": "uint256"
-                            },
-                            {
-                                "name": "inputToken",
-                                "type": "address"
-                            },
-                            {
-                                "name": "inputStartAmount",
-                                "type": "uint256"
-                            },
-                            {
-                                "name": "inputEndAmount",
-                                "type": "uint256"
-                            },
-                            {
-                                "name": "outputs",
-                                "type": "DutchOutput[]"
-                            }
-                        ],
-                        "OrderInfo": [
-                            {
-                                "name": "reactor",
-                                "type": "address"
-                            },
-                            {
-                                "name": "swapper",
-                                "type": "address"
-                            },
-                            {
-                                "name": "nonce",
-                                "type": "uint256"
-                            },
-                            {
-                                "name": "deadline",
-                                "type": "uint256"
-                            },
-                            {
-                                "name": "additionalValidationContract",
-                                "type": "address"
-                            },
-                            {
-                                "name": "additionalValidationData",
-                                "type": "bytes"
-                            }
-                        ],
-                        "DutchOutput": [
-                            {
-                                "name": "token",
-                                "type": "address"
-                            },
-                            {
-                                "name": "startAmount",
-                                "type": "uint256"
-                            },
-                            {
-                                "name": "endAmount",
-                                "type": "uint256"
-                            },
-                            {
-                                "name": "recipient",
-                                "type": "address"
-                            }
-                        ]
-                    },
-                    "values": {
-                        "permitted": {
-                            "token": "0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48",
-                            "amount": {
-                                "type": "BigNumber",
-                                "hex": "0x0bebc200"
-                            }
-                        },
-                        "spender": "0x6000da47483062A0D734Ba3dc7576Ce6A0B645C4",
-                        "nonce": {
-                            "type": "BigNumber",
-                            "hex": "0x046832aa305880d33daa871e5041a0cd4853599a9ead518917239e2067650401"
-                        },
-                        "deadline": 1697481666,
-                        "witness": {
-                            "info": {
-                                "reactor": "0x6000da47483062A0D734Ba3dc7576Ce6A0B645C4",
-                                "swapper": "0x0938a82F93D5DAB110Dc6277FC236b5b082DC10F",
-                                "nonce": {
-                                    "type": "BigNumber",
-                                    "hex": "0x046832aa305880d33daa871e5041a0cd4853599a9ead518917239e2067650401"
-                                },
-                                "deadline": 1697481666,
-                                "additionalValidationContract": "0x0000000000000000000000000000000000000000",
-                                "additionalValidationData": "0x"
-                            },
-                            "decayStartTime": 1697481594,
-                            "decayEndTime": 1697481654,
-                            "exclusiveFiller": "0xaAFb85ad4a412dd8adC49611496a7695A22f4aeb",
-                            "exclusivityOverrideBps": {
-                                "type": "BigNumber",
-                                "hex": "0x64"
-                            },
-                            "inputToken": "0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48",
-                            "inputStartAmount": {
-                                "type": "BigNumber",
-                                "hex": "0x0bebc200"
-                            },
-                            "inputEndAmount": {
-                                "type": "BigNumber",
-                                "hex": "0x0bebc200"
-                            },
-                            "outputs": [
-                                {
-                                    "token": "0x0000000000000000000000000000000000000000",
-                                    "startAmount": {
-                                        "type": "BigNumber",
-                                        "hex": "0x01b7d653c183183f"
-                                    },
-                                    "endAmount": {
-                                        "type": "BigNumber",
-                                        "hex": "0x01a2e50b6386d671"
-                                    },
-                                    "recipient": "0x0938a82F93D5DAB110Dc6277FC236b5b082DC10F"
-                                },
-                                {
-                                    "token": "0x0000000000000000000000000000000000000000",
-                                    "startAmount": {
-                                        "type": "BigNumber",
-                                        "hex": "0xa926b6321051"
-                                    },
-                                    "endAmount": {
-                                        "type": "BigNumber",
-                                        "hex": "0xa118e2ebf2bb"
-                                    },
-                                    "recipient": "0x37a8f295612602f2774d331e562be9e61B83a327"
-                                }
-                            ]
-                        }
-                    }
-                },
-                "portionBips": 15,
-                "portionAmount": "185983730585681",
-                "portionRecipient": "0x37a8f295612602f2774d331e562be9e61B83a327"
-            }
-        },
-        {
-            "routing": "CLASSIC",
-            "quote": {
-                "methodParameters": {
-                    "calldata": "0x3593564c000000000000000000000000000000000000000000000000000000000000006000000000000000000000000000000000000000000000000000000000000000a000000000000000000000000000000000000000000000000000000000652d85d0000000000000000000000000000000000000000000000000000000000000000308060c0000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000300000000000000000000000000000000000000000000000000000000000000600000000000000000000000000000000000000000000000000000000000000180000000000000000000000000000000000000000000000000000000000000020000000000000000000000000000000000000000000000000000000000000001000000000000000000000000000000000000000000000000000000000000000002000000000000000000000000000000000000000000000000000000000bebc20000000000000000000000000000000000000000000000000001bdf1285753b47400000000000000000000000000000000000000000000000000000000000000a000000000000000000000000000000000000000000000000000000000000000010000000000000000000000000000000000000000000000000000000000000002000000000000000000000000a0b86991c6218b36c1d19d4a2e9eb0ce3606eb48000000000000000000000000c02aaa39b223fe8d0a0e5c4f27ead9083c756cc20000000000000000000000000000000000000000000000000000000000000060000000000000000000000000c02aaa39b223fe8d0a0e5c4f27ead9083c756cc200000000000000000000000037a8f295612602f2774d331e562be9e61b83a327000000000000000000000000000000000000000000000000000000000000000f00000000000000000000000000000000000000000000000000000000000000400000000000000000000000000938a82f93d5dab110dc6277fc236b5b082dc10f00000000000000000000000000000000000000000000000001bd45ea74e458eb",
-                    "value": "0x00",
-                    "to": "0x3fC91A3afd70395Cd496C647d5a6CC9D4B2b7FAD"
-                },
-                "blockNumber": "18364784",
-                "amount": "200000000",
-                "amountDecimals": "200",
-                "quote": "126149127803342909",
-                "quoteDecimals": "0.126149127803342909",
-                "quoteGasAdjusted": "122888348391508943",
-                "quoteGasAdjustedDecimals": "0.122888348391508943",
-                "quoteGasAndPortionAdjusted": "122699124699803928",
-                "quoteGasAndPortionAdjustedDecimals": "0.122699124699803928",
-                "gasUseEstimateQuote": "3260779411833966",
-                "gasUseEstimateQuoteDecimals": "0.003260779411833966",
-                "gasUseEstimate": "240911",
-                "gasUseEstimateUSD": "5.153332510477604328",
-                "simulationStatus": "SUCCESS",
-                "simulationError": false,
-                "gasPriceWei": "13535203506",
-                "route": [
-                    [
-                        {
-                            "type": "v2-pool",
-                            "address": "0xB4e16d0168e52d35CaCD2c6185b44281Ec28C9Dc",
-                            "tokenIn": {
-                                "chainId": 1,
-                                "decimals": "6",
-                                "address": "0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48",
-                                "symbol": "USDC"
-                            },
-                            "tokenOut": {
-                                "chainId": 1,
-                                "decimals": "18",
-                                "address": "0xC02aaA39b223FE8D0A0e5C4F27eAD9083C756Cc2",
-                                "symbol": "WETH"
-                            },
-                            "reserve0": {
-                                "token": {
-                                    "chainId": 1,
-                                    "decimals": "6",
-                                    "address": "0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48",
-                                    "symbol": "USDC"
-                                },
-                                "quotient": "27487668611269"
-                            },
-                            "reserve1": {
-                                "token": {
-                                    "chainId": 1,
-                                    "decimals": "18",
-                                    "address": "0xC02aaA39b223FE8D0A0e5C4F27eAD9083C756Cc2",
-                                    "symbol": "WETH"
-                                },
-                                "quotient": "17390022942803382004255"
-                            },
-                            "amountIn": "200000000",
-                            "amountOut": "125959904111637894"
-                        }
-                    ]
-                ],
-                "routeString": "[V2] 100.00% = USDC -- [0xB4e16d0168e52d35CaCD2c6185b44281Ec28C9Dc] --> WETH",
-                "quoteId": "f46cf31c-251e-470c-bd57-13209015694e",
-                "portionBips": 15,
-                "portionRecipient": "0x37a8f295612602f2774d331e562be9e61B83a327",
-                "portionAmount": "189223691705014",
-                "portionAmountDecimals": "0.000189223691705014",
-                "requestId": "a02ca0ca-7855-4dd0-9330-8b818aaeb59f",
-                "tradeType": "EXACT_INPUT",
-                "slippage": 0.5
-            }
-        }
-    ]
-}

cypress/fixtures/uniswapx/fillTransactionReceipt.json

@@ -1,114 +0,0 @@
-{
-  "to": "0xbD7F9D0239f81C94b728d827a87b9864972661eC",
-  "from": "0xa17Fbb0b5a251A7ACA3BD7377e7eCC4F700A2C09",
-  "contractAddress": null,
-  "transactionIndex": 61,
-  "gasUsed": {
-    "type": "BigNumber",
-    "hex": "0x03e0c8"
-  },
-  "logsBloom":
-    "0x00000000000000000000008000200100000020000000000000000000000000000000000000000000000000010000000000000000000020000000000001000000000280000000000808000008000000000000000000000000000000000000200010000000100000000008000000000004402000080000000000000010000800000000000000000800000800000000000000000000010000000000000000000000000000000000200000000000005000000000000000000000000000000000000000000002000000000000000000000000040002000000000000000100000000090000000400000000000400000020080000000000000000000000000000000000",
-  "blockHash": "0x79cf0785f317f984eeaf737c592afff806cabf4fe0c46a84f62a4a0212cfab5c",
-  "transactionHash": "0x9f8382a94ee80ca119bc690908ab5f69c4c72f7497ee10f37e9ede0ded83cca6",
-  "logs": [
-    {
-      "transactionIndex": 61,
-      "blockNumber": 17444757,
-      "transactionHash": "0x9f8382a94ee80ca119bc690908ab5f69c4c72f7497ee10f37e9ede0ded83cca6",
-      "address": "0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48",
-      "topics": [
-        "0xddf252ad1be2c89b69c2b068fc378daa952ba7f163c4a11628f55a4df523b3ef",
-        "0x00000000000000000000000080becb808bfade4143183e58d18f2080e84e57a1",
-        "0x000000000000000000000000c59938e2d9ff9a0ecccbedf39031b1600d008eaf"
-      ],
-      "data": "0x0000000000000000000000000000000000000000000000000000000005f5e100",
-      "logIndex": 103,
-      "blockHash": "0x79cf0785f317f984eeaf737c592afff806cabf4fe0c46a84f62a4a0212cfab5c"
-    },
-    {
-      "transactionIndex": 61,
-      "blockNumber": 17444757,
-      "transactionHash": "0x9f8382a94ee80ca119bc690908ab5f69c4c72f7497ee10f37e9ede0ded83cca6",
-      "address": "0xbD7F9D0239f81C94b728d827a87b9864972661eC",
-      "topics": [
-        "0x78ad7ec0e9f89e74012afa58738b6b661c024cb0fd185ee2f616c0a28924bd66",
-        "0xd10e1d90145460003d98ba4b788564e9549cc93c65a12c9b297720a9d6a586de",
-        "0x000000000000000000000000a17fbb0b5a251a7aca3bd7377e7ecc4f700a2c09",
-        "0x00000000000000000000000080becb808bfade4143183e58d18f2080e84e57a1"
-      ],
-      "data": "0x8e32c6335b6f657322448399bd12ff5c22b7b1aa770850ff4eed36c750e2de00",
-      "logIndex": 104,
-      "blockHash": "0x79cf0785f317f984eeaf737c592afff806cabf4fe0c46a84f62a4a0212cfab5c"
-    },
-    {
-      "transactionIndex": 61,
-      "blockNumber": 17444757,
-      "transactionHash": "0x9f8382a94ee80ca119bc690908ab5f69c4c72f7497ee10f37e9ede0ded83cca6",
-      "address": "0x6B175474E89094C44Da98b954EedeAC495271d0F",
-      "topics": [
-        "0xddf252ad1be2c89b69c2b068fc378daa952ba7f163c4a11628f55a4df523b3ef",
-        "0x0000000000000000000000005777d92f208679db4b9778590fa3cab3ac9e2168",
-        "0x000000000000000000000000c59938e2d9ff9a0ecccbedf39031b1600d008eaf"
-      ],
-      "data": "0x0000000000000000000000000000000000000000000000056b9a675be430b502",
-      "logIndex": 105,
-      "blockHash": "0x79cf0785f317f984eeaf737c592afff806cabf4fe0c46a84f62a4a0212cfab5c"
-    },
-    {
-      "transactionIndex": 61,
-      "blockNumber": 17444757,
-      "transactionHash": "0x9f8382a94ee80ca119bc690908ab5f69c4c72f7497ee10f37e9ede0ded83cca6",
-      "address": "0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48",
-      "topics": [
-        "0xddf252ad1be2c89b69c2b068fc378daa952ba7f163c4a11628f55a4df523b3ef",
-        "0x000000000000000000000000c59938e2d9ff9a0ecccbedf39031b1600d008eaf",
-        "0x0000000000000000000000005777d92f208679db4b9778590fa3cab3ac9e2168"
-      ],
-      "data": "0x0000000000000000000000000000000000000000000000000000000005f5e100",
-      "logIndex": 106,
-      "blockHash": "0x79cf0785f317f984eeaf737c592afff806cabf4fe0c46a84f62a4a0212cfab5c"
-    },
-    {
-      "transactionIndex": 61,
-      "blockNumber": 17444757,
-      "transactionHash": "0x9f8382a94ee80ca119bc690908ab5f69c4c72f7497ee10f37e9ede0ded83cca6",
-      "address": "0x5777d92f208679DB4b9778590Fa3CAB3aC9e2168",
-      "topics": [
-        "0xc42079f94a6350d7e6235f29174924f928cc2ac818eb64fed8004e115fbcca67",
-        "0x00000000000000000000000068b3465833fb72a70ecdf485e0e4c7bd8665fc45",
-        "0x000000000000000000000000c59938e2d9ff9a0ecccbedf39031b1600d008eaf"
-      ],
-      "data": "0xfffffffffffffffffffffffffffffffffffffffffffffffa946598a41bcf4afe0000000000000000000000000000000000000000000000000000000005f5e1000000000000000000000000000000000000000000000010c7063b90a5e90d13830000000000000000000000000000000000000000000071b57cb2bb0b5b28224ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffbc89c",
-      "logIndex": 107,
-      "blockHash": "0x79cf0785f317f984eeaf737c592afff806cabf4fe0c46a84f62a4a0212cfab5c"
-    },
-    {
-      "transactionIndex": 61,
-      "blockNumber": 17444757,
-      "transactionHash": "0x9f8382a94ee80ca119bc690908ab5f69c4c72f7497ee10f37e9ede0ded83cca6",
-      "address": "0x6B175474E89094C44Da98b954EedeAC495271d0F",
-      "topics": [
-        "0xddf252ad1be2c89b69c2b068fc378daa952ba7f163c4a11628f55a4df523b3ef",
-        "0x000000000000000000000000c59938e2d9ff9a0ecccbedf39031b1600d008eaf",
-        "0x00000000000000000000000080becb808bfade4143183e58d18f2080e84e57a1"
-      ],
-      "data": "0x000000000000000000000000000000000000000000000004f409bcc7a52b6358",
-      "logIndex": 108,
-      "blockHash": "0x79cf0785f317f984eeaf737c592afff806cabf4fe0c46a84f62a4a0212cfab5c"
-    }
-  ],
-  "blockNumber": 17444757,
-  "confirmations": 392238,
-  "cumulativeGasUsed": {
-    "type": "BigNumber",
-    "hex": "0x4065ac"
-  },
-  "effectiveGasPrice": {
-    "type": "BigNumber",
-    "hex": "0x04aa792df0"
-  },
-  "status": 1,
-  "type": 2,
-  "byzantium": true
-}

cypress/fixtures/uniswapx/filledStatusResponse.json

@@ -1,33 +0,0 @@
-{
-  "orders": [
-    {
-      "outputs": [
-        {
-          "recipient": "0x80becb808bfade4143183e58d18f2080e84e57a1",
-          "startAmount": "91371770080538616664",
-          "endAmount": "90914911230135923580",
-          "token": "0x6B175474E89094C44Da98b954EedeAC495271d0F"
-        }
-      ],
-      "encodedOrder": "0x000000000000000000000000000000000000000000000000000000000000002000000000000000000000000000000000000000000000000000000000000001200000000000000000000000000000000000000000000000000000000064837e2a0000000000000000000000000000000000000000000000000000000064837e6600000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000a0b86991c6218b36c1d19d4a2e9eb0ce3606eb480000000000000000000000000000000000000000000000000000000005f5e1000000000000000000000000000000000000000000000000000000000005f5e1000000000000000000000000000000000000000000000000000000000000000200000000000000000000000000bd7f9d0239f81c94b728d827a87b9864972661ec00000000000000000000000080becb808bfade4143183e58d18f2080e84e57a18e32c6335b6f657322448399bd12ff5c22b7b1aa770850ff4eed36c750e2de000000000000000000000000000000000000000000000000000000000064837e66000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000c0000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000010000000000000000000000006b175474e89094c44da98b954eedeac495271d0f000000000000000000000000000000000000000000000004f409bcc7a52b6358000000000000000000000000000000000000000000000004edb2a613726c737c00000000000000000000000080becb808bfade4143183e58d18f2080e84e57a1",
-      "signature": "0x973882a290778b5c8aae691ef777385259928cde0513d224ea1131538379258d2db7a69804110320b08558380394879a31ab8dea61152c2dba7623acbfa11d0e1b",
-      "input": {
-        "endAmount": "100000000",
-        "token": "0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48",
-        "startAmount": "100000000"
-      },
-      "settledAmounts": [
-        {
-          "tokenOut": "0x6B175474E89094C44Da98b954EedeAC495271d0F",
-          "amountOut": "91371770080538616664"
-        }
-      ],
-      "orderStatus": "filled",
-      "txHash": "0x9f8382a94ee80ca119bc690908ab5f69c4c72f7497ee10f37e9ede0ded83cca6",
-      "createdAt": 1686339087,
-      "chainId": 1,
-      "orderHash": "0xa9dd6f05ad6d6c79bee654c31ede4d0d2392862711be0f3bc4a9124af24a6a19",
-      "type": "Dutch"
-    }
-  ]
-}

cypress/fixtures/uniswapx/insufficientFundsStatusResponse.json

@@ -1,26 +0,0 @@
-{
-  "orders": [
-    {
-      "outputs": [
-        {
-          "recipient": "0x80becb808bfade4143183e58d18f2080e84e57a1",
-          "startAmount": "91371770080538616664",
-          "endAmount": "90914911230135923580",
-          "token": "0x6B175474E89094C44Da98b954EedeAC495271d0F"
-        }
-      ],
-      "encodedOrder": "0x000000000000000000000000000000000000000000000000000000000000002000000000000000000000000000000000000000000000000000000000000001200000000000000000000000000000000000000000000000000000000064837e2a0000000000000000000000000000000000000000000000000000000064837e6600000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000a0b86991c6218b36c1d19d4a2e9eb0ce3606eb480000000000000000000000000000000000000000000000000000000005f5e1000000000000000000000000000000000000000000000000000000000005f5e1000000000000000000000000000000000000000000000000000000000000000200000000000000000000000000bd7f9d0239f81c94b728d827a87b9864972661ec00000000000000000000000080becb808bfade4143183e58d18f2080e84e57a18e32c6335b6f657322448399bd12ff5c22b7b1aa770850ff4eed36c750e2de000000000000000000000000000000000000000000000000000000000064837e66000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000c0000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000010000000000000000000000006b175474e89094c44da98b954eedeac495271d0f000000000000000000000000000000000000000000000004f409bcc7a52b6358000000000000000000000000000000000000000000000004edb2a613726c737c00000000000000000000000080becb808bfade4143183e58d18f2080e84e57a1",
-      "signature": "0x973882a290778b5c8aae691ef777385259928cde0513d224ea1131538379258d2db7a69804110320b08558380394879a31ab8dea61152c2dba7623acbfa11d0e1b",
-      "input": {
-        "endAmount": "100000000",
-        "token": "0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48",
-        "startAmount": "100000000"
-      },
-      "orderStatus": "insufficient-funds",
-      "createdAt": 1686339087,
-      "chainId": 1,
-      "orderHash": "0xa9dd6f05ad6d6c79bee654c31ede4d0d2392862711be0f3bc4a9124af24a6a19",
-      "type": "Dutch"
-    }
-  ]
-}

cypress/fixtures/uniswapx/openStatusResponse.json

@@ -1,26 +0,0 @@
-{
-  "orders": [
-    {
-      "outputs": [
-        {
-          "recipient": "0x80becb808bfade4143183e58d18f2080e84e57a1",
-          "startAmount": "91371770080538616664",
-          "endAmount": "90914911230135923580",
-          "token": "0x6B175474E89094C44Da98b954EedeAC495271d0F"
-        }
-      ],
-      "encodedOrder": "0x000000000000000000000000000000000000000000000000000000000000002000000000000000000000000000000000000000000000000000000000000001200000000000000000000000000000000000000000000000000000000064837e2a0000000000000000000000000000000000000000000000000000000064837e6600000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000a0b86991c6218b36c1d19d4a2e9eb0ce3606eb480000000000000000000000000000000000000000000000000000000005f5e1000000000000000000000000000000000000000000000000000000000005f5e1000000000000000000000000000000000000000000000000000000000000000200000000000000000000000000bd7f9d0239f81c94b728d827a87b9864972661ec00000000000000000000000080becb808bfade4143183e58d18f2080e84e57a18e32c6335b6f657322448399bd12ff5c22b7b1aa770850ff4eed36c750e2de000000000000000000000000000000000000000000000000000000000064837e66000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000c0000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000010000000000000000000000006b175474e89094c44da98b954eedeac495271d0f000000000000000000000000000000000000000000000004f409bcc7a52b6358000000000000000000000000000000000000000000000004edb2a613726c737c00000000000000000000000080becb808bfade4143183e58d18f2080e84e57a1",
-      "signature": "0x973882a290778b5c8aae691ef777385259928cde0513d224ea1131538379258d2db7a69804110320b08558380394879a31ab8dea61152c2dba7623acbfa11d0e1b",
-      "input": {
-        "endAmount": "100000000",
-        "token": "0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48",
-        "startAmount": "100000000"
-      },
-      "orderStatus": "open",
-      "createdAt": 1686339087,
-      "chainId": 1,
-      "orderHash": "0xa9dd6f05ad6d6c79bee654c31ede4d0d2392862711be0f3bc4a9124af24a6a19",
-      "type": "Dutch"
-    }
-  ]
-}

cypress/fixtures/uniswapx/orderResponse.json

@@ -1 +0,0 @@
-{"hash":"0xa9dd6f05ad6d6c79bee654c31ede4d0d2392862711be0f3bc4a9124af24a6a19"}

cypress/fixtures/uniswapx/quote1.json

@@ -1,493 +0,0 @@
-{
-    "routing": "DUTCH_LIMIT",
-    "quote": {
-        "orderInfo": {
-            "chainId": 1,
-            "permit2Address": "0x000000000022d473030f116ddee9f6b43ac78ba3",
-            "reactor": "0x6000da47483062A0D734Ba3dc7576Ce6A0B645C4",
-            "swapper": "0x67d615D6bccAA1562B1cca9786384b4840597ecD",
-            "nonce": "57335948072881703373319552024074512292695687510330025934414357004397546394368",
-            "deadline": 1690902198,
-            "additionalValidationContract": "0x0000000000000000000000000000000000000000",
-            "additionalValidationData": "0x",
-            "decayStartTime": 1690902126,
-            "decayEndTime": 1690902186,
-            "exclusiveFiller": "0x0000000000000000000000000000000000000000",
-            "exclusivityOverrideBps": "0",
-            "input": {
-                "token": "0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48",
-                "startAmount": "300000000",
-                "endAmount": "300000000"
-            },
-            "outputs": [
-                {
-                    "token": "0x6B175474E89094C44Da98b954EedeAC495271d0F",
-                    "startAmount": "289951120815684452958",
-                    "endAmount": "267060007981523637666",
-                    "recipient": "0x67d615D6bccAA1562B1cca9786384b4840597ecD"
-                }
-            ]
-        },
-        "encodedOrder": "0x000000000000000000000000000000000000000000000000000000000000002000000000000000000000000000000000000000000000000000000000000001200000000000000000000000000000000000000000000000000000000064c91e6e0000000000000000000000000000000000000000000000000000000064c91eaa00000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000a0b86991c6218b36c1d19d4a2e9eb0ce3606eb480000000000000000000000000000000000000000000000000000000011e1a3000000000000000000000000000000000000000000000000000000000011e1a30000000000000000000000000000000000000000000000000000000000000002000000000000000000000000006000da47483062a0d734ba3dc7576ce6a0b645c400000000000000000000000067d615d6bccaa1562b1cca9786384b4840597ecd7ec2ff20796a08922e11fd828e3871a6aa9a80e6495e30cd41be24b7e37953000000000000000000000000000000000000000000000000000000000064c91eb6000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000c0000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000010000000000000000000000006b175474e89094c44da98b954eedeac495271d0f00000000000000000000000000000000000000000000000fb7e15027ad3e025e00000000000000000000000000000000000000000000000e7a33be508bb395a200000000000000000000000067d615d6bccaa1562b1cca9786384b4840597ecd",
-        "quoteId": "f9f47cd7-a62c-4622-9ac7-51d0e662245a",
-        "requestId": "2d16f993-6429-4755-ba50-1383789459dc",
-        "auctionPeriodSecs": 60,
-        "startTimeBufferSecs": 30,
-        "deadlineBufferSecs": 12,
-        "slippageTolerance": "0.5",
-        "permitData": {
-            "domain": {
-                "name": "Permit2",
-                "chainId": 1,
-                "verifyingContract": "0x000000000022d473030f116ddee9f6b43ac78ba3"
-            },
-            "types": {
-                "PermitWitnessTransferFrom": [
-                    {
-                        "name": "permitted",
-                        "type": "TokenPermissions"
-                    },
-                    {
-                        "name": "spender",
-                        "type": "address"
-                    },
-                    {
-                        "name": "nonce",
-                        "type": "uint256"
-                    },
-                    {
-                        "name": "deadline",
-                        "type": "uint256"
-                    },
-                    {
-                        "name": "witness",
-                        "type": "ExclusiveDutchOrder"
-                    }
-                ],
-                "TokenPermissions": [
-                    {
-                        "name": "token",
-                        "type": "address"
-                    },
-                    {
-                        "name": "amount",
-                        "type": "uint256"
-                    }
-                ],
-                "ExclusiveDutchOrder": [
-                    {
-                        "name": "info",
-                        "type": "OrderInfo"
-                    },
-                    {
-                        "name": "decayStartTime",
-                        "type": "uint256"
-                    },
-                    {
-                        "name": "decayEndTime",
-                        "type": "uint256"
-                    },
-                    {
-                        "name": "exclusiveFiller",
-                        "type": "address"
-                    },
-                    {
-                        "name": "exclusivityOverrideBps",
-                        "type": "uint256"
-                    },
-                    {
-                        "name": "inputToken",
-                        "type": "address"
-                    },
-                    {
-                        "name": "inputStartAmount",
-                        "type": "uint256"
-                    },
-                    {
-                        "name": "inputEndAmount",
-                        "type": "uint256"
-                    },
-                    {
-                        "name": "outputs",
-                        "type": "DutchOutput[]"
-                    }
-                ],
-                "OrderInfo": [
-                    {
-                        "name": "reactor",
-                        "type": "address"
-                    },
-                    {
-                        "name": "swapper",
-                        "type": "address"
-                    },
-                    {
-                        "name": "nonce",
-                        "type": "uint256"
-                    },
-                    {
-                        "name": "deadline",
-                        "type": "uint256"
-                    },
-                    {
-                        "name": "additionalValidationContract",
-                        "type": "address"
-                    },
-                    {
-                        "name": "additionalValidationData",
-                        "type": "bytes"
-                    }
-                ],
-                "DutchOutput": [
-                    {
-                        "name": "token",
-                        "type": "address"
-                    },
-                    {
-                        "name": "startAmount",
-                        "type": "uint256"
-                    },
-                    {
-                        "name": "endAmount",
-                        "type": "uint256"
-                    },
-                    {
-                        "name": "recipient",
-                        "type": "address"
-                    }
-                ]
-            },
-            "values": {
-                "permitted": {
-                    "token": "0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48",
-                    "amount": {
-                        "type": "BigNumber",
-                        "hex": "0x11e1a300"
-                    }
-                },
-                "spender": "0x6000da47483062A0D734Ba3dc7576Ce6A0B645C4",
-                "nonce": {
-                    "type": "BigNumber",
-                    "hex": "0x7ec2ff20796a08922e11fd828e3871a6aa9a80e6495e30cd41be24b7e3795300"
-                },
-                "deadline": 1690902198,
-                "witness": {
-                    "info": {
-                        "reactor": "0x6000da47483062A0D734Ba3dc7576Ce6A0B645C4",
-                        "swapper": "0x67d615D6bccAA1562B1cca9786384b4840597ecD",
-                        "nonce": {
-                            "type": "BigNumber",
-                            "hex": "0x7ec2ff20796a08922e11fd828e3871a6aa9a80e6495e30cd41be24b7e3795300"
-                        },
-                        "deadline": 1690902198,
-                        "additionalValidationContract": "0x0000000000000000000000000000000000000000",
-                        "additionalValidationData": "0x"
-                    },
-                    "decayStartTime": 1690902126,
-                    "decayEndTime": 1690902186,
-                    "exclusiveFiller": "0x0000000000000000000000000000000000000000",
-                    "exclusivityOverrideBps": {
-                        "type": "BigNumber",
-                        "hex": "0x00"
-                    },
-                    "inputToken": "0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48",
-                    "inputStartAmount": {
-                        "type": "BigNumber",
-                        "hex": "0x11e1a300"
-                    },
-                    "inputEndAmount": {
-                        "type": "BigNumber",
-                        "hex": "0x11e1a300"
-                    },
-                    "outputs": [
-                        {
-                            "token": "0x6B175474E89094C44Da98b954EedeAC495271d0F",
-                            "startAmount": {
-                                "type": "BigNumber",
-                                "hex": "0x0fb7e15027ad3e025e"
-                            },
-                            "endAmount": {
-                                "type": "BigNumber",
-                                "hex": "0x0e7a33be508bb395a2"
-                            },
-                            "recipient": "0x67d615D6bccAA1562B1cca9786384b4840597ecD"
-                        }
-                    ]
-                }
-            }
-        }
-    },
-    "requestId": "2d16f993-6429-4755-ba50-1383789459dc",
-    "allQuotes": [
-        {
-            "routing": "DUTCH_LIMIT",
-            "quote": {
-                "orderInfo": {
-                    "chainId": 1,
-                    "permit2Address": "0x000000000022d473030f116ddee9f6b43ac78ba3",
-                    "reactor": "0x6000da47483062A0D734Ba3dc7576Ce6A0B645C4",
-                    "swapper": "0x67d615D6bccAA1562B1cca9786384b4840597ecD",
-                    "nonce": "57335948072881703373319552024074512292695687510330025934414357004397546394368",
-                    "deadline": 1690902198,
-                    "additionalValidationContract": "0x0000000000000000000000000000000000000000",
-                    "additionalValidationData": "0x",
-                    "decayStartTime": 1690902126,
-                    "decayEndTime": 1690902186,
-                    "exclusiveFiller": "0x0000000000000000000000000000000000000000",
-                    "exclusivityOverrideBps": "0",
-                    "input": {
-                        "token": "0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48",
-                        "startAmount": "300000000",
-                        "endAmount": "300000000"
-                    },
-                    "outputs": [
-                        {
-                            "token": "0x6B175474E89094C44Da98b954EedeAC495271d0F",
-                            "startAmount": "289951120815684452958",
-                            "endAmount": "267060007981523637666",
-                            "recipient": "0x67d615D6bccAA1562B1cca9786384b4840597ecD"
-                        }
-                    ]
-                },
-                "encodedOrder": "0x000000000000000000000000000000000000000000000000000000000000002000000000000000000000000000000000000000000000000000000000000001200000000000000000000000000000000000000000000000000000000064c91e6e0000000000000000000000000000000000000000000000000000000064c91eaa00000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000a0b86991c6218b36c1d19d4a2e9eb0ce3606eb480000000000000000000000000000000000000000000000000000000011e1a3000000000000000000000000000000000000000000000000000000000011e1a30000000000000000000000000000000000000000000000000000000000000002000000000000000000000000006000da47483062a0d734ba3dc7576ce6a0b645c400000000000000000000000067d615d6bccaa1562b1cca9786384b4840597ecd7ec2ff20796a08922e11fd828e3871a6aa9a80e6495e30cd41be24b7e37953000000000000000000000000000000000000000000000000000000000064c91eb6000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000c0000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000010000000000000000000000006b175474e89094c44da98b954eedeac495271d0f00000000000000000000000000000000000000000000000fb7e15027ad3e025e00000000000000000000000000000000000000000000000e7a33be508bb395a200000000000000000000000067d615d6bccaa1562b1cca9786384b4840597ecd",
-                "quoteId": "f9f47cd7-a62c-4622-9ac7-51d0e662245a",
-                "requestId": "2d16f993-6429-4755-ba50-1383789459dc",
-                "auctionPeriodSecs": 60,
-                "startTimeBufferSecs": 30,
-                "deadlineBufferSecs": 12,
-                "slippageTolerance": "0.5",
-                "permitData": {
-                    "domain": {
-                        "name": "Permit2",
-                        "chainId": 1,
-                        "verifyingContract": "0x000000000022d473030f116ddee9f6b43ac78ba3"
-                    },
-                    "types": {
-                        "PermitWitnessTransferFrom": [
-                            {
-                                "name": "permitted",
-                                "type": "TokenPermissions"
-                            },
-                            {
-                                "name": "spender",
-                                "type": "address"
-                            },
-                            {
-                                "name": "nonce",
-                                "type": "uint256"
-                            },
-                            {
-                                "name": "deadline",
-                                "type": "uint256"
-                            },
-                            {
-                                "name": "witness",
-                                "type": "ExclusiveDutchOrder"
-                            }
-                        ],
-                        "TokenPermissions": [
-                            {
-                                "name": "token",
-                                "type": "address"
-                            },
-                            {
-                                "name": "amount",
-                                "type": "uint256"
-                            }
-                        ],
-                        "ExclusiveDutchOrder": [
-                            {
-                                "name": "info",
-                                "type": "OrderInfo"
-                            },
-                            {
-                                "name": "decayStartTime",
-                                "type": "uint256"
-                            },
-                            {
-                                "name": "decayEndTime",
-                                "type": "uint256"
-                            },
-                            {
-                                "name": "exclusiveFiller",
-                                "type": "address"
-                            },
-                            {
-                                "name": "exclusivityOverrideBps",
-                                "type": "uint256"
-                            },
-                            {
-                                "name": "inputToken",
-                                "type": "address"
-                            },
-                            {
-                                "name": "inputStartAmount",
-                                "type": "uint256"
-                            },
-                            {
-                                "name": "inputEndAmount",
-                                "type": "uint256"
-                            },
-                            {
-                                "name": "outputs",
-                                "type": "DutchOutput[]"
-                            }
-                        ],
-                        "OrderInfo": [
-                            {
-                                "name": "reactor",
-                                "type": "address"
-                            },
-                            {
-                                "name": "swapper",
-                                "type": "address"
-                            },
-                            {
-                                "name": "nonce",
-                                "type": "uint256"
-                            },
-                            {
-                                "name": "deadline",
-                                "type": "uint256"
-                            },
-                            {
-                                "name": "additionalValidationContract",
-                                "type": "address"
-                            },
-                            {
-                                "name": "additionalValidationData",
-                                "type": "bytes"
-                            }
-                        ],
-                        "DutchOutput": [
-                            {
-                                "name": "token",
-                                "type": "address"
-                            },
-                            {
-                                "name": "startAmount",
-                                "type": "uint256"
-                            },
-                            {
-                                "name": "endAmount",
-                                "type": "uint256"
-                            },
-                            {
-                                "name": "recipient",
-                                "type": "address"
-                            }
-                        ]
-                    },
-                    "values": {
-                        "permitted": {
-                            "token": "0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48",
-                            "amount": {
-                                "type": "BigNumber",
-                                "hex": "0x11e1a300"
-                            }
-                        },
-                        "spender": "0x6000da47483062A0D734Ba3dc7576Ce6A0B645C4",
-                        "nonce": {
-                            "type": "BigNumber",
-                            "hex": "0x7ec2ff20796a08922e11fd828e3871a6aa9a80e6495e30cd41be24b7e3795300"
-                        },
-                        "deadline": 1690902198,
-                        "witness": {
-                            "info": {
-                                "reactor": "0x6000da47483062A0D734Ba3dc7576Ce6A0B645C4",
-                                "swapper": "0x67d615D6bccAA1562B1cca9786384b4840597ecD",
-                                "nonce": {
-                                    "type": "BigNumber",
-                                    "hex": "0x7ec2ff20796a08922e11fd828e3871a6aa9a80e6495e30cd41be24b7e3795300"
-                                },
-                                "deadline": 1690902198,
-                                "additionalValidationContract": "0x0000000000000000000000000000000000000000",
-                                "additionalValidationData": "0x"
-                            },
-                            "decayStartTime": 1690902126,
-                            "decayEndTime": 1690902186,
-                            "exclusiveFiller": "0x0000000000000000000000000000000000000000",
-                            "exclusivityOverrideBps": {
-                                "type": "BigNumber",
-                                "hex": "0x00"
-                            },
-                            "inputToken": "0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48",
-                            "inputStartAmount": {
-                                "type": "BigNumber",
-                                "hex": "0x11e1a300"
-                            },
-                            "inputEndAmount": {
-                                "type": "BigNumber",
-                                "hex": "0x11e1a300"
-                            },
-                            "outputs": [
-                                {
-                                    "token": "0x6B175474E89094C44Da98b954EedeAC495271d0F",
-                                    "startAmount": {
-                                        "type": "BigNumber",
-                                        "hex": "0x0fb7e15027ad3e025e"
-                                    },
-                                    "endAmount": {
-                                        "type": "BigNumber",
-                                        "hex": "0x0e7a33be508bb395a2"
-                                    },
-                                    "recipient": "0x67d615D6bccAA1562B1cca9786384b4840597ecD"
-                                }
-                            ]
-                        }
-                    }
-                }
-            }
-        },
-        {
-            "routing": "CLASSIC",
-            "quote": {
-                "blockNumber": "17820918",
-                "amount": "300000000",
-                "amountDecimals": "300",
-                "quote": "299952256425393549464",
-                "quoteDecimals": "299.952256425393549464",
-                "quoteGasAdjusted": "289922128602824170541",
-                "quoteGasAdjustedDecimals": "289.922128602824170541",
-                "gasUseEstimateQuote": "10030127822569378922",
-                "gasUseEstimateQuoteDecimals": "10.030127822569378922",
-                "gasUseEstimate": "128000",
-                "gasUseEstimateUSD": "10.031724",
-                "simulationStatus": "UNATTEMPTED",
-                "simulationError": false,
-                "gasPriceWei": "42803167855",
-                "route": [
-                    [
-                        {
-                            "type": "v3-pool",
-                            "address": "0x5777d92f208679DB4b9778590Fa3CAB3aC9e2168",
-                            "tokenIn": {
-                                "chainId": 1,
-                                "decimals": "6",
-                                "address": "0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48",
-                                "symbol": "USDC"
-                            },
-                            "tokenOut": {
-                                "chainId": 1,
-                                "decimals": "18",
-                                "address": "0x6B175474E89094C44Da98b954EedeAC495271d0F",
-                                "symbol": "DAI"
-                            },
-                            "fee": "100",
-                            "liquidity": "534676532046235168447130",
-                            "sqrtRatioX96": "79230505815006815109584",
-                            "tickCurrent": "-276324",
-                            "amountIn": "300000000",
-                            "amountOut": "299952256425393549464"
-                        }
-                    ]
-                ],
-                "routeString": "[V3] 100.00% = USDC -- 0.01% [0x5777d92f208679DB4b9778590Fa3CAB3aC9e2168] --> DAI",
-                "quoteId": "1dd3bd14-780e-41c6-88e1-30a763f97482",
-                "requestId": "2d16f993-6429-4755-ba50-1383789459dc",
-                "tradeType": "EXACT_INPUT",
-                "slippage": 0.5
-            }
-        }
-    ]
-}

cypress/fixtures/uniswapx/quote2.json

@@ -1,493 +0,0 @@
-{
-  "routing": "DUTCH_LIMIT",
-  "quote": {
-      "orderInfo": {
-          "chainId": 1,
-          "permit2Address": "0x000000000022d473030f116ddee9f6b43ac78ba3",
-          "reactor": "0x6000da47483062A0D734Ba3dc7576Ce6A0B645C4",
-          "swapper": "0x0000000000000000000000000000000000000000",
-          "nonce": "1993350209834725680308575292465150260730647098062962750049345504775310970881",
-          "deadline": 1691176812,
-          "additionalValidationContract": "0x0000000000000000000000000000000000000000",
-          "additionalValidationData": "0x",
-          "decayStartTime": 1691176740,
-          "decayEndTime": 1691176800,
-          "exclusiveFiller": "0x165D98de005d2818176B99B1A93b9325dBE58181",
-          "exclusivityOverrideBps": "100",
-          "input": {
-              "token": "0xC02aaA39b223FE8D0A0e5C4F27eAD9083C756Cc2",
-              "startAmount": "1000000000000000000",
-              "endAmount": "1000000000000000000"
-          },
-          "outputs": [
-              {
-                  "token": "0x6B175474E89094C44Da98b954EedeAC495271d0F",
-                  "startAmount": "929502510517534478575",
-                  "endAmount": "919795986077127665276",
-                  "recipient": "0x0000000000000000000000000000000000000000"
-              }
-          ]
-      },
-      "encodedOrder": "0x000000000000000000000000000000000000000000000000000000000000002000000000000000000000000000000000000000000000000000000000000001200000000000000000000000000000000000000000000000000000000064cd4f240000000000000000000000000000000000000000000000000000000064cd4f60000000000000000000000000165d98de005d2818176b99b1a93b9325dbe581810000000000000000000000000000000000000000000000000000000000000064000000000000000000000000c02aaa39b223fe8d0a0e5c4f27ead9083c756cc20000000000000000000000000000000000000000000000000de0b6b3a76400000000000000000000000000000000000000000000000000000de0b6b3a764000000000000000000000000000000000000000000000000000000000000000002000000000000000000000000006000da47483062a0d734ba3dc7576ce6a0b645c400000000000000000000000000000000000000000000000000000000000000000468323c9682990e3dc0646f899b437e62fbfb52a63cc8de721280222d8090010000000000000000000000000000000000000000000000000000000064cd4f6c000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000c00000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000100000000000000000000000092d6c1e31e14520e676a687f0a93788b716beff500000000000000000000000000000000000000000000003263704899af6e50ef000000000000000000000000000000000000000000000031dcbbc80c9555e67c0000000000000000000000000000000000000000000000000000000000000000",
-      "quoteId": "09ce28b7-1ddf-4317-a28d-d21092be9f84",
-      "requestId": "f00535d4-461a-4363-afbe-7a5ab7061cd1",
-      "auctionPeriodSecs": 60,
-      "startTimeBufferSecs": 30,
-      "deadlineBufferSecs": 12,
-      "slippageTolerance": "0.5",
-      "permitData": {
-          "domain": {
-              "name": "Permit2",
-              "chainId": 1,
-              "verifyingContract": "0x000000000022d473030f116ddee9f6b43ac78ba3"
-          },
-          "types": {
-              "PermitWitnessTransferFrom": [
-                  {
-                      "name": "permitted",
-                      "type": "TokenPermissions"
-                  },
-                  {
-                      "name": "spender",
-                      "type": "address"
-                  },
-                  {
-                      "name": "nonce",
-                      "type": "uint256"
-                  },
-                  {
-                      "name": "deadline",
-                      "type": "uint256"
-                  },
-                  {
-                      "name": "witness",
-                      "type": "ExclusiveDutchOrder"
-                  }
-              ],
-              "TokenPermissions": [
-                  {
-                      "name": "token",
-                      "type": "address"
-                  },
-                  {
-                      "name": "amount",
-                      "type": "uint256"
-                  }
-              ],
-              "ExclusiveDutchOrder": [
-                  {
-                      "name": "info",
-                      "type": "OrderInfo"
-                  },
-                  {
-                      "name": "decayStartTime",
-                      "type": "uint256"
-                  },
-                  {
-                      "name": "decayEndTime",
-                      "type": "uint256"
-                  },
-                  {
-                      "name": "exclusiveFiller",
-                      "type": "address"
-                  },
-                  {
-                      "name": "exclusivityOverrideBps",
-                      "type": "uint256"
-                  },
-                  {
-                      "name": "inputToken",
-                      "type": "address"
-                  },
-                  {
-                      "name": "inputStartAmount",
-                      "type": "uint256"
-                  },
-                  {
-                      "name": "inputEndAmount",
-                      "type": "uint256"
-                  },
-                  {
-                      "name": "outputs",
-                      "type": "DutchOutput[]"
-                  }
-              ],
-              "OrderInfo": [
-                  {
-                      "name": "reactor",
-                      "type": "address"
-                  },
-                  {
-                      "name": "swapper",
-                      "type": "address"
-                  },
-                  {
-                      "name": "nonce",
-                      "type": "uint256"
-                  },
-                  {
-                      "name": "deadline",
-                      "type": "uint256"
-                  },
-                  {
-                      "name": "additionalValidationContract",
-                      "type": "address"
-                  },
-                  {
-                      "name": "additionalValidationData",
-                      "type": "bytes"
-                  }
-              ],
-              "DutchOutput": [
-                  {
-                      "name": "token",
-                      "type": "address"
-                  },
-                  {
-                      "name": "startAmount",
-                      "type": "uint256"
-                  },
-                  {
-                      "name": "endAmount",
-                      "type": "uint256"
-                  },
-                  {
-                      "name": "recipient",
-                      "type": "address"
-                  }
-              ]
-          },
-          "values": {
-              "permitted": {
-                  "token": "0xC02aaA39b223FE8D0A0e5C4F27eAD9083C756Cc2",
-                  "amount": {
-                      "type": "BigNumber",
-                      "hex": "0x0de0b6b3a7640000"
-                  }
-              },
-              "spender": "0x6000da47483062A0D734Ba3dc7576Ce6A0B645C4",
-              "nonce": {
-                  "type": "BigNumber",
-                  "hex": "0x0468323c9682990e3dc0646f899b437e62fbfb52a63cc8de721280222d809001"
-              },
-              "deadline": 1691176812,
-              "witness": {
-                  "info": {
-                      "reactor": "0x6000da47483062A0D734Ba3dc7576Ce6A0B645C4",
-                      "swapper": "0x0000000000000000000000000000000000000000",
-                      "nonce": {
-                          "type": "BigNumber",
-                          "hex": "0x0468323c9682990e3dc0646f899b437e62fbfb52a63cc8de721280222d809001"
-                      },
-                      "deadline": 1691176812,
-                      "additionalValidationContract": "0x0000000000000000000000000000000000000000",
-                      "additionalValidationData": "0x"
-                  },
-                  "decayStartTime": 1691176740,
-                  "decayEndTime": 1691176800,
-                  "exclusiveFiller": "0x165D98de005d2818176B99B1A93b9325dBE58181",
-                  "exclusivityOverrideBps": {
-                      "type": "BigNumber",
-                      "hex": "0x64"
-                  },
-                  "inputToken": "0xC02aaA39b223FE8D0A0e5C4F27eAD9083C756Cc2",
-                  "inputStartAmount": {
-                      "type": "BigNumber",
-                      "hex": "0x0de0b6b3a7640000"
-                  },
-                  "inputEndAmount": {
-                      "type": "BigNumber",
-                      "hex": "0x0de0b6b3a7640000"
-                  },
-                  "outputs": [
-                      {
-                          "token": "0x6B175474E89094C44Da98b954EedeAC495271d0F",
-                          "startAmount": {
-                              "type": "BigNumber",
-                              "hex": "0x3263704899af6e50ef"
-                          },
-                          "endAmount": {
-                              "type": "BigNumber",
-                              "hex": "0x31dcbbc80c9555e67c"
-                          },
-                          "recipient": "0x0000000000000000000000000000000000000000"
-                      }
-                  ]
-              }
-          }
-      }
-  },
-  "requestId": "f00535d4-461a-4363-afbe-7a5ab7061cd1",
-  "allQuotes": [
-      {
-          "routing": "DUTCH_LIMIT",
-          "quote": {
-              "orderInfo": {
-                  "chainId": 1,
-                  "permit2Address": "0x000000000022d473030f116ddee9f6b43ac78ba3",
-                  "reactor": "0x6000da47483062A0D734Ba3dc7576Ce6A0B645C4",
-                  "swapper": "0x0000000000000000000000000000000000000000",
-                  "nonce": "1993350209834725680308575292465150260730647098062962750049345504775310970881",
-                  "deadline": 1691176812,
-                  "additionalValidationContract": "0x0000000000000000000000000000000000000000",
-                  "additionalValidationData": "0x",
-                  "decayStartTime": 1691176740,
-                  "decayEndTime": 1691176800,
-                  "exclusiveFiller": "0x165D98de005d2818176B99B1A93b9325dBE58181",
-                  "exclusivityOverrideBps": "100",
-                  "input": {
-                      "token": "0xC02aaA39b223FE8D0A0e5C4F27eAD9083C756Cc2",
-                      "startAmount": "1000000000000000000",
-                      "endAmount": "1000000000000000000"
-                  },
-                  "outputs": [
-                      {
-                          "token": "0x6B175474E89094C44Da98b954EedeAC495271d0F",
-                          "startAmount": "929502510517534478575",
-                          "endAmount": "919795986077127665276",
-                          "recipient": "0x0000000000000000000000000000000000000000"
-                      }
-                  ]
-              },
-              "encodedOrder": "0x000000000000000000000000000000000000000000000000000000000000002000000000000000000000000000000000000000000000000000000000000001200000000000000000000000000000000000000000000000000000000064cd4f240000000000000000000000000000000000000000000000000000000064cd4f60000000000000000000000000165d98de005d2818176b99b1a93b9325dbe581810000000000000000000000000000000000000000000000000000000000000064000000000000000000000000c02aaa39b223fe8d0a0e5c4f27ead9083c756cc20000000000000000000000000000000000000000000000000de0b6b3a76400000000000000000000000000000000000000000000000000000de0b6b3a764000000000000000000000000000000000000000000000000000000000000000002000000000000000000000000006000da47483062a0d734ba3dc7576ce6a0b645c400000000000000000000000000000000000000000000000000000000000000000468323c9682990e3dc0646f899b437e62fbfb52a63cc8de721280222d8090010000000000000000000000000000000000000000000000000000000064cd4f6c000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000c00000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000100000000000000000000000092d6c1e31e14520e676a687f0a93788b716beff500000000000000000000000000000000000000000000003263704899af6e50ef000000000000000000000000000000000000000000000031dcbbc80c9555e67c0000000000000000000000000000000000000000000000000000000000000000",
-              "quoteId": "09ce28b7-1ddf-4317-a28d-d21092be9f84",
-              "requestId": "f00535d4-461a-4363-afbe-7a5ab7061cd1",
-              "auctionPeriodSecs": 60,
-              "startTimeBufferSecs": 30,
-              "deadlineBufferSecs": 12,
-              "slippageTolerance": "0.5",
-              "permitData": {
-                  "domain": {
-                      "name": "Permit2",
-                      "chainId": 1,
-                      "verifyingContract": "0x000000000022d473030f116ddee9f6b43ac78ba3"
-                  },
-                  "types": {
-                      "PermitWitnessTransferFrom": [
-                          {
-                              "name": "permitted",
-                              "type": "TokenPermissions"
-                          },
-                          {
-                              "name": "spender",
-                              "type": "address"
-                          },
-                          {
-                              "name": "nonce",
-                              "type": "uint256"
-                          },
-                          {
-                              "name": "deadline",
-                              "type": "uint256"
-                          },
-                          {
-                              "name": "witness",
-                              "type": "ExclusiveDutchOrder"
-                          }
-                      ],
-                      "TokenPermissions": [
-                          {
-                              "name": "token",
-                              "type": "address"
-                          },
-                          {
-                              "name": "amount",
-                              "type": "uint256"
-                          }
-                      ],
-                      "ExclusiveDutchOrder": [
-                          {
-                              "name": "info",
-                              "type": "OrderInfo"
-                          },
-                          {
-                              "name": "decayStartTime",
-                              "type": "uint256"
-                          },
-                          {
-                              "name": "decayEndTime",
-                              "type": "uint256"
-                          },
-                          {
-                              "name": "exclusiveFiller",
-                              "type": "address"
-                          },
-                          {
-                              "name": "exclusivityOverrideBps",
-                              "type": "uint256"
-                          },
-                          {
-                              "name": "inputToken",
-                              "type": "address"
-                          },
-                          {
-                              "name": "inputStartAmount",
-                              "type": "uint256"
-                          },
-                          {
-                              "name": "inputEndAmount",
-                              "type": "uint256"
-                          },
-                          {
-                              "name": "outputs",
-                              "type": "DutchOutput[]"
-                          }
-                      ],
-                      "OrderInfo": [
-                          {
-                              "name": "reactor",
-                              "type": "address"
-                          },
-                          {
-                              "name": "swapper",
-                              "type": "address"
-                          },
-                          {
-                              "name": "nonce",
-                              "type": "uint256"
-                          },
-                          {
-                              "name": "deadline",
-                              "type": "uint256"
-                          },
-                          {
-                              "name": "additionalValidationContract",
-                              "type": "address"
-                          },
-                          {
-                              "name": "additionalValidationData",
-                              "type": "bytes"
-                          }
-                      ],
-                      "DutchOutput": [
-                          {
-                              "name": "token",
-                              "type": "address"
-                          },
-                          {
-                              "name": "startAmount",
-                              "type": "uint256"
-                          },
-                          {
-                              "name": "endAmount",
-                              "type": "uint256"
-                          },
-                          {
-                              "name": "recipient",
-                              "type": "address"
-                          }
-                      ]
-                  },
-                  "values": {
-                      "permitted": {
-                          "token": "0xC02aaA39b223FE8D0A0e5C4F27eAD9083C756Cc2",
-                          "amount": {
-                              "type": "BigNumber",
-                              "hex": "0x0de0b6b3a7640000"
-                          }
-                      },
-                      "spender": "0x6000da47483062A0D734Ba3dc7576Ce6A0B645C4",
-                      "nonce": {
-                          "type": "BigNumber",
-                          "hex": "0x0468323c9682990e3dc0646f899b437e62fbfb52a63cc8de721280222d809001"
-                      },
-                      "deadline": 1691176812,
-                      "witness": {
-                          "info": {
-                              "reactor": "0x6000da47483062A0D734Ba3dc7576Ce6A0B645C4",
-                              "swapper": "0x0000000000000000000000000000000000000000",
-                              "nonce": {
-                                  "type": "BigNumber",
-                                  "hex": "0x0468323c9682990e3dc0646f899b437e62fbfb52a63cc8de721280222d809001"
-                              },
-                              "deadline": 1691176812,
-                              "additionalValidationContract": "0x0000000000000000000000000000000000000000",
-                              "additionalValidationData": "0x"
-                          },
-                          "decayStartTime": 1691176740,
-                          "decayEndTime": 1691176800,
-                          "exclusiveFiller": "0x165D98de005d2818176B99B1A93b9325dBE58181",
-                          "exclusivityOverrideBps": {
-                              "type": "BigNumber",
-                              "hex": "0x64"
-                          },
-                          "inputToken": "0xC02aaA39b223FE8D0A0e5C4F27eAD9083C756Cc2",
-                          "inputStartAmount": {
-                              "type": "BigNumber",
-                              "hex": "0x0de0b6b3a7640000"
-                          },
-                          "inputEndAmount": {
-                              "type": "BigNumber",
-                              "hex": "0x0de0b6b3a7640000"
-                          },
-                          "outputs": [
-                              {
-                                  "token": "0x6B175474E89094C44Da98b954EedeAC495271d0F",
-                                  "startAmount": {
-                                      "type": "BigNumber",
-                                      "hex": "0x3263704899af6e50ef"
-                                  },
-                                  "endAmount": {
-                                      "type": "BigNumber",
-                                      "hex": "0x31dcbbc80c9555e67c"
-                                  },
-                                  "recipient": "0x0000000000000000000000000000000000000000"
-                              }
-                          ]
-                      }
-                  }
-              }
-          }
-      },
-      {
-          "routing": "CLASSIC",
-          "quote": {
-              "blockNumber": "17843654",
-              "amount": "1000000000000000000",
-              "amountDecimals": "1",
-              "quote": "931181529570145926787",
-              "quoteDecimals": "931.181529570145926787",
-              "quoteGasAdjusted": "929033336026294051828",
-              "quoteGasAdjustedDecimals": "929.033336026294051828",
-              "gasUseEstimateQuote": "2148193543851874958",
-              "gasUseEstimateQuoteDecimals": "2.148193543851874958",
-              "gasUseEstimate": "128000",
-              "gasUseEstimateUSD": "4.174934",
-              "simulationStatus": "UNATTEMPTED",
-              "simulationError": false,
-              "gasPriceWei": "17811260539",
-              "route": [
-                  [
-                      {
-                          "type": "v3-pool",
-                          "address": "0xD8de6af55F618a7Bc69835D55DDC6582220c36c0",
-                          "tokenIn": {
-                              "chainId": 1,
-                              "decimals": "18",
-                              "address": "0xC02aaA39b223FE8D0A0e5C4F27eAD9083C756Cc2",
-                              "symbol": "WETH"
-                          },
-                          "tokenOut": {
-                              "chainId": 1,
-                              "decimals": "18",
-                              "address": "0x6B175474E89094C44Da98b954EedeAC495271d0F",
-                              "symbol": "DAI"
-                          },
-                          "fee": "3000",
-                          "liquidity": "62287359628325896425115",
-                          "sqrtRatioX96": "2591813593283507889384697884",
-                          "tickCurrent": "-68403",
-                          "amountIn": "1000000000000000000",
-                          "amountOut": "931181529570145926787"
-                      }
-                  ]
-              ],
-              "routeString": "[V3] 100.00% = WETH -- 0.3% [0xD8de6af55F618a7Bc69835D55DDC6582220c36c0] --> DAI",
-              "quoteId": "414e5f1c-120a-4e35-9760-c54d4b09e91d",
-              "requestId": "f00535d4-461a-4363-afbe-7a5ab7061cd1",
-              "tradeType": "EXACT_INPUT",
-              "slippage": 0.5
-          }
-      }
-  ]
-}

cypress/staging/t9n.test.ts

@@ -12,7 +12,7 @@ describe('translations', () => {
     cy.get(getTestSelector('web3-status-connected')).click()
     cy.get(getTestSelector('wallet-settings')).click()
     cy.get(getTestSelector('wallet-language-item')).contains('français').click({ force: true })
-    cy.location('search').should('match', /\?lng=fr-FR$/)
+    cy.location('hash').should('match', /\?lng=fr-FR$/)
     cy.contains('Échanger')
     cy.contains('Uniswap disponible en : English')
   })

cypress/support/commands.ts

@@ -3,8 +3,9 @@ import 'cypress-hardhat/lib/browser'
 import { Eip1193Bridge } from '@ethersproject/experimental/lib/eip1193-bridge'
 
 import { FeatureFlag } from '../../src/featureFlags'
-import { initialState, UserState } from '../../src/state/user/reducer'
-import { CONNECTED_WALLET_USER_STATE, setInitialUserState } from '../utils/user-state'
+import { UserState } from '../../src/state/user/reducer'
+import { CONNECTED_WALLET_USER_STATE } from '../utils/user-state'
+import { injected } from './ethereum'
 
 declare global {
   // eslint-disable-next-line @typescript-eslint/no-namespace
@@ -12,19 +13,15 @@ declare global {
     interface ApplicationWindow {
       ethereum: Eip1193Bridge
     }
-    interface Chainable<Subject> {
-      /**
-       * Wait for a specific event to be sent to amplitude. If the event is found, the subject will be the event.
-       *
-       * @param {string} eventName - The type of the event to search for e.g. SwapEventName.SWAP_TRANSACTION_COMPLETED
-       * @param {number} timeout - The maximum amount of time (in ms) to wait for the event.
-       * @returns {Chainable<Subject>}
-       */
-      waitForAmplitudeEvent(eventName: string, timeout?: number): Chainable<Subject>
-    }
     interface VisitOptions {
       serviceWorker?: true
-      featureFlags?: Array<{ name: FeatureFlag; value: boolean }>
+      featureFlags?: Array<FeatureFlag>
+      /**
+       * The mock ethereum provider to inject into the page.
+       * @default 'goerli'
+       */
+      // TODO(INFRA-175): Migrate all usage of 'goerli' to 'hardhat'.
+      ethereum?: 'goerli' | 'hardhat'
       /**
        * Initial user state.
        * @default {@type import('../utils/user-state').CONNECTED_WALLET_USER_STATE}
@@ -41,51 +38,43 @@ Cypress.Commands.overwrite(
   (original, url: string | Partial<Cypress.VisitOptions>, options?: Partial<Cypress.VisitOptions>) => {
     if (typeof url !== 'string') throw new Error('Invalid arguments. The first argument to cy.visit must be the path.')
 
+    // Add a hash in the URL if it is not present (to use hash-based routing correctly with queryParams).
+    let hashUrl = url.startsWith('/') && url.length > 2 && !url.startsWith('/#') ? `/#${url}` : url
+    if (options?.ethereum === 'goerli') hashUrl += `${url.includes('?') ? '&' : '?'}chain=goerli`
+
     return cy
       .intercept('/service-worker.js', options?.serviceWorker ? undefined : { statusCode: 404 })
       .provider()
       .then((provider) =>
         original({
           ...options,
-          url,
+          url: hashUrl,
           onBeforeLoad(win) {
             options?.onBeforeLoad?.(win)
 
-            setInitialUserState(win, {
-              ...initialState,
-              ...CONNECTED_WALLET_USER_STATE,
-              ...(options?.userState ?? {}),
-            })
+            // We want to test from a clean state, so we clear the local storage (which clears redux).
+            win.localStorage.clear()
+
+            // Set initial user state.
+            win.localStorage.setItem(
+              'redux_localstorage_simple_user', // storage key for the user reducer using 'redux-localstorage-simple'
+              JSON.stringify({ ...CONNECTED_WALLET_USER_STATE, ...(options?.userState ?? {}) })
+            )
 
             // Set feature flags, if configured.
             if (options?.featureFlags) {
-              const featureFlags = options.featureFlags.reduce(
-                (flags, flag) => ({ ...flags, [flag.name]: flag.value ? 'enabled' : 'control' }),
-                {}
-              )
+              const featureFlags = options.featureFlags.reduce((flags, flag) => ({ ...flags, [flag]: 'enabled' }), {})
               win.localStorage.setItem('featureFlags', JSON.stringify(featureFlags))
             }
 
             // Inject the mock ethereum provider.
-            win.ethereum = provider
+            if (options?.ethereum === 'hardhat') {
+              win.ethereum = provider
+            } else {
+              win.ethereum = injected
+            }
           },
         })
       )
   }
 )
-
-Cypress.Commands.add('waitForAmplitudeEvent', (eventName) => {
-  function checkRequest() {
-    return cy.wait('@amplitude').then((interception) => {
-      const events = interception.request.body.events
-      const event = events.find((event: any) => event.event_type === eventName)
-
-      if (event) {
-        return cy.wrap(event)
-      } else {
-        return checkRequest()
-      }
-    })
-  }
-  return checkRequest()
-})

cypress/support/e2e.ts

@@ -5,6 +5,7 @@
 // https://on.cypress.io/configuration
 // ***********************************************************
 
+import '@cypress/code-coverage/support'
 import './commands'
 import './setupTests'
 

cypress/support/ethereum.ts

@@ -0,0 +1,72 @@
+/**
+ * Updates cy.visit() to include an injected window.ethereum provider.
+ */
+
+import { Eip1193Bridge } from '@ethersproject/experimental/lib/eip1193-bridge'
+import { JsonRpcProvider } from '@ethersproject/providers'
+import { Wallet } from '@ethersproject/wallet'
+import { ChainId } from '@uniswap/sdk-core'
+
+// todo: figure out how env vars actually work in CI
+// const TEST_PRIVATE_KEY = Cypress.env('INTEGRATION_TEST_PRIVATE_KEY')
+const TEST_PRIVATE_KEY = '0xe580410d7c37d26c6ad1a837bbae46bc27f9066a466fb3a66e770523b4666d19'
+
+// address of the above key
+const TEST_ADDRESS_NEVER_USE = new Wallet(TEST_PRIVATE_KEY).address
+const CHAIN_ID = ChainId.GOERLI
+const HEXLIFIED_CHAIN_ID = `0x${CHAIN_ID.toString(16)}`
+
+const provider = new JsonRpcProvider('https://goerli.infura.io/v3/4bf032f2d38a4ed6bb975b80d6340847', 5)
+const signer = new Wallet(TEST_PRIVATE_KEY, provider)
+export const injected = new (class extends Eip1193Bridge {
+  chainId = CHAIN_ID
+
+  async sendAsync(...args: any[]) {
+    console.debug('sendAsync called', ...args)
+    return this.send(...args)
+  }
+  async send(...args: any[]) {
+    console.debug('send called', ...args)
+    const isCallbackForm = typeof args[0] === 'object' && typeof args[1] === 'function'
+    let callback
+    let method
+    let params
+    if (isCallbackForm) {
+      callback = args[1]
+      method = args[0].method
+      params = args[0].params
+    } else {
+      method = args[0]
+      params = args[1]
+    }
+    if (method === 'eth_requestAccounts' || method === 'eth_accounts') {
+      if (isCallbackForm) {
+        callback({ result: [TEST_ADDRESS_NEVER_USE] })
+      } else {
+        return Promise.resolve([TEST_ADDRESS_NEVER_USE])
+      }
+    }
+    if (method === 'eth_chainId') {
+      if (isCallbackForm) {
+        callback(null, { result: HEXLIFIED_CHAIN_ID })
+      } else {
+        return Promise.resolve(HEXLIFIED_CHAIN_ID)
+      }
+    }
+    try {
+      const result = await super.send(method, params)
+      console.debug('result received', method, params, result)
+      if (isCallbackForm) {
+        callback(null, { result })
+      } else {
+        return result
+      }
+    } catch (error) {
+      if (isCallbackForm) {
+        callback(error, null)
+      } else {
+        throw error
+      }
+    }
+  }
+})(signer, provider)

cypress/support/setupTests.ts

@@ -9,9 +9,13 @@ beforeEach(() => {
     req.headers['origin'] = 'https://app.uniswap.org'
   })
 
-  // Network RPCs are disabled for cypress tests - calls should be routed through the connected wallet instead.
-  cy.intercept(/infura.io/, { statusCode: 404 })
-  cy.intercept(/quiknode.pro/, { statusCode: 404 })
+  // Infura uses a test endpoint, which allow-lists http://localhost:3000 instead.
+  cy.intercept(/infura.io/, (req) => {
+    req.headers['referer'] = 'http://localhost:3000'
+    req.headers['origin'] = 'http://localhost:3000'
+    req.alias = req.body.method
+    req.continue()
+  })
 
   // Log requests to hardhat.
   cy.intercept(/:8545/, logJsonRpc)
@@ -20,23 +24,16 @@ beforeEach(() => {
   cy.intercept('https://api.uniswap.org/v1/amplitude-proxy', (req) => {
     const requestBody = JSON.stringify(req.body)
     const byteSize = new Blob([requestBody]).size
-    req.alias = 'amplitude'
     req.reply(
       JSON.stringify({
         code: 200,
         server_upload_time: Date.now(),
         payload_size_bytes: byteSize,
         events_ingested: req.body.events.length,
-      }),
-      {
-        'origin-country': 'US',
-      }
+      })
     )
   }).intercept('https://*.sentry.io', { statusCode: 200 })
 
-  // Mock statsig to allow us to mock flags.
-  cy.intercept(/statsig/, { statusCode: 409 })
-
   // Mock our own token list responses to avoid the latency of IPFS.
   cy.intercept('https://gateway.ipfs.io/ipns/tokens.uniswap.org', TokenListJSON)
     .intercept('https://gateway.ipfs.io/ipns/extendedtokens.uniswap.org', { statusCode: 404 })
@@ -52,7 +49,7 @@ function logJsonRpc(req: CyHttpMessages.IncomingHttpRequest) {
   const log = Cypress.log({
     autoEnd: false,
     name: req.body.method,
-    message: req.body.params?.map((param: any) =>
+    message: req.body.params?.map((param: unknown) =>
       typeof param === 'object' ? '{...}' : param?.toString().substring(0, 10)
     ),
   })

cypress/tsconfig.json

@@ -1,13 +1,18 @@
 {
-  "extends": "../tsconfig.json",
   "compilerOptions": {
-    "composite": false,
+    "esModuleInterop": true,
     "incremental": true,
-    "isolatedModules": false,
-    "noImplicitAny": false,
-    "target": "ES6",
+    "lib": ["DOM", "DOM.Iterable", "ESNext"],
+    "noEmit": true,
+    "strict": true,
+    "target": "ES5",
     "tsBuildInfoFile": "../node_modules/.cache/tsbuildinfo/cypress", // avoid clobbering the build tsbuildinfo
     "types": ["cypress", "node"],
+    "jsx": "react"
   },
+  "exclude": ["node_modules"],
   "include": ["**/*.ts"],
+  "watchOptions": {
+    "excludeDirectories": ["node_modules"]
+  }
 }

cypress/utils/user-state.ts

@@ -1,42 +1,5 @@
-import { connectionMetaKey } from '../../src/connection/meta'
-import { ConnectionType } from '../../src/connection/types'
 import { UserState } from '../../src/state/user/reducer'
 
-export const CONNECTED_WALLET_USER_STATE: Partial<UserState> = { selectedWallet: ConnectionType.INJECTED }
+export const CONNECTED_WALLET_USER_STATE: Partial<UserState> = { selectedWallet: 'INJECTED' }
 
 export const DISCONNECTED_WALLET_USER_STATE: Partial<UserState> = { selectedWallet: undefined }
-
-/**
- * This sets the initial value of the "user" slice in IndexedDB.
- * Other persisted slices are not set, so they will be filled with their respective initial values
- * when the app runs.
- */
-export function setInitialUserState(win: Cypress.AUTWindow, state: UserState) {
-  // Selected wallet should also be reflected in localStorage, so that eager connections work.
-  if (state.selectedWallet) {
-    win.localStorage.setItem(
-      connectionMetaKey,
-      JSON.stringify({
-        type: state.selectedWallet,
-      })
-    )
-  }
-
-  win.indexedDB.deleteDatabase('redux')
-  const dbRequest = win.indexedDB.open('redux')
-  dbRequest.onsuccess = function () {
-    const db = dbRequest.result
-    const transaction = db.transaction('keyvaluepairs', 'readwrite')
-    const store = transaction.objectStore('keyvaluepairs')
-    store.put(
-      {
-        user: state,
-      },
-      'persist:interface'
-    )
-  }
-  dbRequest.onupgradeneeded = function () {
-    const db = dbRequest.result
-    db.createObjectStore('keyvaluepairs')
-  }
-}

functions/README.md

@@ -18,9 +18,9 @@ Currently, there are 2 types of cloudflare functions developed
 
 ## Testing
 
-Testing is done utilizing a custom jest environment as well as Cloudflare's local tester: `wrangler`. Wrangler enables testing locally by running a proxy to wrap `localhost`. Tests run against a proxy server, so you'll need to start it before running tests:
-- Manually run `yarn start:cloud` to setup wrangler on `localhost:3000`
-- Run unit tests with `yarn test:cloud`
+Testing is done utilizing a custom jest environment as well as Cloudflare's local tester: `wrangler`. Wrangler enables testing locally by running a proxy to wrap `localhost`. Testing can be done the following ways.
+- Manually by running `yarn start:cloud` to setup wrangler on `localhost:3000`
+- Automated tests by running `yarn test:cloud` to setup both a jest and wrangler environment and automatically test features
 
 ## Deployment
 

functions/[[index]].ts

@@ -1,18 +0,0 @@
-/* eslint-disable import/no-unused-modules */
-import { MetaTagInjector } from './components/metaTagInjector'
-
-export const onRequest: PagesFunction = async ({ request, next }) => {
-  const imageUri = new URL(request.url).origin + '/images/1200x630_Rich_Link_Preview_Image.png'
-  const data = {
-    title: 'Uniswap Interface',
-    image: imageUri,
-    url: request.url,
-    description: 'Swap or provide liquidity on the Uniswap Protocol',
-  }
-  const res = next()
-  try {
-    return new HTMLRewriter().on('head', new MetaTagInjector(data, request)).transform(await res)
-  } catch (e) {
-    return res
-  }
-}

functions/__snapshots__/collection.test.ts.snap

@@ -0,0 +1,397 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`should inject metadata for valid collections 1`] = `
+"<!DOCTYPE html>
+<html translate="no">
+  <head>
+    <meta charset="utf-8" />
+
+    <title>Uniswap Interface</title>
+    <meta name="description" content="Swap or provide liquidity on the Uniswap Protocol" />
+
+    <!--
+      . will be replaced with the URL of the \`public\` folder during build.
+      Only files inside the \`public\` folder can be referenced from the HTML.
+    -->
+    <link rel="shortcut icon" type="image/png" href="./favicon.png" />
+    <link rel="apple-touch-icon" sizes="192x192" href="./images/192x192_App_Icon.png" />
+    <link rel="apple-touch-icon" sizes="512x512" href="./images/512x512_App_Icon.png" />
+
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+    <meta name="theme-color" content="#FC72FF" />
+    <meta
+      http-equiv="Content-Security-Policy"
+      
+        content="script-src 'self' 'unsafe-inline'"
+      
+    />
+
+    <!-- 
+      Apple Smart App Banner for Safari on iOS
+      https://developer.apple.com/documentation/webkit/promoting_apps_with_smart_app_banners
+     -->
+    <meta name="apple-itunes-app" content="app-id=6443944476">
+
+    <!--
+      manifest.json provides metadata used when the app is installed as a PWA.
+      See https://developers.google.com/web/fundamentals/web-app-manifest/
+    -->
+    <link rel="manifest" href="./manifest.json" />
+
+    <link rel="preload" href="./fonts/Inter-roman.var.woff2" as="font" type="font/woff2" crossorigin />
+
+    <style>
+      * {
+        font-family: 'Inter', sans-serif;
+        box-sizing: border-box;
+      }
+
+      /**
+          Explicitly load Inter var from public/ so it does not block LCP's critical path.
+        */
+      @font-face {
+        font-family: 'Inter custom';
+        font-weight: 100 900;
+        font-style: normal;
+        font-display: block;
+        font-named-instance: 'Regular';
+        src: url(./fonts/Inter-roman.var.woff2) format('woff2 supports variations(gvar)'),
+          url(./fonts/Inter-roman.var.woff2) format('woff2-variations'),
+          url(./fonts/Inter-roman.var.woff2) format('woff2');
+      }
+
+      @supports (font-variation-settings: normal) {
+        * {
+          font-family: 'Inter custom', sans-serif;
+        }
+      }
+
+      html,
+      body {
+        margin: 0;
+        padding: 0;
+      }
+
+      button {
+        user-select: none;
+      }
+
+      html {
+        font-size: 16px;
+        font-variant: none;
+        font-smooth: always;
+        -webkit-font-smoothing: antialiased;
+        -moz-osx-font-smoothing: grayscale;
+        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+      }
+
+      /* Use this to apply network-specific gradient backgrounds, in RadialGradientByChainUpdater.ts */
+      #background-radial-gradient {
+        position: fixed;
+        top: 0;
+        left: 0;
+        right: 0;
+        pointer-events: none;
+        width: 200vw;
+        height: 200vh;
+        transform: translate(-50vw, -100vh);
+        z-index: -1;
+      }
+
+      html,
+      body,
+      #root {
+        min-height: 100%;
+      }
+
+      @media (prefers-color-scheme: dark) {
+        html {
+          background: linear-gradient(180deg, #202738 0%, #070816 100%);
+        }
+      }
+
+      @media (prefers-color-scheme: light) {
+        html {
+          background: radial-gradient(100% 100% at 50% 0%, rgba(255, 184, 226, 0.51) 0%, rgba(255, 255, 255, 0) 100%), #FFFFFF
+        }
+      }
+    </style>
+  <script defer src="./static/js/bundle.js"></script><meta property="og:title" content="Azuki on Uniswap"/><meta property="og:image" content="https://i.seadn.io/gae/H8jOCJuQokNqGBpkBN5wk1oZwO7LM8bNnrHCaekV2nKjnCqw6UB5oaH8XyNeBDj6bA_n1mjejzhFQUP3O1NfjFLHr3FOaeHcTOOT?w=500&auto=format"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:image:alt" content="Azuki on Uniswap"/><meta property="og:type" content="website"/><meta property="og:url" content="http://127.0.0.1:3000/nfts/collection/0xed5af388653567af2f388e6224dc7c4b3241c544"/><meta property="twitter:card" content="summary_large_image"/><meta property="twitter:title" content="Azuki on Uniswap"/><meta property="twitter:image" content="https://i.seadn.io/gae/H8jOCJuQokNqGBpkBN5wk1oZwO7LM8bNnrHCaekV2nKjnCqw6UB5oaH8XyNeBDj6bA_n1mjejzhFQUP3O1NfjFLHr3FOaeHcTOOT?w=500&auto=format"/><meta property="twitter:image:alt" content="Azuki on Uniswap"/></head>
+
+  <body>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
+
+    <div id="root">
+      <!-- Triggers the font to load immediately and then is replaced by the app -->
+      <div>&emsp;</div>
+    </div>
+
+    <div id="background-radial-gradient"></div>
+  </body>
+</html>
+"
+`;
+
+exports[`should inject metadata for valid collections 2`] = `
+"<!DOCTYPE html>
+<html translate="no">
+  <head>
+    <meta charset="utf-8" />
+
+    <title>Uniswap Interface</title>
+    <meta name="description" content="Swap or provide liquidity on the Uniswap Protocol" />
+
+    <!--
+      . will be replaced with the URL of the \`public\` folder during build.
+      Only files inside the \`public\` folder can be referenced from the HTML.
+    -->
+    <link rel="shortcut icon" type="image/png" href="./favicon.png" />
+    <link rel="apple-touch-icon" sizes="192x192" href="./images/192x192_App_Icon.png" />
+    <link rel="apple-touch-icon" sizes="512x512" href="./images/512x512_App_Icon.png" />
+
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+    <meta name="theme-color" content="#FC72FF" />
+    <meta
+      http-equiv="Content-Security-Policy"
+      
+        content="script-src 'self' 'unsafe-inline'"
+      
+    />
+
+    <!-- 
+      Apple Smart App Banner for Safari on iOS
+      https://developer.apple.com/documentation/webkit/promoting_apps_with_smart_app_banners
+     -->
+    <meta name="apple-itunes-app" content="app-id=6443944476">
+
+    <!--
+      manifest.json provides metadata used when the app is installed as a PWA.
+      See https://developers.google.com/web/fundamentals/web-app-manifest/
+    -->
+    <link rel="manifest" href="./manifest.json" />
+
+    <link rel="preload" href="./fonts/Inter-roman.var.woff2" as="font" type="font/woff2" crossorigin />
+
+    <style>
+      * {
+        font-family: 'Inter', sans-serif;
+        box-sizing: border-box;
+      }
+
+      /**
+          Explicitly load Inter var from public/ so it does not block LCP's critical path.
+        */
+      @font-face {
+        font-family: 'Inter custom';
+        font-weight: 100 900;
+        font-style: normal;
+        font-display: block;
+        font-named-instance: 'Regular';
+        src: url(./fonts/Inter-roman.var.woff2) format('woff2 supports variations(gvar)'),
+          url(./fonts/Inter-roman.var.woff2) format('woff2-variations'),
+          url(./fonts/Inter-roman.var.woff2) format('woff2');
+      }
+
+      @supports (font-variation-settings: normal) {
+        * {
+          font-family: 'Inter custom', sans-serif;
+        }
+      }
+
+      html,
+      body {
+        margin: 0;
+        padding: 0;
+      }
+
+      button {
+        user-select: none;
+      }
+
+      html {
+        font-size: 16px;
+        font-variant: none;
+        font-smooth: always;
+        -webkit-font-smoothing: antialiased;
+        -moz-osx-font-smoothing: grayscale;
+        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+      }
+
+      /* Use this to apply network-specific gradient backgrounds, in RadialGradientByChainUpdater.ts */
+      #background-radial-gradient {
+        position: fixed;
+        top: 0;
+        left: 0;
+        right: 0;
+        pointer-events: none;
+        width: 200vw;
+        height: 200vh;
+        transform: translate(-50vw, -100vh);
+        z-index: -1;
+      }
+
+      html,
+      body,
+      #root {
+        min-height: 100%;
+      }
+
+      @media (prefers-color-scheme: dark) {
+        html {
+          background: linear-gradient(180deg, #202738 0%, #070816 100%);
+        }
+      }
+
+      @media (prefers-color-scheme: light) {
+        html {
+          background: radial-gradient(100% 100% at 50% 0%, rgba(255, 184, 226, 0.51) 0%, rgba(255, 255, 255, 0) 100%), #FFFFFF
+        }
+      }
+    </style>
+  <script defer src="./static/js/bundle.js"></script><meta property="og:title" content="Bored Ape Yacht Club on Uniswap"/><meta property="og:image" content="https://i.seadn.io/gae/Ju9CkWtV-1Okvf45wo8UctR-M9He2PjILP0oOvxE89AyiPPGtrR3gysu1Zgy0hjd2xKIgjJJtWIc0ybj4Vd7wv8t3pxDGHoJBzDB?w=500&auto=format"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:image:alt" content="Bored Ape Yacht Club on Uniswap"/><meta property="og:type" content="website"/><meta property="og:url" content="http://127.0.0.1:3000/nfts/collection/0xbc4ca0eda7647a8ab7c2061c2e118a18a936f13d"/><meta property="twitter:card" content="summary_large_image"/><meta property="twitter:title" content="Bored Ape Yacht Club on Uniswap"/><meta property="twitter:image" content="https://i.seadn.io/gae/Ju9CkWtV-1Okvf45wo8UctR-M9He2PjILP0oOvxE89AyiPPGtrR3gysu1Zgy0hjd2xKIgjJJtWIc0ybj4Vd7wv8t3pxDGHoJBzDB?w=500&auto=format"/><meta property="twitter:image:alt" content="Bored Ape Yacht Club on Uniswap"/></head>
+
+  <body>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
+
+    <div id="root">
+      <!-- Triggers the font to load immediately and then is replaced by the app -->
+      <div>&emsp;</div>
+    </div>
+
+    <div id="background-radial-gradient"></div>
+  </body>
+</html>
+"
+`;
+
+exports[`should inject metadata for valid collections 3`] = `
+"<!DOCTYPE html>
+<html translate="no">
+  <head>
+    <meta charset="utf-8" />
+
+    <title>Uniswap Interface</title>
+    <meta name="description" content="Swap or provide liquidity on the Uniswap Protocol" />
+
+    <!--
+      . will be replaced with the URL of the \`public\` folder during build.
+      Only files inside the \`public\` folder can be referenced from the HTML.
+    -->
+    <link rel="shortcut icon" type="image/png" href="./favicon.png" />
+    <link rel="apple-touch-icon" sizes="192x192" href="./images/192x192_App_Icon.png" />
+    <link rel="apple-touch-icon" sizes="512x512" href="./images/512x512_App_Icon.png" />
+
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+    <meta name="theme-color" content="#FC72FF" />
+    <meta
+      http-equiv="Content-Security-Policy"
+      
+        content="script-src 'self' 'unsafe-inline'"
+      
+    />
+
+    <!-- 
+      Apple Smart App Banner for Safari on iOS
+      https://developer.apple.com/documentation/webkit/promoting_apps_with_smart_app_banners
+     -->
+    <meta name="apple-itunes-app" content="app-id=6443944476">
+
+    <!--
+      manifest.json provides metadata used when the app is installed as a PWA.
+      See https://developers.google.com/web/fundamentals/web-app-manifest/
+    -->
+    <link rel="manifest" href="./manifest.json" />
+
+    <link rel="preload" href="./fonts/Inter-roman.var.woff2" as="font" type="font/woff2" crossorigin />
+
+    <style>
+      * {
+        font-family: 'Inter', sans-serif;
+        box-sizing: border-box;
+      }
+
+      /**
+          Explicitly load Inter var from public/ so it does not block LCP's critical path.
+        */
+      @font-face {
+        font-family: 'Inter custom';
+        font-weight: 100 900;
+        font-style: normal;
+        font-display: block;
+        font-named-instance: 'Regular';
+        src: url(./fonts/Inter-roman.var.woff2) format('woff2 supports variations(gvar)'),
+          url(./fonts/Inter-roman.var.woff2) format('woff2-variations'),
+          url(./fonts/Inter-roman.var.woff2) format('woff2');
+      }
+
+      @supports (font-variation-settings: normal) {
+        * {
+          font-family: 'Inter custom', sans-serif;
+        }
+      }
+
+      html,
+      body {
+        margin: 0;
+        padding: 0;
+      }
+
+      button {
+        user-select: none;
+      }
+
+      html {
+        font-size: 16px;
+        font-variant: none;
+        font-smooth: always;
+        -webkit-font-smoothing: antialiased;
+        -moz-osx-font-smoothing: grayscale;
+        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+      }
+
+      /* Use this to apply network-specific gradient backgrounds, in RadialGradientByChainUpdater.ts */
+      #background-radial-gradient {
+        position: fixed;
+        top: 0;
+        left: 0;
+        right: 0;
+        pointer-events: none;
+        width: 200vw;
+        height: 200vh;
+        transform: translate(-50vw, -100vh);
+        z-index: -1;
+      }
+
+      html,
+      body,
+      #root {
+        min-height: 100%;
+      }
+
+      @media (prefers-color-scheme: dark) {
+        html {
+          background: linear-gradient(180deg, #202738 0%, #070816 100%);
+        }
+      }
+
+      @media (prefers-color-scheme: light) {
+        html {
+          background: radial-gradient(100% 100% at 50% 0%, rgba(255, 184, 226, 0.51) 0%, rgba(255, 255, 255, 0) 100%), #FFFFFF
+        }
+      }
+    </style>
+  <script defer src="./static/js/bundle.js"></script><meta property="og:title" content="CLONE X - X TAKASHI MURAKAMI on Uniswap"/><meta property="og:image" content="https://i.seadn.io/gae/XN0XuD8Uh3jyRWNtPTFeXJg_ht8m5ofDx6aHklOiy4amhFuWUa0JaR6It49AH8tlnYS386Q0TW_-Lmedn0UET_ko1a3CbJGeu5iHMg?w=500&auto=format"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:image:alt" content="CLONE X - X TAKASHI MURAKAMI on Uniswap"/><meta property="og:type" content="website"/><meta property="og:url" content="http://127.0.0.1:3000/nfts/collection/0x49cf6f5d44e70224e2e23fdcdd2c053f30ada28b"/><meta property="twitter:card" content="summary_large_image"/><meta property="twitter:title" content="CLONE X - X TAKASHI MURAKAMI on Uniswap"/><meta property="twitter:image" content="https://i.seadn.io/gae/XN0XuD8Uh3jyRWNtPTFeXJg_ht8m5ofDx6aHklOiy4amhFuWUa0JaR6It49AH8tlnYS386Q0TW_-Lmedn0UET_ko1a3CbJGeu5iHMg?w=500&auto=format"/><meta property="twitter:image:alt" content="CLONE X - X TAKASHI MURAKAMI on Uniswap"/></head>
+
+  <body>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
+
+    <div id="root">
+      <!-- Triggers the font to load immediately and then is replaced by the app -->
+      <div>&emsp;</div>
+    </div>
+
+    <div id="background-radial-gradient"></div>
+  </body>
+</html>
+"
+`;

functions/__snapshots__/nft.test.ts.snap

@@ -0,0 +1,397 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`should inject metadata for valid assets 1`] = `
+"<!DOCTYPE html>
+<html translate="no">
+  <head>
+    <meta charset="utf-8" />
+
+    <title>Uniswap Interface</title>
+    <meta name="description" content="Swap or provide liquidity on the Uniswap Protocol" />
+
+    <!--
+      . will be replaced with the URL of the \`public\` folder during build.
+      Only files inside the \`public\` folder can be referenced from the HTML.
+    -->
+    <link rel="shortcut icon" type="image/png" href="./favicon.png" />
+    <link rel="apple-touch-icon" sizes="192x192" href="./images/192x192_App_Icon.png" />
+    <link rel="apple-touch-icon" sizes="512x512" href="./images/512x512_App_Icon.png" />
+
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+    <meta name="theme-color" content="#FC72FF" />
+    <meta
+      http-equiv="Content-Security-Policy"
+      
+        content="script-src 'self' 'unsafe-inline'"
+      
+    />
+
+    <!-- 
+      Apple Smart App Banner for Safari on iOS
+      https://developer.apple.com/documentation/webkit/promoting_apps_with_smart_app_banners
+     -->
+    <meta name="apple-itunes-app" content="app-id=6443944476">
+
+    <!--
+      manifest.json provides metadata used when the app is installed as a PWA.
+      See https://developers.google.com/web/fundamentals/web-app-manifest/
+    -->
+    <link rel="manifest" href="./manifest.json" />
+
+    <link rel="preload" href="./fonts/Inter-roman.var.woff2" as="font" type="font/woff2" crossorigin />
+
+    <style>
+      * {
+        font-family: 'Inter', sans-serif;
+        box-sizing: border-box;
+      }
+
+      /**
+          Explicitly load Inter var from public/ so it does not block LCP's critical path.
+        */
+      @font-face {
+        font-family: 'Inter custom';
+        font-weight: 100 900;
+        font-style: normal;
+        font-display: block;
+        font-named-instance: 'Regular';
+        src: url(./fonts/Inter-roman.var.woff2) format('woff2 supports variations(gvar)'),
+          url(./fonts/Inter-roman.var.woff2) format('woff2-variations'),
+          url(./fonts/Inter-roman.var.woff2) format('woff2');
+      }
+
+      @supports (font-variation-settings: normal) {
+        * {
+          font-family: 'Inter custom', sans-serif;
+        }
+      }
+
+      html,
+      body {
+        margin: 0;
+        padding: 0;
+      }
+
+      button {
+        user-select: none;
+      }
+
+      html {
+        font-size: 16px;
+        font-variant: none;
+        font-smooth: always;
+        -webkit-font-smoothing: antialiased;
+        -moz-osx-font-smoothing: grayscale;
+        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+      }
+
+      /* Use this to apply network-specific gradient backgrounds, in RadialGradientByChainUpdater.ts */
+      #background-radial-gradient {
+        position: fixed;
+        top: 0;
+        left: 0;
+        right: 0;
+        pointer-events: none;
+        width: 200vw;
+        height: 200vh;
+        transform: translate(-50vw, -100vh);
+        z-index: -1;
+      }
+
+      html,
+      body,
+      #root {
+        min-height: 100%;
+      }
+
+      @media (prefers-color-scheme: dark) {
+        html {
+          background: linear-gradient(180deg, #202738 0%, #070816 100%);
+        }
+      }
+
+      @media (prefers-color-scheme: light) {
+        html {
+          background: radial-gradient(100% 100% at 50% 0%, rgba(255, 184, 226, 0.51) 0%, rgba(255, 255, 255, 0) 100%), #FFFFFF
+        }
+      }
+    </style>
+  <script defer src="./static/js/bundle.js"></script><meta property="og:title" content="Azuki #2550"/><meta property="og:image" content="https://cdn.center.app/1/0xED5AF388653567Af2F388E6224dC7C4b3241C544/2550/d268b7f60a56306ced68b9762709ceaff4f1ee939f3150e7363fae300a59da12.png"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:image:alt" content="Azuki #2550"/><meta property="og:type" content="website"/><meta property="og:url" content="http://127.0.0.1:3000/nfts/asset/0xed5af388653567af2f388e6224dc7c4b3241c544/2550"/><meta property="twitter:card" content="summary_large_image"/><meta property="twitter:title" content="Azuki #2550"/><meta property="twitter:image" content="https://cdn.center.app/1/0xED5AF388653567Af2F388E6224dC7C4b3241C544/2550/d268b7f60a56306ced68b9762709ceaff4f1ee939f3150e7363fae300a59da12.png"/><meta property="twitter:image:alt" content="Azuki #2550"/></head>
+
+  <body>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
+
+    <div id="root">
+      <!-- Triggers the font to load immediately and then is replaced by the app -->
+      <div>&emsp;</div>
+    </div>
+
+    <div id="background-radial-gradient"></div>
+  </body>
+</html>
+"
+`;
+
+exports[`should inject metadata for valid assets 2`] = `
+"<!DOCTYPE html>
+<html translate="no">
+  <head>
+    <meta charset="utf-8" />
+
+    <title>Uniswap Interface</title>
+    <meta name="description" content="Swap or provide liquidity on the Uniswap Protocol" />
+
+    <!--
+      . will be replaced with the URL of the \`public\` folder during build.
+      Only files inside the \`public\` folder can be referenced from the HTML.
+    -->
+    <link rel="shortcut icon" type="image/png" href="./favicon.png" />
+    <link rel="apple-touch-icon" sizes="192x192" href="./images/192x192_App_Icon.png" />
+    <link rel="apple-touch-icon" sizes="512x512" href="./images/512x512_App_Icon.png" />
+
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+    <meta name="theme-color" content="#FC72FF" />
+    <meta
+      http-equiv="Content-Security-Policy"
+      
+        content="script-src 'self' 'unsafe-inline'"
+      
+    />
+
+    <!-- 
+      Apple Smart App Banner for Safari on iOS
+      https://developer.apple.com/documentation/webkit/promoting_apps_with_smart_app_banners
+     -->
+    <meta name="apple-itunes-app" content="app-id=6443944476">
+
+    <!--
+      manifest.json provides metadata used when the app is installed as a PWA.
+      See https://developers.google.com/web/fundamentals/web-app-manifest/
+    -->
+    <link rel="manifest" href="./manifest.json" />
+
+    <link rel="preload" href="./fonts/Inter-roman.var.woff2" as="font" type="font/woff2" crossorigin />
+
+    <style>
+      * {
+        font-family: 'Inter', sans-serif;
+        box-sizing: border-box;
+      }
+
+      /**
+          Explicitly load Inter var from public/ so it does not block LCP's critical path.
+        */
+      @font-face {
+        font-family: 'Inter custom';
+        font-weight: 100 900;
+        font-style: normal;
+        font-display: block;
+        font-named-instance: 'Regular';
+        src: url(./fonts/Inter-roman.var.woff2) format('woff2 supports variations(gvar)'),
+          url(./fonts/Inter-roman.var.woff2) format('woff2-variations'),
+          url(./fonts/Inter-roman.var.woff2) format('woff2');
+      }
+
+      @supports (font-variation-settings: normal) {
+        * {
+          font-family: 'Inter custom', sans-serif;
+        }
+      }
+
+      html,
+      body {
+        margin: 0;
+        padding: 0;
+      }
+
+      button {
+        user-select: none;
+      }
+
+      html {
+        font-size: 16px;
+        font-variant: none;
+        font-smooth: always;
+        -webkit-font-smoothing: antialiased;
+        -moz-osx-font-smoothing: grayscale;
+        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+      }
+
+      /* Use this to apply network-specific gradient backgrounds, in RadialGradientByChainUpdater.ts */
+      #background-radial-gradient {
+        position: fixed;
+        top: 0;
+        left: 0;
+        right: 0;
+        pointer-events: none;
+        width: 200vw;
+        height: 200vh;
+        transform: translate(-50vw, -100vh);
+        z-index: -1;
+      }
+
+      html,
+      body,
+      #root {
+        min-height: 100%;
+      }
+
+      @media (prefers-color-scheme: dark) {
+        html {
+          background: linear-gradient(180deg, #202738 0%, #070816 100%);
+        }
+      }
+
+      @media (prefers-color-scheme: light) {
+        html {
+          background: radial-gradient(100% 100% at 50% 0%, rgba(255, 184, 226, 0.51) 0%, rgba(255, 255, 255, 0) 100%), #FFFFFF
+        }
+      }
+    </style>
+  <script defer src="./static/js/bundle.js"></script><meta property="og:title" content="Bored Ape Yacht Club #3735"/><meta property="og:image" content="https://cdn.center.app/v2/1/697f69bb495aaa24c66638cae921977354f0b8274fc2e2814e455f355e67f01d/88c2ac6b73288e41051d3fd58ff3cef1f4908403f05f4a7d2a8435d003758529.png"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:image:alt" content="Bored Ape Yacht Club #3735"/><meta property="og:type" content="website"/><meta property="og:url" content="http://127.0.0.1:3000/nfts/asset/0xbc4ca0eda7647a8ab7c2061c2e118a18a936f13d/3735"/><meta property="twitter:card" content="summary_large_image"/><meta property="twitter:title" content="Bored Ape Yacht Club #3735"/><meta property="twitter:image" content="https://cdn.center.app/v2/1/697f69bb495aaa24c66638cae921977354f0b8274fc2e2814e455f355e67f01d/88c2ac6b73288e41051d3fd58ff3cef1f4908403f05f4a7d2a8435d003758529.png"/><meta property="twitter:image:alt" content="Bored Ape Yacht Club #3735"/></head>
+
+  <body>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
+
+    <div id="root">
+      <!-- Triggers the font to load immediately and then is replaced by the app -->
+      <div>&emsp;</div>
+    </div>
+
+    <div id="background-radial-gradient"></div>
+  </body>
+</html>
+"
+`;
+
+exports[`should inject metadata for valid assets 3`] = `
+"<!DOCTYPE html>
+<html translate="no">
+  <head>
+    <meta charset="utf-8" />
+
+    <title>Uniswap Interface</title>
+    <meta name="description" content="Swap or provide liquidity on the Uniswap Protocol" />
+
+    <!--
+      . will be replaced with the URL of the \`public\` folder during build.
+      Only files inside the \`public\` folder can be referenced from the HTML.
+    -->
+    <link rel="shortcut icon" type="image/png" href="./favicon.png" />
+    <link rel="apple-touch-icon" sizes="192x192" href="./images/192x192_App_Icon.png" />
+    <link rel="apple-touch-icon" sizes="512x512" href="./images/512x512_App_Icon.png" />
+
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+    <meta name="theme-color" content="#FC72FF" />
+    <meta
+      http-equiv="Content-Security-Policy"
+      
+        content="script-src 'self' 'unsafe-inline'"
+      
+    />
+
+    <!-- 
+      Apple Smart App Banner for Safari on iOS
+      https://developer.apple.com/documentation/webkit/promoting_apps_with_smart_app_banners
+     -->
+    <meta name="apple-itunes-app" content="app-id=6443944476">
+
+    <!--
+      manifest.json provides metadata used when the app is installed as a PWA.
+      See https://developers.google.com/web/fundamentals/web-app-manifest/
+    -->
+    <link rel="manifest" href="./manifest.json" />
+
+    <link rel="preload" href="./fonts/Inter-roman.var.woff2" as="font" type="font/woff2" crossorigin />
+
+    <style>
+      * {
+        font-family: 'Inter', sans-serif;
+        box-sizing: border-box;
+      }
+
+      /**
+          Explicitly load Inter var from public/ so it does not block LCP's critical path.
+        */
+      @font-face {
+        font-family: 'Inter custom';
+        font-weight: 100 900;
+        font-style: normal;
+        font-display: block;
+        font-named-instance: 'Regular';
+        src: url(./fonts/Inter-roman.var.woff2) format('woff2 supports variations(gvar)'),
+          url(./fonts/Inter-roman.var.woff2) format('woff2-variations'),
+          url(./fonts/Inter-roman.var.woff2) format('woff2');
+      }
+
+      @supports (font-variation-settings: normal) {
+        * {
+          font-family: 'Inter custom', sans-serif;
+        }
+      }
+
+      html,
+      body {
+        margin: 0;
+        padding: 0;
+      }
+
+      button {
+        user-select: none;
+      }
+
+      html {
+        font-size: 16px;
+        font-variant: none;
+        font-smooth: always;
+        -webkit-font-smoothing: antialiased;
+        -moz-osx-font-smoothing: grayscale;
+        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+      }
+
+      /* Use this to apply network-specific gradient backgrounds, in RadialGradientByChainUpdater.ts */
+      #background-radial-gradient {
+        position: fixed;
+        top: 0;
+        left: 0;
+        right: 0;
+        pointer-events: none;
+        width: 200vw;
+        height: 200vh;
+        transform: translate(-50vw, -100vh);
+        z-index: -1;
+      }
+
+      html,
+      body,
+      #root {
+        min-height: 100%;
+      }
+
+      @media (prefers-color-scheme: dark) {
+        html {
+          background: linear-gradient(180deg, #202738 0%, #070816 100%);
+        }
+      }
+
+      @media (prefers-color-scheme: light) {
+        html {
+          background: radial-gradient(100% 100% at 50% 0%, rgba(255, 184, 226, 0.51) 0%, rgba(255, 255, 255, 0) 100%), #FFFFFF
+        }
+      }
+    </style>
+  <script defer src="./static/js/bundle.js"></script><meta property="og:title" content="CryptoPunk #3947"/><meta property="og:image" content="https://cdn.center.app/1/0xb47e3cd837dDF8e4c57F05d70Ab865de6e193BBB/3947/62319d784e7a816d190aa184ffe58550d6ed8eb2e117b218e2ac02f126538ee6.png"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:image:alt" content="CryptoPunk #3947"/><meta property="og:type" content="website"/><meta property="og:url" content="http://127.0.0.1:3000/nfts/asset/0xb47e3cd837ddf8e4c57f05d70ab865de6e193bbb/3947"/><meta property="twitter:card" content="summary_large_image"/><meta property="twitter:title" content="CryptoPunk #3947"/><meta property="twitter:image" content="https://cdn.center.app/1/0xb47e3cd837dDF8e4c57F05d70Ab865de6e193BBB/3947/62319d784e7a816d190aa184ffe58550d6ed8eb2e117b218e2ac02f126538ee6.png"/><meta property="twitter:image:alt" content="CryptoPunk #3947"/></head>
+
+  <body>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
+
+    <div id="root">
+      <!-- Triggers the font to load immediately and then is replaced by the app -->
+      <div>&emsp;</div>
+    </div>
+
+    <div id="background-radial-gradient"></div>
+  </body>
+</html>
+"
+`;

functions/__snapshots__/token.test.ts.snap

@@ -0,0 +1,529 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`should inject metadata for valid tokens 1`] = `
+"<!DOCTYPE html>
+<html translate="no">
+  <head>
+    <meta charset="utf-8" />
+
+    <title>Uniswap Interface</title>
+    <meta name="description" content="Swap or provide liquidity on the Uniswap Protocol" />
+
+    <!--
+      . will be replaced with the URL of the \`public\` folder during build.
+      Only files inside the \`public\` folder can be referenced from the HTML.
+    -->
+    <link rel="shortcut icon" type="image/png" href="./favicon.png" />
+    <link rel="apple-touch-icon" sizes="192x192" href="./images/192x192_App_Icon.png" />
+    <link rel="apple-touch-icon" sizes="512x512" href="./images/512x512_App_Icon.png" />
+
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+    <meta name="theme-color" content="#FC72FF" />
+    <meta
+      http-equiv="Content-Security-Policy"
+      
+        content="script-src 'self' 'unsafe-inline'"
+      
+    />
+
+    <!-- 
+      Apple Smart App Banner for Safari on iOS
+      https://developer.apple.com/documentation/webkit/promoting_apps_with_smart_app_banners
+     -->
+    <meta name="apple-itunes-app" content="app-id=6443944476">
+
+    <!--
+      manifest.json provides metadata used when the app is installed as a PWA.
+      See https://developers.google.com/web/fundamentals/web-app-manifest/
+    -->
+    <link rel="manifest" href="./manifest.json" />
+
+    <link rel="preload" href="./fonts/Inter-roman.var.woff2" as="font" type="font/woff2" crossorigin />
+
+    <style>
+      * {
+        font-family: 'Inter', sans-serif;
+        box-sizing: border-box;
+      }
+
+      /**
+          Explicitly load Inter var from public/ so it does not block LCP's critical path.
+        */
+      @font-face {
+        font-family: 'Inter custom';
+        font-weight: 100 900;
+        font-style: normal;
+        font-display: block;
+        font-named-instance: 'Regular';
+        src: url(./fonts/Inter-roman.var.woff2) format('woff2 supports variations(gvar)'),
+          url(./fonts/Inter-roman.var.woff2) format('woff2-variations'),
+          url(./fonts/Inter-roman.var.woff2) format('woff2');
+      }
+
+      @supports (font-variation-settings: normal) {
+        * {
+          font-family: 'Inter custom', sans-serif;
+        }
+      }
+
+      html,
+      body {
+        margin: 0;
+        padding: 0;
+      }
+
+      button {
+        user-select: none;
+      }
+
+      html {
+        font-size: 16px;
+        font-variant: none;
+        font-smooth: always;
+        -webkit-font-smoothing: antialiased;
+        -moz-osx-font-smoothing: grayscale;
+        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+      }
+
+      /* Use this to apply network-specific gradient backgrounds, in RadialGradientByChainUpdater.ts */
+      #background-radial-gradient {
+        position: fixed;
+        top: 0;
+        left: 0;
+        right: 0;
+        pointer-events: none;
+        width: 200vw;
+        height: 200vh;
+        transform: translate(-50vw, -100vh);
+        z-index: -1;
+      }
+
+      html,
+      body,
+      #root {
+        min-height: 100%;
+      }
+
+      @media (prefers-color-scheme: dark) {
+        html {
+          background: linear-gradient(180deg, #202738 0%, #070816 100%);
+        }
+      }
+
+      @media (prefers-color-scheme: light) {
+        html {
+          background: radial-gradient(100% 100% at 50% 0%, rgba(255, 184, 226, 0.51) 0%, rgba(255, 255, 255, 0) 100%), #FFFFFF
+        }
+      }
+    </style>
+  <script defer src="./static/js/bundle.js"></script><meta property="og:title" content="Get USDC on Uniswap"/><meta property="og:image" content="https://raw.githubusercontent.com/Uniswap/assets/master/blockchains/ethereum/assets/0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48/logo.png"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:image:alt" content="Get USDC on Uniswap"/><meta property="og:type" content="website"/><meta property="og:url" content="http://127.0.0.1:3000/tokens/ethereum/0xa0b86991c6218b36c1d19d4a2e9eb0ce3606eb48"/><meta property="twitter:card" content="summary_large_image"/><meta property="twitter:title" content="Get USDC on Uniswap"/><meta property="twitter:image" content="https://raw.githubusercontent.com/Uniswap/assets/master/blockchains/ethereum/assets/0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48/logo.png"/><meta property="twitter:image:alt" content="Get USDC on Uniswap"/></head>
+
+  <body>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
+
+    <div id="root">
+      <!-- Triggers the font to load immediately and then is replaced by the app -->
+      <div>&emsp;</div>
+    </div>
+
+    <div id="background-radial-gradient"></div>
+  </body>
+</html>
+"
+`;
+
+exports[`should inject metadata for valid tokens 2`] = `
+"<!DOCTYPE html>
+<html translate="no">
+  <head>
+    <meta charset="utf-8" />
+
+    <title>Uniswap Interface</title>
+    <meta name="description" content="Swap or provide liquidity on the Uniswap Protocol" />
+
+    <!--
+      . will be replaced with the URL of the \`public\` folder during build.
+      Only files inside the \`public\` folder can be referenced from the HTML.
+    -->
+    <link rel="shortcut icon" type="image/png" href="./favicon.png" />
+    <link rel="apple-touch-icon" sizes="192x192" href="./images/192x192_App_Icon.png" />
+    <link rel="apple-touch-icon" sizes="512x512" href="./images/512x512_App_Icon.png" />
+
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+    <meta name="theme-color" content="#FC72FF" />
+    <meta
+      http-equiv="Content-Security-Policy"
+      
+        content="script-src 'self' 'unsafe-inline'"
+      
+    />
+
+    <!-- 
+      Apple Smart App Banner for Safari on iOS
+      https://developer.apple.com/documentation/webkit/promoting_apps_with_smart_app_banners
+     -->
+    <meta name="apple-itunes-app" content="app-id=6443944476">
+
+    <!--
+      manifest.json provides metadata used when the app is installed as a PWA.
+      See https://developers.google.com/web/fundamentals/web-app-manifest/
+    -->
+    <link rel="manifest" href="./manifest.json" />
+
+    <link rel="preload" href="./fonts/Inter-roman.var.woff2" as="font" type="font/woff2" crossorigin />
+
+    <style>
+      * {
+        font-family: 'Inter', sans-serif;
+        box-sizing: border-box;
+      }
+
+      /**
+          Explicitly load Inter var from public/ so it does not block LCP's critical path.
+        */
+      @font-face {
+        font-family: 'Inter custom';
+        font-weight: 100 900;
+        font-style: normal;
+        font-display: block;
+        font-named-instance: 'Regular';
+        src: url(./fonts/Inter-roman.var.woff2) format('woff2 supports variations(gvar)'),
+          url(./fonts/Inter-roman.var.woff2) format('woff2-variations'),
+          url(./fonts/Inter-roman.var.woff2) format('woff2');
+      }
+
+      @supports (font-variation-settings: normal) {
+        * {
+          font-family: 'Inter custom', sans-serif;
+        }
+      }
+
+      html,
+      body {
+        margin: 0;
+        padding: 0;
+      }
+
+      button {
+        user-select: none;
+      }
+
+      html {
+        font-size: 16px;
+        font-variant: none;
+        font-smooth: always;
+        -webkit-font-smoothing: antialiased;
+        -moz-osx-font-smoothing: grayscale;
+        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+      }
+
+      /* Use this to apply network-specific gradient backgrounds, in RadialGradientByChainUpdater.ts */
+      #background-radial-gradient {
+        position: fixed;
+        top: 0;
+        left: 0;
+        right: 0;
+        pointer-events: none;
+        width: 200vw;
+        height: 200vh;
+        transform: translate(-50vw, -100vh);
+        z-index: -1;
+      }
+
+      html,
+      body,
+      #root {
+        min-height: 100%;
+      }
+
+      @media (prefers-color-scheme: dark) {
+        html {
+          background: linear-gradient(180deg, #202738 0%, #070816 100%);
+        }
+      }
+
+      @media (prefers-color-scheme: light) {
+        html {
+          background: radial-gradient(100% 100% at 50% 0%, rgba(255, 184, 226, 0.51) 0%, rgba(255, 255, 255, 0) 100%), #FFFFFF
+        }
+      }
+    </style>
+  <script defer src="./static/js/bundle.js"></script><meta property="og:title" content="Get ETH on Uniswap"/><meta property="og:image" content="https://token-icons.s3.amazonaws.com/eth.png"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:image:alt" content="Get ETH on Uniswap"/><meta property="og:type" content="website"/><meta property="og:url" content="http://127.0.0.1:3000/tokens/ethereum/NATIVE"/><meta property="twitter:card" content="summary_large_image"/><meta property="twitter:title" content="Get ETH on Uniswap"/><meta property="twitter:image" content="https://token-icons.s3.amazonaws.com/eth.png"/><meta property="twitter:image:alt" content="Get ETH on Uniswap"/></head>
+
+  <body>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
+
+    <div id="root">
+      <!-- Triggers the font to load immediately and then is replaced by the app -->
+      <div>&emsp;</div>
+    </div>
+
+    <div id="background-radial-gradient"></div>
+  </body>
+</html>
+"
+`;
+
+exports[`should inject metadata for valid tokens 3`] = `
+"<!DOCTYPE html>
+<html translate="no">
+  <head>
+    <meta charset="utf-8" />
+
+    <title>Uniswap Interface</title>
+    <meta name="description" content="Swap or provide liquidity on the Uniswap Protocol" />
+
+    <!--
+      . will be replaced with the URL of the \`public\` folder during build.
+      Only files inside the \`public\` folder can be referenced from the HTML.
+    -->
+    <link rel="shortcut icon" type="image/png" href="./favicon.png" />
+    <link rel="apple-touch-icon" sizes="192x192" href="./images/192x192_App_Icon.png" />
+    <link rel="apple-touch-icon" sizes="512x512" href="./images/512x512_App_Icon.png" />
+
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+    <meta name="theme-color" content="#FC72FF" />
+    <meta
+      http-equiv="Content-Security-Policy"
+      
+        content="script-src 'self' 'unsafe-inline'"
+      
+    />
+
+    <!-- 
+      Apple Smart App Banner for Safari on iOS
+      https://developer.apple.com/documentation/webkit/promoting_apps_with_smart_app_banners
+     -->
+    <meta name="apple-itunes-app" content="app-id=6443944476">
+
+    <!--
+      manifest.json provides metadata used when the app is installed as a PWA.
+      See https://developers.google.com/web/fundamentals/web-app-manifest/
+    -->
+    <link rel="manifest" href="./manifest.json" />
+
+    <link rel="preload" href="./fonts/Inter-roman.var.woff2" as="font" type="font/woff2" crossorigin />
+
+    <style>
+      * {
+        font-family: 'Inter', sans-serif;
+        box-sizing: border-box;
+      }
+
+      /**
+          Explicitly load Inter var from public/ so it does not block LCP's critical path.
+        */
+      @font-face {
+        font-family: 'Inter custom';
+        font-weight: 100 900;
+        font-style: normal;
+        font-display: block;
+        font-named-instance: 'Regular';
+        src: url(./fonts/Inter-roman.var.woff2) format('woff2 supports variations(gvar)'),
+          url(./fonts/Inter-roman.var.woff2) format('woff2-variations'),
+          url(./fonts/Inter-roman.var.woff2) format('woff2');
+      }
+
+      @supports (font-variation-settings: normal) {
+        * {
+          font-family: 'Inter custom', sans-serif;
+        }
+      }
+
+      html,
+      body {
+        margin: 0;
+        padding: 0;
+      }
+
+      button {
+        user-select: none;
+      }
+
+      html {
+        font-size: 16px;
+        font-variant: none;
+        font-smooth: always;
+        -webkit-font-smoothing: antialiased;
+        -moz-osx-font-smoothing: grayscale;
+        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+      }
+
+      /* Use this to apply network-specific gradient backgrounds, in RadialGradientByChainUpdater.ts */
+      #background-radial-gradient {
+        position: fixed;
+        top: 0;
+        left: 0;
+        right: 0;
+        pointer-events: none;
+        width: 200vw;
+        height: 200vh;
+        transform: translate(-50vw, -100vh);
+        z-index: -1;
+      }
+
+      html,
+      body,
+      #root {
+        min-height: 100%;
+      }
+
+      @media (prefers-color-scheme: dark) {
+        html {
+          background: linear-gradient(180deg, #202738 0%, #070816 100%);
+        }
+      }
+
+      @media (prefers-color-scheme: light) {
+        html {
+          background: radial-gradient(100% 100% at 50% 0%, rgba(255, 184, 226, 0.51) 0%, rgba(255, 255, 255, 0) 100%), #FFFFFF
+        }
+      }
+    </style>
+  <script defer src="./static/js/bundle.js"></script><meta property="og:title" content="Get MATIC on Uniswap"/><meta property="og:image" content="https://raw.githubusercontent.com/Uniswap/assets/master/blockchains/ethereum/assets/0x7D1AfA7B718fb893dB30A3aBc0Cfc608AaCfeBB0/logo.png"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:image:alt" content="Get MATIC on Uniswap"/><meta property="og:type" content="website"/><meta property="og:url" content="http://127.0.0.1:3000/tokens/polygon/NATIVE"/><meta property="twitter:card" content="summary_large_image"/><meta property="twitter:title" content="Get MATIC on Uniswap"/><meta property="twitter:image" content="https://raw.githubusercontent.com/Uniswap/assets/master/blockchains/ethereum/assets/0x7D1AfA7B718fb893dB30A3aBc0Cfc608AaCfeBB0/logo.png"/><meta property="twitter:image:alt" content="Get MATIC on Uniswap"/></head>
+
+  <body>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
+
+    <div id="root">
+      <!-- Triggers the font to load immediately and then is replaced by the app -->
+      <div>&emsp;</div>
+    </div>
+
+    <div id="background-radial-gradient"></div>
+  </body>
+</html>
+"
+`;
+
+exports[`should inject metadata for valid tokens 4`] = `
+"<!DOCTYPE html>
+<html translate="no">
+  <head>
+    <meta charset="utf-8" />
+
+    <title>Uniswap Interface</title>
+    <meta name="description" content="Swap or provide liquidity on the Uniswap Protocol" />
+
+    <!--
+      . will be replaced with the URL of the \`public\` folder during build.
+      Only files inside the \`public\` folder can be referenced from the HTML.
+    -->
+    <link rel="shortcut icon" type="image/png" href="./favicon.png" />
+    <link rel="apple-touch-icon" sizes="192x192" href="./images/192x192_App_Icon.png" />
+    <link rel="apple-touch-icon" sizes="512x512" href="./images/512x512_App_Icon.png" />
+
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+    <meta name="theme-color" content="#FC72FF" />
+    <meta
+      http-equiv="Content-Security-Policy"
+      
+        content="script-src 'self' 'unsafe-inline'"
+      
+    />
+
+    <!-- 
+      Apple Smart App Banner for Safari on iOS
+      https://developer.apple.com/documentation/webkit/promoting_apps_with_smart_app_banners
+     -->
+    <meta name="apple-itunes-app" content="app-id=6443944476">
+
+    <!--
+      manifest.json provides metadata used when the app is installed as a PWA.
+      See https://developers.google.com/web/fundamentals/web-app-manifest/
+    -->
+    <link rel="manifest" href="./manifest.json" />
+
+    <link rel="preload" href="./fonts/Inter-roman.var.woff2" as="font" type="font/woff2" crossorigin />
+
+    <style>
+      * {
+        font-family: 'Inter', sans-serif;
+        box-sizing: border-box;
+      }
+
+      /**
+          Explicitly load Inter var from public/ so it does not block LCP's critical path.
+        */
+      @font-face {
+        font-family: 'Inter custom';
+        font-weight: 100 900;
+        font-style: normal;
+        font-display: block;
+        font-named-instance: 'Regular';
+        src: url(./fonts/Inter-roman.var.woff2) format('woff2 supports variations(gvar)'),
+          url(./fonts/Inter-roman.var.woff2) format('woff2-variations'),
+          url(./fonts/Inter-roman.var.woff2) format('woff2');
+      }
+
+      @supports (font-variation-settings: normal) {
+        * {
+          font-family: 'Inter custom', sans-serif;
+        }
+      }
+
+      html,
+      body {
+        margin: 0;
+        padding: 0;
+      }
+
+      button {
+        user-select: none;
+      }
+
+      html {
+        font-size: 16px;
+        font-variant: none;
+        font-smooth: always;
+        -webkit-font-smoothing: antialiased;
+        -moz-osx-font-smoothing: grayscale;
+        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+      }
+
+      /* Use this to apply network-specific gradient backgrounds, in RadialGradientByChainUpdater.ts */
+      #background-radial-gradient {
+        position: fixed;
+        top: 0;
+        left: 0;
+        right: 0;
+        pointer-events: none;
+        width: 200vw;
+        height: 200vh;
+        transform: translate(-50vw, -100vh);
+        z-index: -1;
+      }
+
+      html,
+      body,
+      #root {
+        min-height: 100%;
+      }
+
+      @media (prefers-color-scheme: dark) {
+        html {
+          background: linear-gradient(180deg, #202738 0%, #070816 100%);
+        }
+      }
+
+      @media (prefers-color-scheme: light) {
+        html {
+          background: radial-gradient(100% 100% at 50% 0%, rgba(255, 184, 226, 0.51) 0%, rgba(255, 255, 255, 0) 100%), #FFFFFF
+        }
+      }
+    </style>
+  <script defer src="./static/js/bundle.js"></script><meta property="og:title" content="Get PEPE on Uniswap"/><meta property="og:image" content="https://raw.githubusercontent.com/Uniswap/assets/master/blockchains/ethereum/assets/0x6982508145454Ce325dDbE47a25d4ec3d2311933/logo.png"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:image:alt" content="Get PEPE on Uniswap"/><meta property="og:type" content="website"/><meta property="og:url" content="http://127.0.0.1:3000/tokens/ethereum/0x6982508145454ce325ddbe47a25d4ec3d2311933"/><meta property="twitter:card" content="summary_large_image"/><meta property="twitter:title" content="Get PEPE on Uniswap"/><meta property="twitter:image" content="https://raw.githubusercontent.com/Uniswap/assets/master/blockchains/ethereum/assets/0x6982508145454Ce325dDbE47a25d4ec3d2311933/logo.png"/><meta property="twitter:image:alt" content="Get PEPE on Uniswap"/></head>
+
+  <body>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
+
+    <div id="root">
+      <!-- Triggers the font to load immediately and then is replaced by the app -->
+      <div>&emsp;</div>
+    </div>
+
+    <div id="background-radial-gradient"></div>
+  </body>
+</html>
+"
+`;

functions/api/image/nfts/asset/[[index]].tsx

@@ -1,76 +0,0 @@
-/* eslint-disable import/no-unused-modules */
-import { ImageResponse } from '@vercel/og'
-import React from 'react'
-
-import { blocklistedCollections } from '../../../../../src/nft/utils/blocklist'
-import { WATERMARK_URL } from '../../../../constants'
-import getAsset from '../../../../utils/getAsset'
-import getFont from '../../../../utils/getFont'
-import { getRequest } from '../../../../utils/getRequest'
-
-export const onRequest: PagesFunction = async ({ params, request }) => {
-  try {
-    const origin = new URL(request.url).origin
-    const { index } = params
-    const collectionAddress = index[0]?.toString()
-    const tokenId = index[1]?.toString()
-    const cacheUrl = origin + '/nfts/asset/' + collectionAddress + '/' + tokenId
-
-    if (blocklistedCollections.includes(collectionAddress)) {
-      return new Response('Collection unsupported.', { status: 404 })
-    }
-
-    const data = await getRequest(
-      cacheUrl,
-      () => getAsset(collectionAddress, tokenId, cacheUrl),
-      (data): data is NonNullable<Awaited<ReturnType<typeof getAsset>>> => Boolean(data.ogImage)
-    )
-
-    if (!data) {
-      return new Response('Asset not found.', { status: 404 })
-    }
-
-    const fontData = await getFont(origin)
-
-    return new ImageResponse(
-      (
-        <div
-          style={{
-            display: 'flex',
-            alignItems: 'center',
-            justifyContent: 'center',
-            flexDirection: 'column',
-            width: '1200px',
-            height: '630px',
-          }}
-        >
-          <img src={data.ogImage} alt={data.title} width="1200px" />
-          <div
-            style={{
-              position: 'absolute',
-              bottom: '72px',
-              right: '72px',
-              display: 'flex',
-              gap: '24px',
-            }}
-          >
-            <img src={WATERMARK_URL} alt="Uniswap" height="72px" width="324px" />
-          </div>
-        </div>
-      ),
-      {
-        width: 1200,
-        height: 630,
-        fonts: [
-          {
-            name: 'Inter',
-            data: fontData,
-            style: 'normal',
-          },
-        ],
-      }
-    ) as Response
-  } catch (error: any) {
-    return new Response(error.message || error.toString(), { status: 500 })
-  }
-}

functions/api/image/nfts/asset/nftImage.test.ts

@@ -1,29 +0,0 @@
-const assetImageUrl = [
-  'http://127.0.0.1:3000/api/image/nfts/asset/0xed5af388653567af2f388e6224dc7c4b3241c544/804',
-  'http://127.0.0.1:3000/api/image/nfts/asset/0xb47e3cd837ddf8e4c57f05d70ab865de6e193bbb/3947',
-]
-
-test.each(assetImageUrl)('assetImageUrl', async (url) => {
-  const response = await fetch(new Request(url))
-  expect(response.status).toBe(200)
-  expect(response.headers.get('content-type')).toBe('image/png')
-})
-
-const invalidAssetImageUrl = [
-  'http://127.0.0.1:3000/api/image/nfts/asset/0xed5af388653567af2f388e6224dc7c4b3241c544/10001',
-  'http://127.0.0.1:3000/api/image/nfts/asset/0xbc4ca0eda7647a8ab7c2061c2e118a18a936f13d/44700',
-]
-
-test.each(invalidAssetImageUrl)('invalidAssetImageUrl', async (url) => {
-  const response = await fetch(new Request(url))
-  expect(response.status).toBe(404)
-})
-
-const blockedAssetImageUrl = [
-  'http://127.0.0.1:3000/api/image/nfts/asset/0xd4d871419714b778ebec2e22c7c53572b573706e/276',
-]
-
-test.each(blockedAssetImageUrl)('blockedAssetImageUrl', async (url) => {
-  const response = await fetch(new Request(url))
-  expect(response.status).toBe(404)
-})

functions/api/image/nfts/collection/[index].tsx

@@ -1,122 +0,0 @@
-/* eslint-disable import/no-unused-modules */
-import { ImageResponse } from '@vercel/og'
-import React from 'react'
-
-import { blocklistedCollections } from '../../../../../src/nft/utils/blocklist'
-import { getColor } from '../../../../../src/utils/getColor'
-import { CHECK_URL, WATERMARK_URL } from '../../../../constants'
-import getCollection from '../../../../utils/getCollection'
-import getFont from '../../../../utils/getFont'
-import { getRequest } from '../../../../utils/getRequest'
-
-export const onRequest: PagesFunction = async ({ params, request }) => {
-  try {
-    const origin = new URL(request.url).origin
-    const { index } = params
-    const collectionAddress = index?.toString()
-    const cacheUrl = origin + '/nfts/collection/' + collectionAddress
-
-    if (blocklistedCollections.includes(collectionAddress)) {
-      return new Response('Collection unsupported.', { status: 404 })
-    }
-
-    const data = await getRequest(
-      cacheUrl,
-      () => getCollection(collectionAddress, cacheUrl),
-      (data): data is NonNullable<Awaited<ReturnType<typeof getCollection>>> =>
-        Boolean(data.ogImage && data.name && data.isVerified)
-    )
-
-    if (!data) {
-      return new Response('Collection not found.', { status: 404 })
-    }
-
-    const [fontData, palette] = await Promise.all([getFont(origin), getColor(data.ogImage)])
-
-    // Split name into words to wrap them since satori does not support inline text wrapping
-    const words = data.name.split(' ')
-
-    return new ImageResponse(
-      (
-        <div
-          style={{
-            backgroundColor: 'black',
-            display: 'flex',
-            width: '1200px',
-            height: '630px',
-          }}
-        >
-          <div
-            style={{
-              display: 'flex',
-              alignItems: 'center',
-              backgroundColor: `rgba(${palette[0]}, ${palette[1]}, ${palette[2]}, 0.75)`,
-              padding: '72px',
-            }}
-          >
-            <div
-              style={{
-                display: 'flex',
-                flexDirection: 'row',
-                alignItems: 'flex-end',
-                gap: '48px',
-                width: '100%',
-              }}
-            >
-              <img
-                src={data.ogImage}
-                alt={data.name}
-                width="500px"
-                height="500px"
-                style={{
-                  borderRadius: '60px',
-                  objectFit: 'cover',
-                }}
-              />
-              <div
-                style={{
-                  display: 'flex',
-                  flexDirection: 'column',
-                  gap: '32px',
-                  width: '45%',
-                }}
-              >
-                <div
-                  style={{
-                    gap: '12px',
-                    fontSize: '72px',
-                    fontFamily: 'Inter',
-                    color: 'white',
-                    display: 'flex',
-                    flexDirection: 'row',
-                    alignItems: 'center',
-                    flexWrap: 'wrap',
-                  }}
-                >
-                  {words.map((word: string) => (
-                    <text key={word + index}>{word}</text>
-                  ))}
-                  {data.isVerified && <img src={CHECK_URL} height="54px" />}
-                </div>
-                <img src={WATERMARK_URL} alt="Uniswap" height="72px" width="324px" />
-              </div>
-            </div>
-          </div>
-        </div>
-      ),
-      {
-        width: 1200,
-        height: 630,
-        fonts: [
-          {
-            name: 'Inter',
-            data: fontData,
-            style: 'normal',
-          },
-        ],
-      }
-    ) as Response
-  } catch (error: any) {
-    return new Response(error.message || error.toString(), { status: 500 })
-  }
-}

functions/api/image/nfts/collection/collectionImage.test.ts

@@ -1,34 +0,0 @@
-import * as matchers from 'jest-extended'
-expect.extend(matchers)
-
-const collectionImageUrls = [
-  'http://127.0.0.1:3000/api/image/nfts/collection/0xed5af388653567af2f388e6224dc7c4b3241c544',
-  'http://127.0.0.1:3000/api/image/nfts/collection/0xbc4ca0eda7647a8ab7c2061c2e118a18a936f13d',
-  'http://127.0.0.1:3000/api/image/nfts/collection/0x49cf6f5d44e70224e2e23fdcdd2c053f30ada28b',
-]
-
-test.each([...collectionImageUrls])('collectionImageUrl', async (url) => {
-  const response = await fetch(new Request(url))
-  expect(response.status).toBe(200)
-  expect(response.headers.get('content-type')).toBe('image/png')
-})
-
-const nonexistentImageUrls = [
-  'http://127.0.0.1:3000/api/image/nfts/collection/0xed5af388653567af2f388e6224dc7c4b3241c545',
-]
-
-const invalidCollectionImageUrls = ['http://127.0.0.1:3000/api/image/nfts/collection/0xd3adb33f']
-
-test.each([...invalidCollectionImageUrls, ...nonexistentImageUrls])('invalidAssetImageUrl', async (url) => {
-  const response = await fetch(new Request(url))
-  expect(response.status).toBeOneOf([404, 500])
-})
-
-const blockedCollectionImageUrls = [
-  'http://127.0.0.1:3000/api/image/nfts/collection/0xd4d871419714b778ebec2e22c7c53572b573706e',
-]
-
-test.each(blockedCollectionImageUrls)('blockedCollectionImageUrl', async (url) => {
-  const response = await fetch(new Request(url))
-  expect(response.status).toBeOneOf([404, 500])
-})

functions/api/image/tokens/[[index]].tsx

@@ -1,177 +0,0 @@
-/* eslint-disable import/no-unused-modules */
-import { ImageResponse } from '@vercel/og'
-import React from 'react'
-
-import { getColor } from '../../../../src/utils/getColor'
-import { WATERMARK_URL } from '../../../constants'
-import getFont from '../../../utils/getFont'
-import getNetworkLogoUrl from '../../../utils/getNetworkLogoURL'
-import { getRequest } from '../../../utils/getRequest'
-import getToken from '../../../utils/getToken'
-
-export const onRequest: PagesFunction = async ({ params, request }) => {
-  try {
-    const origin = new URL(request.url).origin
-    const { index } = params
-    const networkName = String(index[0])
-    const tokenAddress = String(index[1])
-
-    const cacheUrl = origin + '/tokens/' + networkName + '/' + tokenAddress
-
-    const data = await getRequest(
-      cacheUrl,
-      () => getToken(networkName, tokenAddress, cacheUrl),
-      (data): data is NonNullable<Awaited<ReturnType<typeof getToken>>> => Boolean(data.symbol && data.name)
-    )
-
-    if (!data) {
-      return new Response('Token not found.', { status: 404 })
-    }
-
-    const [fontData, palette] = await Promise.all([getFont(origin), getColor(data.ogImage, true)])
-
-    const networkLogo = getNetworkLogoUrl(networkName.toUpperCase(), origin)
-
-    // Capitalize name such that each word starts with a capital letter
-    let words = data.name.split(' ')
-    words = words.map((word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase())
-    let name = words.join(' ')
-    name = name.trim()
-
-    return new ImageResponse(
-      (
-        <div
-          style={{
-            backgroundColor: 'black',
-            display: 'flex',
-            width: '1200px',
-            height: '630px',
-          }}
-        >
-          <div
-            style={{
-              display: 'flex',
-              backgroundColor: `rgba(${palette[0]}, ${palette[1]}, ${palette[2]})`,
-              alignItems: 'center',
-              height: '100%',
-              padding: '72px',
-            }}
-          >
-            <div
-              style={{
-                display: 'flex',
-                flexDirection: 'column',
-                justifyContent: 'space-between',
-                alignItems: 'flex-start',
-                width: '100%',
-                height: '100%',
-                color: 'white',
-              }}
-            >
-              {data.ogImage ? (
-                <img src={data.ogImage} width="144px" style={{ borderRadius: '100%' }}>
-                  {networkLogo != '' && (
-                    <img
-                      src={networkLogo}
-                      width="48px"
-                      style={{
-                        position: 'absolute',
-                        right: '2px',
-                        bottom: '0px',
-                        borderRadius: '100%',
-                      }}
-                    />
-                  )}
-                </img>
-              ) : (
-                <div
-                  style={{
-                    width: '144px',
-                    height: '144px',
-                    borderRadius: '100%',
-                    backgroundColor: 'rgba(255, 255, 255, 0.12)',
-                    display: 'flex',
-                    justifyContent: 'center',
-                    alignItems: 'center',
-                  }}
-                >
-                  <div
-                    style={{
-                      fontFamily: 'Inter',
-                      fontSize: '48px',
-                      lineHeight: '58px',
-                      color: 'white',
-                    }}
-                  >
-                    {data.name.slice(0, 3).toUpperCase()}
-                  </div>
-                  {networkLogo != '' && (
-                    <img
-                      src={networkLogo}
-                      width="48px"
-                      style={{
-                        position: 'absolute',
-                        right: '2px',
-                        bottom: '0px',
-                        borderRadius: '100%',
-                      }}
-                    />
-                  )}
-                </div>
-              )}
-              <div
-                style={{
-                  fontFamily: 'Inter',
-                  fontSize: '72px',
-                  lineHeight: '72px',
-                  marginLeft: '-5px',
-                  marginTop: '24px',
-                }}
-              >
-                {name}
-              </div>
-              <div
-                style={{
-                  display: 'flex',
-                  flexDirection: 'row',
-                  justifyContent: 'space-between',
-                  alignItems: 'flex-end',
-                  width: '100%',
-                }}
-              >
-                <div
-                  style={{
-                    fontFamily: 'Inter',
-                    fontSize: '168px',
-                    lineHeight: '133px',
-                    marginLeft: '-13px',
-                    overflow: 'hidden',
-                    textOverflow: 'ellipsis',
-                    whiteSpace: 'nowrap',
-                    width: '100%',
-                  }}
-                >
-                  {data.symbol}
-                </div>
-                <img src={WATERMARK_URL} alt="Uniswap" height="72px" width="324px" />
-              </div>
-            </div>
-          </div>
-        </div>
-      ),
-      {
-        width: 1200,
-        height: 630,
-        fonts: [
-          {
-            name: 'Inter',
-            data: fontData,
-            style: 'normal',
-          },
-        ],
-      }
-    ) as Response
-  } catch (error: any) {
-    return new Response(error.message || error.toString(), { status: 500 })
-  }
-}

functions/api/image/tokens/tokenImage.test.ts

@@ -1,22 +0,0 @@
-const tokenImageUrl = [
-  'http://127.0.0.1:3000/api/image/tokens/ethereum/0xa0b86991c6218b36c1d19d4a2e9eb0ce3606eb48',
-  'http://127.0.0.1:3000/api/image/tokens/ethereum/NATIVE',
-]
-
-test.each(tokenImageUrl)('tokenImageUrl', async (url) => {
-  const response = await fetch(new Request(url))
-  expect(response.status).toBe(200)
-  expect(response.headers.get('content-type')).toBe('image/png')
-})
-
-const invalidTokenImageUrl = [
-  'http://127.0.0.1:3000/api/image/tokens/ethereum/0xa0b86991c6218b36c1d19d4a2e9eb0ce3606eb49',
-  'http://127.0.0.1:3000/api/image/tokens/ethereum',
-  'http://127.0.0.1:3000/api/image/tokens/ethereun',
-  'http://127.0.0.1:3000/api/image/tokens/potato/?potato=1',
-]
-
-test.each(invalidTokenImageUrl)('invalidAssetImageUrl', async (url) => {
-  const response = await fetch(new Request(url))
-  expect(response.status).toBe(404)
-})

functions/collection.test.ts

@@ -2,26 +2,28 @@ const collections = [
   {
     address: '0xed5af388653567af2f388e6224dc7c4b3241c544',
     collectionName: 'Azuki',
-    image: 'http://127.0.0.1:3000/api/image/nfts/collection/0xed5af388653567af2f388e6224dc7c4b3241c544',
+    image:
+      'https://i.seadn.io/gae/H8jOCJuQokNqGBpkBN5wk1oZwO7LM8bNnrHCaekV2nKjnCqw6UB5oaH8XyNeBDj6bA_n1mjejzhFQUP3O1NfjFLHr3FOaeHcTOOT?w=500&auto=format',
   },
   {
     address: '0xbc4ca0eda7647a8ab7c2061c2e118a18a936f13d',
     collectionName: 'Bored Ape Yacht Club',
-    image: 'http://127.0.0.1:3000/api/image/nfts/collection/0xbc4ca0eda7647a8ab7c2061c2e118a18a936f13d',
+    image:
+      'https://i.seadn.io/gae/Ju9CkWtV-1Okvf45wo8UctR-M9He2PjILP0oOvxE89AyiPPGtrR3gysu1Zgy0hjd2xKIgjJJtWIc0ybj4Vd7wv8t3pxDGHoJBzDB?w=500&auto=format',
   },
   {
     address: '0x49cf6f5d44e70224e2e23fdcdd2c053f30ada28b',
     collectionName: 'CLONE X - X TAKASHI MURAKAMI',
-    image: 'http://127.0.0.1:3000/api/image/nfts/collection/0x49cf6f5d44e70224e2e23fdcdd2c053f30ada28b',
+    image:
+      'https://i.seadn.io/gae/XN0XuD8Uh3jyRWNtPTFeXJg_ht8m5ofDx6aHklOiy4amhFuWUa0JaR6It49AH8tlnYS386Q0TW_-Lmedn0UET_ko1a3CbJGeu5iHMg?w=500&auto=format',
   },
 ]
 
-test.each([...collections])('should inject metadata for collections', async (collection) => {
+test.each(collections)('should inject metadata for valid collections', async (collection) => {
   const url = 'http://127.0.0.1:3000/nfts/collection/' + collection.address
   const body = await fetch(new Request(url)).then((res) => res.text())
   expect(body).toMatchSnapshot()
   expect(body).toContain(`<meta property="og:title" content="${collection.collectionName} on Uniswap"/>`)
-  expect(body).not.toContain(`<meta property="og:description"`)
   expect(body).toContain(`<meta property="og:image" content="${collection.image}"/>`)
   expect(body).toContain(`<meta property="og:image:width" content="1200"/>`)
   expect(body).toContain(`<meta property="og:image:height" content="630"/>`)
@@ -34,22 +36,16 @@ test.each([...collections])('should inject metadata for collections', async (col
   expect(body).toContain(`<meta property="twitter:image:alt" content="${collection.collectionName} on Uniswap"/>`)
 })
 
-const nonexistentCollections = [
-  {
-    address: '0xed5af388653567af2f388e6224dc7c4b3241c545',
-  },
-]
-
 const invalidCollections = [
-  {
-    address: '0xd3adb33f',
-  },
+  'http://127.0.0.1:3000/nfts/collection/0xed5af388653567af2f388e6224dc7c4b3241c545',
+  'http://127.0.0.1:3000/nfts/collection/0xed5af388653567af2f388e6224dc7c4b3241c545/10',
+  'http://127.0.0.1:3000/nfts/collection/0xed5af388653567af2f388e6224dc7c4b3241c545//',
+  'http://127.0.0.1:3000/nfts/collection',
 ]
 
-test.each([...invalidCollections, ...nonexistentCollections])(
-  'should not inject metadata for nonexistent collections',
-  async (collection) => {
-    const url = 'http://127.0.0.1:3000/nfts/collection/' + collection.address
+test.each(invalidCollections)(
+  'should not inject metadata for invalid collection urls',
+  async (url) => {
     const body = await fetch(new Request(url)).then((res) => res.text())
     expect(body).not.toContain('og:title')
     expect(body).not.toContain('og:image')
@@ -62,5 +58,6 @@ test.each([...invalidCollections, ...nonexistentCollections])(
     expect(body).not.toContain('twitter:title')
     expect(body).not.toContain('twitter:image')
     expect(body).not.toContain('twitter:image:alt')
-  }
+  },
+  50000
 )

functions/components/metaTagInjector.test.ts

@@ -1,60 +0,0 @@
-import { MetaTagInjector } from './metaTagInjector'
-
-test('should append meta tag to element', () => {
-  const element = {
-    append: jest.fn(),
-  } as unknown as Element
-  const property = 'property'
-  const content = 'content'
-  const injector = new MetaTagInjector(
-    {
-      title: 'test',
-      url: 'testUrl',
-      image: 'testImage',
-      description: 'testDescription',
-    },
-    new Request('http://localhost')
-  )
-  injector.append(element, property, content)
-  expect(element.append).toHaveBeenCalledWith(`<meta property="${property}" content="${content}"/>`, { html: true })
-
-  injector.element(element)
-  expect(element.append).toHaveBeenCalledWith(`<meta property="og:title" content="test"/>`, { html: true })
-  expect(element.append).toHaveBeenCalledWith(`<meta property="og:description" content="testDescription"/>`, {
-    html: true,
-  })
-  expect(element.append).toHaveBeenCalledWith(`<meta property="og:image" content="testImage"/>`, { html: true })
-  expect(element.append).toHaveBeenCalledWith(`<meta property="og:image:width" content="1200"/>`, { html: true })
-  expect(element.append).toHaveBeenCalledWith(`<meta property="og:image:height" content="630"/>`, { html: true })
-  expect(element.append).toHaveBeenCalledWith(`<meta property="og:image:alt" content="test"/>`, { html: true })
-  expect(element.append).toHaveBeenCalledWith(`<meta property="og:type" content="website"/>`, { html: true })
-  expect(element.append).toHaveBeenCalledWith(`<meta property="og:url" content="testUrl"/>`, { html: true })
-
-  expect(element.append).toHaveBeenCalledWith(`<meta property="twitter:card" content="summary_large_image"/>`, {
-    html: true,
-  })
-  expect(element.append).toHaveBeenCalledWith(`<meta property="twitter:title" content="test"/>`, { html: true })
-  expect(element.append).toHaveBeenCalledWith(`<meta property="twitter:image" content="testImage"/>`, { html: true })
-  expect(element.append).toHaveBeenCalledWith(`<meta property="twitter:image:alt" content="test"/>`, { html: true })
-
-  expect(element.append).toHaveBeenCalledTimes(13)
-})
-
-test('should pass through header blocked paths', () => {
-  const element = {
-    append: jest.fn(),
-  } as unknown as Element
-  const request = new Request('http://localhost')
-  request.headers.set('x-blocked-paths', '/')
-  const injector = new MetaTagInjector(
-    {
-      title: 'test',
-      url: 'testUrl',
-      image: 'testImage',
-      description: 'testDescription',
-    },
-    request
-  )
-  injector.element(element)
-  expect(element.append).toHaveBeenCalledWith(`<meta property="x:blocked-paths" content="/"/>`, { html: true })
-})

functions/components/metaTagInjector.ts

@@ -2,7 +2,6 @@ type MetaTagInjectorInput = {
   title: string
   image?: string
   url: string
-  description?: string
 }
 
 /**
@@ -10,7 +9,7 @@ type MetaTagInjectorInput = {
  * to inject meta tags into the <head> of an HTML document.
  */
 export class MetaTagInjector implements HTMLRewriterElementContentHandlers {
-  constructor(private input: MetaTagInjectorInput, private request: Request) {}
+  constructor(private input: MetaTagInjectorInput) {}
 
   append(element: Element, property: string, content: string) {
     element.append(`<meta property="${property}" content="${content}"/>`, { html: true })
@@ -19,9 +18,6 @@ export class MetaTagInjector implements HTMLRewriterElementContentHandlers {
   element(element: Element) {
     //Open Graph Tags
     this.append(element, 'og:title', this.input.title)
-    if (this.input.description) {
-      this.append(element, 'og:description', this.input.description)
-    }
     if (this.input.image) {
       this.append(element, 'og:image', this.input.image)
       this.append(element, 'og:image:width', '1200')
@@ -38,10 +34,5 @@ export class MetaTagInjector implements HTMLRewriterElementContentHandlers {
       this.append(element, 'twitter:image', this.input.image)
       this.append(element, 'twitter:image:alt', this.input.title)
     }
-
-    const blockedPaths = this.request.headers.get('x-blocked-paths')
-    if (blockedPaths) {
-      this.append(element, 'x:blocked-paths', blockedPaths)
-    }
   }
 }

functions/constants.ts

@@ -1,2 +0,0 @@
-export const WATERMARK_URL = 'https://app.uniswap.org/images/324x74_App_Watermark.png'
-export const CHECK_URL = 'https://app.uniswap.org/images/54x54_Verified_Check.svg'

functions/default.test.ts

@@ -1,22 +0,0 @@
-const defaultUrls = ['http://127.0.0.1:3000/', 'http://127.0.0.1:3000/swap', 'http://127.0.0.1:3000/pools']
-
-test.each(defaultUrls)('should inject metadata for valid collections', async (defaultUrl) => {
-  const body = await fetch(new Request(defaultUrl)).then((res) => res.text())
-  expect(body).toContain(`<meta property="og:title" content="Uniswap Interface"/>`)
-  expect(body).toContain(
-    `<meta property="og:description" content="Swap or provide liquidity on the Uniswap Protocol"/>`
-  )
-  expect(body).toContain(
-    `<meta property="og:image" content="http://127.0.0.1:3000/images/1200x630_Rich_Link_Preview_Image.png"/>`
-  )
-  expect(body).toContain(`<meta property="og:image:width" content="1200"/>`)
-  expect(body).toContain(`<meta property="og:image:height" content="630"/>`)
-  expect(body).toContain(`<meta property="og:type" content="website"/>`)
-  expect(body).toContain(`<meta property="og:image:alt" content="Uniswap Interface"/>`)
-  expect(body).toContain(`<meta property="twitter:card" content="summary_large_image"/>`)
-  expect(body).toContain(`<meta property="twitter:title" content="Uniswap Interface"/>`)
-  expect(body).toContain(
-    `<meta property="twitter:image" content="http://127.0.0.1:3000/images/1200x630_Rich_Link_Preview_Image.png"/>`
-  )
-  expect(body).toContain(`<meta property="twitter:image:alt" content="Uniswap Interface"/>`)
-})

functions/global-setup.ts

@@ -0,0 +1,9 @@
+import { setup } from 'jest-dev-server'
+
+module.exports = async function globalSetup() {
+  globalThis.servers = await setup({
+    command: `yarn start:cloud`,
+    port: 3000,
+    launchTimeout: 50000,
+  })
+}

functions/global-teardown.ts

@@ -0,0 +1,5 @@
+import { teardown } from 'jest-dev-server'
+
+module.exports = async function globalTeardown() {
+  await teardown(globalThis.servers)
+}

functions/global.d.ts

@@ -0,0 +1,6 @@
+import { setup } from 'jest-dev-server'
+
+declare global {
+  // eslint-disable-next-line no-var
+  var servers: Awaited<ReturnType<typeof setup>>
+}

functions/jest.config.json

@@ -1,5 +1,6 @@
 {
-  "setupFilesAfterEnv": ["<rootDir>/setupAfterEnv.ts"],
+  "globalSetup": "<rootDir>/global-setup.ts",
+  "globalTeardown": "<rootDir>/global-teardown.ts",
   "preset": "ts-jest",
   "transform": {
     "'^.+\\.(ts|tsx)?$'": "ts-jest",

functions/nft.test.ts

@@ -3,19 +3,22 @@ const assets = [
     address: '0xed5af388653567af2f388e6224dc7c4b3241c544',
     assetId: '2550',
     collectionName: 'Azuki',
-    image: 'http://127.0.0.1:3000/api/image/nfts/asset/0xed5af388653567af2f388e6224dc7c4b3241c544/2550',
+    image:
+      'https://cdn.center.app/1/0xED5AF388653567Af2F388E6224dC7C4b3241C544/2550/d268b7f60a56306ced68b9762709ceaff4f1ee939f3150e7363fae300a59da12.png',
   },
   {
     address: '0xbc4ca0eda7647a8ab7c2061c2e118a18a936f13d',
     assetId: '3735',
     collectionName: 'Bored Ape Yacht Club',
-    image: 'http://127.0.0.1:3000/api/image/nfts/asset/0xbc4ca0eda7647a8ab7c2061c2e118a18a936f13d/3735',
+    image:
+      'https://cdn.center.app/v2/1/697f69bb495aaa24c66638cae921977354f0b8274fc2e2814e455f355e67f01d/88c2ac6b73288e41051d3fd58ff3cef1f4908403f05f4a7d2a8435d003758529.png',
   },
   {
     address: '0xb47e3cd837ddf8e4c57f05d70ab865de6e193bbb',
     assetId: '3947',
     collectionName: 'CryptoPunk',
-    image: 'http://127.0.0.1:3000/api/image/nfts/asset/0xb47e3cd837ddf8e4c57f05d70ab865de6e193bbb/3947',
+    image:
+      'https://cdn.center.app/1/0xb47e3cd837dDF8e4c57F05d70Ab865de6e193BBB/3947/62319d784e7a816d190aa184ffe58550d6ed8eb2e117b218e2ac02f126538ee6.png',
   },
 ]
 
@@ -24,7 +27,6 @@ test.each(assets)('should inject metadata for valid assets', async (nft) => {
   const body = await fetch(new Request(url)).then((res) => res.text())
   expect(body).toMatchSnapshot()
   expect(body).toContain(`<meta property="og:title" content="${nft.collectionName} #${nft.assetId}"/>`)
-  expect(body).not.toContain(`<meta property="og:description"`)
   expect(body).toContain(`<meta property="og:image" content="${nft.image}"/>`)
   expect(body).toContain(`<meta property="og:image:width" content="1200"/>`)
   expect(body).toContain(`<meta property="og:image:height" content="630"/>`)

functions/nfts/asset/[[index]].ts

@@ -1,15 +1,20 @@
 /* eslint-disable import/no-unused-modules */
+import { MetaTagInjector } from '../../components/metaTagInjector'
 import getAsset from '../../utils/getAsset'
-import { getMetadataRequest } from '../../utils/getRequest'
 
 export const onRequest: PagesFunction = async ({ params, request, next }) => {
-  const res = next()
+  const { index } = params
+  const collectionAddress = index[0]?.toString()
+  const tokenId = index[1]?.toString()
+  const assetPromise = getAsset(collectionAddress, tokenId, request.url)
+  const resPromise = next()
   try {
-    const { index } = params
-    const collectionAddress = index[0]?.toString()
-    const tokenId = index[1]?.toString()
-    return getMetadataRequest(res, request, () => getAsset(collectionAddress, tokenId, request.url))
+    const [data, res] = await Promise.all([assetPromise, resPromise])
+    if (!data) {
+      return resPromise
+    }
+    return new HTMLRewriter().on('head', new MetaTagInjector(data)).transform(res)
   } catch (e) {
-    return res
+    return resPromise
   }
 }

functions/nfts/asset/__snapshots__/nft.test.ts.snap

@@ -1,445 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`should inject metadata for valid assets 1`] = `
-"<!DOCTYPE html>
-<html translate="no">
-  <head>
-    <meta charset="utf-8" />
-
-    <title>Uniswap Interface</title>
-
-    <!--
-       will be replaced with the URL of the \`public\` folder during build.
-      Only files inside the \`public\` folder can be referenced from the HTML.
-    -->
-    <link rel="shortcut icon" type="image/png" href="/favicon.png" />
-    <link rel="apple-touch-icon" sizes="192x192" href="/images/192x192_App_Icon.png" />
-    <link rel="apple-touch-icon" sizes="512x512" href="/images/512x512_App_Icon.png" />
-
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
-    <meta name="theme-color" content="#fff" />
-    <meta
-      http-equiv="Content-Security-Policy"
-      
-        content="script-src 'self' 'unsafe-inline'"
-      
-    />
-
-    <!-- 
-      Apple Smart App Banner for Safari on iOS
-      https://developer.apple.com/documentation/webkit/promoting_apps_with_smart_app_banners
-     -->
-    <meta name="apple-itunes-app" content="app-id=6443944476">
-
-    <!--
-      manifest.json provides metadata used when the app is installed as a PWA.
-      See https://developers.google.com/web/fundamentals/web-app-manifest/
-    -->
-    <link rel="manifest" href="/manifest.json" />
-
-    <link rel="preconnect" href="https://api.uniswap.org/" crossorigin/>
-    <link rel="preconnect" href="https://mainnet.infura.io/" crossorigin/>
-
-    <link rel="preload" href="/fonts/Basel-Book.woff" as="font" type="font/woff" crossorigin />
-    <link rel="preload" href="/fonts/Basel-Book.woff2" as="font" type="font/woff2" crossorigin />
-    <link rel="preload" href="/fonts/Basel-Medium.woff" as="font" type="font/woff" crossorigin />
-    <link rel="preload" href="/fonts/Basel-Medium.woff2" as="font" type="font/woff2" crossorigin />
-   
-    <style>
-      * {
-        font-family: 'Basel', sans-serif;
-        box-sizing: border-box;
-      }
-
-      /**
-          Explicitly load Basel var from public/ so it does not block LCP's critical path.
-        */
-      @font-face {
-        font-family: 'Basel';
-        font-weight: 535;
-        font-style: normal;
-        font-display: block;
-        src: 
-          url('/fonts/Basel-Medium.woff2') format('woff2'),
-          url('/fonts/Basel-Medium.woff') format('woff');
-      }
-
-      @font-face {
-        font-family: 'Basel';
-        font-weight: 485;
-        font-style: normal;
-        font-display: block;
-        src: 
-          url('/fonts/Basel-Book.woff') format('woff2'),
-          url('/fonts/Basel-Book.woff') format('woff');
-      }
-
-      @supports (font-variation-settings: normal) {
-        * {
-          font-family: 'Basel', sans-serif;
-        }
-      }
-
-      html,
-      body {
-        margin: 0;
-        padding: 0;
-      }
-
-      button {
-        user-select: none;
-      }
-
-      html {
-        font-size: 16px;
-        font-weight: 485;
-        font-variant: none;
-        font-smooth: always;
-        text-rendering: optimizeLegibility !important;
-        -webkit-font-smoothing: antialiased !important;
-        -moz-osx-font-smoothing: grayscale;
-        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-      }
-
-      /* Use this to apply network-specific gradient backgrounds, in RadialGradientByChainUpdater.ts */
-      #background-radial-gradient {
-        position: fixed;
-        top: 0;
-        left: 0;
-        right: 0;
-        pointer-events: none;
-        width: 200vw;
-        height: 200vh;
-        transform: translate(-50vw, -100vh);
-        z-index: -1;
-      }
-
-      html,
-      body,
-      #root {
-        min-height: 100%;
-      }
-
-      @media (prefers-color-scheme: dark) {
-        html {
-          background: linear-gradient(rgb(19, 19, 19) 0%, rgb(19, 19, 19) 100%);
-        }
-      }
-
-      @media (prefers-color-scheme: light) {
-        html {
-          background: radial-gradient(100% 100% at 50% 0%, rgba(255, 184, 226, 0) 0%, rgba(255, 255, 255, 0) 100%), rgb(255, 255, 255);
-        }
-      }
-    </style>
-  <script defer src="/static/js/bundle.js"></script><meta property="og:title" content="Azuki #2550"/><meta property="og:image" content="http://127.0.0.1:3000/api/image/nfts/asset/0xed5af388653567af2f388e6224dc7c4b3241c544/2550"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:image:alt" content="Azuki #2550"/><meta property="og:type" content="website"/><meta property="og:url" content="http://127.0.0.1:3000/nfts/asset/0xed5af388653567af2f388e6224dc7c4b3241c544/2550"/><meta property="twitter:card" content="summary_large_image"/><meta property="twitter:title" content="Azuki #2550"/><meta property="twitter:image" content="http://127.0.0.1:3000/api/image/nfts/asset/0xed5af388653567af2f388e6224dc7c4b3241c544/2550"/><meta property="twitter:image:alt" content="Azuki #2550"/></head>
-
-  <body>
-    <noscript>You need to enable JavaScript to run this app.</noscript>
-
-    <div id="root">
-      <!-- Triggers the font to load immediately and then is replaced by the app -->
-      <div>&emsp;</div>
-    </div>
-
-    <div id="background-radial-gradient"></div>
-  </body>
-</html>
-"
-`;
-
-exports[`should inject metadata for valid assets 2`] = `
-"<!DOCTYPE html>
-<html translate="no">
-  <head>
-    <meta charset="utf-8" />
-
-    <title>Uniswap Interface</title>
-
-    <!--
-       will be replaced with the URL of the \`public\` folder during build.
-      Only files inside the \`public\` folder can be referenced from the HTML.
-    -->
-    <link rel="shortcut icon" type="image/png" href="/favicon.png" />
-    <link rel="apple-touch-icon" sizes="192x192" href="/images/192x192_App_Icon.png" />
-    <link rel="apple-touch-icon" sizes="512x512" href="/images/512x512_App_Icon.png" />
-
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
-    <meta name="theme-color" content="#fff" />
-    <meta
-      http-equiv="Content-Security-Policy"
-      
-        content="script-src 'self' 'unsafe-inline'"
-      
-    />
-
-    <!-- 
-      Apple Smart App Banner for Safari on iOS
-      https://developer.apple.com/documentation/webkit/promoting_apps_with_smart_app_banners
-     -->
-    <meta name="apple-itunes-app" content="app-id=6443944476">
-
-    <!--
-      manifest.json provides metadata used when the app is installed as a PWA.
-      See https://developers.google.com/web/fundamentals/web-app-manifest/
-    -->
-    <link rel="manifest" href="/manifest.json" />
-
-    <link rel="preconnect" href="https://api.uniswap.org/" crossorigin/>
-    <link rel="preconnect" href="https://mainnet.infura.io/" crossorigin/>
-
-    <link rel="preload" href="/fonts/Basel-Book.woff" as="font" type="font/woff" crossorigin />
-    <link rel="preload" href="/fonts/Basel-Book.woff2" as="font" type="font/woff2" crossorigin />
-    <link rel="preload" href="/fonts/Basel-Medium.woff" as="font" type="font/woff" crossorigin />
-    <link rel="preload" href="/fonts/Basel-Medium.woff2" as="font" type="font/woff2" crossorigin />
-   
-    <style>
-      * {
-        font-family: 'Basel', sans-serif;
-        box-sizing: border-box;
-      }
-
-      /**
-          Explicitly load Basel var from public/ so it does not block LCP's critical path.
-        */
-      @font-face {
-        font-family: 'Basel';
-        font-weight: 535;
-        font-style: normal;
-        font-display: block;
-        src: 
-          url('/fonts/Basel-Medium.woff2') format('woff2'),
-          url('/fonts/Basel-Medium.woff') format('woff');
-      }
-
-      @font-face {
-        font-family: 'Basel';
-        font-weight: 485;
-        font-style: normal;
-        font-display: block;
-        src: 
-          url('/fonts/Basel-Book.woff') format('woff2'),
-          url('/fonts/Basel-Book.woff') format('woff');
-      }
-
-      @supports (font-variation-settings: normal) {
-        * {
-          font-family: 'Basel', sans-serif;
-        }
-      }
-
-      html,
-      body {
-        margin: 0;
-        padding: 0;
-      }
-
-      button {
-        user-select: none;
-      }
-
-      html {
-        font-size: 16px;
-        font-weight: 485;
-        font-variant: none;
-        font-smooth: always;
-        text-rendering: optimizeLegibility !important;
-        -webkit-font-smoothing: antialiased !important;
-        -moz-osx-font-smoothing: grayscale;
-        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-      }
-
-      /* Use this to apply network-specific gradient backgrounds, in RadialGradientByChainUpdater.ts */
-      #background-radial-gradient {
-        position: fixed;
-        top: 0;
-        left: 0;
-        right: 0;
-        pointer-events: none;
-        width: 200vw;
-        height: 200vh;
-        transform: translate(-50vw, -100vh);
-        z-index: -1;
-      }
-
-      html,
-      body,
-      #root {
-        min-height: 100%;
-      }
-
-      @media (prefers-color-scheme: dark) {
-        html {
-          background: linear-gradient(rgb(19, 19, 19) 0%, rgb(19, 19, 19) 100%);
-        }
-      }
-
-      @media (prefers-color-scheme: light) {
-        html {
-          background: radial-gradient(100% 100% at 50% 0%, rgba(255, 184, 226, 0) 0%, rgba(255, 255, 255, 0) 100%), rgb(255, 255, 255);
-        }
-      }
-    </style>
-  <script defer src="/static/js/bundle.js"></script><meta property="og:title" content="Bored Ape Yacht Club #3735"/><meta property="og:image" content="http://127.0.0.1:3000/api/image/nfts/asset/0xbc4ca0eda7647a8ab7c2061c2e118a18a936f13d/3735"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:image:alt" content="Bored Ape Yacht Club #3735"/><meta property="og:type" content="website"/><meta property="og:url" content="http://127.0.0.1:3000/nfts/asset/0xbc4ca0eda7647a8ab7c2061c2e118a18a936f13d/3735"/><meta property="twitter:card" content="summary_large_image"/><meta property="twitter:title" content="Bored Ape Yacht Club #3735"/><meta property="twitter:image" content="http://127.0.0.1:3000/api/image/nfts/asset/0xbc4ca0eda7647a8ab7c2061c2e118a18a936f13d/3735"/><meta property="twitter:image:alt" content="Bored Ape Yacht Club #3735"/></head>
-
-  <body>
-    <noscript>You need to enable JavaScript to run this app.</noscript>
-
-    <div id="root">
-      <!-- Triggers the font to load immediately and then is replaced by the app -->
-      <div>&emsp;</div>
-    </div>
-
-    <div id="background-radial-gradient"></div>
-  </body>
-</html>
-"
-`;
-
-exports[`should inject metadata for valid assets 3`] = `
-"<!DOCTYPE html>
-<html translate="no">
-  <head>
-    <meta charset="utf-8" />
-
-    <title>Uniswap Interface</title>
-
-    <!--
-       will be replaced with the URL of the \`public\` folder during build.
-      Only files inside the \`public\` folder can be referenced from the HTML.
-    -->
-    <link rel="shortcut icon" type="image/png" href="/favicon.png" />
-    <link rel="apple-touch-icon" sizes="192x192" href="/images/192x192_App_Icon.png" />
-    <link rel="apple-touch-icon" sizes="512x512" href="/images/512x512_App_Icon.png" />
-
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
-    <meta name="theme-color" content="#fff" />
-    <meta
-      http-equiv="Content-Security-Policy"
-      
-        content="script-src 'self' 'unsafe-inline'"
-      
-    />
-
-    <!-- 
-      Apple Smart App Banner for Safari on iOS
-      https://developer.apple.com/documentation/webkit/promoting_apps_with_smart_app_banners
-     -->
-    <meta name="apple-itunes-app" content="app-id=6443944476">
-
-    <!--
-      manifest.json provides metadata used when the app is installed as a PWA.
-      See https://developers.google.com/web/fundamentals/web-app-manifest/
-    -->
-    <link rel="manifest" href="/manifest.json" />
-
-    <link rel="preconnect" href="https://api.uniswap.org/" crossorigin/>
-    <link rel="preconnect" href="https://mainnet.infura.io/" crossorigin/>
-
-    <link rel="preload" href="/fonts/Basel-Book.woff" as="font" type="font/woff" crossorigin />
-    <link rel="preload" href="/fonts/Basel-Book.woff2" as="font" type="font/woff2" crossorigin />
-    <link rel="preload" href="/fonts/Basel-Medium.woff" as="font" type="font/woff" crossorigin />
-    <link rel="preload" href="/fonts/Basel-Medium.woff2" as="font" type="font/woff2" crossorigin />
-   
-    <style>
-      * {
-        font-family: 'Basel', sans-serif;
-        box-sizing: border-box;
-      }
-
-      /**
-          Explicitly load Basel var from public/ so it does not block LCP's critical path.
-        */
-      @font-face {
-        font-family: 'Basel';
-        font-weight: 535;
-        font-style: normal;
-        font-display: block;
-        src: 
-          url('/fonts/Basel-Medium.woff2') format('woff2'),
-          url('/fonts/Basel-Medium.woff') format('woff');
-      }
-
-      @font-face {
-        font-family: 'Basel';
-        font-weight: 485;
-        font-style: normal;
-        font-display: block;
-        src: 
-          url('/fonts/Basel-Book.woff') format('woff2'),
-          url('/fonts/Basel-Book.woff') format('woff');
-      }
-
-      @supports (font-variation-settings: normal) {
-        * {
-          font-family: 'Basel', sans-serif;
-        }
-      }
-
-      html,
-      body {
-        margin: 0;
-        padding: 0;
-      }
-
-      button {
-        user-select: none;
-      }
-
-      html {
-        font-size: 16px;
-        font-weight: 485;
-        font-variant: none;
-        font-smooth: always;
-        text-rendering: optimizeLegibility !important;
-        -webkit-font-smoothing: antialiased !important;
-        -moz-osx-font-smoothing: grayscale;
-        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-      }
-
-      /* Use this to apply network-specific gradient backgrounds, in RadialGradientByChainUpdater.ts */
-      #background-radial-gradient {
-        position: fixed;
-        top: 0;
-        left: 0;
-        right: 0;
-        pointer-events: none;
-        width: 200vw;
-        height: 200vh;
-        transform: translate(-50vw, -100vh);
-        z-index: -1;
-      }
-
-      html,
-      body,
-      #root {
-        min-height: 100%;
-      }
-
-      @media (prefers-color-scheme: dark) {
-        html {
-          background: linear-gradient(rgb(19, 19, 19) 0%, rgb(19, 19, 19) 100%);
-        }
-      }
-
-      @media (prefers-color-scheme: light) {
-        html {
-          background: radial-gradient(100% 100% at 50% 0%, rgba(255, 184, 226, 0) 0%, rgba(255, 255, 255, 0) 100%), rgb(255, 255, 255);
-        }
-      }
-    </style>
-  <script defer src="/static/js/bundle.js"></script><meta property="og:title" content="CryptoPunk #3947"/><meta property="og:image" content="http://127.0.0.1:3000/api/image/nfts/asset/0xb47e3cd837ddf8e4c57f05d70ab865de6e193bbb/3947"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:image:alt" content="CryptoPunk #3947"/><meta property="og:type" content="website"/><meta property="og:url" content="http://127.0.0.1:3000/nfts/asset/0xb47e3cd837ddf8e4c57f05d70ab865de6e193bbb/3947"/><meta property="twitter:card" content="summary_large_image"/><meta property="twitter:title" content="CryptoPunk #3947"/><meta property="twitter:image" content="http://127.0.0.1:3000/api/image/nfts/asset/0xb47e3cd837ddf8e4c57f05d70ab865de6e193bbb/3947"/><meta property="twitter:image:alt" content="CryptoPunk #3947"/></head>
-
-  <body>
-    <noscript>You need to enable JavaScript to run this app.</noscript>
-
-    <div id="root">
-      <!-- Triggers the font to load immediately and then is replaced by the app -->
-      <div>&emsp;</div>
-    </div>
-
-    <div id="background-radial-gradient"></div>
-  </body>
-</html>
-"
-`;

functions/nfts/collection/[index].ts

@@ -1,14 +1,19 @@
 /* eslint-disable import/no-unused-modules */
+import { MetaTagInjector } from '../../components/metaTagInjector'
 import getCollection from '../../utils/getCollection'
-import { getMetadataRequest } from '../../utils/getRequest'
 
 export const onRequest: PagesFunction = async ({ params, request, next }) => {
-  const res = next()
+  const { index } = params
+  const collectionAddress = index?.toString()
+  const collectionPromise = getCollection(collectionAddress, request.url)
+  const resPromise = next()
   try {
-    const { index } = params
-    const collectionAddress = index?.toString()
-    return getMetadataRequest(res, request, () => getCollection(collectionAddress, request.url))
+    const [data, res] = await Promise.all([collectionPromise, resPromise])
+    if (!data) {
+      return resPromise
+    }
+    return new HTMLRewriter().on('head', new MetaTagInjector(data)).transform(res)
   } catch (e) {
-    return res
+    return resPromise
   }
 }