Fetch identity info data in load function (#3464)

* Add auth method to authentication state.

* Identity data in load function.

* Identity data in load function.

Author: sea-snake

src/frontend/src/routes/(new-styling)/login/+page.svelte

@@ -15,7 +15,7 @@
   import { AuthLastUsedFlow } from "$lib/flows/authLastUsedFlow.svelte";
   import Header from "$lib/components/layout/Header.svelte";
   import Footer from "$lib/components/layout/Footer.svelte";
-  import { goto } from "$app/navigation";
+  import { goto, preloadData } from "$app/navigation";
   import ProgressRing from "$lib/components/ui/ProgressRing.svelte";
   import { AuthWizard } from "$lib/components/wizards/auth";
   import type { PageProps } from "./$types";
@@ -30,23 +30,30 @@
 
   const { data }: PageProps = $props();
 
-  const gotoNext = () => goto(data.next ?? "/manage", { replaceState: true });
+  let redirectingIdentity = $state<bigint>();
 
+  // Show loading indicator until load function of next page has been preloaded
+  const gotoNext = async (identityNumber: bigint) => {
+    redirectingIdentity = identityNumber;
+    const next = data.next ?? "/manage";
+    await preloadData(next);
+    await goto(next, { replaceState: true });
+  };
   const onMigration = async (identityNumber: bigint) => {
     lastUsedIdentitiesStore.selectIdentity(identityNumber);
     toaster.success({
       title: $t`Migration completed successfully`,
       duration: 4000,
     });
     isAuthDialogOpen = false;
-    await goto("/manage");
+    await gotoNext(identityNumber);
   };
   const onSignIn = async (identityNumber: bigint) => {
     lastUsedIdentitiesStore.selectIdentity(identityNumber);
     isAuthDialogOpen = false;
     authenticationV2Funnel.trigger(AuthenticationV2Events.GoToDashboard);
     authenticationV2Funnel.close();
-    await gotoNext();
+    await gotoNext(identityNumber);
   };
   const onSignUp = async (identityNumber: bigint) => {
     toaster.success({
@@ -57,7 +64,7 @@
     isAuthDialogOpen = false;
     authenticationV2Funnel.trigger(AuthenticationV2Events.GoToDashboard);
     authenticationV2Funnel.close();
-    await gotoNext();
+    await gotoNext(identityNumber);
   };
 
   const lastUsedIdentities = $derived(
@@ -111,10 +118,12 @@
               <li class="contents">
                 <ButtonCard
                   onclick={() => handleContinueAs(identity)}
-                  disabled={nonNullish(authLastUsedFlow.authenticatingIdentity)}
+                  disabled={nonNullish(
+                    authLastUsedFlow.authenticatingIdentity,
+                  ) || nonNullish(redirectingIdentity)}
                 >
                   <Avatar size="sm">
-                    {#if identity.identityNumber === authLastUsedFlow.authenticatingIdentity}
+                    {#if identity.identityNumber === authLastUsedFlow.authenticatingIdentity || identity.identityNumber === redirectingIdentity}
                       <ProgressRing />
                     {:else}
                       <UserIcon class="size-5" />
@@ -134,7 +143,8 @@
           </ul>
           <ButtonCard
             onclick={() => (isAuthDialogOpen = true)}
-            disabled={nonNullish(authLastUsedFlow.authenticatingIdentity)}
+            disabled={nonNullish(authLastUsedFlow.authenticatingIdentity) ||
+              nonNullish(redirectingIdentity)}
           >
             <FeaturedIcon size="sm">
               <PlusIcon class="size-5" />

src/frontend/src/routes/(new-styling)/manage/(authenticated)/access-new/+layout.ts

@@ -0,0 +1,33 @@
+import type { LayoutLoad } from "./$types";
+import { redirect } from "@sveltejs/kit";
+import { get } from "svelte/store";
+import { authenticationStore } from "$lib/stores/authentication.store";
+import { lastUsedIdentitiesStore } from "$lib/stores/last-used-identities.store";
+import { isNullish } from "@dfinity/utils";
+import { throwCanisterError } from "$lib/utils/utils";
+
+// This load function will later move to /manage root
+export const load: LayoutLoad = async ({ url }) => {
+  const authentication = get(authenticationStore);
+  const selectedIdentity = get(lastUsedIdentitiesStore).selected;
+  if (
+    isNullish(authentication) ||
+    isNullish(selectedIdentity) ||
+    authentication.identityNumber !== selectedIdentity.identityNumber
+  ) {
+    // Add original target URL as next search param,
+    // if it's not the default target URL (/manage).
+    const next = url.pathname + url.search;
+    const location = new URL("/login", url.origin);
+    if (next !== "/manage") {
+      location.searchParams.set("next", next);
+    }
+    throw redirect(307, location);
+  }
+
+  const identityInfo = await authentication.actor
+    .identity_info(selectedIdentity.identityNumber)
+    .then(throwCanisterError);
+
+  return { identityInfo, identityNumber: selectedIdentity.identityNumber };
+};

src/frontend/src/routes/(new-styling)/manage/(authenticated)/access-new/+page.svelte

@@ -0,0 +1,3 @@
+<script lang="ts">
+  // Placeholder until next PR(s)
+</script>