Skip to content

Conversation

@smgv
Copy link
Contributor

@smgv smgv commented Oct 27, 2025

Description

In this PR, I have added the Skip SRP backup popover. When the user clicks on the "Remind me later" button, the user will see the popover where they can continue with SRP, or the user can skip the backup.

Jira Link: https://consensyssoftware.atlassian.net/browse/SL-237

Open in GitHub Codespaces

Changelog

CHANGELOG entry: Added skip popover for SRP backup.

Related issues

Fixes:

Manual testing steps

  1. Open Extension
  2. Create Wallet using SRP flow
  3. In Import SRP click on "Remind me later" button and validate the changes

Screenshots/Recordings

Before

After

Screen.Recording.2025-10-27.at.2.21.17.PM.mov

Pre-merge author checklist

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.

Note

Adds a confirmation popover when users choose “Remind me later” for SRP backup during onboarding, with updated telemetry, routing, locales, and tests.

  • Onboarding UI:
    • Introduces SkipSRPBackup popover (ui/pages/onboarding-flow/recovery-phrase/skip-srp-backup-popover.tsx) shown from review-recovery-phrase.js when clicking recovery-phrase-remind-later.
    • Updates event flow: logs OnboardingWalletSecuritySkipInitiated from review page; confirms/cancels in popover with corresponding MetaMetrics and trace events.
    • Adjusts navigation on skip: routes to ONBOARDING_METAMETRICS or ONBOARDING_COMPLETION_ROUTE based on browser/flow.
  • Localization:
    • Adds strings skipAccountSecurity* in app/_locales/en/messages.json and app/_locales/en_GB/messages.json.
  • Tests:
    • Adds unit tests for the popover and review page interactions; snapshot added.
    • Updates E2E page object (test/e2e/.../secure-wallet-page.ts) to handle the popover (checkbox + confirm).

Written by Cursor Bugbot for commit 93f9e7f. This will update automatically on new commits. Configure here.

@smgv smgv self-assigned this Oct 27, 2025
@smgv smgv requested review from a team as code owners October 27, 2025 09:20
@smgv smgv added area-onboarding needs-qa Label will automate into QA workspace team-web3auth Web3Auth team labels Oct 27, 2025
@github-actions
Copy link
Contributor

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.

@metamaskbot
Copy link
Collaborator

metamaskbot commented Oct 27, 2025

✨ Files requiring CODEOWNER review ✨

🧪 @MetaMask/qa (1 files, +16 -0)
  • 📁 test/
    • 📁 e2e/
      • 📁 page-objects/
        • 📁 pages/
          • 📁 onboarding/
            • 📄 secure-wallet-page.ts +16 -0

🔐 @MetaMask/web3auth (5 files, +364 -40)
  • 📁 ui/
    • 📁 pages/
      • 📁 onboarding-flow/
        • 📁 recovery-phrase/
          • 📁 __snapshots__/
            • 📄 skip-srp-backup-popover.test.tsx.snap +3 -0
            • 📄 review-recovery-phrase.js +19 -39
            • 📄 review-recovery-phrase.test.js +27 -1
            • 📄 skip-srp-backup-popover.test.tsx +150 -0
            • 📄 skip-srp-backup-popover.tsx +165 -0

@metamaskbot
Copy link
Collaborator

📊 Page Load Benchmark Results

Current Commit: f7247b5 | Date: 10/27/2025

📄 Localhost MetaMask Test Dapp

Samples: 100

Summary

  • pageLoadTime-> current mean value: 1.03s (±38ms) 🟡 | historical mean value: 1.06s ⬇️ (historical data)
  • domContentLoaded-> current mean value: 722ms (±36ms) 🟢 | historical mean value: 746ms ⬇️ (historical data)
  • firstContentfulPaint-> current mean value: 76ms (±11ms) 🟢 | historical mean value: 77ms ⬇️ (historical data)
