USF 2008 - PDP supports Update Product page

[cctina516]

Please always provide the GitHub issue(s) your PR is for, as well as test URLs where your change can be observed (before and after):

Fix # https://jira.corp.adobe.com/browse/USF-2008

Use packages:
Cart: 1.3.0-beta2

• PDP: 1.2.1-alpha1 - will release and use a beta version after the related PDP PR is merged.

PDP: 1.2.0-beta3

PDP supports updating cart item configuration

• URL-Driven State:
  • Reads an itemUid parameter from the URL to identify if a specific item variant from the cart is being viewed.
  • The component now reads an optional quantity query parameter from the page URL upon loading.
    • If a valid, positive integer value is provided for the quantity parameter, it is used as the initial value for the quantity input field on the PDP.
    • If the parameter is missing, invalid, or zero/negative, the quantity defaults to 1 as before.
• Conditional Button Text:
  • Displays Update in Cart (uses placeholder Custom.UpdateInCart.label) if the itemUid from the URL matches an item currently in the cart.
  • Otherwise, displays Add to Cart (uses placeholder PDP.Product.AddToCart.label).
• Conditional Action on Click:
  • If the button shows "Add to Cart", clicking it calls the addProductsToCart API with the currently selected product configuration.
  • If the button shows "Update in Cart", clicking it calls the updateProductsFromCart API, passing the itemUid (from the URL) and the currently selected product configuration (quantity, SKU, options) to update that specific line item in the cart.
• Dynamic In-Progress Text: Updates button text temporarily to "Adding to Cart..." or "Updating in Cart..." (using placeholders Custom.AddingToCart.label / Custom.UpdatingInCart.label) during the respective asynchronous cart operations.
• Redirected users to the cart page immediately after successfully updating an item from the Product Details Page.
• Appended the updated item's SKU as a URL parameter (updatedSku) to the cart page redirect, allowing the cart page to recognize the specific item that was just modified

Can use this configurable product for testing: https://usf-2008--aem-boilerplate-commerce--hlxsites.aem.live/products/cypress-configurable-product-latest/CYPRESS456

TODO:

• Add placeholder labels in DA, then update related code in this PR

Test URLs:

• Before: https://main--aem-boilerplate-commerce--hlxsites.aem.live/
• After: https://USF-2008--aem-boilerplate-commerce--hlxsites.aem.live/
  https://USF-2008--aem-boilerplate-commerce--hlxsites.aem.live/cart

[aem-code-sync]

Hello, I'm the AEM Code Sync Bot and I will run some actions to deploy your branch and validate page speed.
In case there are problems, just click a checkbox below to rerun the respective action.

• Re-run PSI checks
• Re-sync branch

Commits

• aef73ac 🔄 (latest)
• d3d28fe ✅
• a5bd6ee ✅
• 2e63217 ✅
• 478e791 ✅
• 19c8f73 ✅
• adf9b86 ✅
• 06a1477 ✅
• 088f875 ✅
• 2222fce ✅
• 6c1b48c ✅
• 5c0d5d8 ✅
• 92a8576 ✅
• 22d7f86 ✅
• 87ce4bd ✅
• 8b3bcdb ✅
• a3906fc ✅
• 78423f1 ✅

[aem-code-sync]

	Page	Scores	Audits	Google
📱	/
🖥️	/
📱	/cart
🖥️	/cart
📱	/products/cypress-configurable-product-latest/CYPRESS456
🖥️	/products/cypress-configurable-product-latest/CYPRESS456