Conditional Calculations in Mini App Using Dynamic Logic

This guide explains how to create dynamic, conditional-based calculations inside a Mini App using form inputs and logic.

1. Use Case Overview

In this example, we are building an event registration form where:

• Users enter basic details (Name, District, WhatsApp Number, etc.)

• Users select the number of packs (1–4)

• Based on the selection, additional fields dynamically appear

• A final summary screen calculates total payable amount

2. Dynamic Field Visibility

Field visibility is controlled using conditions:

• If Number of Packs ≥ 2 → Show fields for Person 2

• If Number of Packs ≥ 3 → Show fields for Person 3

• If Number of Packs = 4 → Show fields for Person 4

Note: Conditional visibility works only for input components, not for text or heading elements.

3. Visitor Details Logic

Each visitor includes:

• Full Name

• Gender

• Date of Birth

• Stay Required (Yes/No)

Pricing Logic:

• Stay = Yes → ₹2500

• Stay = No → ₹750

• Field not present → ₹0

4. Creating Conditional Calculations

To calculate totals dynamically:

1. Define logic using if-else conditions

2. Convert logic into JavaScript ternary expressions

Example Logic:

If Stay = Yes → 2500  
If Stay = No → 750  
Else → 0

Combined Formula (for multiple users):

• Add conditions for each person (Person 1 to Person 4)

• Sum all calculated values

5. Using ChatGPT for Formula Generation

You can generate formulas using prompts like:

“Write this logic using ternary operator in JavaScript”

Then:

• Copy only the formula (ignore extra text)

• Replace static values with dynamic field variables

6. Implementing in Mini App

• Add calculation logic inside the same screen (Summary Screen)

• Replace variables with actual field mappings

• Save the calculation as a data source

7. Important Step (Mapping Fix)

Before using the formula:

1. Add a test calculation (e.g., 4 + 4)

2. Click Run & Save

3. This enables the output to appear in history

4. Now replace it with your actual formula

5. Map it inside the text/body field

Do not click “Run & Save” again after adding the real formula (no live data available)

8. Displaying Calculated Values

You can display:

• Total number of packs

• Packs with stay

• Packs without stay

• Total payable amount

All values are dynamically mapped from the calculation fields.

9. Key Tips

• Always create logic first, then convert to formula

• Use dynamic variables from previous screens

• Keep calculations on the same screen where output is needed

• Use images or dotted text to visually separate sections (WhatsApp UI limitation)

Mini App Template: DASHBOARD_URL /products/flows/share/8c7400c2-92d2-4b49-8809-dd21136c17ba