The TransactionListComponent shows a list of enriched transactions in a user-friendly way, with each transaction having an associated brand.

To use this view in a SwiftUI project, just call the TransactionListComponent method of your LuneSDKManager instance as shown in the example below.

// HomeView.Swift

import SwiftUI
import LuneSDK

struct HomeView: View {
    // removed for simplicity...

    var body: some View {
        luneSDK.TransactionListComponent()
    }
}

To use this view in an Objective-C project, just call the TransactionListComponent method of your LuneSDKObjcManager instance as shown in the example below.

// YourViewController.m

- (void)viewDidLoad {
    [super viewDidLoad];
    
    // transaction list setup, after initilizing luneSDK

    UIViewController *hostingController = [self.luneSDK TransactionListComponentWithConfig:nil];

    [self addChildViewController:hostingController];
    [self.view addSubview:hostingController.view];
    
    // constraints setup removed for simplicity...
}

Localization Keys and Analytics

📊 Analytics Tags

• summary_amount
• date_picker_button
• trends_button
• filter_button
• reported_switch
• amount_sort_button
• date_sort_button
• transaction_amount
• transaction_tile

🈯️ Localization Keys

• lune_sdk_str_transaction_count
• lune_sdk_str_date
• lune_sdk_str_amount
• lune_sdk_str_reported
• lune_sdk_str_trends
• lune_sdk_str_search

📊 Analytics Tags

• close_button
• category_filter_pane
• tag_filter_pane
• apply_button
• reset_button

🈯️ Localization Keys

• lune_sdk_str_filters
• lune_sdk_str_filter_by_category
• lune_sdk_str_search
• lune_sdk_str_filter_by_tag
• lune_sdk_str_apply
• lune_sdk_str_reset

📊 Analytics Tags

• tag_filter_option