Skip to content

@W-18685092@ @W-18685121@ Chakra v3 - update checkout shipping address and shipping option selection#2690

Merged
vcua-mobify merged 10 commits intofeature/chakra-ui-upgrade-v3from
vc/checkout-shipping-address-migration-v2
Jul 2, 2025
Merged

@W-18685092@ @W-18685121@ Chakra v3 - update checkout shipping address and shipping option selection#2690
vcua-mobify merged 10 commits intofeature/chakra-ui-upgrade-v3from
vc/checkout-shipping-address-migration-v2

Conversation

@vcua-mobify
Copy link
Contributor

@vcua-mobify vcua-mobify commented Jun 27, 2025

Description

UI changes - updates both Shipping Address and Shipping Options cards to Chakra v3.

This allows us to go up to step 3 of checkout in a chakra v3 page.

Here is a video showing the changed cards

Screen.Recording.2025-06-27.at.4.32.08.PM.mov

Types of Changes

  • Bug fix (non-breaking change that fixes an issue)
  • New feature (non-breaking change that adds functionality)
  • Documentation update
  • Breaking change (could cause existing functionality to not work as expected)
  • Other changes (non-breaking changes that does not fit any of the above)

Breaking changes include:

  • Removing a public function or component or prop
  • Adding a required argument to a function
  • Changing the data type of a function parameter or return value
  • Adding a new peer dependency to package.json

How to Test-Drive This PR

Guest:

  • Add something to your cart
  • Go to checkout page
  • Enter a shipping address
  • Select a shipping option and confirm (proceed to Payment)
  • Change your shipping option. Verify your changes have applied

Registered:

  • Login to an account that has multiple addresses
  • Add something to your cart
  • Go to checkout page
  • Select an existing shipping address and proceed to selecting a shipping option.
  • Change your shipping address. Verify your changes have applied

Checklists

General

  • Changes are covered by test cases
  • CHANGELOG.md updated with a short description of changes (not required for documentation updates)

Accessibility Compliance

You must check off all items in one of the follow two lists:

  • There are no changes to UI

or...

Localization

  • Changes include a UI text update in the Retail React App (which requires translation)

@vcua-mobify vcua-mobify requested review from alexvuong and vmarta June 27, 2025 23:30
@cc-prodsec
Copy link
Collaborator

cc-prodsec commented Jun 27, 2025

🎉 Snyk checks have passed. No issues have been found so far.

security/snyk check is complete. No issues have been found. (View Details)

license/snyk check is complete. No issues have been found. (View Details)

@vcua-mobify vcua-mobify requested a review from unandyala June 27, 2025 23:41
@vcua-mobify vcua-mobify marked this pull request as ready for review July 2, 2025 17:16
@vcua-mobify vcua-mobify requested a review from a team as a code owner July 2, 2025 17:16
}

// Chakra v3 radio returns the selected id in an object with a value property
const address = customer.addresses.find((addr) => addr.addressId === addressId)
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Not sure how the Chakra V3 is related to the address below?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

That's an extra comment that I've removed.

@vcua-mobify vcua-mobify merged commit c531374 into feature/chakra-ui-upgrade-v3 Jul 2, 2025
33 checks passed
alexvuong pushed a commit that referenced this pull request Jul 16, 2025
…s and shipping option selection (#2690)

* Apply initial changes

* Radio card changes

* More radio card adjustments

* Fix shipping option selection

* Use value instead of selectedAddress for isSelected

* Lint

* Remove extra comment

---------

Co-authored-by: unandyala <unandyala@salesforce.com>
@vcua-mobify vcua-mobify deleted the vc/checkout-shipping-address-migration-v2 branch July 16, 2025 22:52
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.

5 participants