Add client id to frontegg app

packages/react-ui/src/app/lib/frontegg-setup.ts

@@ -5,17 +5,38 @@ export const additionalFronteggParams = {
   prompt: 'select_account',
 };
 
-export function initializeFrontegg(url: string, tenant?: string): FronteggApp {
-  const tenantResolver = tenant ? () => ({ tenant }) : undefined;
+let fronteggApp: FronteggApp | null = null;
+
+type Options = {
+  url: string;
+  clientId?: string;
+  tenant?: string;
+};
 
-  return initialize({
+export function initializeFrontegg({
+  url,
+  clientId,
+  tenant,
+}: Options): FronteggApp {
+  if (fronteggApp) {
+    return fronteggApp;
+  }
+  const tenantResolver = tenant ? () => ({ tenant }) : undefined;
+  const options = {
     contextOptions: {
       baseUrl: url,
+      clientId,
       tenantResolver,
     },
     authOptions: {
       keepSessionAlive: true,
     },
     hostedLoginBox: true,
-  });
+  };
+  fronteggApp = initialize(options);
+  return fronteggApp;
+}
+
+export function getFronteggApp(): FronteggApp | null {
+  return fronteggApp;
 }

packages/react-ui/src/app/routes/cloud-connection/cloud-connection-page.tsx

@@ -43,7 +43,7 @@ const CloudConnectionPage = () => {
       return;
     }
 
-    const app = initializeFrontegg(FRONTEGG_URL as string);
+    const app = initializeFrontegg({ url: FRONTEGG_URL as string });
 
     app.ready(() => {
       app.store.subscribe(() => {

packages/react-ui/src/app/routes/cloud-connection/cloud-logout-page.tsx

@@ -37,7 +37,7 @@ const CloudLogoutPage = () => {
       return;
     }
 
-    const app = initializeFrontegg(FRONTEGG_URL as string);
+    const app = initializeFrontegg({ url: FRONTEGG_URL as string });
 
     Cookies.remove('cloud-token');
     Cookies.remove('cloud-refresh-token');