Tauri Plugin SumUp

A Tauri plugin for integrating SumUp payment processing into your mobile applications. This plugin provides a bridge between Tauri applications and the native SumUp SDK for iOS (Android support coming soon).

Features

• Initialize SumUp SDK with your affiliate key
• Authenticate users with access tokens
• Retrieve merchant information
• Present card reader selection interface
• Process payments with card readers
• Full TypeScript support with type definitions
• iOS support (Android coming soon)
• Desktop platforms return clear error messages

Platform Support

Prerequisites

• Tauri 2.0 or later
• A SumUp merchant account
• SumUp affiliate key
• SumUp access token for authentication
• For iOS: SumUp iOS SDK framework (see iOS Setup Guide)

Installation

Install the Rust crate

Add the plugin to your Cargo.toml:

[dependencies]
tauri-plugin-sumup = "0.1"

Install the JavaScript package

npm install tauri-plugin-sumup-api
# or
pnpm add tauri-plugin-sumup-api
# or
yarn add tauri-plugin-sumup-api

Register the plugin

In your Tauri application's src-tauri/src/main.rs or src-tauri/src/lib.rs:

fn main() {
    tauri::Builder::default()
        .plugin(tauri_plugin_sumup::init())
        .run(tauri::generate_context!())
        .expect("error while running tauri application");
}

Configure permissions

Add the plugin permissions to your src-tauri/capabilities/default.json:

{
  "permissions": [
    "sumup:default"
  ]
}

API Reference

TypeScript API

initSumupSdk(affiliateKey: string): Promise<boolean>

Initialize the SumUp SDK with your affiliate key.

import { initSumupSdk } from 'tauri-plugin-sumup-api';

await initSumupSdk('your-affiliate-key');

loginWithToken(token: string): Promise<boolean>

Authenticate with SumUp using an access token.

import { loginWithToken } from 'tauri-plugin-sumup-api';

await loginWithToken('your-access-token');

isLoggedIn(): Promise<boolean>

Check if a user is currently logged in.

import { isLoggedIn } from 'tauri-plugin-sumup-api';

const loggedIn = await isLoggedIn();

logout(): Promise<void>

Log out the current user.

import { logout } from 'tauri-plugin-sumup-api';

await logout();

getMerchant(): Promise<MerchantInfo>

Get information about the current merchant.

import { getMerchant } from 'tauri-plugin-sumup-api';

const merchant = await getMerchant();
console.log(merchant.merchantCode, merchant.currencyCode);

prepareForCheckout(): Promise<void>

Prepare the SDK for checkout. This should be called before presenting the card reader selection.

import { prepareForCheckout } from 'tauri-plugin-sumup-api';

await prepareForCheckout();

presentCardReaderSelection(): Promise<void>

Present the card reader selection interface to the user.

import { presentCardReaderSelection } from 'tauri-plugin-sumup-api';

await presentCardReaderSelection();

checkout(request: CheckoutRequest): Promise<CheckoutResult>

Process a payment transaction.

import { checkout } from 'tauri-plugin-sumup-api';

const result = await checkout({
  total: 10.00,
  currency: 'EUR',
  title: 'Test Payment',
  receiptEmail: 'customer@example.com', // optional
  receiptSms: '+1234567890', // optional
  foreignTransactionId: 'your-transaction-id', // optional
  skipSuccessScreen: false, // optional
  skipFailedScreen: false, // optional
  additionalInfo: { // optional
    key1: 'value1',
    key2: 'value2'
  }
});

console.log(result.transactionCode, result.status);

performCardReaderPayment(affiliateKey: string, token: string, request: CheckoutRequest): Promise<CheckoutResult>

Convenience function that performs the complete payment flow: initialize SDK, login, prepare checkout, present card reader selection, and process payment.

import { performCardReaderPayment } from 'tauri-plugin-sumup-api';

const result = await performCardReaderPayment(
  'your-affiliate-key',
  'your-access-token',
  {
    total: 10.00,
    currency: 'EUR',
    title: 'Test Payment'
  }
);

