API Products, Products

Author: simonredfern

src/hooks.server.ts

@@ -11,6 +11,8 @@ import { oauth2ProviderManager } from "$lib/oauth/providerManager";
 import { SessionOAuthHelper } from "$lib/oauth/sessionHelper";
 import { resourceDocsCache } from "$lib/stores/resourceDocsCache";
 
+declare const process: { env: Record<string, string | undefined>; argv: string[] };
+
 // Constants
 const DEFAULT_PORT = 3003;
 

src/lib/components/OpeyChat.svelte

@@ -541,39 +541,22 @@
 	{#if options.displayConnectionPips}
 		<div class="flex flex-col items-center">
 			<!-- Connection Pip with Tooltip -->
-			<Tooltip
-				classes="z-10"
-				positioning={{ placement: 'top' }}
-				contentBase="card bg-primary-200-800 text-xs p-1"
-				arrowBackground="var(--color-primary-200-800)"
-				arrow
-			>
-				<!-- Added z-10 for higher stacking -->
-				{#snippet trigger()}
+			<Tooltip positioning={{ placement: 'top' }}>
+				<Tooltip.Trigger>
 					<div class="badge-icon {connectionPipColor} h-3 w-3">
 						<ShieldUserIcon size={12} />
 					</div>
-				{/snippet}
-				{#snippet content()}Opey Connection Status: {connectionStatusString}{/snippet}
+				</Tooltip.Trigger>
+				<Tooltip.Content>Opey Connection Status: {connectionStatusString}</Tooltip.Content>
 			</Tooltip>
 			<!-- Authentication Pip with Tooltip -->
-			<Tooltip
-				classes="z-10"
-				open={authPipOpenState}
-				contentBase="card bg-primary-200-800 text-xs p-1"
-				arrowBackground="var(--color-primary-200-800)"
-				onclick={() => {
-					authPipOpenState = !authPipOpenState;
-				}}
-				arrow
-			>
-				<!-- Added z-10 for higher stacking -->
-				{#snippet trigger()}
+			<Tooltip open={authPipOpenState}>
+				<Tooltip.Trigger>
 					<div class="badge-icon {authPipColor} h-3 w-3">
 						<ShieldUserIcon size={12} />
 					</div>
-				{/snippet}
-				{#snippet content()}
+				</Tooltip.Trigger>
+				<Tooltip.Content>
 					{#if session.status === 'loading'}
 						Authenticating...
 					{:else if session.status === 'error'}
@@ -590,7 +573,7 @@
 					{:else}
 						Not Authenticated
 					{/if}
-				{/snippet}
+				</Tooltip.Content>
 			</Tooltip>
 			<!-- {#if !session.isAuthenticated}
 				<button class="btn btn-sm btn-primary" onclick={upgradeSession} disabled={session.status === 'loading'}>

src/lib/config.ts

@@ -1,6 +1,8 @@
 import { env } from "$env/dynamic/public";
 import { browser } from "$app/environment";
 
+declare const process: { env: Record<string, string | undefined>; argv: string[] };
+
 // Application configuration interface
 export interface AppConfiguration {
   obp: {
@@ -197,8 +199,7 @@ export const configHelpers = {
   },
 };
 
-// Export types for external use
-export type { AppConfiguration };
+// AppConfiguration is already exported at its definition above
 
 // Constants for common use
 export const OBP_HOST = config.obp.host;

src/lib/config/navigation.ts

@@ -28,6 +28,7 @@ import {
   Package,
   CircleHelp,
   Rocket,
+  Banknote,
 } from "@lucide/svelte";
 import { env } from "$env/dynamic/public";
 
@@ -365,6 +366,11 @@ export function getActiveDynamicEndpointsMenuItem(pathname: string) {
 function buildProductsItems(): NavigationItem[] {
   const items: NavigationItem[] = [
     { href: "/products", label: "API Products", iconComponent: Package },
+    {
+      href: "/products/financial",
+      label: "Financial Products",
+      iconComponent: Banknote,
+    },
     {
       href: "/products/collections",
       label: "Product Collections",
@@ -384,7 +390,10 @@ export function getActiveProductsMenuItem(pathname: string) {
     if (item.external) {
       return false;
     }
-    return pathname.startsWith(item.href);
+    if (item.href === "/products" && pathname === "/products") {
+      return true;
+    }
+    return pathname.startsWith(item.href) && item.href !== "/products";
   });
 
   return found || productsItems[0];

src/lib/oauth/client.ts

@@ -9,11 +9,13 @@ import { jwtDecode } from "jwt-decode";
 
 export class OAuth2ClientWithConfig extends OAuth2Client {
   OIDCConfig?: OpenIdConnectConfiguration;
+  private _redirectURI: string;
+  private _clientSecret: string;
 
   constructor(clientId: string, clientSecret: string, redirectUri: string) {
     super(clientId, clientSecret, redirectUri);
-
-    // get the OIDC configuration from the well-known URL if provided
+    this._redirectURI = redirectUri;
+    this._clientSecret = clientSecret;
   }
 
   async initOIDCConfig(OIDCConfigUrl: string): Promise<void> {
@@ -94,11 +96,11 @@ export class OAuth2ClientWithConfig extends OAuth2Client {
     const body = new URLSearchParams();
     body.set("grant_type", "authorization_code");
     body.set("code", code);
-    body.set("redirect_uri", this.redirectURI);
+    body.set("redirect_uri", this._redirectURI);
     body.set("client_id", this.clientId);
 
-    if (this.clientSecret) {
-      body.set("client_secret", this.clientSecret);
+    if (this._clientSecret) {
+      body.set("client_secret", this._clientSecret);
     }
 
     if (codeVerifier) {

src/lib/oauth/providerFactory.ts

@@ -30,9 +30,9 @@ class KeyCloakStrategy implements OAuth2ProviderStrategy {
 
   async initialize(config: WellKnownUri): Promise<OAuth2ClientWithConfig> {
     const client = new OAuth2ClientWithConfig(
-      env.KEYCLOAK_OAUTH_CLIENT_ID,
-      env.KEYCLOAK_OAUTH_CLIENT_SECRET,
-      env.APP_CALLBACK_URL,
+      env.KEYCLOAK_OAUTH_CLIENT_ID || "",
+      env.KEYCLOAK_OAUTH_CLIENT_SECRET || "",
+      env.APP_CALLBACK_URL || "",
     );
 
     await client.initOIDCConfig(config.url);

src/lib/oauth/providerManager.ts

@@ -26,9 +26,9 @@ class OAuth2ProviderManager {
     ready: false,
     providers: [],
   };
-  private retryIntervalId: NodeJS.Timeout | null = null;
+  private retryIntervalId: ReturnType<typeof setInterval> | null = null;
   private retryIntervalMs: number = 30000; // Retry every 30 seconds
-  private refreshIntervalId: NodeJS.Timeout | null = null;
+  private refreshIntervalId: ReturnType<typeof setInterval> | null = null;
   private refreshIntervalMs: number = 60000; // Refresh provider status every 60 seconds
   private definedProviders: string[] = [];
 

src/lib/opey/services/OBPIntegrationService.ts

@@ -134,5 +134,5 @@ export class DefaultOBPIntegrationService implements OBPIntegrationService {
 }
 
 export const obpIntegrationService = new DefaultOBPIntegrationService(
-  env.OPEY_CONSUMER_ID,
+  env.OPEY_CONSUMER_ID || "",
 );

src/routes/(protected)/account-access/system-views/[view_id]/edit/+page.svelte

@@ -83,15 +83,15 @@
       if (grantAccessViews.trim()) {
         requestBody.can_grant_access_to_views = grantAccessViews
           .split(",")
-          .map((v) => v.trim())
-          .filter((v) => v);
+          .map((v: string) => v.trim())
+          .filter((v: string) => v);
       }
 
       if (revokeAccessViews.trim()) {
         requestBody.can_revoke_access_to_views = revokeAccessViews
           .split(",")
-          .map((v) => v.trim())
-          .filter((v) => v);
+          .map((v: string) => v.trim())
+          .filter((v: string) => v);
       }
 
       const response = await fetch(`/api/system-views/${data.view?.view_id}`, {

src/routes/(protected)/consumers/+page.svelte

@@ -3,7 +3,7 @@
 
   let { data } = $props();
   const consumers = data.consumers;
-  const errorMessage = data.errorMessage;
+  const errorMessage = data.error;
   const userEntitlements = data.userEntitlements || [];
   const requiredRoles = data.requiredRoles || [];