buzz/mobile/lib/shared/hosted/hosted_join_policy_view.dart

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

import 'hosted_join_policy.dart';
import '../theme/grid.dart';
import '../widgets/onboarding_step_page.dart';

/// Consent is explicit and scoped to the policy version shown on this screen.
class HostedJoinPolicyView extends HookWidget {
  const HostedJoinPolicyView({
    super.key,
    required this.policy,
    required this.onAccept,
    this.fullScreen = false,
    this.onBack,
  });
  final HostedJoinPolicy policy;
  final VoidCallback onAccept;
  final bool fullScreen;
  final VoidCallback? onBack;

  @override
  Widget build(BuildContext context) {
    final ageConfirmed = useState(false);
    final documents = [
      if (policy.terms != null) 'terms',
      if (policy.privacy != null) 'privacy policy',
    ];
    final children = <Widget>[
      if (policy.terms != null)
        ExpansionTile(
          tilePadding: fullScreen ? EdgeInsets.zero : null,
          expandedCrossAxisAlignment: fullScreen
              ? CrossAxisAlignment.stretch
              : null,
          title: const Text('Terms of service'),
          children: [
            Padding(
              padding: fullScreen
                  ? const EdgeInsets.symmetric(vertical: Grid.sm)
                  : const EdgeInsets.all(Grid.sm),
              child: SelectableText(policy.terms!),
            ),
          ],
        ),
      if (policy.privacy != null)
        ExpansionTile(
          tilePadding: fullScreen ? EdgeInsets.zero : null,
          expandedCrossAxisAlignment: fullScreen
              ? CrossAxisAlignment.stretch
              : null,
          title: const Text('Privacy policy'),
          children: [
            Padding(
              padding: fullScreen
                  ? const EdgeInsets.symmetric(vertical: Grid.sm)
                  : const EdgeInsets.all(Grid.sm),
              child: SelectableText(policy.privacy!),
            ),
          ],
        ),
      if (policy.ageRequired)
        CheckboxListTile(
          contentPadding: fullScreen ? EdgeInsets.zero : null,
          value: ageConfirmed.value,
          onChanged: (value) => ageConfirmed.value = value ?? false,
          title: const Text('I am 18 or older'),
        ),
      const SizedBox(height: Grid.sm),
      FilledButton(
        onPressed: !policy.ageRequired || ageConfirmed.value ? onAccept : null,
        child: const Text('Accept and join'),
      ),
    ];
    if (fullScreen) {
      return OnboardingStepPage(
        title: 'Join your community',
        subtitle: documents.isEmpty
            ? null
            : 'Review this community’s ${documents.join(' and ')} before joining.',
        onBack: onBack ?? () {},
        content: Column(
          crossAxisAlignment: CrossAxisAlignment.stretch,
          children: children.sublist(0, children.length - 1),
        ),
        actions: [children.last],
      );
    }
    return Column(
      crossAxisAlignment: CrossAxisAlignment.stretch,
      children: children,
    );
  }
}