✨ Rotate bot key

assets/i18n/en-US.json

@@ -904,5 +904,8 @@
   "revoke": "Revoke",
   "keyName": "Key Name",
   "newKeyGenerated": "New Key Generated",
-  "copyKeyHint": "Please copy this key and store it somewhere safe. You will not be able to see it again."
+  "copyKeyHint": "Please copy this key and store it somewhere safe. You will not be able to see it again.",
+  "rotateKey": "Rotate Key",
+  "rotateBotKey": "Rotate Bot Key",
+  "rotateBotKeyHint": "Are you sure you want to rotate this key? The old key will become invalid immediately. This action cannot be undone."
 }

lib/screens/developers/bot_keys.dart

@@ -6,6 +6,7 @@ import 'package:gap/gap.dart';
 import 'package:hooks_riverpod/hooks_riverpod.dart';
 import 'package:island/models/bot_key.dart';
 import 'package:island/pods/network.dart';
+import 'package:island/services/time.dart';
 import 'package:island/widgets/alert.dart';
 import 'package:island/widgets/content/sheet.dart';
 import 'package:island/widgets/response.dart';
@@ -95,7 +96,6 @@ class BotKeysScreen extends HookConsumerWidget {
         isScrollControlled: true,
         builder:
             (context) => SheetScaffold(
-              heightFactor: 0.65,
               titleText: 'newBotKey'.tr(),
               child: Padding(
                 padding: const EdgeInsets.all(20.0),
@@ -136,6 +136,28 @@ class BotKeysScreen extends HookConsumerWidget {
       );
     }
 
+    void rotateKey(String keyId) {
+      showConfirmAlert('rotateBotKeyHint'.tr(), 'rotateBotKey'.tr()).then((
+        confirm,
+      ) async {
+        if (confirm) {
+          try {
+            if (context.mounted) showLoadingModal(context);
+            final client = ref.read(apiClientProvider);
+            final resp = await client.post(
+              '/develop/developers/$publisherName/projects/$projectId/bots/$botId/keys/$keyId/rotate',
+            );
+            final rotatedApiKey = SnAccountApiKey.fromJson(resp.data);
+            showNewKeySheet(rotatedApiKey);
+          } catch (err) {
+            showErrorAlert(err.toString());
+          } finally {
+            if (context.mounted) hideLoadingModal(context);
+          }
+        }
+      });
+    }
+
     void revokeKey(String keyId) {
       showConfirmAlert('revokeBotKeyHint'.tr(), 'revokeBotKey'.tr()).then((
         confirm,
@@ -158,6 +180,8 @@ class BotKeysScreen extends HookConsumerWidget {
       });
     }
 
+    return keys.when(
+      data: (data) {
         return Column(
           children: [
             ListTile(
@@ -168,15 +192,17 @@ class BotKeysScreen extends HookConsumerWidget {
             ),
             const Divider(height: 1),
             Expanded(
-          child: keys.when(
-            data: (data) {
-              if (data.isEmpty) {
-                return Center(child: Text('noBotKeys'.tr()));
-              }
-              return RefreshIndicator(
+              child:
+                  data.isEmpty
+                      ? Center(child: Text('noBotKeys'.tr()))
+                      : RefreshIndicator(
                         onRefresh:
                             () => ref.refresh(
-                      botKeysProvider(publisherName, projectId, botId).future,
+                              botKeysProvider(
+                                publisherName,
+                                projectId,
+                                botId,
+                              ).future,
                             ),
                         child: ListView.builder(
                           padding: EdgeInsets.zero,
@@ -185,13 +211,24 @@ class BotKeysScreen extends HookConsumerWidget {
                             final apiKey = data[index];
                             return ListTile(
                               title: Text(apiKey.label),
-                      subtitle: Text(
-                        'Created: ${DateFormat.yMMMd().format(apiKey.createdAt)}',
+                              subtitle: Text(apiKey.createdAt.formatSystem()),
+                              contentPadding: EdgeInsets.only(
+                                left: 16,
+                                right: 12,
                               ),
-                      contentPadding: EdgeInsets.only(left: 16, right: 12),
                               trailing: PopupMenuButton(
                                 itemBuilder:
                                     (context) => [
+                                      PopupMenuItem(
+                                        value: 'rotate',
+                                        child: Row(
+                                          children: [
+                                            const Icon(Symbols.refresh),
+                                            const Gap(12),
+                                            Text('rotateKey'.tr()),
+                                          ],
+                                        ),
+                                      ),
                                       PopupMenuItem(
                                         value: 'revoke',
                                         child: Row(
@@ -203,14 +240,18 @@ class BotKeysScreen extends HookConsumerWidget {
                                             const Gap(12),
                                             Text(
                                               'revoke'.tr(),
-                                      style: TextStyle(color: Colors.red),
+                                              style: TextStyle(
+                                                color: Colors.red,
+                                              ),
                                             ),
                                           ],
                                         ),
                                       ),
                                     ],
                                 onSelected: (value) {
-                          if (value == 'revoke') {
+                                  if (value == 'rotate') {
+                                    rotateKey(apiKey.id);
+                                  } else if (value == 'revoke') {
                                     revokeKey(apiKey.id);
                                   }
                                 },
@@ -218,6 +259,9 @@ class BotKeysScreen extends HookConsumerWidget {
                             );
                           },
                         ),
+                      ),
+            ),
+          ],
         );
       },
       loading: () => const Center(child: CircularProgressIndicator()),
@@ -229,9 +273,6 @@ class BotKeysScreen extends HookConsumerWidget {
                   botKeysProvider(publisherName, projectId, botId),
                 ),
           ),
-          ),
-        ),
-      ],
     );
   }
 }