Reusable PaywallGate for Flutter RevenueCat

paywall_gate.dart

import 'package:flutter/material.dart';
import 'package:hooks_riverpod/hooks_riverpod.dart';
import 'package:lottie/lottie.dart';
import 'package:purchases_ui_flutter/purchases_ui_flutter.dart';

// Config
import '../../../config/config.dart';

// Helpers
import '../../../helpers/constants/constants.dart';

// Providers
import '../providers/subscription_provider.codegen.dart';

// Screens
import '../screens/paywall_sheet.dart';

class PaywallGate extends ConsumerWidget {
  const PaywallGate({
    required this.child,
    this.disableWhile,
    this.behavior = PaywallBehavior.showPaywall,
    this.logoWidth = 70,
    this.logoHeight = 70,
    this.logoLeft,
    this.logoTop = -40,
    this.logoRight = -15,
    this.logoBottom,
    this.message,
    // this.goal,
    super.key,
  });

  final PaywallBehavior behavior;
  // final OnboardingGoal? goal;
  final bool Function()? disableWhile;
  final String? message;
  final Widget child;
  final double? logoWidth;
  final double? logoHeight;
  final double? logoTop;
  final double? logoRight;
  final double? logoBottom;
  final double? logoLeft;

  @override
  Widget build(BuildContext context, WidgetRef ref) {
    final isDisabled = disableWhile?.call() ?? false;
    if (isDisabled) {
      return child;
    }

    final customerSubscription =
        ref.watch(customerSubscriptionProvider).valueOrNull;
    final isPremiumActive = customerSubscription?.isActive ?? false;

    return switch (behavior) {
      _ when isPremiumActive => child,
      PaywallBehavior.hidden => const SizedBox.shrink(),
      PaywallBehavior.showPaywall => InkWell(
          onTap: () => Config.enableRCRemotePaywall
              ? RevenueCatUI.presentPaywall()
              : AppUtils.showBottomSheet<void>(
                  context: context,
                  child: PaywallSheet(message: message),
                ),
          child: Stack(
            alignment: Alignment.center,
            clipBehavior: Clip.none,
            children: [
              // Intended CTA
              AbsorbPointer(child: child),

              // Premium logo
              Positioned(
                width: logoWidth,
                height: logoHeight,
                left: logoLeft,
                top: logoTop,
                right: logoRight,
                bottom: logoBottom,
                child: Lottie.asset(
                  AppAssets.premiumLottie,
                ),
              ),
            ],
          ),
        )
    };
  }
}

enum PaywallBehavior {
// Hidden for members, visible for non-members
  hidden,
// Visible for all but shows the paywall when tapped for non-members
  showPaywall,
}