Make regenerate token dialog work

Author: hhvrc

src/lib/api/internal/v1/apis/HubManagementApi.ts

@@ -210,12 +210,12 @@ export interface HubManagementApiInterface {
      * @throws {RequiredError}
      * @memberof HubManagementApiInterface
      */
-    devicesRegenerateDeviceTokenRaw(requestParameters: DevicesRegenerateDeviceTokenRequest, initOverrides?: RequestInit | runtime.InitOverrideFunction): Promise<runtime.ApiResponse<void>>;
+    devicesRegenerateDeviceTokenRaw(requestParameters: DevicesRegenerateDeviceTokenRequest, initOverrides?: RequestInit | runtime.InitOverrideFunction): Promise<runtime.ApiResponse<string>>;
 
     /**
      * Regenerate a device token
      */
-    devicesRegenerateDeviceToken(deviceId: string, initOverrides?: RequestInit | runtime.InitOverrideFunction): Promise<void>;
+    devicesRegenerateDeviceToken(deviceId: string, initOverrides?: RequestInit | runtime.InitOverrideFunction): Promise<string>;
 
     /**
      * 
@@ -526,7 +526,7 @@ export class HubManagementApi extends runtime.BaseAPI implements HubManagementAp
     /**
      * Regenerate a device token
      */
-    async devicesRegenerateDeviceTokenRaw(requestParameters: DevicesRegenerateDeviceTokenRequest, initOverrides?: RequestInit | runtime.InitOverrideFunction): Promise<runtime.ApiResponse<void>> {
+    async devicesRegenerateDeviceTokenRaw(requestParameters: DevicesRegenerateDeviceTokenRequest, initOverrides?: RequestInit | runtime.InitOverrideFunction): Promise<runtime.ApiResponse<string>> {
         if (requestParameters['deviceId'] == null) {
             throw new runtime.RequiredError(
                 'deviceId',
@@ -549,14 +549,19 @@ export class HubManagementApi extends runtime.BaseAPI implements HubManagementAp
             query: queryParameters,
         }, initOverrides);
 
-        return new runtime.VoidApiResponse(response);
+        if (this.isJsonMime(response.headers.get('content-type'))) {
+            return new runtime.JSONApiResponse<string>(response);
+        } else {
+            return new runtime.TextApiResponse(response) as any;
+        }
     }
 
     /**
      * Regenerate a device token
      */
-    async devicesRegenerateDeviceToken(deviceId: string, initOverrides?: RequestInit | runtime.InitOverrideFunction): Promise<void> {
-        await this.devicesRegenerateDeviceTokenRaw({ deviceId: deviceId }, initOverrides);
+    async devicesRegenerateDeviceToken(deviceId: string, initOverrides?: RequestInit | runtime.InitOverrideFunction): Promise<string> {
+        const response = await this.devicesRegenerateDeviceTokenRaw({ deviceId: deviceId }, initOverrides);
+        return await response.value();
     }
 
     /**

src/routes/(authenticated)/hubs/dialog-hub-regenerate-token.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
   import { hubManagementV1Api } from '$lib/api';
+  import CopyInput from '$lib/components/CopyInput.svelte';
   import { Button } from '$lib/components/ui/button';
   import * as Dialog from '$lib/components/ui/dialog';
   import { handleApiError } from '$lib/errorhandling/apiErrorHandling';
@@ -12,14 +13,12 @@
 
   let { open = $bindable<boolean>(), hub }: Props = $props();
 
-  let confirmed = $state(false);
+  let newToken = $state<string | null>(null);
 
-  function onSubmit() {
+  async function onSubmit() {
     hubManagementV1Api
       .devicesRegenerateDeviceToken(hub.id)
-      .then(() => {
-        confirmed = true;
-      })
+      .then((token) => (newToken = token))
       .catch(handleApiError);
   }
 </script>
@@ -29,7 +28,7 @@
     <Dialog.Header>
       <Dialog.Title>Regenerate Token</Dialog.Title>
       <Dialog.Description>
-        {#if !confirmed}
+        {#if newToken === null}
           Are you sure you want to regenerate the token for <strong>{hub.name}</strong>?<br />
           This will invalidate the current token and generate a new one. Make sure to update any configurations
           that use the old token.<br />
@@ -40,10 +39,12 @@
         {/if}
       </Dialog.Description>
     </Dialog.Header>
-    {#if !confirmed}
+    {#if newToken === null}
       <Button onclick={onSubmit}>Regenerate Token</Button>
     {:else}
-      <p class="text-sm text-muted-foreground">New token: {'AAA'}</p>
+      <span class="text-sm text-muted-foreground"> The new token is: </span>
+      <CopyInput class="max-w-40" value={newToken} />
+      <Button onclick={() => (open = false)}>Close</Button>
     {/if}
   </Dialog.Content>
 </Dialog.Root>