Embed ThoughtSpot in a Flutter app

 dependencies:
 flutter_embed_sdk: ^<latest_version>

flutter pub get

// Initialize the controller to manage the embedded view
    liveboardEmbedController = LiveboardController(
      embedConfig: embedConfig,
      viewConfig: liveboardViewConfig,
    );

import 'package:flutter/material.dart';
import 'package:thoughtspot_flutter_embed/thoughtspot_flutter_embed.dart';

// Custom class to handle authentication token retrieval.
class GetAuthToken extends EmbedConfigGetAuthToken {
  @override
  Future<String> operate() async {
    return '<YOUR_AUTH_TOKEN>'; // Replace `<YOUR_AUTH_TOKEN>` with your actual trusted auth token.
  }
}

// Main widget that displays the home page with ThoughtSpot embed.
class MyHomePage extends StatefulWidget {
  const MyHomePage({super.key, required this.title});

  final String title;

  @override
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  // Controller to manage the embedded Liveboard
  late LiveboardController liveboardEmbedController;

  // Configuration object for embed
  late EmbedConfig embedConfig;

  // Configuration for the specific Liveboard view
  late LiveboardViewConfig liveboardViewConfig;

  @override
  void initState() {
    super.initState();

    // Set up authentication and host URL configuration
    embedConfig = EmbedConfig(
      authType: AuthType.TrustedAuthTokenCookieless, // Cookieless authentication type using token
      thoughtSpotHost: '<YOUR_THOUGHTSPOT_HOST_URL>', // Replace with your ThoughtSpot URL. For example, 'https://your-instance.thoughtspot.cloud'
      getAuthToken: GetAuthToken(), // Use the custom token getter defined above
    );

    // Define how the Liveboard should look and behave
    liveboardViewConfig = LiveboardViewConfig(
      liveboardId: '<YOUR_LIVEBOARD_ID>', // Replace with your Liveboard ID
      customizations: CustomisationsInterface(
        style: CustomStyles(
          customCSS: customCssInterface(
            variables: {
              "--ts-var-root-background":
                  "#f6f641", // Background color of the root container
              "--ts-var-root-color": "#041a45", // Text color
              "--ts-var-viz-background": "#38f193", // Visualization background
              "--ts-var-viz-border-radius":
                  "20px", // Rounded corners for visualizations
            },
          ),
        ),
      ),
    );

    // Create the controller to manage and handle embedded content
    liveboardEmbedController = LiveboardController(
      embedConfig: embedConfig,
      viewConfig: liveboardViewConfig,
    );

    // Add event listener to handle data-related events from the embedded view
    liveboardEmbedController.on(EmbedEvent.Data, (payload) {
      print('Data: ${payload['displayMode']}');
    });
    // Add event listener to handle the object load
    liveboardEmbedController.on(EmbedEvent.Load, (payload) {
      print('Liveboard loaded');
    });
    // Add event listener to handle errors
    liveboardEmbedController.on(EmbedEvent.Error, (payload) {
      print('Error: $error');
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        backgroundColor: Theme.of(context).colorScheme.inversePrimary,
        title: Text(widget.title), // Show the title passed to the widget
      ),
      body: Column(
        children: [
          Expanded(
            // Display the embedded Liveboard view
            child: LiveboardEmbed(
              controller: liveboardEmbedController,
            ),
          ),
          // Buttons to interact with the Liveboard
          Row(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              // Reload button to reload the Liveboard content
              ElevatedButton(
                onPressed: () => liveboardEmbedController.trigger(HostEvent.Reload),
                child: const Text('Reload'),
              ),
              const SizedBox(width: 16),
              // Button to switch to a specific tab on the Liveboard
              ElevatedButton(
                onPressed: () => liveboardEmbedController.trigger(HostEvent.SetActiveTab, {
                  'tabId': '<YOUR_TAB_ID>', // Replace with your Liveboard tab ID
                }),
                child: const Text('Set Active Tab'),
              ),
            ],
          ),
        ],
      ),
    );
  }
}