feat: add erc20 sponsorship card #1631

blakecduncan · 2025-05-20T15:41:06Z

Pull Request Checklist

Did you add new tests and confirm existing tests pass? (yarn test)
Did you update relevant docs? (docs are found in the site folder, and guidelines for updating/adding docs can be found in the contribution guide)
Do your commits follow the Conventional Commits standard?
Does your PR title also follow the Conventional Commits standard?
If you have a breaking change, is it correctly reflected in your commit message? (e.g. feat!: breaking change)
Did you run lint (yarn lint:check) and fix any issues? (yarn lint:write)
Did you follow the contribution guidelines?

PR-Codex overview

This PR introduces a new Erc20Modal for handling ERC20 token minting and sponsorship, enhances existing components, and adds utility functions for gas estimation and user operations. It also updates dependencies and constants related to USDC addresses.

Detailed summary

Added Erc20Modal component for ERC20 minting.
Exported Erc20Modal and MFAModal from respective files.
Introduced constants for USDC addresses.
Enhanced MintCard and Badge components with additional props.
Updated Dialog component to support full width.
Added hooks for reading ERC20 balance and minting.
Implemented user operation sponsorship for ERC20.
Created utility functions for NFT minting and gas estimation.
Updated package dependencies to newer versions.

The following files were skipped due to too many changes: examples/ui-demo/contracts/broadcast/DeployNFTUSDCMintable.s.sol/421614/run-1747861796.json, examples/ui-demo/contracts/broadcast/DeployNFTUSDCMintable.s.sol/84532/run-1747861828.json, yarn.lock

✨ Ask PR-Codex anything about this PR by commenting with /codex {your question}

vercel · 2025-05-20T15:41:10Z

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
aa-sdk-ui-demo	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jun 3, 2025 1:18pm

graphite-app · 2025-05-20T15:41:14Z

How to use the Graphite Merge Queue

Add the label graphite-merge-queue to this PR to add it to the merge queue.

You must have a Graphite account in order to use the merge queue. Sign up using this link.

_{An organization admin has enabled the Graphite Merge Queue in this repository.} _{Please do not merge from GitHub as this will restart CI on PRs being processed by the merge queue.}

github-actions · 2025-05-20T15:41:30Z

🌿 Documentation Preview

Name	Status	Preview	Updated (UTC)
Alchemy Docs	✅ Ready	🔗 Visit Preview	Jun 3, 2025, 1:12 PM

examples/ui-demo/src/components/modals/Erc20/Erc20Modal.tsx

+      : "#CBD5E1";
+
+  return (
+    <Dialog isOpen={isOpen} onClose={handleClose}>


examples/ui-demo/src/components/modals/Erc20/Erc20Modal.tsx

-  } else if (buyNftButtonEnabled) {
-    bagIconColor = "white";
-  }
+  let bagIconColor = mintNftTxHash


examples/ui-demo/src/components/modals/Erc20/Erc20Modal.tsx

@@ -47,7 +47,8 @@ export function Erc20Modal({
  const { data: ethPriceData, isLoading: isLoadingEthPrice } = useGetEthPrice();

  const chain = accountMode === "7702" ? baseSepolia : arbitrumSepolia;
-  const rpcUrl = chain.rpcUrls.default.http[0];
+  const rpcUrl =
+    chain.rpcUrls.alchemy?.http?.[0] ?? chain.rpcUrls.default.http[0];


…ner (#1663) * fix: run api spec generate as part of aa-sdk deploy (#1654) * fix: run api spec generate as part of aa-sdk deploy * ci: create aa-sdk copy of setup-pnpm composite action * ci: remove unnecessary install node in pnpm composite action * ci: try installing pnpm with exact action version * ci: test with pnpm moved out of its own composite * ci: fuck you install pnpm * ci: ?????? * revert: install pnpm in its own setup composite * ci: specify package.json for pnpm --------- Co-authored-by: dslovinsky <[email protected]> * feat(rn-signer): support passkeys in React Native (#1653) * chore(release): publish v4.37.0 [skip-ci] * feat: add erc20 sponsorship card (#1631) * fix: remove trailing slash from alchemy rpc url (#1657) * chore(release): publish v4.38.0 [skip-ci] * fix: update copy (#1658) * feat: add alchemy_requestPaymasterTokenQuote to aa-sdk (#1659) * feat: add alchemy_requestPaymasterTokenQuote to aa-sdk * fix: typo * chore(release): publish v4.39.0 [skip-ci] * feat: enables installValidation to take a Modular Account with no signer * fix: test thank you howy * test: update the rundler version we use in prool (#1646) * chore: experimenting with types (#1665) * chore: modifies types --------- Co-authored-by: Daniel Slovinsky <[email protected]> Co-authored-by: dslovinsky <[email protected]> Co-authored-by: David Philipson <[email protected]> Co-authored-by: Alchemy Bot <[email protected]> Co-authored-by: Blake Duncan <[email protected]> Co-authored-by: jakehobbs <[email protected]> Co-authored-by: Andy <[email protected]> Co-authored-by: Michael Moldoveanu <[email protected]> Co-authored-by: howy <[email protected]>

* chore: adds wip of webauthn client tests * chore: updates webauthn test to use mocked window.credentials.get response * chore: adds credential and mock response from self generated credential on try-webauthn.appspot.com * fix: rename webAuthnCredentials to webAuthnAccountParams * chore: adds to do * feat: add ability to create a webauthn ModularAccountV2 without a signer * chore: removes unused code * fix: ensures presence of signer is explicit * fix: refactor to not destructure * feat: adds account functions for webauthn * feat: add webauthn gas estimator * chore: fix lint, change to use type narrowing instead * feat: add webauthn signer * chore: update dummy sig * feat: modifies mav2 smart account client and mav2 client tests to work together * fix: add documenting comment for webauthn gas estimator usage * fix: adds documentation comment for webauthnGasEstimator usage * chore: wip deploy webauthn account then sign message * fix: prepend signatures with 0xff * fix: prepend signature regardless of deferred actions data presence * chore: wip debugging * fix: debug * chore: adds updated mock authenticator response * fix: prefixes signature with offset * chore: update credentials and mocked authenticator response * chore: updates credentials and authenticator response * chore: fix merge issues with main * test: update tests using mock webauthn device (#1639) * chore: wip format message to be EIP-712 and add lint fixes * fix: inline documentation Co-authored-by: Michael Moldoveanu <[email protected]> * chore: removes debugging statements and linting fixes * chore: rename types * fix: refactor * chore: remove debug statement Co-authored-by: Michael Moldoveanu <[email protected]> * fix: update return type Co-authored-by: Michael Moldoveanu <[email protected]> * fix: adds strongly typed errors * chore: removes debug statements * fix: fixes example in docs * chore: add todo comment, removes debug statement * chore: remove lint warnings * refactor: encode sign parameters as a struct * feat: enables installValidation to take a Modular Account with no signer (#1663) * fix: run api spec generate as part of aa-sdk deploy (#1654) * fix: run api spec generate as part of aa-sdk deploy * ci: create aa-sdk copy of setup-pnpm composite action * ci: remove unnecessary install node in pnpm composite action * ci: try installing pnpm with exact action version * ci: test with pnpm moved out of its own composite * ci: fuck you install pnpm * ci: ?????? * revert: install pnpm in its own setup composite * ci: specify package.json for pnpm --------- Co-authored-by: dslovinsky <[email protected]> * feat(rn-signer): support passkeys in React Native (#1653) * chore(release): publish v4.37.0 [skip-ci] * feat: add erc20 sponsorship card (#1631) * fix: remove trailing slash from alchemy rpc url (#1657) * chore(release): publish v4.38.0 [skip-ci] * fix: update copy (#1658) * feat: add alchemy_requestPaymasterTokenQuote to aa-sdk (#1659) * feat: add alchemy_requestPaymasterTokenQuote to aa-sdk * fix: typo * chore(release): publish v4.39.0 [skip-ci] * feat: enables installValidation to take a Modular Account with no signer * fix: test thank you howy * test: update the rundler version we use in prool (#1646) * chore: experimenting with types (#1665) * chore: modifies types --------- Co-authored-by: Daniel Slovinsky <[email protected]> Co-authored-by: dslovinsky <[email protected]> Co-authored-by: David Philipson <[email protected]> Co-authored-by: Alchemy Bot <[email protected]> Co-authored-by: Blake Duncan <[email protected]> Co-authored-by: jakehobbs <[email protected]> Co-authored-by: Andy <[email protected]> Co-authored-by: Michael Moldoveanu <[email protected]> Co-authored-by: howy <[email protected]> * chore: lint * feat: export WebAuthnValidationModule * fix: typing for install validation decorator * fix: typing on creation of clients to support alchemy configs * fix: updates tests to retry transaction, updates hook with new InstallValidation params * chore: removes unused import * fix: uses session key provider * fix: narrow account type to a modular account v2 * chore: adds wip of webauthn client tests * chore: updates webauthn test to use mocked window.credentials.get response * chore: adds credential and mock response from self generated credential on try-webauthn.appspot.com * fix: rename webAuthnCredentials to webAuthnAccountParams * chore: adds to do * feat: add ability to create a webauthn ModularAccountV2 without a signer * chore: removes unused code * fix: ensures presence of signer is explicit * fix: refactor to not destructure * feat: adds account functions for webauthn * feat: add webauthn gas estimator * chore: fix lint, change to use type narrowing instead * feat: add webauthn signer * chore: update dummy sig * feat: modifies mav2 smart account client and mav2 client tests to work together * fix: add documenting comment for webauthn gas estimator usage * fix: adds documentation comment for webauthnGasEstimator usage * chore: wip deploy webauthn account then sign message * fix: prepend signatures with 0xff * fix: prepend signature regardless of deferred actions data presence * chore: wip debugging * fix: debug * chore: adds updated mock authenticator response * fix: prefixes signature with offset * chore: update credentials and mocked authenticator response * chore: updates credentials and authenticator response * chore: fix merge issues with main * test: update tests using mock webauthn device (#1639) * chore: wip format message to be EIP-712 and add lint fixes * fix: inline documentation Co-authored-by: Michael Moldoveanu <[email protected]> * chore: removes debugging statements and linting fixes * chore: rename types * fix: refactor * chore: remove debug statement Co-authored-by: Michael Moldoveanu <[email protected]> * fix: update return type Co-authored-by: Michael Moldoveanu <[email protected]> * fix: adds strongly typed errors * chore: removes debug statements * fix: fixes example in docs * chore: add todo comment, removes debug statement * chore: remove lint warnings * refactor: encode sign parameters as a struct * feat: export WebAuthnValidationModule * fix: typing on creation of clients to support alchemy configs * fix: cleans up tests * chore: removes unused import * fix: webauthn session key test * fix: removes duplicate identifier * fix: remove unnecessary arg * chore: removes to do comment * chore: removes unnecessary account type check * chore: updates yarn.lock and docs.yml * fix: add back necessary account type checks * fix: restore yarn.lock file * fix: adds more granular errors * chore: updates error docs * fix: refactor --------- Co-authored-by: howydev <[email protected]> Co-authored-by: Michael Moldoveanu <[email protected]> Co-authored-by: Daniel Slovinsky <[email protected]> Co-authored-by: dslovinsky <[email protected]> Co-authored-by: David Philipson <[email protected]> Co-authored-by: Alchemy Bot <[email protected]> Co-authored-by: Blake Duncan <[email protected]> Co-authored-by: jakehobbs <[email protected]> Co-authored-by: Andy <[email protected]>

blakecduncan added 5 commits May 16, 2025 09:47

feat: start scaffolding out the card and modal

762514b

feat: add some animations

80b26f1

feat: read erc20 balance and add mint functionality

26fe3a5

feat: erc20 sponsorship works

98e540b

feat: clean up nft mint ui

ba29cc6

blakecduncan requested review from moldy530, rthomare, dancoombs, dphilipson, linnall, adamegyed, howydev, Zer0dot, jaypaik, Blu-J, jakehobbs, avarobinson and florrdv as code owners May 20, 2025 15:41

blakecduncan changed the title ~~Blake/erc20 sponsorship card~~ feat: add erc20 sponsorship card May 20, 2025

github-actions bot temporarily deployed to docs-preview May 20, 2025 15:41 Inactive

feat: more clean up

6be62df

github-actions bot temporarily deployed to docs-preview May 20, 2025 16:45 Inactive

vercel bot deployed to Preview May 20, 2025 16:46 View deployment

feat: fix nft image

87d8d53

github-actions bot temporarily deployed to docs-preview May 20, 2025 16:55 Inactive

vercel bot deployed to Preview May 20, 2025 16:56 View deployment

feat: get everything working

84549e9

Merge branch 'main' into blake/erc20-sponsorship-card

a4ddcf1

github-actions bot temporarily deployed to docs-preview June 2, 2025 14:58 Inactive

vercel bot deployed to Preview June 2, 2025 15:08 View deployment

jakehobbs reviewed Jun 2, 2025

View reviewed changes

fix: use alchemy prices api

9eb0787

github-actions bot had a problem deploying to docs-preview June 2, 2025 20:43 Failure

vercel bot deployed to Preview June 2, 2025 20:48 View deployment

jakehobbs self-requested a review June 2, 2025 21:19

jakehobbs previously approved these changes Jun 2, 2025

View reviewed changes

fix: dialog positioning

03f4dcd

blakecduncan dismissed jakehobbs’s stale review via 03f4dcd June 2, 2025 21:24

github-actions bot had a problem deploying to docs-preview June 2, 2025 21:24 Failure

vercel bot deployed to Preview June 2, 2025 21:29 View deployment

jakehobbs self-requested a review June 2, 2025 21:43

jakehobbs approved these changes Jun 2, 2025

View reviewed changes

Merge branch 'main' into blake/erc20-sponsorship-card

87ddb48

github-actions bot temporarily deployed to docs-preview June 3, 2025 02:07 Inactive

vercel bot deployed to Preview June 3, 2025 02:12 View deployment

Merge branch 'main' into blake/erc20-sponsorship-card

dce2fb0

github-actions bot temporarily deployed to docs-preview June 3, 2025 13:11 Inactive

vercel bot deployed to Preview June 3, 2025 13:18 View deployment

blakecduncan merged commit a827c70 into main Jun 3, 2025
10 checks passed

blakecduncan deleted the blake/erc20-sponsorship-card branch June 3, 2025 13:42

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

feat: add erc20 sponsorship card #1631

feat: add erc20 sponsorship card #1631

Uh oh!

blakecduncan commented May 20, 2025 •

edited by pr-codex bot

Loading

Uh oh!

vercel bot commented May 20, 2025 •

edited

Loading

Uh oh!

graphite-app bot commented May 20, 2025

Uh oh!

github-actions bot commented May 20, 2025 •

edited

Loading

Uh oh!

This comment was marked as resolved.

Uh oh!

This comment was marked as resolved.

Uh oh!

This comment was marked as resolved.

Uh oh!

This comment was marked as resolved.

Uh oh!

This comment was marked as resolved.

Uh oh!

This comment was marked as resolved.

Uh oh!

Uh oh!

Uh oh!

feat: add erc20 sponsorship card #1631

feat: add erc20 sponsorship card #1631

Uh oh!

Conversation

blakecduncan commented May 20, 2025 • edited by pr-codex bot Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Pull Request Checklist

PR-Codex overview

Detailed summary

Uh oh!

vercel bot commented May 20, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

graphite-app bot commented May 20, 2025

How to use the Graphite Merge Queue

Uh oh!

github-actions bot commented May 20, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

🌿 Documentation Preview

Uh oh!

This comment was marked as resolved.

Uh oh!

This comment was marked as resolved.

Uh oh!

This comment was marked as resolved.

Uh oh!

This comment was marked as resolved.

Uh oh!

This comment was marked as resolved.

Uh oh!

This comment was marked as resolved.

Uh oh!

Uh oh!

Uh oh!

blakecduncan commented May 20, 2025 •

edited by pr-codex bot

Loading

vercel bot commented May 20, 2025 •

edited

Loading

github-actions bot commented May 20, 2025 •

edited

Loading