Billing and Transactions

The financial management section allows you to control account balance, top it up, and view history of all transactions. The system works with different currencies depending on the platform.

How to access this section

  • Through main menu: "Billing" → "Transactions"
  • Direct link: /billing/transactions

Currency settings

Flutch (dollars)

  • Currency: USD ($)
  • Minimum top-up: $5
  • Maximum top-up: $10,000
  • Preset amounts: $10, $50, $100, $500, $1,000

Agentech (rubles)

  • Currency: RUB (₽)
  • Minimum top-up: 100 ₽
  • Maximum top-up: 1,000,000 ₽
  • Preset amounts: 500 ₽, 2,000 ₽, 5,000 ₽

Balance card

Balance display

  • Current balance - displayed with currency symbol
  • "Add Funds" button - for account top-up
  • Formatting - numbers displayed with thousand separators

Card states

Loading

Shows animated skeleton during data loading.

Loading error

  • "Loading Error" message
  • "Try refreshing the page" text
  • "Retry" button for another attempt

Normal state

Displays current balance with top-up option.

Balance top-up

Top-up process

  1. Click "Add Funds" button in balance card
  2. Amount selection modal opens
  3. Select preset amount or enter custom amount
  4. Click "Proceed to Payment"
  5. Redirect to Stripe payment page
  6. After successful payment - return to system

Top-up modal

Amount selection

  • Preset amounts - dropdown with popular options
  • Custom amount - switch to manual input
  • Mode switching - "Enter custom amount" / "Use preset amounts" button

Amount validation

  • Minimum amount check
  • Maximum amount check
  • Numeric value correctness check
  • Display validation errors below input field

Control buttons

  • "Cancel" - close without changes
  • "Proceed to Payment" - proceed to payment (with correct amount)
  • Button blocked during processing

Payment processing

  • Stripe integration for secure payments
  • Automatic redirect to payment page
  • Return URLs configured to transactions page
  • Success/cancellation notifications after return

Transaction history

Transaction display

List of all account operations as cards with following information:

  • Icon 💰 - monetary operations symbol
  • Operation name - reason for debit/credit
  • Date and time - when operation occurred
  • Amount - transaction size with color coding

Transaction types

Top-ups (Increase)

  • Color: green
  • Examples: Stripe top-up, bonuses, refunds
  • Display: positive amount

Charges (Decrease)

  • Color: red
  • Examples: payment for agent usage, fees
  • Display: positive number (without minus sign for readability)

Formatting

  • Amounts displayed in local format (with thousand separators)
  • Dates in browser locale format
  • Automatic grouping by operation types

Interface states

Transaction list loading

Shows skeleton cards (3 pieces or by screen size).

Empty history

If no transactions exist, empty list is displayed.

Post-payment notifications

Successful payment

  • URL: /billing/transactions?stripePaid=true
  • Notification: green alert about successful top-up
  • Auto-removal: parameter removed from URL after 7 seconds

Cancelled payment

  • URL: /billing/transactions?stripeCanceled=true
  • Notification: red alert about operation cancellation
  • Auto-removal: parameter removed from URL after 7 seconds

Main usage scenarios

Checking current balance

  1. Open "Billing" → "Transactions" section
  2. Look at balance in card at top of page
  3. If needed, click "Retry" if error is shown

Account top-up

  1. Click "Add Funds" in balance card
  2. Select needed amount from list or enter your own
  3. Ensure amount is within allowed limits
  4. Click "Proceed to Payment"
  5. Complete payment on Stripe page
  6. After return, check notification and new balance

Expense analysis

  1. Review transaction list on page
  2. Pay attention to red entries (charges)
  3. Study charge reasons for expense optimization
  4. Match expenses with agent activity

Top-up tracking

  1. Find green entries in transaction history
  2. Check dates and amounts of top-ups
  3. Ensure all payments completed correctly

Security and reliability

Payment processing

  • All payments processed through Stripe (PCI DSS certified provider)
  • Platform doesn't store bank card data
  • Encryption of all financial transactions

Error protection

  • Amount validation on client and server
  • Protection from duplicate payments
  • Automatic refunds during technical failures

Limitations

Top-up limits

  • Minimum and maximum amounts differ by platform
  • Cannot top-up less than minimum amount
  • Cannot exceed maximum amount per operation

Currency restrictions

  • Currency determined automatically by platform
  • Cannot change currency within one account
  • All operations occur in single currency

Technical limitations

  • Requires enabled JavaScript to work
  • Must allow popup windows for Stripe
  • Internet connection required for all operations

Common problems and solutions

Balance doesn't load

Cause: network issues or server problems Solution: click "Retry" button or refresh page

Cause: popup blocker or JavaScript disabled Solution: allow popups for site, enable JavaScript

Payment doesn't go through

Cause: card issues, insufficient funds, bank blocking Solution: try different card, contact bank, check limits

Successful top-up not showing

Cause: payment processing delay Solution: wait 5-10 minutes, refresh page

Charged more than planned

Cause: payment system or bank fees Solution: check details in bank statement

Monitoring and analytics

Expense tracking

  • Regularly check transaction history
  • Analyze charge patterns
  • Match expenses with agent usage

Budget planning

  • Study average monthly expenses
  • Plan top-ups in advance
  • Monitor balance to critical levels