feat(payment): POC headless wallet buttons implementation

[bc-nick]

What/Why?

POC of Headless Wallet Buttons feature

POC related to checkout-sdk part: https://github.com/bigcommerce/checkout-sdk-js/pull/2742

Testing

https://github.com/user-attachments/assets/a18707c6-44dc-4b81-b6dc-b157aff6fe8e

[changeset-bot[bot]]

⚠️ No Changeset found

Latest commit: 575953521847a3e595aebde1980ad920f8612143

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

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

[vercel[bot]]

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

Name	Status	Preview	Comments	Updated (UTC)
catalyst-canary	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Mar 24, 2025 8:36pm

4 Skipped Deployments

Name	Status	Preview	Comments	Updated (UTC)
catalyst	⬜️ Ignored (Inspect)			Mar 24, 2025 8:36pm
catalyst-au	⬜️ Ignored (Inspect)	Visit Preview		Mar 24, 2025 8:36pm
catalyst-soul	⬜️ Ignored (Inspect)	Visit Preview		Mar 24, 2025 8:36pm
catalyst-uk	⬜️ Ignored (Inspect)	Visit Preview		Mar 24, 2025 8:36pm

[bc-nick]

I'd like to provide some information:

1. core/public/v1 is the place where we will unload checkout-sdk build if we wont to develop locally, for this we need to run npm run build-cdn command and move all build files from dist-cdn/v1 folder to core/public/v1. For prod we are going to use CDN, here is this place

2. on the screen record in description we are not able redirect to checkout page properly, we are working on it now, this is an back-end issue

3. checkout-sdk part is not released yet, but in progress of implementation, POC of this part of work you can check here (build with this changes is using in this project)

Based on this PR will be created appropriate tickets when checkout-sdk part will be finished and released

[animesh1987]

Hey @bc-nick are we going to copy paste all of sdk dist file code here?

Can we otherwise fetch the SDK button script from CDN?

[bc-nick]

Hey @bc-nick are we going to copy paste all of sdk dist file code here?

Can we otherwise fetch the SDK button script from CDN?

@animesh1987 it will be enough to copy paste only required files for local developing: loader.js and headless-checkout-wallet-....js

[github-actions[bot]]

⚡️🏠 Lighthouse report

Lighthouse ran against https://catalyst-canary-fggvp8r1u-bigcommerce-platform.vercel.app

🖥️ Desktop

We ran Lighthouse against the changes on a desktop and produced this report. Here's the summary:

Category	Score
🟢 Performance	96
🟢 Accessibility	92
🟠 Best practices	78
🟠 SEO	82

📱 Mobile

We ran Lighthouse against the changes on a mobile and produced this report. Here's the summary:

Category	Score
🟠 Performance	87
🟢 Accessibility	92
🟠 Best practices	78
🟠 SEO	85