📈 Detailed Results
Metric Mean Std Dev Min Max P95 P99
pageLoadTime 1.03s 38ms 1.01s 1.31s 1.05s 1.31s
domContentLoaded 722ms 36ms 703ms 982ms 739ms 982ms
firstPaint 76ms 11ms 60ms 160ms 88ms 160ms
firstContentfulPaint 76ms 11ms 60ms 160ms 88ms 160ms
largestContentfulPaint 0ms 0ms 0ms 0ms 0ms 0ms

Results generated automatically by MetaMask CI

@metamaskbot
Copy link
Collaborator

Builds ready [f7247b5]
UI Startup Metrics (1262 ± 87 ms)
PlatformBuildTypePageMetricMean (ms)Min (ms)Max (ms)Std Dev (ms)P 75 (ms)P 95 (ms)
ChromeBrowserifyStandard HomeuiStartup1262111515238713191432
load108396012878511401265
domContentLoaded107691812818611341260
domInteractive201471102046
firstPaint63887128943110901166
backgroundConnect23422032012236254
firstReactRender27179192941
getState1984672332
initialActions50285614
loadScripts8496851054879061032
setupStore1042831014
BrowserifyPower User HomeuiStartup23011826405265928184052
load1184942201634316472016
domContentLoaded1176936201134116172011
domInteractive291683194683
firstPaint62610316494509971649
backgroundConnect292222964176263964
firstReactRender25233122631
getState19817023418216234
initialActions52123612
loadScripts928720157329813441573
setupStore1192641126
WebpackStandard HomeuiStartup853728109667868987
load64658789963655792
domContentLoaded63958088963648784
domInteractive15115181438
firstPaint19060830182191659
backgroundConnect23115282641
firstReactRender26176583133
getState1162641317
initialActions30143410
loadScripts63657887761646782
setupStore1052831114
WebpackPower User HomeuiStartup17361463235331422412353
load74262111631758731163
domContentLoaded69860610221298361022
domInteractive201353123253
firstPaint4729110253448781025
backgroundConnect14029450158364450
firstReactRender26233532935
getState15411717515161175
initialActions713411734
loadScripts69460310121258231012
setupStore17654142754
FirefoxBrowserifyStandard HomeuiStartup15141304187611715821753
load1291112615058913561444
domContentLoaded1291112615048913561444
domInteractive1243742170129335
firstPaint------
backgroundConnect4125115154970
firstReactRender26226352635
getState84354816
initialActions511761839
loadScripts1264109214788613271412
setupStore1376071326
BrowserifyPower User HomeuiStartup28112255367342331023673
load14081163164314715701643
domContentLoaded14081162164214715701642
domInteractive1454428965201289
firstPaint------
backgroundConnect15735474152276474
firstReactRender462971115071
getState1677829557218295
initialActions16171221871
loadScripts13681142158313315121583
setupStore4362586145258
WebpackStandard HomeuiStartup16091400236015116371920
load13771201171410214201567
domContentLoaded13761200171310214201567
domInteractive1184653481117369
firstPaint------
backgroundConnect4821142235398
firstReactRender27227362736
getState9413814913
initialActions7129029312
loadScripts1347117916899913931545
setupStore14673111335
WebpackPower User HomeuiStartup31722568424653136884246
load18081489225127321372251
domContentLoaded18081488225027321372250
domInteractive1494525865225258
firstPaint------
backgroundConnect28230960327695960
firstReactRender47331031753103
getState1659021834195218
initialActions11234112034
loadScripts17381431220324920472203
setupStore3861975161197
Bundle size diffs [🚨 Warning! Bundle size has increased!]
  • background: 58 Bytes (0%)
  • ui: 3.53 KiB (0.05%)
  • common: 281 Bytes (0%)

cursor[bot]

This comment was marked as outdated.

@metamaskbot
Copy link
Collaborator

📊 Page Load Benchmark Results

Current Commit: 93f9e7f | Date: 10/27/2025

📄 Localhost MetaMask Test Dapp

Samples: 100

Summary

  • pageLoadTime-> current mean value: 1.04s (±44ms) 🟡 | historical mean value: 1.06s ⬇️ (historical data)
  • domContentLoaded-> current mean value: 720ms (±36ms) 🟢 | historical mean value: 743ms ⬇️ (historical data)
  • firstContentfulPaint-> current mean value: 76ms (±9ms) 🟢 | historical mean value: 77ms ⬇️ (historical data)
