feat!: Allow the OAuth provider labels to be overridden on SupaSocialsAuth (#101)

* feat: Allow the OAuth provider labels to be overridden on SocialLogin component

* Remove continue with and merge it with oAuthButtonLabels

* minor comment edit

* fix: add 'Continue with' to localisation, make dynamic

* refactor: remove 'update Password' for OAuth flow

* remove continue with from social localization

---------

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

Author: dshukertjr

lib/src/components/supa_socials_auth.dart

@@ -54,7 +54,8 @@ extension on OAuthProvider {
         _ => Colors.black,
       };
 
-  String get capitalizedName => name[0].toUpperCase() + name.substring(1);
+  String get labelText =>
+      'Continue with ${name[0].toUpperCase()}${name.substring(1)}';
 }
 
 enum SocialButtonVariant {
@@ -384,7 +385,9 @@ class _SupaSocialsAuthState extends State<SupaSocialsAuth> {
                   style: authButtonStyle,
                   onPressed: onAuthButtonPressed,
                   label: Text(
-                      '${localization.continueWith} ${socialProvider.capitalizedName}'),
+                    localization.oAuthButtonLabels[socialProvider] ??
+                        socialProvider.labelText,
+                  ),
                 ),
         );
       },

lib/src/localizations/supa_socials_auth_localization.dart

@@ -1,13 +1,31 @@
+import 'package:supabase_auth_ui/supabase_auth_ui.dart';
+
 class SupaSocialsAuthLocalization {
-  final String updatePassword;
   final String successSignInMessage;
   final String unexpectedError;
-  final String continueWith;
+
+  /// Overrides the name of the OAuth provider shown on the sign-in button.
+  ///
+  /// Defaults to `Continue with [ProviderName]`
+  ///
+  /// ```dart
+  /// SupaSocialsAuth(
+  ///   socialProviders: const [OAuthProvider.azure],
+  ///   localization: const SupaSocialsAuthLocalization(
+  ///     oAuthButtonLabels: {
+  ///       OAuthProvider.azure: 'Microsoft (Azure)'
+  ///     },
+  ///   ),
+  ///   onSuccess: (session) {
+  ///     // sHandle success
+  ///   },
+  /// ),
+  /// ```
+  final Map<OAuthProvider, String> oAuthButtonLabels;
 
   const SupaSocialsAuthLocalization({
-    this.updatePassword = 'Update Password',
     this.successSignInMessage = 'Successfully signed in!',
     this.unexpectedError = 'An unexpected error occurred',
-    this.continueWith = 'Continue with',
+    this.oAuthButtonLabels = const {},
   });
 }