refactor(examples): extract maskValue utility

Author: fadi-george

examples/demo/lib/utils/mask_value.dart

@@ -0,0 +1,14 @@
+import 'package:flutter_dotenv/flutter_dotenv.dart';
+
+const String _maskChar = '\u2022';
+final bool _isE2E = dotenv.env['E2E_MODE'] == 'true';
+
+/// Replaces [value] with a mask of equal length when running in E2E mode so
+/// real app/push IDs don't leak into screenshots or Appium element captures.
+/// Returns [value] unchanged otherwise.
+String maskValue(String value) {
+  if (_isE2E) {
+    return _maskChar * value.length;
+  }
+  return value;
+}

examples/demo/lib/widgets/sections/app_section.dart

@@ -1,15 +1,13 @@
 import 'package:flutter/material.dart';
-import 'package:flutter_dotenv/flutter_dotenv.dart';
 import 'package:provider/provider.dart';
 import 'package:url_launcher/url_launcher.dart';
 
 import '../../theme.dart';
+import '../../utils/mask_value.dart';
 import '../../viewmodels/app_viewmodel.dart';
 import '../section_card.dart';
 import '../toggle_row.dart';
 
-final bool _isE2E = dotenv.env['E2E_MODE'] == 'true';
-
 class AppSection extends StatelessWidget {
   final VoidCallback? onInfoTap;
 
@@ -40,7 +38,7 @@ class AppSection extends StatelessWidget {
                       identifier: 'app_id_value',
                       container: true,
                       child: SelectableText(
-                        _isE2E ? '••••••••-••••-••••-••••-••••••••••••' : vm.appId,
+                        maskValue(vm.appId),
                         style: Theme.of(context).textTheme.bodySmall?.copyWith(
                               fontFamily: 'monospace',
                             ),

examples/demo/lib/widgets/sections/push_section.dart

@@ -1,15 +1,13 @@
 import 'package:flutter/material.dart';
-import 'package:flutter_dotenv/flutter_dotenv.dart';
 import 'package:provider/provider.dart';
 
 import '../../theme.dart';
+import '../../utils/mask_value.dart';
 import '../../viewmodels/app_viewmodel.dart';
 import '../action_button.dart';
 import '../section_card.dart';
 import '../toggle_row.dart';
 
-final bool _isE2E = dotenv.env['E2E_MODE'] == 'true';
-
 class PushSection extends StatelessWidget {
   final VoidCallback? onInfoTap;
 
@@ -43,7 +41,7 @@ class PushSection extends StatelessWidget {
                           identifier: 'push_id_value',
                           container: true,
                           child: SelectableText(
-                            _isE2E ? '••••••••-••••-••••-••••-••••••••••••' : (vm.pushSubscriptionId ?? 'N/A'),
+                            maskValue(vm.pushSubscriptionId ?? 'N/A'),
                             style: Theme.of(context).textTheme.bodySmall?.copyWith(
                                   fontFamily: 'monospace',
                                 ),

examples/demo_pods/lib/utils/mask_value.dart

@@ -0,0 +1,14 @@
+import 'package:flutter_dotenv/flutter_dotenv.dart';
+
+const String _maskChar = '\u2022';
+final bool _isE2E = dotenv.env['E2E_MODE'] == 'true';
+
+/// Replaces [value] with a mask of equal length when running in E2E mode so
+/// real app/push IDs don't leak into screenshots or Appium element captures.
+/// Returns [value] unchanged otherwise.
+String maskValue(String value) {
+  if (_isE2E) {
+    return _maskChar * value.length;
+  }
+  return value;
+}

examples/demo_pods/lib/widgets/sections/app_section.dart

@@ -1,15 +1,13 @@
 import 'package:flutter/material.dart';
-import 'package:flutter_dotenv/flutter_dotenv.dart';
 import 'package:provider/provider.dart';
 import 'package:url_launcher/url_launcher.dart';
 
 import '../../theme.dart';
+import '../../utils/mask_value.dart';
 import '../../viewmodels/app_viewmodel.dart';
 import '../section_card.dart';
 import '../toggle_row.dart';
 
-final bool _isE2E = dotenv.env['E2E_MODE'] == 'true';
-
 class AppSection extends StatelessWidget {
   final VoidCallback? onInfoTap;
 
@@ -40,7 +38,7 @@ class AppSection extends StatelessWidget {
                       identifier: 'app_id_value',
                       container: true,
                       child: SelectableText(
-                        _isE2E ? '••••••••-••••-••••-••••-••••••••••••' : vm.appId,
+                        maskValue(vm.appId),
                         style: Theme.of(context).textTheme.bodySmall?.copyWith(
                               fontFamily: 'monospace',
                             ),

examples/demo_pods/lib/widgets/sections/push_section.dart

@@ -1,15 +1,13 @@
 import 'package:flutter/material.dart';
-import 'package:flutter_dotenv/flutter_dotenv.dart';
 import 'package:provider/provider.dart';
 
 import '../../theme.dart';
+import '../../utils/mask_value.dart';
 import '../../viewmodels/app_viewmodel.dart';
 import '../action_button.dart';
 import '../section_card.dart';
 import '../toggle_row.dart';
 
-final bool _isE2E = dotenv.env['E2E_MODE'] == 'true';
-
 class PushSection extends StatelessWidget {
   final VoidCallback? onInfoTap;
 
@@ -43,7 +41,7 @@ class PushSection extends StatelessWidget {
                           identifier: 'push_id_value',
                           container: true,
                           child: SelectableText(
-                            _isE2E ? '••••••••-••••-••••-••••-••••••••••••' : (vm.pushSubscriptionId ?? 'N/A'),
+                            maskValue(vm.pushSubscriptionId ?? 'N/A'),
                             style: Theme.of(context).textTheme.bodySmall?.copyWith(
                                   fontFamily: 'monospace',
                                 ),