Livn | Review order - billing info flow change

[Justin-Lag]

Child of #156
Depends on guestlogix/guest#203

As a traveler I want to see an order review page, enter billing info, and see the final order summary so that I can confirm what I'm purchasing and relevant billing information

Acceptance Criteria

1. The overall flow
   

2. Order review page - pre billing info

• By default do not display billing information
• Buy now button is disabled unless there's billing information provided
• The final price of each pass type, the quantity of the type, and total cost of the type is displayed
• The final price of the overall order is displayed

1. No changes with the billing process other than navigating back to the Review order page on completion

2. Order review page - post billing info

• Billing information is displayed with masked credit card info
• Buy now button enabled

Out of scope/Future consideration
Any relevant out of scope items

UX if needed
***Design:***https://zpl.io/V0qDEyQ
Tag: LIVN

https://www.notion.so/Livn-Buy-Flow-7f7c6be982804354a2437ce90db2911f

Technical details if needed
[API]

Testing considerations

[dorothyfu]

Testing instructions: Implemented but cannot be accessed in the latest build 0.3(48) because the api is not ready yet. Will update on this ticket when it is available.

[kaurmandie]

Rejecting ticket because the actual results are not meeting the acceptance criteria (Build v-0.0.(72)

Order review page - pre billing info :

1. Buy Now button is not disabled by default ,Tapping 'Book Now' navigates to the Mag stripe payment/ Card details screen

2. Add Credit Card section is not available under Billing Info

3. . Cancel and Done buttons are hardly visible on the Card Details screen

4. After adding the Credit card details, Review Order is not displayed but it navigates to the Order Confirmation screen.

5. Order Confirmation screen - Remove' Email tickets' option