[DTRA] Maryia/DTRA-904/feat: RudderStack metrics for trade params

[maryia-deriv]

Changes:

• To send trade params analytics when a user is changing trade parameters and buys a contract.

Examples:

Data payload that we will send with ce_contracts_set_up_form event to RudderStack via @deriv/analytics:

1. Duration types Dropdown:

{
    "form_name": "default",
    "trade_type_name": "Rise/Fall",
    "action": "change_parameter_value",
    "parameter_type": "duration_type",
    "parameter_field_type": "dropdown",
    "duration_type": "minutes"
}

2. Duration input:
   2.1. Manual:

{
    "form_name": "default",
    "trade_type_name": "Rise/Fall",
    "action": "change_parameter_value",
    "parameter_field_type": "number",
    "parameter_type": "duration_value",
    "parameter_value": "292",
    "input_type": "manual"
}

2.2. Using Plus/Minus buttons:

{
    "form_name": "default",
    "trade_type_name": "Rise/Fall",
    "action": "change_parameter_value",
    "parameter_field_type": "number",
    "parameter_type": "duration_value",
    "parameter_value": "290",
    "input_type": "plus_minus"
}

3. Date picker (analytics will be sent both for desktop & mobile Date picker):

{
    "form_name": "default",
    "trade_type_name": "Rise/Fall",
    "action": "change_parameter_value",
    "parameter_field_type": "date_picker",
    "parameter_type": "date_picker",
    "parameter_value": "2024-02-28"
}

4. Time picker:

{
    "form_name": "default",
    "trade_type_name": "Rise/Fall",
    "action": "change_parameter_value",
    "parameter_field_type": "time_picker",
    "parameter_type": "time_picker",
    "parameter_value": "13:20"
}

5. Tick range slider:

{
    "form_name": "default",
    "trade_type_name": "Rise/Fall",
    "action": "change_parameter_value",
    "parameter_field_type": "tick_bar",
    "parameter_type": "tick_value",
    "parameter_value": "8"
}

6. Stake/Payout input:
   6.1. Manual:

{
    "form_name": "default",
    "trade_type_name": "Rise/Fall",
    "action": "change_parameter_value",
    "input_type": "manual",
    "parameter_field_type": "number",
    "parameter_type": "payout_value",
    "parameter_value": "13"
}

6.2. Using Plus/Minus buttons:

{
    "form_name": "default",
    "trade_type_name": "Rise/Fall",
    "action": "change_parameter_value",
    "input_type": "plus_minus",
    "parameter_field_type": "number",
    "parameter_type": "stake_value",
    "parameter_value": "15"
}

7. Allow equals checkbox:

{
    "form_name": "default",
    "trade_type_name": "Rise/Fall",
    "action": "change_parameter_value",
    "parameter_field_type": "checkbox",
    "parameter_type": "allow_equals_mode",
    "parameter_value": "yes"
}

8. Switchers selection will be sent upon the 'Buy' button click if the Switchers (Duration tabs and/or 'Stake'/'Payout' tabs) are present in UI at the moment of the click:

{
    "form_name": "default",
    "trade_type_name": "Rise/Fall",
    "action": "run_contract",
    "switcher_duration_mode_name": "duration",
    "switcher_stakepayout_mode_name": "payout"
}

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated (UTC)
deriv-app	✅ Ready (Inspect)	Visit Preview	Mar 12, 2024 9:44am

[github-actions]

A production App ID was automatically generated for this PR. (log)

• PR: [DTRA] Maryia/DTRA-904/feat: RudderStack metrics for trade params #13712
• URLs:
  • w/ App ID + Server: https://deriv-app-git-fork-maryia-deriv-maryia-dtra-904trade-par-d76227.binary.sx?qa_server=red.derivws.com&app_id=23847
  • Original: https://deriv-app-git-fork-maryia-deriv-maryia-dtra-904trade-par-d76227.binary.sx
• App ID: 23847

Click here to copy & paste above information.

- **PR**: [https://github.com/binary-com/deriv-app/pull/13712](https://github.com/binary-com/deriv-app/pull/13712)
- **URLs**:
    - **w/ App ID + Server**: https://deriv-app-git-fork-maryia-deriv-maryia-dtra-904trade-par-d76227.binary.sx?qa_server=red.derivws.com&app_id=23847
    - **Original**: https://deriv-app-git-fork-maryia-deriv-maryia-dtra-904trade-par-d76227.binary.sx
- **App ID**: `23847`

[github-actions]

🚨 Lighthouse report for the changes in this PR:

Category	Score
🔺 Performance	28
🟢 Accessibility	90
🟢 Best practices	92
🟧 SEO	81
🟧 PWA	78

Lighthouse ran with https://deriv-app-git-fork-maryia-deriv-maryia-dtra-904trade-par-d76227.binary.sx/

[coveralls]

coverage: 37.94% (+0.4%) from 37.514%
when pulling 8f2afab on maryia-deriv:maryia/dtra-904/trade-params-metrics
into 4262722 on binary-com:master.

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
No data about Coverage
0.3% Duplication on New Code

See analysis details on SonarCloud

[github-actions]

⏳ Generating Lighthouse report...