Making login page open SSO authorization on same page, rather than leaving a dead tab.

packages/builder/src/pages/builder/auth/_components/GoogleButton.svelte

@@ -3,6 +3,7 @@
   import GoogleLogo from "assets/google-logo.png"
   import { auth, organisation } from "stores/portal"
 
+  export let samePage
   let show
 
   $: tenantId = $auth.tenantId
@@ -12,8 +13,14 @@
 {#if show}
   <FancyButton
     icon={GoogleLogo}
-    on:click={() =>
+    on:click={() => {
-      window.open(`/api/global/auth/${tenantId}/google`, "_blank")}
+      const url = `/api/global/auth/${tenantId}/google`
+      if (samePage) {
+        window.location = url
+      } else {
+        window.open(url, "_blank")
+      }
+    }}
   >
     Log in with Google
   </FancyButton>

packages/builder/src/pages/builder/auth/_components/OIDCButton.svelte

@@ -9,6 +9,8 @@
   import { oidc, organisation, auth } from "stores/portal"
   import { onMount } from "svelte"
 
+  export let samePage
+
   $: show = $organisation.oidc
 
   let preDefinedIcons = {
@@ -35,11 +37,14 @@
 {#if show}
   <FancyButton
     icon={src}
-    on:click={() =>
+    on:click={() => {
-      window.open(
+      const url = `/api/global/auth/${$auth.tenantId}/oidc/configs/${$oidc.uuid}`
-        `/api/global/auth/${$auth.tenantId}/oidc/configs/${$oidc.uuid}`,
+      if (samePage) {
-        "_blank"
+        window.location = url
-      )}
+      } else {
+        window.open(url, "_blank")
+      }
+    }}
   >
     {`Log in with ${$oidc.name || "OIDC"}`}
   </FancyButton>

packages/builder/src/pages/builder/auth/login.svelte

@@ -78,8 +78,8 @@
       <Layout gap="S" noPadding>
         {#if loaded && ($organisation.google || $organisation.oidc)}
           <FancyForm>
-            <OIDCButton oidcIcon={$oidc.logo} oidcName={$oidc.name} />
+            <OIDCButton oidcIcon={$oidc.logo} oidcName={$oidc.name} samePage />
-            <GoogleButton />
+            <GoogleButton samePage />
           </FancyForm>
         {/if}
         {#if !$organisation.isSSOEnforced}