feat(firebase_ui_auth): Override the default deletion modal. (#493)

Co-authored-by: russellwheatley <[email protected]>

Author: EArminjon

packages/firebase_ui_auth/lib/src/screens/profile_screen.dart

@@ -751,6 +751,9 @@ class ProfileScreen extends MultiProviderScreen {
   /// {@macro ui.auth.widgets.delete_account_button.show_delete_confirmation_dialog}
   final bool showDeleteConfirmationDialog;
 
+  /// {@macro ui.auth.widgets.delete_account_button.delete_confirmation}
+  final Future<bool> Function(BuildContext context)? deleteConfirmation;
+
   const ProfileScreen({
     super.key,
     super.auth,
@@ -767,6 +770,7 @@ class ProfileScreen extends MultiProviderScreen {
     this.showMFATile = false,
     this.showUnlinkConfirmationDialog = false,
     this.showDeleteConfirmationDialog = false,
+    this.deleteConfirmation,
   });
 
   Future<bool> _reauthenticate(BuildContext context) {
@@ -928,6 +932,7 @@ class ProfileScreen extends MultiProviderScreen {
         DeleteAccountButton(
           auth: auth,
           showDeleteConfirmationDialog: showDeleteConfirmationDialog,
+          deleteConfirmation: deleteConfirmation,
           onSignInRequired: () {
             return _reauthenticate(context);
           },

packages/firebase_ui_auth/lib/src/styling/theme.dart

@@ -22,7 +22,7 @@ StylesMap _buildStylesMap(Set<FirebaseUIStyle> styles) {
 /// Shouldn't be used if you're using pre-built screens, but could be used
 /// if you're building your own and using only widgets from the FirebaseUI.
 class FirebaseUITheme extends InheritedModel {
-  /// A set of styles that need to be provded down the widget tree.
+  /// A set of styles that need to be provided down the widget tree.
   final Set<FirebaseUIStyle> styles;
 
   const FirebaseUITheme({

packages/firebase_ui_auth/lib/src/widgets/delete_account_button.dart

@@ -63,6 +63,11 @@ class DeleteAccountButton extends StatefulWidget {
   /// {@endtemplate}
   final bool showDeleteConfirmationDialog;
 
+  /// {@template ui.auth.widgets.delete_account_button.delete_confirmation}
+  /// A callback to replace the default account deletion modal.
+  /// {@endtemplate}
+  final Future<bool> Function(BuildContext context)? deleteConfirmation;
+
   /// {@macro ui.auth.widgets.delete_account_button}
   const DeleteAccountButton({
     super.key,
@@ -71,6 +76,7 @@ class DeleteAccountButton extends StatefulWidget {
     this.onDeleteFailed,
     this.variant = ButtonVariant.filled,
     this.showDeleteConfirmationDialog = false,
+    this.deleteConfirmation,
   });
 
   @override
@@ -91,19 +97,23 @@ class _DeleteAccountButtonState extends State<DeleteAccountButton> {
     if (!confirmed) {
       final l = FirebaseUILocalizations.labelsOf(context);
 
-      confirmed = await showCupertinoDialog<bool?>(
-        context: context,
-        builder: (context) {
-          return UniversalAlert(
-            onConfirm: pop(context, true),
-            onCancel: pop(context, false),
-            title: l.confirmDeleteAccountAlertTitle,
-            confirmButtonText: l.confirmDeleteAccountButtonLabel,
-            cancelButtonText: l.cancelButtonLabel,
-            message: l.confirmDeleteAccountAlertMessage,
-          );
-        },
-      );
+      if (widget.deleteConfirmation != null) {
+        confirmed = await widget.deleteConfirmation!(context);
+      } else {
+        confirmed = await showCupertinoDialog<bool?>(
+          context: context,
+          builder: (context) {
+            return UniversalAlert(
+              onConfirm: pop(context, true),
+              onCancel: pop(context, false),
+              title: l.confirmDeleteAccountAlertTitle,
+              confirmButtonText: l.confirmDeleteAccountButtonLabel,
+              cancelButtonText: l.cancelButtonLabel,
+              message: l.confirmDeleteAccountAlertMessage,
+            );
+          },
+        );
+      }
     }
 
     if (!(confirmed ?? false)) return;