Types

CheckoutRequest

interface CheckoutRequest {
  total: number;
  currency: string;
  title?: string;
  receiptEmail?: string;
  receiptSms?: string;
  additionalInfo?: Record<string, string>;
  foreignTransactionId?: string;
  skipSuccessScreen?: boolean;
  skipFailedScreen?: boolean;
}

CheckoutResult

interface CheckoutResult {
  transactionCode?: string;
  cardType?: string;
  merchantCode?: string;
  amount?: number;
  currency?: string;
  status: string;
  paymentType?: string;
  entryMode?: string;
  installments?: number;
}

MerchantInfo

interface MerchantInfo {
  merchantCode: string;
  currencyCode: string;
}

Usage Example

import { 
  initSumupSdk, 
  loginWithToken, 
  isLoggedIn,
  prepareForCheckout,
  presentCardReaderSelection,
  checkout 
} from 'tauri-plugin-sumup-api';

async function processPayment() {
  try {
    // Initialize SDK
    await initSumupSdk('sup_afk_XXXXXXXXXXXXX');
    
    // Login if not already logged in
    if (!(await isLoggedIn())) {
      await loginWithToken('your-access-token');
    }
    
    // Prepare for checkout
    await prepareForCheckout();
    
    // Let user select card reader
    await presentCardReaderSelection();
    
    // Process payment
    const result = await checkout({
      total: 25.50,
      currency: 'EUR',
      title: 'Coffee and Croissant'
    });
    
    console.log('Payment successful:', result.transactionCode);
  } catch (error) {
    console.error('Payment failed:', error);
  }
}

Important Notes

Currency Matching

The currency code used in your checkout request must match the currency configured in your SumUp merchant account. Mismatched currencies will result in an error (SumUp SDK error 52).

You can retrieve your merchant's currency using getMerchant():

const merchant = await getMerchant();
console.log('Merchant currency:', merchant.currencyCode);

Threading

All UI operations (card reader selection, checkout) are automatically dispatched to the main thread by the plugin. You don't need to worry about thread safety when calling these functions.

Desktop Platform Support

This plugin is designed for mobile platforms only. When used on desktop platforms (Windows, macOS, Linux), all plugin methods will return a clear error:

Error: SumUp plugin is not supported on desktop platforms. This plugin requires iOS or Android.

This allows you to include the plugin in your project and handle desktop platforms gracefully:

try {
  await initSumupSdk(affiliateKey);
} catch (error) {
  if (error.includes('not supported on desktop')) {
    console.log('Payment features unavailable on desktop');
    // Show alternative payment method or message
  }
}

Platform-Specific Configuration

iOS

Important: You must manually download and install the SumUp iOS SDK framework. See the iOS Setup Guide for detailed instructions.

Ensure your iOS deployment target is set appropriately in your tauri.conf.json:

{
  "identifier": "com.yourcompany.yourapp",
  "ios": {
    "minimumSystemVersion": "13.0"
  }
}

Android

Android support is planned but not yet implemented. Contributions are welcome!

Development

Building the Plugin

# Build Rust code
cargo build

# Build JavaScript/TypeScript code
pnpm install
pnpm build

Running the Example

cd examples/tauri-app
pnpm install
pnpm tauri ios dev
# or
pnpm tauri android dev

Troubleshooting

"Currency code mismatch" error

Ensure the currency in your checkout request matches your merchant account's currency. Check using getMerchant().

"Not logged in" error

Call loginWithToken() before attempting checkout operations.

UI not presenting

Ensure you've called prepareForCheckout() before presenting the card reader selection.

License

MIT or Apache-2.0

Contributing

Contributions are welcome! Please open an issue or submit a pull request.

Support

For SumUp SDK specific questions, refer to the official SumUp documentation:

• SumUp iOS SDK Documentation
• SumUp Android SDK Documentation

For plugin-related issues, please open an issue on the GitHub repository.