Skip to main content

Charges Display

Use the Charges section to display appointment pricing, discounts, and total cost.

Displayed values derive from the pricing response and active currency configuration.


This screen includes:

#ElementDescription
1Appointment costDisplays the base appointment price
2Promo discountDisplays the applied discount when available
3Total amountDisplays the calculated total
4Primary currencyDisplays the appointment currency
5Converted valueDisplays approximate converted pricing when available

Workflow​

This flow starts when the Charges section renders.

  1. Render pricing data.
  2. Display appointment cost.
  3. Apply promo discount when available.
  4. Calculate the total amount.
  5. Update converted values when applicable.

Currency Behavior​

ScenarioBehavior
Same currencyDisplay a single currency value
Different currencyDisplay approximate converted value
Conversion availableDisplay converted amount with ~

Promo Behavior​

ScenarioBehavior
Promo appliedDisplay discount row
Promo removedRemove discount row
Pricing updatedRecalculate total

Validations​

ScenarioApp BehaviorSDK Output
Pricing unavailableHide charges sectionpricing = unavailable
Currency conversion unavailableHide converted valueconversion = unavailable
Promo appliedDisplay discount rowdiscount = applied
Promo invalidRemove discounterror = invalid_promo
Total recalculatedRefresh pricingpricing = updated

Actions​

ScenarioApp BehaviorSDK Output
Pricing loadedRender pricing sectionpricing = loaded
Promo appliedUpdate total amountdiscount = applied
Promo removedRefresh pricingdiscount = removed
Currency updatedRefresh converted valuesconversion = updated
Charges updatedRefresh displayed pricingpricing = updated