flowcxp_atrium_widget 0.0.1-beta.1

A flutter package for the atrium chat widget powered by Flow CXP.

example/lib/main.dart

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

void main() {
  runApp(DemoApp());
}

class DemoApp extends StatelessWidget {
  const DemoApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'FlowCXP Widget Demo',
      theme: ThemeData(primarySwatch: Colors.blue, useMaterial3: true),
      home: const SimpleChatDemo(),
      debugShowCheckedModeBanner: false,
    );
  }
}

class SimpleChatDemo extends StatelessWidget {
  const SimpleChatDemo({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('FlowCXP Chat Demo'),
        backgroundColor: Colors.blue,
        foregroundColor: Colors.white,
      ),
      body: const Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Icon(Icons.chat_bubble_outline, size: 64, color: Colors.blue),
            SizedBox(height: 16),
            Text(
              'FlowCXP Chat Widget Demo',
              style: TextStyle(fontSize: 24, fontWeight: FontWeight.bold),
            ),
            SizedBox(height: 8),
            Text(
              'The chat widget appears as a floating button in the bottom-right corner',
              style: TextStyle(fontSize: 16, color: Colors.grey),
              textAlign: TextAlign.center,
            ),
            SizedBox(height: 32),
            Text(
              'Look for the chat button in the bottom-right corner to start chatting!',
              style: TextStyle(fontSize: 14, color: Colors.grey),
              textAlign: TextAlign.center,
            ),
          ],
        ),
      ),
      // Add the chat widget as an overlay
      floatingActionButton: const FlowCXPChatWidget(
        appId: 'your-app-id',
        env: 'production',
      ),
    );
  }
}