📈 Detailed Results
Metric Mean Std Dev Min Max P95 P99
pageLoadTime 1.04s 44ms 1.01s 1.31s 1.08s 1.31s
domContentLoaded 720ms 36ms 702ms 979ms 737ms 979ms
firstPaint 76ms 9ms 60ms 152ms 88ms 152ms
firstContentfulPaint 76ms 9ms 60ms 152ms 88ms 152ms
largestContentfulPaint 0ms 0ms 0ms 0ms 0ms 0ms

Results generated automatically by MetaMask CI

@metamaskbot
Copy link
Collaborator

Builds ready [93f9e7f]
UI Startup Metrics (1271 ± 89 ms)
PlatformBuildTypePageMetricMean (ms)Min (ms)Max (ms)Std Dev (ms)P 75 (ms)P 95 (ms)
ChromeBrowserifyStandard HomeuiStartup1271111314678913241440
load108895812868611421255
domContentLoaded108295412778511341248
domInteractive20145791843
firstPaint58989127645211021216
backgroundConnect2322202738236246
firstReactRender3018183173346
getState1974382338
initialActions61609618
loadScripts8567311051859061024
setupStore1052131018
BrowserifyPower User HomeuiStartup20061721296735723282967
load1059883162527614101625
domContentLoaded1047876160226913981602
domInteractive281581194781
firstPaint74417416394209181639
backgroundConnect248184665124235665
firstReactRender24203132531
getState17311620422188204
initialActions14349162949
loadScripts846699137724011311377
setupStore1081521115
WebpackStandard HomeuiStartup8937501232989021127
load666606103490662922
domContentLoaded658598103088654913
domInteractive16115581540
firstPaint209601033226183868
backgroundConnect25134983040
firstReactRender28176393346
getState1262441519
initialActions3013248
loadScripts655596101986652901
setupStore1152941317
WebpackPower User HomeuiStartup17801470270941022602709
load75161612611889081261
domContentLoaded71260211381547721138
domInteractive19134092240
firstPaint37379988316694988
backgroundConnect11921435135310435
firstReactRender25223222532
getState17011624734168247
initialActions516114361
loadScripts70760011271507611127
setupStore13662141062
FirefoxBrowserifyStandard HomeuiStartup14511229196313015041715
load1229107114238212911380
domContentLoaded1228107014238212911380
domInteractive1213533164121299
firstPaint------
backgroundConnect45231742648105
firstReactRender25215762439
getState948711921
initialActions516011339
loadScripts1200105514068012591335
setupStore14685101334
BrowserifyPower User HomeuiStartup28162269368941032453689
load14791208182219717431822
domContentLoaded14791208182219717421822
domInteractive1454230971209309
firstPaint------
backgroundConnect25047617196465617
firstReactRender442882144682
getState1172317237155172
initialActions2312014722201
loadScripts14141181173117116301731
setupStore351178174578
WebpackStandard HomeuiStartup15621404188210616021779
load1337120416008213711518
domContentLoaded1337120416008213701517
domInteractive943320733102183
firstPaint------
backgroundConnect4323117175071
firstReactRender26217062740
getState94154151016
initialActions51689324
loadScripts1310118415767913441486
setupStore1267481323
WebpackPower User HomeuiStartup29762425418950632964189
load16521395199619718871996
domContentLoaded16521395199619718861996
domInteractive1254824750166247
firstPaint------
backgroundConnect22534899273216899
firstReactRender41285695156
getState16810727949198279
initialActions11243111543
loadScripts15971356188517217571885
setupStore4551023379102
Bundle size diffs [🚨 Warning! Bundle size has increased!]
  • background: 58 Bytes (0%)
  • ui: 3.53 KiB (0.05%)
  • common: 281 Bytes (0%)

@smgv smgv closed this Oct 27, 2025
@github-actions github-actions bot locked and limited conversation to collaborators Oct 27, 2025
@github-actions github-actions bot removed the needs-qa Label will automate into QA workspace label Oct 27, 2025
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants