#295 — UI add support for Gateways information

Repo: Twill-AI/twill-ai-ui State: open | Status: open Assignee: raymondehizoba

Created: 2025-04-21 · Updated: 2025-07-08

Description

Blocked by/based on https://github.com/Twill-AI/facade/issues/331 (see available for gateway info in here). Continuation of https://github.com/Twill-AI/twill-ai-ui/issues/222 and https://github.com/Twill-AI/twill-ai-ui/issues/196.

Idea is that we need to show “payment gateway” information per integration (aka PayEngine merchant) if it is available. We are expecting only one gateways in spite of API provides multiple because:

• This is P0 limitation.
• We don’t support ability to choose payment gateway in Virtual Terminal or any payment actions. At this stage we support only integration select (drop-down?) and it should show gateway information. For example it may be list with strings in format <integration name truncated to 30 characters> - <gateway nickname> like:
  • “My Company LLC - Evalon”
  • “Mine Company LLC - Authorize.Net”
  • “Your Company LLC - TSYS”

@TwillPayments and @nathandutoit - please discuss this design.

AC:

• There is a Figma page where all places required in Gateway information are pointed. Probably with some icons. Not full list of widgets: Virtual Terminal, Transactions, Transaction Details, Deposits.
• UI renders relevant widgets with using GET /integrations/{integration_id}/payments/info responses to show information about gateways.

Notes

Add implementation notes, blockers, and context here

Related

Add wikilinks to related people, meetings, or other tickets