Keyboard shortcuts

Press or to navigate between chapters

Press S or / to search in the book

Press ? to show this help

Press Esc to hide this help

1018 - Promo code

Single Selection Constraint

Users can only apply one of the following per booking:

  • Promo Code
    • Registration Reward (in this case, we can assume it as promo code)
  • Gift Card
  • Points Redemption Mixing multiple offers in a single booking is not allowed.

Behavior & UX Flow

Offer Cancellation UX Improvements

Current Flow Issues:

  • Removing points is hidden (e.g., via nested screens).
  • Users may not find where to remove/cancel selected offers.

Improvements:

  • Move the "Remove Offer" button to the Checkout Page / Front Page, clearly visible under the applied offer section.
  • Tapping the active offer area (e.g., Promo Code, Gift Card, Points) will take users to the Offers Page for selection or changes.

Confirmation Modal (for Replacing Offers)

Trigger Cases:

  • Points Redemption is active → user enters a Promo Code or Gift Card in input field.

  • Promo Code is active → user enters a Promo Code or Gift Card in input field.

  • Gift Card is active → user enters a Promo Code in input field.

Modal Content:

  • Title: Do you want to change your offers?
  • Description: It will remove your existing offers.
  • Buttons:
    • Change (Yes, change)
    • Cancel (No, keep current offer)

🧪 Edge Case Handling

Case 1:

  • Flow: Points Redemption selected → Offers Page → Enter Promo Code → Submit
  • Result: Show confirmation modal → If confirmed, remove points and apply Promo Code

Case 2:

  • Flow: Points Redemption selected → Checkout Page → User clicks close icon on offer → Points removed
  • Result: Offer is cleared, all offers enabled again

🧩 UI/Component Requirements

  • Includes Close button (always visible)
  • Click area opens Offers Page
  • Reference : Tokopedia Voucher

Figma Link :

[

www.figma.com

https://www.figma.com/design/suDZ8JohloPf0kpLZ9AuL7/Checkout-Page?node-id=7212-1938&t=onrcmanx40oFvvYa-1

](https://www.figma.com/design/suDZ8JohloPf0kpLZ9AuL7/Checkout-Page?node-id=7212-1938&t=onrcmanx40oFvvYa-1)

Context :

[

hungryhubgroup.slack.com

https://hungryhubgroup.slack.com/archives/C01C1U5LBFT/p1747718553901399?thread_ts=1747718395.032199&cid=C01C1U5LBFT

](https://hungryhubgroup.slack.com/archives/C01C1U5LBFT/p1747718553901399?thread_ts=1747718395.032199&cid=C01C1U5LBFT)

Translation

Do you want to change your offers? → 您想更改您的優惠嗎? It will remove your existing offers → 這將會移除您目前的優惠 Change Offers → 更改優惠 Cancel → 取消