Flows in depth

Every control and text this screen shows, in screen order. The list is read from the demo by a crawl, and CI fails when the screen changes without its entry here.

Payments > Flows holds the steps a customer goes through on test checkout pages.

The screen as a whole: Flows.

The numbers match the entries below. The picture shows the first screenful; controls further down, and texts, have no marker.

On the screenCopy Anchor Link

1. FlowsCopy Anchor Link

Heading.

• What it does: Names the open screen in the header.

2. Read the Flows guideCopy Anchor Link

Link.

• What it does: Opens this screen's page in the user guide, in a new tab.
• Links to: Flows.

3. Payment flowsCopy Anchor Link

Heading.

• What it does: The steps checkout pages run.
• Same action elsewhere: REST GET /api/v1/payments/flows, CLI sendmock payments flows list, MCP sendmock_payment_flow_list

4. The steps a customer goes through on test checkout pages. Each method runs one flow.Copy Anchor Link

Text.

• What it does: Explains the screen.

5. Add flowCopy Anchor Link

Button.

• What it does: Opens Add a payment flow; in it, adds the flow.
• Same action elsewhere: REST POST /api/v1/payments/flows, CLI sendmock payments flows create, MCP sendmock_payment_flow_create

6. FlowCopy Anchor Link

Column.

• What it does: The flow's name.

7. StepsCopy Anchor Link

Column.

• What it does: Its steps, in order.

8. Picker tabCopy Anchor Link

Column.

• What it does: The tab its methods show under on checkout pages.

9. MethodsCopy Anchor Link

Column.

• What it does: The methods that run it.

10. Edit CardCopy Anchor Link

Button.

• What it does: Opens the Card flow's editor.
• Same action elsewhere: REST GET /api/v1/payments/flows/{flowKey}, CLI sendmock payments flows show, MCP sendmock_payment_flow_get

11. Edit WalletCopy Anchor Link

Button.

• What it does: Opens the Wallet flow's editor.
• Same action elsewhere: REST GET /api/v1/payments/flows/{flowKey}, CLI sendmock payments flows show, MCP sendmock_payment_flow_get

12. Edit BankCopy Anchor Link

Button.

• What it does: Opens the Bank flow's editor.
• Same action elsewhere: REST GET /api/v1/payments/flows/{flowKey}, CLI sendmock payments flows show, MCP sendmock_payment_flow_get

13. Edit AccountCopy Anchor Link

Button.

• What it does: Opens the Account flow's editor.
• Same action elsewhere: REST GET /api/v1/payments/flows/{flowKey}, CLI sendmock payments flows show, MCP sendmock_payment_flow_get

14. Edit QRCopy Anchor Link

Button.

• What it does: Opens the QR flow's editor.
• Same action elsewhere: REST GET /api/v1/payments/flows/{flowKey}, CLI sendmock payments flows show, MCP sendmock_payment_flow_get

15. Edit Bank transferCopy Anchor Link

Button.

• What it does: Opens the Bank transfer flow's editor.
• Same action elsewhere: REST GET /api/v1/payments/flows/{flowKey}, CLI sendmock payments flows show, MCP sendmock_payment_flow_get

16. Edit VoucherCopy Anchor Link

Button.

• What it does: Opens the Voucher flow's editor.
• Same action elsewhere: REST GET /api/v1/payments/flows/{flowKey}, CLI sendmock payments flows show, MCP sendmock_payment_flow_get

Add a payment flow dialogCopy Anchor Link

17. Add a payment flowCopy Anchor Link

Heading.

• What it does: The Add a payment flow dialog.

18. Name it and pick where to start; you compose its steps next.Copy Anchor Link

Text.

• What it does: Explains adding a flow.
• Links to: Advanced: create a payment flow.

19. NameCopy Anchor Link

Field.

• What it does: The name.

20. KeyCopy Anchor Link

Field.

• What it does: The key, fixed once added.

21. Used by the API; fixed once added.Copy Anchor Link

Text.

• What it does: Explains the key.

22. Picker tabCopy Anchor Link

Field.

• What it does: The tab its methods show under on checkout pages.

23. Its methods show under this tab on checkout pages, e.g. Mobile banking.Copy Anchor Link

Text.

• What it does: Explains the picker tab.

24. Start fromCopy Anchor Link

Drop-down.

• What it does: Blank, or a flow to copy.

25. CancelCopy Anchor Link

Button.

• What it does: Closes the dialog or editor without saving.

