Shopify / checkout-sheet-kit-react-native

Shopify's Checkout Sheet Kit for React Native - simplifying the process of adding checkout to your native apps.
https://shopify.dev/docs/custom-storefronts/mobile-apps
MIT License
30 stars 3 forks source link

BUG REPORT: Broken postal code validation on Edit Address #117

Open tsopin opened 3 weeks ago

tsopin commented 3 weeks ago

What area is the issue related to?

Checkout Sheet Kit

What platform does the issue affect?

All platforms

What version of @shopify/checkout-sheet-kit are you using?

3.0.3

Do you have reproducible example code?

No response

Steps to Reproduce

  1. Sign in to a customer account.
  2. Add an address with an invalid postal code (either an incorrect format or a postal code from a different province).
  3. Attach the buyer's identity to the cart.
  4. Open the Shopify Checkout Sheet.
  5. Notice the banner suggesting you update the invalid address.
  6. Tap on the banner.
  7. Attempt to edit the address: search and select from the autocomplete options or manually enter the postal code.
  8. Observe the postal code validation error.

Expected Behavior

The postal code field should accept the correct postal code without validation errors.

Actual Behavior

When the saved customer address attached to the buyer's identity has an invalid postal code, the Checkout Sheet displays an error banner prompting the user to update the address.

On the Edit Address screen, the postal code field consistently returns a validation error, regardless of whether the postal code was autofilled using the address autocomplete from the search field, pasted, or manually typed.

Storefront domain

https://shop.reactivapp.com/

Screenshots/Videos/Log output

Image