fix:[cherry-pick][V12.1.0] Permit ellipsis fixes (3/4) - add ellipsis for permit fiat values (#26001)

[digiwand]

Description

Cherry-pick fix: add ellipsis for permit fiat values (#26001) into v12.1.0

no line changes

This PR goal is to add ellipsis to the fiat value if it's more than 15 character in permit simulations.

Related issues

Fixes: https://github.com/MetaMask/MetaMask-planning/issues/2842

Manual testing steps

1. Go to cowswap
2. Swap a token with gas-free approve for another token
3. Notice the permit signature screen

Screenshots/Recordings

Before

After

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.

Description

Related issues

Fixes:

Manual testing steps

1. Go to this page...

Screenshots/Recordings

Before

After

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.

[digiwand]

The fiat logic may have an issue. Decimals are not applied to the fiat value and USDC balance is different from fiat conversion. This is the same in the relevant ticket but with TetherUSD #26001

[metamaskbot]

Builds ready [74e2912]

• 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, 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 (216 ± 242 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	80	284	144	56	27
		domContentLoaded	11	88	39	19	9
		load	42	2405	216	503	242
		domInteractive	11	88	39	19	9

[codecov]

Codecov Report

Attention: Patch coverage is 96.96970% with 1 line in your changes missing coverage. Please review.

Project coverage is 69.65%. Comparing base (621d39c) to head (74e2912).

Files	Patch %	Lines
...typed-sign/permit-simulation/permit-simulation.tsx	50.00%	1 Missing ⚠️

Additional details and impacted files

@@                 Coverage Diff                 @@
##           Version-v12.1.0   #26515      +/-   ##
===================================================
+ Coverage            69.64%   69.65%   +0.01%     
===================================================
  Files                 1363     1363              
  Lines                48444    48468      +24     
  Branches             13357    13367      +10     
===================================================
+ Hits                 33735    33758      +23     
- Misses               14709    14710       +1     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[digiwand]

I verified that this PR does not introduce any new bugs. This PR is okay to merge.

Version 12.0.0 - old Permit page

Version 12.0.0 - redesign Permit page

Version 12.1.0 - before and after any Permit cherry-picks were currently added (before this PR)

Looks like we fixed a decimal issue somewhere between now and the latest we have on develop. I will search for the fix.