26. Add flowCopy Anchor Link

Button.

• What it does: Adds the flow and opens its editor.
• Same action elsewhere: REST POST /api/v1/payments/flows, CLI sendmock payments flows create, MCP sendmock_payment_flow_create

27. CloseCopy Anchor Link

Button.

• What it does: Closes the dialog or editor without saving.

Flow editorCopy Anchor Link

28. CardCopy Anchor Link

Heading.

• What it does: The method or flow open in the editor (here Card).

29. Flow, key card . Used by Card.Copy Anchor Link

Text.

• What it does: The flow's key and the methods that use it.

30. NameCopy Anchor Link

Field.

• What it does: The name.

31. Picker tabCopy Anchor Link

Field.

• What it does: The tab its methods show under on checkout pages.

32. Its methods show under this tab on checkout pages.Copy Anchor Link

Text.

• What it does: Explains the picker tab.

33. VariableCopy Anchor Link

Column.

• What it does: A value the steps' texts can use.

34. BecomesCopy Anchor Link

Column.

• What it does: What it reads from the payment.

35. ExampleCopy Anchor Link

Column.

• What it does: An example of its value.
• Same action elsewhere: REST GET /api/v1/payments/flow-variables, CLI sendmock payments flows variables, MCP sendmock_payment_flow_variable_list

36. StepsCopy Anchor Link

Heading.

• What it does: The flow's steps.

37. The checkout page runs them in this order.Copy Anchor Link

Text.

• What it does: Explains the step order.

38. Add stepCopy Anchor Link

Button.

• What it does: Adds a step: a form, a code, a confirmation, a QR code, and so on.
• Same action elsewhere: REST POST /api/v1/payments/flows/{flowKey}/steps, CLI sendmock payments flows steps add, MCP sendmock_payment_flow_step_add

39. Move Step #: Card form upCopy Anchor Link

Button.

• What it does: Runs the step earlier.

40. Move Step #: Card form downCopy Anchor Link

Button.

• What it does: Runs the step later.

41. Remove Step #: Card formCopy Anchor Link

Button.

• What it does: Removes the step.
• Same action elsewhere: REST DELETE /api/v1/payments/flows/{flowKey}/steps/{stepIndex}, CLI sendmock payments flows steps remove, MCP sendmock_payment_flow_step_remove

42. TitleCopy Anchor Link

Field.

• What it does: The step's title on the checkout page.

43. Insert variable into Step #: Card form titleCopy Anchor Link

Button.

• What it does: Inserts a flow variable, such as the amount, into the title.

44. Field labelCopy Anchor Link

Field.

• What it does: The label of its field.

45. Insert variable into Step #: Card form field labelCopy Anchor Link

Button.

• What it does: Inserts a flow variable, such as the amount, into the field label.

46. HintCopy Anchor Link

Field.

• What it does: A hint under the field.

47. Insert variable into Step #: Card form hintCopy Anchor Link

Button.

• What it does: Inserts a flow variable, such as the amount, into the hint.

48. Button textCopy Anchor Link

Field.

• What it does: Its button's text.

49. Insert variable into Step #: Card form button textCopy Anchor Link

Button.

• What it does: Inserts a flow variable, such as the amount, into the button text.

50. Preview: Card number · [Pay BDT #,#.#]Copy Anchor Link

Text.

• What it does: How the step looks on a checkout page.

51. Reset to defaultCopy Anchor Link

Button.

• What it does: Brings back the shipped definition, after you confirm.

52. CancelCopy Anchor Link

Button.

• What it does: Closes the dialog or editor without saving.

53. Save flowCopy Anchor Link

Button.

• What it does: Saves the flow; methods using it change at once.
• Same action elsewhere: REST PATCH /api/v1/payments/flows/{flowKey}, CLI sendmock payments flows update, MCP sendmock_payment_flow_update

54. CloseCopy Anchor Link

Button.

• What it does: Closes the dialog or editor without saving.

When the data cannot loadCopy Anchor Link

55. Could not load the payment flows. Try againCopy Anchor Link

Message.

• What it does: Shown when the flows could not be loaded.
• Errors: Check SendMock is running, then press Try again.

56. Could not load the payment flows.Copy Anchor Link

Text.

• What it does: The message inside the alert.

57. Try againCopy Anchor Link

Button.

• What it does: Loads them again.
• Same action elsewhere: REST GET /api/v1/payments/flows, CLI sendmock payments flows list, MCP sendmock_payment_flow_list