WDS Shop & Deliver — Development Map
Use this as the fixed page build order while developing and testing.
Block 1 — Delivery Address
Stable address + zone detection. Writes final delivery address and final zone into hidden fields.
Stable address + zone detection. Writes final delivery address and final zone into hidden fields.
Block 2 — Store Selection + Shopping Input
Active store dropdown, specialty/custom store handling, manual list mode, and API shopping mode trigger.
Active store dropdown, specialty/custom store handling, manual list mode, and API shopping mode trigger.
Block 3 — Kroger Shopping Node Loader
Loads Kroger catalog search into the selected store area and writes selected API items into hidden fields.
Loads Kroger catalog search into the selected store area and writes selected API items into hidden fields.
Block 3.5 — List Confirmation
Review selected store, item list, and notes before moving into quote generation.
Review selected store, item list, and notes before moving into quote generation.
Block 4 — Shared Wiring / Quote Handoff
Reads delivery, store, and shopping-list data and packages it for quote, saved quote, scheduler, and backend payloads.
Reads delivery, store, and shopping-list data and packages it for quote, saved quote, scheduler, and backend payloads.
Block 5 — Quote Stage
Displays the customer-facing quote using the packaged data from Block 4.
Displays the customer-facing quote using the packaged data from Block 4.
Block 6 — Scheduler Stage
Passes the confirmed quote into Acuity scheduling and stores scheduling handoff data.
Passes the confirmed quote into Acuity scheduling and stores scheduling handoff data.
Block 7 — Shopper / Backend Access
Uses the confirmed store + list payload for shopper view, backend order creation, and downstream fulfillment.
Uses the confirmed store + list payload for shopper view, backend order creation, and downstream fulfillment.
Rule: do not renumber blocks during development unless the architecture changes.
Block 1 — Delivery Address
Stable address + zone detection block. Writes final delivery address and final zone into hidden fields.
Here's the delivery address block to pull zones and final location for delivery distance from store choices to final delivery location. We do not want change its function, but we want to have it hand off the zone and location information to populate are stores inside zone Stable address + zone detection block. Writes final delivery address and final zone into hidden fields.
Delivery address
Zone: (auto)
Block 2 — Store Selection + Shopping Input
Active store dropdown, specialty/custom store handling, manual list mode, API shopping mode trigger, and Costco node trigger.
Active store dropdown, specialty/custom store handling, manual list mode, API shopping mode trigger, and Costco node trigger.
Store selection
Waiting for delivery address and zone.
Select a store to continue.
Block 3 — Kroger Shopping Node Loader
Loads the Kroger catalog, allows item selection, increases existing cart item quantities, tracks running subtotals, shows item and cart update notices, and writes item difficulty data for Shop & Deliver pricing.
Loads the Kroger catalog, allows item selection, increases existing cart item quantities, tracks running subtotals, shows item and cart update notices, and writes item difficulty data for Shop & Deliver pricing.
Block 3.5 — Shop & Deliver Confirmation Display
Displays a clean confirmation view from the selected Kroger catalog cart before scheduling or order submission.
Displays a clean confirmation view from the selected Kroger catalog cart before scheduling or order submission.
Review your shopping list
Please review selected items, quantities, store, and estimated grocery subtotal before continuing.
No shopping list has been selected yet.
Block 5 — Quote Stage
Shows the upgraded Shop & Deliver quote using pick rating, zone, mileage, bulky/heavy handling, service fee, and Acuity handoff.
Shows the upgraded Shop & Deliver quote using pick rating, zone, mileage, bulky/heavy handling, service fee, and Acuity handoff.
Quote
Confirm your shopping list above to generate the quote.
Block 4 — Shared Wiring / Quote Handoff
Reads delivery, store, and shopping-list data, calculates upgraded Shop & Deliver pricing, and packages the quote for Acuity/backend handoff.
Reads delivery, store, and shopping-list data, calculates upgraded Shop & Deliver pricing, and packages the quote for Acuity/backend handoff.
Block 6 — Scheduler Loader / Acuity Handoff
Loads the Acuity scheduler after the upgraded Shop & Deliver quote is confirmed.
Loads the Acuity scheduler after the upgraded Shop & Deliver quote is confirmed.
Block 3B — Costco Shopping Node
Costco shopper-filled list, paste shopping list option, hidden curated list, selected-item cart, and shopping-list handoff.
Costco shopper-filled list, paste shopping list option, hidden curated list, selected-item cart, and shopping-list handoff.
Block 6.5 — Backend Order + Scanner 1.2 Handoff
Creates the backend Shop & Deliver order after the quote/scheduler handoff and returns the driver scanner link.
Creates the backend Shop & Deliver order after the quote/scheduler handoff and returns the driver scanner link.
Create Shop & Deliver order
Use this after the shopping list is confirmed and the scheduler handoff is ready.