kasy-cli 1.31.14 → 1.32.0

package/templates/firebase/lib/features/settings/ui/components/avatar_component.dart

@@ -103,7 +103,7 @@ class _EditableUserAvatarState extends ConsumerState<EditableUserAvatar> {
                 ),
                 child: const Icon(
                   KasyIcons.cameraAlt,
-                  size: 12,
+                  size: KasyIconSize.xxs,
                   color: Colors.white,
                 ),
               ),
@@ -336,7 +336,7 @@ class _BottomSheetTile extends StatelessWidget {
           child: Row(
             children: [
               if (icon != null) ...[
-                Icon(icon, size: 22, color: fg),
+                Icon(icon, size: KasyIconSize.lg, color: fg),
                 const SizedBox(width: KasySpacing.sm),
               ],
               Text(

package/templates/firebase/lib/features/settings/ui/components/edit_name_sheet.dart

@@ -0,0 +1,115 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+import 'package:kasy_kit/components/components.dart';
+import 'package:kasy_kit/core/data/repositories/user_repository.dart';
+import 'package:kasy_kit/core/states/user_state_notifier.dart';
+import 'package:kasy_kit/i18n/translations.g.dart';
+
+/// Opens the "edit name" bottom sheet and, on success, shows a confirmation
+/// toast on the calling [context]. The email is intentionally read-only — only
+/// the display name can be changed here.
+Future<void> showEditNameSheet(
+  BuildContext context, {
+  required String userId,
+  required String email,
+  required String currentName,
+}) async {
+  final bool? saved = await showKasyBottomSheet<bool>(
+    context: context,
+    isScrollControlled: true,
+    builder: (_) => _EditNameSheet(
+      userId: userId,
+      email: email,
+      initialName: currentName,
+    ),
+  );
+  if (saved == true && context.mounted) {
+    showKasyToast(
+      context,
+      title: context.t.settings.edit_name_success,
+      tone: KasyToastTone.success,
+    );
+  }
+}
+
+class _EditNameSheet extends ConsumerStatefulWidget {
+  final String userId;
+  final String email;
+  final String initialName;
+
+  const _EditNameSheet({
+    required this.userId,
+    required this.email,
+    required this.initialName,
+  });
+
+  @override
+  ConsumerState<_EditNameSheet> createState() => _EditNameSheetState();
+}
+
+class _EditNameSheetState extends ConsumerState<_EditNameSheet> {
+  late final TextEditingController _controller =
+      TextEditingController(text: widget.initialName);
+  bool _saving = false;
+
+  @override
+  void dispose() {
+    _controller.dispose();
+    super.dispose();
+  }
+
+  Future<void> _save() async {
+    final String name = _controller.text.trim();
+    if (name.isEmpty || _saving) return;
+    setState(() => _saving = true);
+    final tr = context.t.settings;
+    try {
+      await ref.read(userRepositoryProvider).updateEmailAndName(
+            userId: widget.userId,
+            email: widget.email,
+            name: name,
+          );
+      await ref.read(userStateNotifierProvider.notifier).refresh();
+      if (!mounted) return;
+      // The success toast is shown by the launcher on the page context, since
+      // this sheet's context is gone right after the pop.
+      Navigator.of(context).pop(true);
+    } catch (_) {
+      if (!mounted) return;
+      setState(() => _saving = false);
+      showKasyToast(context, title: tr.edit_name_error, tone: KasyToastTone.danger);
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final tr = context.t.settings;
+    return KasyBottomSheet(
+      title: tr.edit_name_title,
+      addKeyboardInset: true,
+      body: KasyTextField(
+        controller: _controller,
+        label: tr.name_label,
+        hint: tr.edit_name_hint,
+        autofocus: true,
+        textCapitalization: TextCapitalization.words,
+        textInputAction: TextInputAction.done,
+        onSubmitted: (_) => _save(),
+      ),
+      actions: [
+        KasyButton(
+          label: tr.edit_name_save,
+          expand: true,
+          isLoading: _saving,
+          onPressed: _save,
+        ),
+        KasyButton(
+          label: tr.edit_name_cancel,
+          variant: KasyButtonVariant.ghost,
+          expand: true,
+          onPressed: _saving ? null : () => Navigator.of(context).pop(),
+        ),
+      ],
+    );
+  }
+}

package/templates/firebase/lib/features/settings/ui/components/language_switcher.dart

@@ -30,14 +30,14 @@ class LanguageSwitcher extends ConsumerWidget {
             children: <Widget>[
               Icon(
                 KasyIcons.language,
-                size: 21,
+                size: KasyIconSize.rowLeading,
                 color: context.colors.onSurface,
               ),
               const SizedBox(width: KasySpacing.sm),
               Expanded(
                 child: Text(
                   context.t.settings.language_title,
-                  style: context.textTheme.titleMedium?.copyWith(
+                  style: context.textTheme.titleSmall?.copyWith(
                     color: context.colors.onSurface,
                   ),
                 ),

package/templates/firebase/lib/features/settings/ui/widgets/settings_bottom_sheet_option_tile.dart

@@ -39,7 +39,7 @@ class SettingsBottomSheetOptionTile extends StatelessWidget {
               leading!,
               const SizedBox(width: KasySpacing.sm),
             ] else if (icon != null) ...<Widget>[
-              Icon(icon, size: 22, color: fg),
+              Icon(icon, size: KasyIconSize.lg, color: fg),
               const SizedBox(width: KasySpacing.sm),
             ],
             Expanded(child: labelWidget),

package/templates/firebase/lib/features/settings/ui/widgets/settings_tile.dart

@@ -42,7 +42,7 @@ class SettingsIconBadge extends StatelessWidget {
 class SettingsListChevron extends StatelessWidget {
   const SettingsListChevron({super.key});
 
-  static const double _iconSize = 18;
+  static const double _iconSize = KasyIconSize.rowTrailing;
 
   @override
   Widget build(BuildContext context) {
@@ -97,7 +97,11 @@ class SettingsSwitchTile extends StatelessWidget {
           if (iconBackgroundColor != null)
             SettingsIconBadge(icon: icon, color: iconBackgroundColor!)
           else
-            Icon(icon, size: 21, color: context.colors.onSurface),
+            Icon(
+              icon,
+              size: KasyIconSize.rowLeading,
+              color: context.colors.onSurface,
+            ),
           const SizedBox(width: KasySpacing.sm),
           Expanded(
             child: Column(
@@ -106,7 +110,7 @@ class SettingsSwitchTile extends StatelessWidget {
               children: <Widget>[
                 Text(
                   title,
-                  style: context.textTheme.titleMedium?.copyWith(
+                  style: context.textTheme.titleSmall?.copyWith(
                     color: context.colors.onSurface,
                   ),
                 ),
@@ -166,12 +170,16 @@ class SettingsTile extends StatelessWidget {
           if (iconBackgroundColor != null)
             SettingsIconBadge(icon: icon, color: iconBackgroundColor!)
           else
-            Icon(icon, size: 21, color: context.colors.onSurface),
+            Icon(
+              icon,
+              size: KasyIconSize.rowLeading,
+              color: context.colors.onSurface,
+            ),
           const SizedBox(width: KasySpacing.sm),
           Expanded(
             child: Text(
               title,
-              style: context.textTheme.titleMedium?.copyWith(
+              style: context.textTheme.titleSmall?.copyWith(
                 color: context.colors.onSurface,
               ),
             ),

package/templates/firebase/lib/features/subscriptions/api/stripe_backend_api.dart

@@ -35,6 +35,7 @@ class StripeBackendApi {
     String? successUrl,
     String? cancelUrl,
     String? locale,
+    bool? allowPromoCodes,
   }) async {
     final res = await _functions
         .httpsCallable('stripeFunctions-createCheckoutSession')
@@ -43,15 +44,24 @@ class StripeBackendApi {
           if (successUrl != null) 'successUrl': successUrl,
           if (cancelUrl != null) 'cancelUrl': cancelUrl,
           if (locale != null) 'locale': locale,
+          if (allowPromoCodes != null) 'allowPromoCodes': allowPromoCodes,
         });
     return (res.data as Map)['url'] as String;
   }
 
   /// Create a Customer Portal session (manage / cancel) and return its URL.
-  Future<String> createPortalSession({String? returnUrl}) async {
+  /// Pass [planSwitching] = true to auto-configure the portal with
+  /// upgrade/downgrade support (no manual Stripe dashboard setup needed).
+  Future<String> createPortalSession({
+    String? returnUrl,
+    bool? planSwitching,
+  }) async {
     final res = await _functions
         .httpsCallable('stripeFunctions-createPortalSession')
-        .call({if (returnUrl != null) 'returnUrl': returnUrl});
+        .call({
+          if (returnUrl != null) 'returnUrl': returnUrl,
+          if (planSwitching != null) 'planSwitching': planSwitching,
+        });
     return (res.data as Map)['url'] as String;
   }
 }

package/templates/firebase/lib/features/subscriptions/api/stripe_payment_api.dart

@@ -1,3 +1,4 @@
+import 'package:kasy_kit/core/config/features.dart';
 import 'package:kasy_kit/core/data/models/entitlement.dart';
 import 'package:kasy_kit/core/data/models/subscription.dart';
 import 'package:kasy_kit/features/subscriptions/api/entities/subscription_entity.dart';
@@ -39,7 +40,10 @@ class StripePaymentApi implements SubscriptionPaymentApi {
     // tab. The original app tab keeps polling and flips to premium via the
     // webhook. On cancel we send the user back to the app where they were.
     final appUrl = Uri.base.toString();
-    final successUrl = '${Uri.base.origin}/stripe_success.html';
+    // Pass the in-app language so the success page renders in the locale the
+    // user picked here, not just the browser's (?lang= takes priority there).
+    final lang = LocaleSettings.instance.currentLocale.languageCode;
+    final successUrl = '${Uri.base.origin}/stripe_success.html?lang=$lang';
     final url = await _backend.createCheckoutSession(
       priceId: product.skuId,
       successUrl: successUrl,
@@ -48,6 +52,7 @@ class StripePaymentApi implements SubscriptionPaymentApi {
       // deliver subscription notifications in the right language (on web there
       // is no registered device to read the locale from).
       locale: LocaleSettings.instance.currentLocale.languageCode,
+      allowPromoCodes: withStripePromoCodes,
     );
     await _open(url);
     // Checkout is now open in a new tab. Payment is NOT confirmed yet — the
@@ -60,6 +65,7 @@ class StripePaymentApi implements SubscriptionPaymentApi {
   Future<void> unsubscribe(SubscriptionStore? origin) async {
     final url = await _backend.createPortalSession(
       returnUrl: Uri.base.toString(),
+      planSwitching: withStripePlanSwitching,
     );
     await _open(url);
   }

package/templates/firebase/lib/features/subscriptions/providers/premium_page_provider.dart

@@ -269,10 +269,18 @@ class PremiumStateNotifier extends _$PremiumStateNotifier {
     }
 
     try {
-      await _subscriptionRepository.restorePurchase();
+      // Store-level restore: RevenueCat on native (asks Apple/Google to restore
+      // purchases), a no-op on web (Stripe status lives server-side). Best-effort
+      // — RevenueCat throws when there is nothing to restore, but the backend
+      // re-read below is the source of truth and decides the message, so both
+      // web and native end on the same friendly "nothing to restore" path.
+      try {
+        await _subscriptionRepository.restorePurchase();
+      } catch (_) {
+        // Ignore: fall through to the backend check.
+      }
 
-      // restorePurchase is a no-op on web (Stripe status lives server-side), so
-      // we re-read the backend to learn the real state: the webhook may have
+      // Re-read the backend to learn the real state: the webhook may have
       // already written the subscription. Only flip to active when the backend
       // actually confirms it — otherwise we'd show a false "restored" success.
       final userId = _userState.user.idOrNull;

package/templates/firebase/lib/features/subscriptions/ui/component/paywall_row.dart

@@ -280,7 +280,7 @@ class _BasicPaywallRowState extends ConsumerState<PaywallRow> {
                                   children: [
                                     Icon(
                                       KasyIcons.security,
-                                      size: 14,
+                                      size: KasyIconSize.xs,
                                       color: context.colors.primary,
                                     ),
                                     const SizedBox(width: KasySpacing.xs),

package/templates/firebase/lib/features/subscriptions/ui/widgets/comparison_table.dart

@@ -312,7 +312,7 @@ class _ComparisonTable extends StatelessWidget {
       isAvailable 
         ? KasyIcons.check
         : KasyIcons.close,
-      size: 20,
+      size: KasyIconSize.lg,
       color: isAvailable 
         ? (isPremium ? context.colors.primary : context.colors.success)
         : context.colors.error,

package/templates/firebase/lib/features/subscriptions/ui/widgets/feature_line.dart

@@ -28,7 +28,7 @@ class FeatureLine extends StatelessWidget {
             Icon(
               icon,
               color: context.colors.onBackground,
-              size: 16,
+              size: KasyIconSize.sm,
             ),
           if (icon != null)
             const SizedBox(width: KasySpacing.smd),
@@ -93,7 +93,7 @@ class FeatureWithTwoLines extends StatelessWidget {
             Icon(
               icon,
               color: context.colors.onBackground,
-              size: 24,
+              size: KasyIconSize.xl,
             ),
           const SizedBox(width: KasySpacing.smd),
           Flexible(

package/templates/firebase/lib/features/subscriptions/ui/widgets/premium_close_button.dart

@@ -58,7 +58,7 @@ class AppCloseButton extends StatelessWidget {
               child: Icon(
                 KasyIcons.close,
                 color: context.colors.background,
-                size: 21,
+                size: KasyIconSize.lg,
               ),
             ),
           ),

package/templates/firebase/lib/features/subscriptions/ui/widgets/premium_feature.dart

@@ -19,7 +19,7 @@ class PremiumFeature extends StatelessWidget {
           Icon(
             KasyIcons.check,
             color: context.colors.onPrimary,
-            size: 24,
+            size: KasyIconSize.xl,
           ),
           const SizedBox(width: KasySpacing.md),
           Expanded(

package/templates/firebase/lib/features/subscriptions/ui/widgets/selectable_col.dart

@@ -230,8 +230,8 @@ class _SelectableColState extends State<SelectableCol>
                       Padding(
                         padding: const EdgeInsets.only(bottom: 2), // pixel-level icon alignment — intentional exception
                         child: Icon(
-                          widget.icon, 
-                          size: 24, 
+                          widget.icon,
+                          size: KasyIconSize.xl,
                           color: switch(widget.brightness) {
                             Brightness.light => context.colors.onBackground,
                             _ => context.colors.background,
@@ -374,7 +374,7 @@ class RoundRadioBox extends StatelessWidget {
                 opacity: iconOpacity,
                 child: Transform.scale(
                   scale: iconSize,
-                  child: Icon(icon, color: context.colors.onPrimary, size: 21),
+                  child: Icon(icon, color: context.colors.onPrimary, size: KasyIconSize.lg),
                 ),
               )
             : const SizedBox.shrink(),

package/templates/firebase/lib/features/subscriptions/ui/widgets/selectable_row.dart

@@ -433,7 +433,7 @@ class RoundRadioBox extends StatelessWidget {
                 opacity: iconOpacity,
                 child: Transform.scale(
                   scale: iconSize,
-                  child: Icon(icon, color: context.colors.background, size: 16),
+                  child: Icon(icon, color: context.colors.background, size: KasyIconSize.sm),
                 ),
               )
             : const SizedBox.shrink(),

package/templates/firebase/lib/i18n/en.i18n.json

@@ -495,6 +495,14 @@
         "my_account": "My account",
         "not_signed_in": "Not signed in",
         "register": "Register",
+        "name_label": "Name",
+        "email_label": "Email",
+        "edit_name_title": "Edit name",
+        "edit_name_hint": "Your name",
+        "edit_name_save": "Save",
+        "edit_name_cancel": "Cancel",
+        "edit_name_success": "Name updated",
+        "edit_name_error": "Couldn't update your name. Please try again.",
         "reminders": "Reminders",
         "admin_panel": "Admin Panel",
         "admin_debug_section_label": "ADMIN (DEBUG ONLY)",

package/templates/firebase/lib/i18n/es.i18n.json

@@ -495,6 +495,14 @@
         "my_account": "Mi cuenta",
         "not_signed_in": "No conectado",
         "register": "Registrarse",
+        "name_label": "Nombre",
+        "email_label": "Correo electrónico",
+        "edit_name_title": "Editar nombre",
+        "edit_name_hint": "Tu nombre",
+        "edit_name_save": "Guardar",
+        "edit_name_cancel": "Cancelar",
+        "edit_name_success": "Nombre actualizado",
+        "edit_name_error": "No se pudo actualizar tu nombre. Inténtalo de nuevo.",
         "reminders": "Recordatorios",
         "admin_panel": "Panel de Administración",
         "admin_debug_section_label": "ADMIN (SOLO DEBUG)",

package/templates/firebase/lib/i18n/pt.i18n.json

@@ -495,6 +495,14 @@
         "my_account": "Minha conta",
         "not_signed_in": "Não conectado",
         "register": "Cadastrar",
+        "name_label": "Nome",
+        "email_label": "Email",
+        "edit_name_title": "Editar nome",
+        "edit_name_hint": "Seu nome",
+        "edit_name_save": "Salvar",
+        "edit_name_cancel": "Cancelar",
+        "edit_name_success": "Nome atualizado",
+        "edit_name_error": "Não foi possível atualizar seu nome. Tente novamente.",
         "reminders": "Lembretes",
         "admin_panel": "Painel Admin",
         "admin_debug_section_label": "ADMIN (SÓ EM DEBUG)",

package/templates/firebase/pubspec.yaml

@@ -34,7 +34,6 @@ dependencies:
   another_flushbar: ^1.12.32
   background_fetch: ^1.5.0
   bart: ^1.4.1
-  better_skeleton: ^0.1.0
   cloud_firestore: ^6.1.2
   cloud_functions: ^6.0.6
   cross_file: ^0.3.5+2

package/templates/firebase/web/stripe_success.html

@@ -4,84 +4,112 @@
 
   Stripe redirects the checkout tab here (success_url) after a successful
   payment. It is intentionally a tiny standalone page — NOT the full Flutter
-  app — so the user does not end up with two heavy app tabs open. The original
-  app tab keeps polling and flips to premium on its own (via the webhook), so
-  here we just congratulate the user and let them close this tab / return.
+  app — so the user does not end up with two heavy app tabs open, and so the
+  "return to the app" button can reliably window.close() this tab (only a light
+  page opened via window.open is allowed to close itself). The original app tab
+  keeps polling and flips to premium on its own (via the webhook).
 
-  Localized client-side from navigator.language (pt / es / en).
+  Styled to match the kit's design system (Inter + the same color tokens as the
+  Flutter app). Localized from the ?lang= the app appends (the language picked
+  IN the app), falling back to the browser language.
 -->
 <html lang="en">
 <head>
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>Payment complete</title>
+  <link rel="preconnect" href="https://fonts.googleapis.com" />
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+  <link
+    href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"
+    rel="stylesheet"
+  />
   <style>
+    /* Kit design tokens (mirror lib/core/theme/colors.dart). */
     :root {
       --accent: #0485F7;
-      --success: #16A34A;
-      --bg: #F6F8FB;
+      --accent-fg: #FFFFFF;
+      --success: #17C964;
+      --bg: #F5F5F5;
       --card: #FFFFFF;
-      --text: #0B1524;
-      --muted: #5B6776;
-      --border: rgba(11, 21, 36, 0.08);
+      --text: #18181B;
+      --muted: #71717A;
+      --border: rgba(24, 24, 27, 0.10);
+      --shadow: 0 12px 40px rgba(24, 24, 27, 0.10);
     }
     @media (prefers-color-scheme: dark) {
       :root {
-        --bg: #0B1220;
-        --card: #131C2B;
-        --text: #F3F6FB;
-        --muted: #9AA7B8;
-        --border: rgba(255, 255, 255, 0.10);
+        --bg: #060607;
+        --card: #18181B;
+        --text: #FCFCFC;
+        --muted: #A1A1AA;
+        --border: rgba(255, 255, 255, 0.08);
+        --shadow: 0 12px 40px rgba(0, 0, 0, 0.45);
       }
     }
     * { box-sizing: border-box; }
     html, body { height: 100%; margin: 0; }
     body {
-      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
-        Helvetica, Arial, sans-serif;
+      font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI",
+        Roboto, Helvetica, Arial, sans-serif;
       background: var(--bg);
       color: var(--text);
       display: flex;
       align-items: center;
       justify-content: center;
       padding: 24px;
+      -webkit-font-smoothing: antialiased;
+      -moz-osx-font-smoothing: grayscale;
     }
     .card {
       width: 100%;
       max-width: 420px;
       background: var(--card);
       border: 1px solid var(--border);
-      border-radius: 20px;
+      border-radius: 24px;
       padding: 40px 32px;
       text-align: center;
-      box-shadow: 0 12px 40px rgba(11, 21, 36, 0.08);
+      box-shadow: var(--shadow);
     }
     .check {
       width: 72px;
       height: 72px;
       margin: 0 auto 24px;
       border-radius: 50%;
-      background: rgba(22, 163, 74, 0.12);
+      background: rgba(23, 201, 100, 0.12);
       display: flex;
       align-items: center;
       justify-content: center;
     }
-    .check svg { width: 38px; height: 38px; stroke: var(--success); }
-    h1 { font-size: 22px; font-weight: 700; margin: 0 0 10px; letter-spacing: -0.4px; }
-    p { font-size: 15px; line-height: 1.5; color: var(--muted); margin: 0 0 28px; }
+    .check svg { width: 36px; height: 36px; stroke: var(--success); }
+    h1 {
+      font-size: 24px;
+      font-weight: 700;
+      line-height: 32px;
+      letter-spacing: -0.2px;
+      margin: 0 0 10px;
+    }
+    p {
+      font-size: 16px;
+      line-height: 24px;
+      color: var(--muted);
+      margin: 0 0 28px;
+    }
     button {
       width: 100%;
       border: none;
-      border-radius: 12px;
+      border-radius: 14px;
       padding: 14px 20px;
-      font-size: 15px;
+      font-family: inherit;
+      font-size: 16px;
       font-weight: 600;
-      color: #FFFFFF;
+      color: var(--accent-fg);
       background: var(--accent);
       cursor: pointer;
       transition: opacity 0.15s ease;
     }
     button:hover { opacity: 0.92; }
+    button:active { opacity: 0.85; }
   </style>
 </head>
 <body>
@@ -119,7 +147,17 @@
       },
     };
 
-    var lang = (navigator.language || "en").slice(0, 2).toLowerCase();
+    // Prefer the language the app passed (?lang=xx) — the one the user picked
+    // IN the app — then fall back to the browser language.
+    function pickLang() {
+      try {
+        var q = new URLSearchParams(window.location.search).get("lang");
+        if (q) return q.slice(0, 2).toLowerCase();
+      } catch (e) {}
+      return (navigator.language || "en").slice(0, 2).toLowerCase();
+    }
+
+    var lang = pickLang();
     var t = I18N[lang] || I18N.en;
     document.documentElement.lang = lang in I18N ? lang : "en";
     document.title = t.doc;

package/lib/scaffold/backends/api/patch/lib/features/onboarding/ui/animations/movefade_anim.dart

@@ -1,34 +0,0 @@
-import 'package:flutter/material.dart';
-import 'package:flutter_animate/flutter_animate.dart';
-
-class MoveFadeAnim extends StatelessWidget {
-  final int? delayInMs;
-  final Widget child;
-
-  const MoveFadeAnim({
-    super.key,
-    required this.child,
-    this.delayInMs,
-  });
-
-  @override
-  Widget build(BuildContext context) {
-    return Animate(
-      effects: [
-        FadeEffect(
-          delay: Duration(milliseconds: delayInMs ?? 0),
-          duration: const Duration(milliseconds: 200),
-          curve: Curves.easeIn,
-        ),
-        MoveEffect(
-          delay: Duration(milliseconds: delayInMs ?? 0),
-          duration: const Duration(milliseconds: 450),
-          curve: Curves.easeOut,
-          begin: const Offset(0, 50),
-          end: Offset.zero,
-        ),
-      ],
-      child: child,
-    );
-  }
-}