pwa-kit icon indicating copy to clipboard operation
pwa-kit copied to clipboard

@W-18698963: Address Autocompletion [DO NOT MERGE - POC]

Open dannyphan2000 opened this issue 6 months ago • 1 comments

POC for Address Autocompletion in Checkout using PWA storefront

Description

Screenshot 2025-06-04 at 11 58 39 PM

This is a POC for Address Autocompletion in Checkout using PWA Kit storefront. It introduces how we can leverage the Google Places API to give address suggestions based on user input. Using @vis.gl/react-google-maps React library (https://visgl.github.io/react-google-maps/docs) to connect to Google Places API for address autocompletion.

** To test out the changes:

  • Create a GCP sandbox account with Embark on Okta, then get your API Key under Credentials
  • Replace "YOUR_API_KEY" in index.jsx file with that API Key.

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

Changes

  • (change1)

How to Test-Drive This PR

  • (step1)

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)

dannyphan2000 avatar Jun 05 '25 04:06 dannyphan2000

:tada: Snyk checks have passed. No issues have been found so far.

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

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

cc-prodsec avatar Jun 05 '25 04:06 cc-prodsec