[Payment Method Improvements] Implement Change Due Calculator UI for Cash Payments

[backwardstruck]

Overview

Implement the Change Due Calculator UI as part of the ongoing enhancements to cash payment methods. It addresses the requirements specified in issue #11525

Purpose

Provide a user-friendly interface for merchants to easily calculate the change due when capturing payments made via cash.

Key Features

• Calculator UI Integration: Introduces a new UI for calculating change due within the payment process.
• Order Detail Load Integration: Enhances the order details functionality to ensure that the success state is accurately triggered and unit-tested.
• Editable Cash Received Field: Includes a default value set to the total amount due, with the ability to edit this amount using a numeric keypad for user convenience.
• Seamless Order Completion: Tapping "Mark order as complete" corresponds to the "Mark as paid" action in the existing Android workflow.

Testing Instructions

1. Navigate to the payment methods section and select Cash.
2. Enter or verify the total amount received using the numeric keypad.
3. Tap on "Mark order as complete" and verify that the appropriate change due and order completion processes are triggered correctly.

Related Tasks

• Integration of New Calculator Screen with Feature Flag Implementation Integration of New Calculator Screen with Feature Flag Implementation #11413

Tasks

Beta Give feedback

1. Display the title e.g. "Take Payment ($35.00)". [Payment Method Improvements] AppBar and Navigation for ChangeDueCalculatorFragment #11532
2. [Payment Method Improvements] The Payment Details section should display two text fields #11553
   5 of 5
   feature: mobile payments type: enhancement +2
   
3. Create the "Record transaction details in order note" section
4. Create the "Mark Order as Complete" Button
5. Pop open numpad for user/close when leaving screen

[dangermattic]

Thanks for reporting! 👍