Skip to content

feat(account): PAYMENTS-11910 Create Add payment method page - #3187

Draft
Tharaae wants to merge 5 commits into
feat/account-paymentsfrom
PAYMENTS-11910
Draft

feat(account): PAYMENTS-11910 Create Add payment method page#3187
Tharaae wants to merge 5 commits into
feat/account-paymentsfrom
PAYMENTS-11910

Conversation

@Tharaae

@Tharaae Tharaae commented Aug 24, 2026

Copy link
Copy Markdown
Contributor

What/Why?

This is to create a new path for "Add payment method" on shopper's account. It uses the storefront-account-payments microapp as an embedded form to add a new payment method. It should use the following graphQL endpoints:

  • vault access token endpoint (the actual endpoints is live and being used in this PR)
  • payments URL field (still in progress and is replaced by a constant in this draft)
  • microapp manifest data field (still in progress and is replaced by a mock in this draft)
  • provider initialization data field (not done yet and is replaced by a mock in this draft)

Also, the route for the "stored payment methods" page (that will be implemented later) is assumed to be /account/payment-methods in this draft and a dummy page is created (the last commit) only for the sake of proof of concept and will not be merged.

Testing

Screen record
https://github.com/user-attachments/assets/232b34f2-f281-4cae-8ef1-5c13cfd95acb

Migration

This is a whole new route that will stay as a dead-end with not entry point until the payment methods list page is created. This is why it's pushed in a separate feature branch.

@changeset-bot

changeset-bot Bot commented Aug 24, 2026

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: c836715

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package
Name Type
@bigcommerce/catalyst-client Minor

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@vercel

vercel Bot commented Aug 24, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
catalyst Ready Ready Preview Aug 24, 2026 6:02am

Request Review

@github-actions

Copy link
Copy Markdown
Contributor

Bundle Size Report

Comparing against baseline from 06775b2 (2026-08-24).

Metric Baseline Current Delta
Total JS 449.7 kB 450.8 kB +1.1 kB (+0.2%)

Per-Route First Load JS

Route Baseline Current Delta
/(default)/(auth)/change-password/page 332.5 kB 332.7 kB +0.2 kB (+0.1%)
/(default)/(auth)/login/forgot-password/page 331.6 kB 331.8 kB +0.2 kB (+0.1%)
/(default)/(auth)/register/page 368.4 kB 368.6 kB +0.2 kB (+0.1%)
/(default)/(faceted)/category/[slug]/page 353 kB 353.2 kB +0.2 kB (+0.1%)
/(default)/account/payment-methods/add/[paymentMethodId]/page -- 336.4 kB ✨ NEW
/(default)/account/payment-methods/page -- 335.4 kB ✨ NEW
/(default)/account/wishlists/page 345.1 kB 345.3 kB +0.2 kB (+0.1%)
/(default)/compare/page 339.3 kB 339.5 kB +0.2 kB (+0.1%)
/(default)/gift-certificates/balance/page 331.1 kB 331.3 kB +0.2 kB (+0.1%)
/(default)/gift-certificates/purchase/page 370.9 kB 371.1 kB +0.2 kB (+0.1%)
/(default)/page 344.3 kB 344.5 kB +0.2 kB (+0.1%)
/(default)/webpages/[id]/contact/page 369.3 kB 369.5 kB +0.2 kB (+0.1%)
/(default)/wishlist/[token]/page 340 kB 340.2 kB +0.2 kB (+0.1%)

Threshold: 5% increase. Routes with ⚠️ exceed the threshold.

@github-actions

Copy link
Copy Markdown
Contributor

Unlighthouse Performance Comparison — Vercel

Comparing PR preview deployment Unlighthouse scores vs production Unlighthouse scores.

Summary Score

Aggregate score across all categories as reported by Unlighthouse.

Prod Desktop Prod Mobile Preview Desktop Preview Mobile
Score 89 93 92 94

Category Scores

Category Prod Desktop Prod Mobile Preview Desktop Preview Mobile
Performance 76 75 68 83
Accessibility 95 98 95 92
Best Practices 100 100 100 100
SEO 88 88 100 100

Core Web Vitals

Metric Prod Desktop Prod Mobile Preview Desktop Preview Mobile
LCP 3.7 s 6.6 s 5.7 s 4.7 s
CLS 0.001 0 0.039 0
FCP 1.2 s 1.2 s 1.2 s 1.2 s
TBT 20 ms 0 ms 0 ms 0 ms
Max Potential FID 70 ms 40 ms 40 ms 50 ms
Time to Interactive 3.8 s 6.6 s 5.7 s 4.7 s

Full Unlighthouse report →

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant