feat: Support Permit variants: PermitSingle, PermitBatch, PermitTransferFrom, PermitBatchTransferFrom, TradeOrder, Seaport

[digiwand]

Description

Covered:

• feat: Support Permit variants: PermitSingle, PermitBatch, PermitTransferFrom, PermitBatchTransferFrom
• feat: Support Order variants: TradeOrder (Order), Seaport (OrderComponents)

Additionally:

• fix: occurrence when value and token decimal has not loaded yet from hook

Blocker:
I caught a bug in this code. When we use tokenDecimals to display the amount, it might not be for the correct token if it is nested. Need to rework the logic to support nested tokenDecimals

Notes:

• Updated current tests. No test logic changes
• Supporting tests in follow-up PR (Issue)
• After precision fix is merged, test cases here will need to be updated

Related issues

Blocked by: #26105

Fixes: https://github.com/MetaMask/MetaMask-planning/issues/2644 (PermitSingle)
Fixes: https://github.com/MetaMask/MetaMask-planning/issues/2666 (PermitBatch)
Fixes: https://github.com/MetaMask/MetaMask-planning/issues/2701 (PermitTransferFrom)
Fixes: https://github.com/MetaMask/MetaMask-planning/issues/2702 (PermitBatchTransferFrom)
Fixes: https://github.com/MetaMask/MetaMask-planning/issues/2667 (Order)
Fixes: https://github.com/MetaMask/MetaMask-planning/issues/2646 (Seaport OrderComponents)

Manual testing steps

See repro steps in related issue tickets above

Screenshots/Recordings

Before

After

PermitSingle

PermitBatch

Seaport (OrderComponents)

Pre-merge author checklist

• I've followed MetaMask Contributor Docs and MetaMask Extension Coding Standards.
• I've completed the PR template to the best of my ability
• I’ve included tests if applicable
• I’ve documented my code using JSDoc format if applicable
• I’ve applied the right labels on the PR (see labeling guidelines). Not required for external contributors.

Pre-merge reviewer checklist

• I've manually tested the PR (e.g. pull and build branch, run the app, test code being changed).
• I confirm that this PR addresses all acceptance criteria described in the ticket it closes and includes the necessary testing evidence such as recordings and or screenshots.

[github-actions]

CLA Signature Action: All authors have signed the CLA. You may need to manually re-run the blocking PR check if it doesn't pass in a few minutes.

[digiwand]

Thanks for the reviews @jpuri & @matthewwalsh0!

I ended up adding more tests here which included snapshots. The snapshots added ~1500 lines of code. It helped me discover improvements. Hope this is fine. Else, let me know, and I can move them into a separate PR

[sonarqubecloud]

Quality Gate passed

Issues
2 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarCloud

[metamaskbot]

Builds ready [e6e6de5]

• builds: chrome, firefox
• builds (beta): chrome
• builds (flask): chrome, firefox
• builds (MMI): chrome, firefox
• builds (test): chrome, firefox
• builds (test-flask): chrome, firefox
• build viz: Build System
• mv3: Background Module Init Stats
• mv3: UI Init Stats
• mv3: Module Load Stats
• mv3: Bundle Size Stats
• mv2: E2e Actions Stats
• code coverage: Report
• storybook: Storybook
• typescript migration: Dashboard
• all artifacts
• bundle viz:

  • background: 0, 1, 2, 3, 4, 5
  • common: 0, 1, 10, 2, 3, 4, 5, 6, 7, 8, 9
  • content-script: 0
  • offscreen: 0
  • ui: 0, 1, 10, 11, 2, 3, 4, 5, 6, 7, 8, 9

Page Load Metrics (506 ± 431 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	64	258	118	50	24
		domContentLoaded	9	180	32	36	17
		load	44	2883	506	898	431
		domInteractive	9	180	32	36	17

Bundle size diffs [🚨 Warning! Bundle size has increased!]

• background: 264 Bytes (0.01%)
• ui: 1.62 KiB (0.02%)
• common: 1.11 KiB (0.02%)

[digiwand]

Related bug found and fixed: #26292

[digiwand]

Related bug and improvements: #26324