Thank you for your purchase. We've sent a confirmation email with your order details.
57. 모바일 결제 플로우
Design a mobile checkout flow:
**Progress Indicator**:
- Top bar showing steps
- Steps: Cart → Shipping → Payment → Confirm
- Current step highlighted
**Step 1: Cart Review**:
- Item cards: image, name, variant, qty, price
- Edit quantity or remove
- Promo code input
- Order summary: subtotal, discounts, total
- Continue button
**Step 2: Shipping**:
- Saved addresses list with radio selection
- Add new address button → form modal
- Delivery method options with prices
- Delivery date estimates
- Continue button
**Address Form**:
- Full name
- Address line 1, 2
- City, State, Postal code
- Phone number
- Save as default checkbox
**Step 3: Payment**:
- Saved payment methods with selection
- Add new card → form or card scanner
- Digital wallets: Apple Pay, Google Pay
- Billing same as shipping toggle
- Continue button
**Payment Form**:
- Card number with icon detection
- Expiry (MM/YY)
- CVV with info tooltip
- Save card checkbox
**Step 4: Review & Confirm**:
- Order summary
- Shipping address (edit link)
- Payment method (edit link)
- Items list
- Total breakdown
- Place Order button (prominent)
**Success Screen**:
- Confirmation animation (checkmark)
- Order number
- Email confirmation note
- Continue shopping / Track order buttons
Tech: React Native + React Hook Form + Stripe SDK